/* _content/OzturkIzolasyon/Views/Home/AdapazariIzolasyonBlog.cshtml.rz.scp.css */
/* ==========================================
   Blog Page Styles
   ========================================== */

/* Page Hero Section */
.page-hero[b-58hn9kchfy] {
    position: relative;
    height: 280px;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    padding-bottom: 40px;
}

.page-hero[b-58hn9kchfy]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.page-hero-overlay[b-58hn9kchfy] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
}

.page-hero-content[b-58hn9kchfy] {
    position: relative;
    z-index: 1;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-58hn9kchfy] {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.page-hero-content p[b-58hn9kchfy] {
    font-size: 1.25rem;
    margin-bottom: 2rem;
    opacity: 0.95;
}

.breadcrumb[b-58hn9kchfy] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    opacity: 0.9;
}

.breadcrumb a[b-58hn9kchfy] {
    color: var(--white);
    transition: opacity 0.3s ease;
}

.breadcrumb a:hover[b-58hn9kchfy] {
    opacity: 0.8;
}

.breadcrumb i[b-58hn9kchfy] {
    font-size: 0.75rem;
}

/* Blog Main Section */
.blog-main-section[b-58hn9kchfy] {
    padding: 80px 0;
    background-color: #f9fafb;
}

.blog-layout[b-58hn9kchfy] {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 40px;
}

/* Blog Content */
.blog-content[b-58hn9kchfy] {
    background: var(--white);
}

/* Featured Blog Post */
.featured-blog-post[b-58hn9kchfy] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    margin-bottom: 60px;
}

.featured-blog-image[b-58hn9kchfy] {
    position: relative;
    height: 500px;
    overflow: hidden;
}

.featured-blog-image img[b-58hn9kchfy] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.featured-blog-post:hover .featured-blog-image img[b-58hn9kchfy] {
    transform: scale(1.05);
}

.blog-category[b-58hn9kchfy] {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--primary-color);
    color: var(--white);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    z-index: 2;
}

.featured-blog-content[b-58hn9kchfy] {
    padding: 40px;
}

.blog-meta[b-58hn9kchfy] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    font-size: 0.875rem;
    color: #6b7280;
    flex-wrap: wrap;
}

.blog-meta span[b-58hn9kchfy] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.blog-meta i[b-58hn9kchfy] {
    color: var(--primary-color);
}

.featured-blog-content h2[b-58hn9kchfy] {
    font-size: 2.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    line-height: 1.3;
}

.blog-excerpt[b-58hn9kchfy] {
    font-size: 1.125rem;
    color: #4b5563;
    margin-bottom: 20px;
    line-height: 1.8;
    font-weight: 500;
}

.featured-blog-content p[b-58hn9kchfy] {
    font-size: 1rem;
    color: var(--text-color);
    margin-bottom: 20px;
    line-height: 1.8;
}

.featured-blog-content h3[b-58hn9kchfy] {
    font-size: 1.75rem;
    color: var(--dark-color);
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 600;
}

/* Blog List */
.blog-list[b-58hn9kchfy] {
    list-style: none;
    margin: 30px 0;
}

.blog-list li[b-58hn9kchfy] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-color);
}

.blog-list i[b-58hn9kchfy] {
    color: #10b981;
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.blog-list strong[b-58hn9kchfy] {
    color: var(--dark-color);
}

/* Blog Steps */
.blog-steps[b-58hn9kchfy] {
    margin: 30px 0;
}

.step-item[b-58hn9kchfy] {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    padding: 25px;
    background: #f9fafb;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.step-number[b-58hn9kchfy] {
    width: 50px;
    height: 50px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    flex-shrink: 0;
}

.step-content h4[b-58hn9kchfy] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 8px;
}

.step-content p[b-58hn9kchfy] {
    margin: 0;
    color: var(--text-color);
}

/* Blog Sectors */
.blog-sectors[b-58hn9kchfy] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 30px 0;
}

.sector-tag[b-58hn9kchfy] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid rgba(30, 64, 175, 0.2);
}

.sector-tag i[b-58hn9kchfy] {
    font-size: 1rem;
}

/* Blog Highlight */
.blog-highlight[b-58hn9kchfy] {
    display: flex;
    gap: 20px;
    padding: 30px;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-radius: 12px;
    margin: 40px 0;
    border-left: 4px solid #f59e0b;
}

.blog-highlight i[b-58hn9kchfy] {
    font-size: 2rem;
    color: #f59e0b;
    flex-shrink: 0;
}

.blog-highlight h4[b-58hn9kchfy] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 10px;
}

.blog-highlight p[b-58hn9kchfy] {
    margin: 0;
    color: #78350f;
}

/* Blog Tags */
.blog-tags[b-58hn9kchfy] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 40px 0;
    padding-top: 30px;
    border-top: 1px solid var(--border-color);
}

.blog-tags .tag[b-58hn9kchfy] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.blog-tags .tag:hover[b-58hn9kchfy] {
    background: var(--primary-color);
    color: var(--white);
}

.blog-tags .tag i[b-58hn9kchfy] {
    font-size: 0.75rem;
}

/* Blog Share */
.blog-share[b-58hn9kchfy] {
    padding: 30px 0;
    border-top: 1px solid var(--border-color);
}

.blog-share h4[b-58hn9kchfy] {
    font-size: 1.125rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.share-buttons[b-58hn9kchfy] {
    display: flex;
    gap: 12px;
}

.share-btn[b-58hn9kchfy] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    transition: all 0.3s ease;
    font-size: 1.125rem;
}

.share-btn:hover[b-58hn9kchfy] {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.share-btn.facebook[b-58hn9kchfy] {
    background: #1877f2;
}

.share-btn.twitter[b-58hn9kchfy] {
    background: #1da1f2;
}

.share-btn.linkedin[b-58hn9kchfy] {
    background: #0077b5;
}

.share-btn.whatsapp[b-58hn9kchfy] {
    background: #25d366;
}

/* More Posts Section */
.more-posts-section[b-58hn9kchfy] {
    margin-top: 60px;
}

.section-title[b-58hn9kchfy] {
    font-size: 2rem;
    color: var(--dark-color);
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid var(--primary-color);
    display: inline-block;
}

.blog-posts-grid[b-58hn9kchfy] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
}

.blog-post-card[b-58hn9kchfy] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.blog-post-card:hover[b-58hn9kchfy] {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.blog-post-image[b-58hn9kchfy] {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.blog-post-image img[b-58hn9kchfy] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.blog-post-card:hover .blog-post-image img[b-58hn9kchfy] {
    transform: scale(1.1);
}

.blog-post-content[b-58hn9kchfy] {
    padding: 25px;
}

.blog-post-content h3[b-58hn9kchfy] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 12px;
    line-height: 1.4;
}

.blog-post-content p[b-58hn9kchfy] {
    font-size: 0.95rem;
    color: var(--text-color);
    margin-bottom: 15px;
    line-height: 1.6;
}

.read-more-btn[b-58hn9kchfy] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.95rem;
    transition: gap 0.3s ease;
}

.read-more-btn:hover[b-58hn9kchfy] {
    gap: 12px;
}

/* Sidebar */
.blog-sidebar[b-58hn9kchfy] {
    position: sticky;
    top: 100px;
    height: fit-content;
}

.sidebar-widget[b-58hn9kchfy] {
    background: var(--white);
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.sidebar-widget h3[b-58hn9kchfy] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--border-color);
}

/* Search Widget */
.search-form[b-58hn9kchfy] {
    position: relative;
    display: flex;
}

.search-form input[b-58hn9kchfy] {
    width: 100%;
    padding: 12px 50px 12px 15px;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    font-size: 0.95rem;
    transition: border-color 0.3s ease;
}

.search-form input:focus[b-58hn9kchfy] {
    outline: none;
    border-color: var(--primary-color);
}

.search-form button[b-58hn9kchfy] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

.search-form button:hover[b-58hn9kchfy] {
    background: #1e3a8a;
}

/* Categories Widget */
.categories-list[b-58hn9kchfy] {
    list-style: none;
}

.categories-list li[b-58hn9kchfy] {
    margin-bottom: 12px;
}

.categories-list a[b-58hn9kchfy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    background: #f9fafb;
    border-radius: 8px;
    color: var(--text-color);
    transition: all 0.3s ease;
}

.categories-list a:hover[b-58hn9kchfy] {
    background: var(--primary-color);
    color: var(--white);
    transform: translateX(5px);
}

.categories-list i[b-58hn9kchfy] {
    margin-right: 10px;
    color: var(--primary-color);
    transition: color 0.3s ease;
}

.categories-list a:hover i[b-58hn9kchfy] {
    color: var(--white);
}

.categories-list span[b-58hn9kchfy] {
    font-size: 0.875rem;
    opacity: 0.8;
}

/* Recent Posts Widget */
.recent-posts-list[b-58hn9kchfy] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.recent-post-item[b-58hn9kchfy] {
    display: flex;
    gap: 15px;
    padding: 12px;
    border-radius: 8px;
    transition: background 0.3s ease;
}

.recent-post-item:hover[b-58hn9kchfy] {
    background: #f9fafb;
}

.recent-post-item img[b-58hn9kchfy] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.recent-post-info h4[b-58hn9kchfy] {
    font-size: 0.95rem;
    color: var(--dark-color);
    margin-bottom: 6px;
    line-height: 1.4;
}

.post-date[b-58hn9kchfy] {
    font-size: 0.8rem;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Tags Widget */
.tags-cloud[b-58hn9kchfy] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag-item[b-58hn9kchfy] {
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.tag-item:hover[b-58hn9kchfy] {
    background: var(--primary-color);
    color: var(--white);
}

/* CTA Widget */
.cta-widget[b-58hn9kchfy] {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    color: var(--white);
}

.cta-widget h3[b-58hn9kchfy] {
    color: var(--white);
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.cta-content[b-58hn9kchfy] {
    text-align: center;
}

.cta-content i[b-58hn9kchfy] {
    font-size: 3rem;
    margin-bottom: 15px;
    opacity: 0.9;
}

.cta-content p[b-58hn9kchfy] {
    margin-bottom: 20px;
    opacity: 0.95;
}

.cta-btn[b-58hn9kchfy] {
    display: inline-block;
    padding: 12px 30px;
    background: var(--white);
    color: var(--primary-color);
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.cta-btn:hover[b-58hn9kchfy] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .blog-layout[b-58hn9kchfy] {
        grid-template-columns: 1fr;
    }

    .blog-sidebar[b-58hn9kchfy] {
        position: static;
    }

    .sidebar-widget[b-58hn9kchfy] {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .page-hero[b-58hn9kchfy] {
        height: 220px;
        padding-bottom: 30px;
    }

    .page-hero-content h1[b-58hn9kchfy] {
        font-size: 2rem;
    }

    .page-hero-content p[b-58hn9kchfy] {
        font-size: 1rem;
    }

    .blog-main-section[b-58hn9kchfy] {
        padding: 40px 0;
    }

    .featured-blog-image[b-58hn9kchfy] {
        height: 300px;
    }

    .featured-blog-content[b-58hn9kchfy] {
        padding: 25px;
    }

    .featured-blog-content h2[b-58hn9kchfy] {
        font-size: 1.75rem;
    }

    .featured-blog-content h3[b-58hn9kchfy] {
        font-size: 1.5rem;
    }

    .blog-posts-grid[b-58hn9kchfy] {
        grid-template-columns: 1fr;
    }

    .blog-meta[b-58hn9kchfy] {
        gap: 15px;
    }

    .step-item[b-58hn9kchfy] {
        flex-direction: column;
        align-items: flex-start;
    }

    .blog-sectors[b-58hn9kchfy] {
        gap: 8px;
    }

    .sector-tag[b-58hn9kchfy] {
        font-size: 0.8rem;
        padding: 8px 15px;
    }

    .blog-highlight[b-58hn9kchfy] {
        flex-direction: column;
    }

    .share-buttons[b-58hn9kchfy] {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .page-hero-content h1[b-58hn9kchfy] {
        font-size: 1.5rem;
    }

    .featured-blog-content h2[b-58hn9kchfy] {
        font-size: 1.5rem;
    }

    .featured-blog-content[b-58hn9kchfy] {
        padding: 20px;
    }

    .sidebar-widget[b-58hn9kchfy] {
        padding: 20px;
    }

    .blog-meta[b-58hn9kchfy] {
        font-size: 0.8rem;
        gap: 10px;
    }
}

/* _content/OzturkIzolasyon/Views/Home/AnkaraIzolasyonBlog.cshtml.rz.scp.css */
/* ==========================================
   Blog Page Styles
   ========================================== */

/* Page Hero Section */
.page-hero[b-6hoyqcto18] {
    position: relative;
    height: 280px;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    padding-bottom: 40px;
}

.page-hero[b-6hoyqcto18]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.page-hero-overlay[b-6hoyqcto18] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
}

.page-hero-content[b-6hoyqcto18] {
    position: relative;
    z-index: 1;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-6hoyqcto18] {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.page-hero-content p[b-6hoyqcto18] {
    font-size: 1.25rem;
    margin-bottom: 2rem;
    opacity: 0.95;
}

.breadcrumb[b-6hoyqcto18] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    opacity: 0.9;
}

.breadcrumb a[b-6hoyqcto18] {
    color: var(--white);
    transition: opacity 0.3s ease;
}

.breadcrumb a:hover[b-6hoyqcto18] {
    opacity: 0.8;
}

.breadcrumb i[b-6hoyqcto18] {
    font-size: 0.75rem;
}

/* Blog Main Section */
.blog-main-section[b-6hoyqcto18] {
    padding: 80px 0;
    background-color: #f9fafb;
}

.blog-layout[b-6hoyqcto18] {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 40px;
}

/* Blog Content */
.blog-content[b-6hoyqcto18] {
    background: var(--white);
}

/* Featured Blog Post */
.featured-blog-post[b-6hoyqcto18] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    margin-bottom: 60px;
}

.featured-blog-image[b-6hoyqcto18] {
    position: relative;
    height: 500px;
    overflow: hidden;
}

.featured-blog-image img[b-6hoyqcto18] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.featured-blog-post:hover .featured-blog-image img[b-6hoyqcto18] {
    transform: scale(1.05);
}

.blog-category[b-6hoyqcto18] {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--primary-color);
    color: var(--white);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    z-index: 2;
}

.featured-blog-content[b-6hoyqcto18] {
    padding: 40px;
}

.blog-meta[b-6hoyqcto18] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    font-size: 0.875rem;
    color: #6b7280;
    flex-wrap: wrap;
}

.blog-meta span[b-6hoyqcto18] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.blog-meta i[b-6hoyqcto18] {
    color: var(--primary-color);
}

.featured-blog-content h2[b-6hoyqcto18] {
    font-size: 2.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    line-height: 1.3;
}

.blog-excerpt[b-6hoyqcto18] {
    font-size: 1.125rem;
    color: #4b5563;
    margin-bottom: 20px;
    line-height: 1.8;
    font-weight: 500;
}

.featured-blog-content p[b-6hoyqcto18] {
    font-size: 1rem;
    color: var(--text-color);
    margin-bottom: 20px;
    line-height: 1.8;
}

.featured-blog-content h3[b-6hoyqcto18] {
    font-size: 1.75rem;
    color: var(--dark-color);
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 600;
}

/* Blog List */
.blog-list[b-6hoyqcto18] {
    list-style: none;
    margin: 30px 0;
}

.blog-list li[b-6hoyqcto18] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-color);
}

.blog-list i[b-6hoyqcto18] {
    color: #10b981;
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.blog-list strong[b-6hoyqcto18] {
    color: var(--dark-color);
}

/* Blog Steps */
.blog-steps[b-6hoyqcto18] {
    margin: 30px 0;
}

.step-item[b-6hoyqcto18] {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    padding: 25px;
    background: #f9fafb;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.step-number[b-6hoyqcto18] {
    width: 50px;
    height: 50px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    flex-shrink: 0;
}

.step-content h4[b-6hoyqcto18] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 8px;
}

.step-content p[b-6hoyqcto18] {
    margin: 0;
    color: var(--text-color);
}

/* Blog Sectors */
.blog-sectors[b-6hoyqcto18] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 30px 0;
}

.sector-tag[b-6hoyqcto18] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid rgba(30, 64, 175, 0.2);
}

.sector-tag i[b-6hoyqcto18] {
    font-size: 1rem;
}

/* Blog Highlight */
.blog-highlight[b-6hoyqcto18] {
    display: flex;
    gap: 20px;
    padding: 30px;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-radius: 12px;
    margin: 40px 0;
    border-left: 4px solid #f59e0b;
}

.blog-highlight i[b-6hoyqcto18] {
    font-size: 2rem;
    color: #f59e0b;
    flex-shrink: 0;
}

.blog-highlight h4[b-6hoyqcto18] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 10px;
}

.blog-highlight p[b-6hoyqcto18] {
    margin: 0;
    color: #78350f;
}

/* Blog Tags */
.blog-tags[b-6hoyqcto18] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 40px 0;
    padding-top: 30px;
    border-top: 1px solid var(--border-color);
}

.blog-tags .tag[b-6hoyqcto18] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.blog-tags .tag:hover[b-6hoyqcto18] {
    background: var(--primary-color);
    color: var(--white);
}

.blog-tags .tag i[b-6hoyqcto18] {
    font-size: 0.75rem;
}

/* Blog Share */
.blog-share[b-6hoyqcto18] {
    padding: 30px 0;
    border-top: 1px solid var(--border-color);
}

.blog-share h4[b-6hoyqcto18] {
    font-size: 1.125rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.share-buttons[b-6hoyqcto18] {
    display: flex;
    gap: 12px;
}

.share-btn[b-6hoyqcto18] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    transition: all 0.3s ease;
    font-size: 1.125rem;
}

.share-btn:hover[b-6hoyqcto18] {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.share-btn.facebook[b-6hoyqcto18] {
    background: #1877f2;
}

.share-btn.twitter[b-6hoyqcto18] {
    background: #1da1f2;
}

.share-btn.linkedin[b-6hoyqcto18] {
    background: #0077b5;
}

.share-btn.whatsapp[b-6hoyqcto18] {
    background: #25d366;
}

/* More Posts Section */
.more-posts-section[b-6hoyqcto18] {
    margin-top: 60px;
}

.section-title[b-6hoyqcto18] {
    font-size: 2rem;
    color: var(--dark-color);
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid var(--primary-color);
    display: inline-block;
}

.blog-posts-grid[b-6hoyqcto18] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
}

.blog-post-card[b-6hoyqcto18] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.blog-post-card:hover[b-6hoyqcto18] {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.blog-post-image[b-6hoyqcto18] {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.blog-post-image img[b-6hoyqcto18] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.blog-post-card:hover .blog-post-image img[b-6hoyqcto18] {
    transform: scale(1.1);
}

.blog-post-content[b-6hoyqcto18] {
    padding: 25px;
}

.blog-post-content h3[b-6hoyqcto18] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 12px;
    line-height: 1.4;
}

.blog-post-content p[b-6hoyqcto18] {
    font-size: 0.95rem;
    color: var(--text-color);
    margin-bottom: 15px;
    line-height: 1.6;
}

.read-more-btn[b-6hoyqcto18] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.95rem;
    transition: gap 0.3s ease;
}

.read-more-btn:hover[b-6hoyqcto18] {
    gap: 12px;
}

/* Sidebar */
.blog-sidebar[b-6hoyqcto18] {
    position: sticky;
    top: 100px;
    height: fit-content;
}

.sidebar-widget[b-6hoyqcto18] {
    background: var(--white);
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.sidebar-widget h3[b-6hoyqcto18] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--border-color);
}

/* Search Widget */
.search-form[b-6hoyqcto18] {
    position: relative;
    display: flex;
}

.search-form input[b-6hoyqcto18] {
    width: 100%;
    padding: 12px 50px 12px 15px;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    font-size: 0.95rem;
    transition: border-color 0.3s ease;
}

.search-form input:focus[b-6hoyqcto18] {
    outline: none;
    border-color: var(--primary-color);
}

.search-form button[b-6hoyqcto18] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

.search-form button:hover[b-6hoyqcto18] {
    background: #1e3a8a;
}

/* Categories Widget */
.categories-list[b-6hoyqcto18] {
    list-style: none;
}

.categories-list li[b-6hoyqcto18] {
    margin-bottom: 12px;
}

.categories-list a[b-6hoyqcto18] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    background: #f9fafb;
    border-radius: 8px;
    color: var(--text-color);
    transition: all 0.3s ease;
}

.categories-list a:hover[b-6hoyqcto18] {
    background: var(--primary-color);
    color: var(--white);
    transform: translateX(5px);
}

.categories-list i[b-6hoyqcto18] {
    margin-right: 10px;
    color: var(--primary-color);
    transition: color 0.3s ease;
}

.categories-list a:hover i[b-6hoyqcto18] {
    color: var(--white);
}

.categories-list span[b-6hoyqcto18] {
    font-size: 0.875rem;
    opacity: 0.8;
}

/* Recent Posts Widget */
.recent-posts-list[b-6hoyqcto18] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.recent-post-item[b-6hoyqcto18] {
    display: flex;
    gap: 15px;
    padding: 12px;
    border-radius: 8px;
    transition: background 0.3s ease;
}

.recent-post-item:hover[b-6hoyqcto18] {
    background: #f9fafb;
}

.recent-post-item img[b-6hoyqcto18] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.recent-post-info h4[b-6hoyqcto18] {
    font-size: 0.95rem;
    color: var(--dark-color);
    margin-bottom: 6px;
    line-height: 1.4;
}

.post-date[b-6hoyqcto18] {
    font-size: 0.8rem;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Tags Widget */
.tags-cloud[b-6hoyqcto18] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag-item[b-6hoyqcto18] {
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.tag-item:hover[b-6hoyqcto18] {
    background: var(--primary-color);
    color: var(--white);
}

/* CTA Widget */
.cta-widget[b-6hoyqcto18] {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    color: var(--white);
}

.cta-widget h3[b-6hoyqcto18] {
    color: var(--white);
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.cta-content[b-6hoyqcto18] {
    text-align: center;
}

.cta-content i[b-6hoyqcto18] {
    font-size: 3rem;
    margin-bottom: 15px;
    opacity: 0.9;
}

.cta-content p[b-6hoyqcto18] {
    margin-bottom: 20px;
    opacity: 0.95;
}

.cta-btn[b-6hoyqcto18] {
    display: inline-block;
    padding: 12px 30px;
    background: var(--white);
    color: var(--primary-color);
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.cta-btn:hover[b-6hoyqcto18] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .blog-layout[b-6hoyqcto18] {
        grid-template-columns: 1fr;
    }

    .blog-sidebar[b-6hoyqcto18] {
        position: static;
    }

    .sidebar-widget[b-6hoyqcto18] {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .page-hero[b-6hoyqcto18] {
        height: 220px;
        padding-bottom: 30px;
    }

    .page-hero-content h1[b-6hoyqcto18] {
        font-size: 2rem;
    }

    .page-hero-content p[b-6hoyqcto18] {
        font-size: 1rem;
    }

    .blog-main-section[b-6hoyqcto18] {
        padding: 40px 0;
    }

    .featured-blog-image[b-6hoyqcto18] {
        height: 300px;
    }

    .featured-blog-content[b-6hoyqcto18] {
        padding: 25px;
    }

    .featured-blog-content h2[b-6hoyqcto18] {
        font-size: 1.75rem;
    }

    .featured-blog-content h3[b-6hoyqcto18] {
        font-size: 1.5rem;
    }

    .blog-posts-grid[b-6hoyqcto18] {
        grid-template-columns: 1fr;
    }

    .blog-meta[b-6hoyqcto18] {
        gap: 15px;
    }

    .step-item[b-6hoyqcto18] {
        flex-direction: column;
        align-items: flex-start;
    }

    .blog-sectors[b-6hoyqcto18] {
        gap: 8px;
    }

    .sector-tag[b-6hoyqcto18] {
        font-size: 0.8rem;
        padding: 8px 15px;
    }

    .blog-highlight[b-6hoyqcto18] {
        flex-direction: column;
    }

    .share-buttons[b-6hoyqcto18] {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .page-hero-content h1[b-6hoyqcto18] {
        font-size: 1.5rem;
    }

    .featured-blog-content h2[b-6hoyqcto18] {
        font-size: 1.5rem;
    }

    .featured-blog-content[b-6hoyqcto18] {
        padding: 20px;
    }

    .sidebar-widget[b-6hoyqcto18] {
        padding: 20px;
    }

    .blog-meta[b-6hoyqcto18] {
        font-size: 0.8rem;
        gap: 10px;
    }
}

/* _content/OzturkIzolasyon/Views/Home/Blog.cshtml.rz.scp.css */
/* ==========================================
   Blog Page Styles
   ========================================== */

/* Page Hero Section */
.page-hero[b-aamt2m3zzr] {
    position: relative;
    height: 280px;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    padding-bottom: 40px;
}

.page-hero[b-aamt2m3zzr]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.page-hero-overlay[b-aamt2m3zzr] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
}

.page-hero-content[b-aamt2m3zzr] {
    position: relative;
    z-index: 1;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-aamt2m3zzr] {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.page-hero-content p[b-aamt2m3zzr] {
    font-size: 1.25rem;
    margin-bottom: 2rem;
    opacity: 0.95;
}

.breadcrumb[b-aamt2m3zzr] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    opacity: 0.9;
}

.breadcrumb a[b-aamt2m3zzr] {
    color: var(--white);
    transition: opacity 0.3s ease;
}

.breadcrumb a:hover[b-aamt2m3zzr] {
    opacity: 0.8;
}

.breadcrumb i[b-aamt2m3zzr] {
    font-size: 0.75rem;
}

/* Blog Main Section */
.blog-main-section[b-aamt2m3zzr] {
    padding: 80px 0;
    background-color: #f9fafb;
}

.blog-layout[b-aamt2m3zzr] {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 40px;
}

/* Blog Content */
.blog-content[b-aamt2m3zzr] {
    background: var(--white);
}

/* Featured Blog Post */
.featured-blog-post[b-aamt2m3zzr] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    margin-bottom: 60px;
}

.featured-blog-image[b-aamt2m3zzr] {
    position: relative;
    height: 500px;
    overflow: hidden;
}

.featured-blog-image img[b-aamt2m3zzr] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.featured-blog-post:hover .featured-blog-image img[b-aamt2m3zzr] {
    transform: scale(1.05);
}

.blog-category[b-aamt2m3zzr] {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--primary-color);
    color: var(--white);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    z-index: 2;
}

.featured-blog-content[b-aamt2m3zzr] {
    padding: 40px;
}

.blog-meta[b-aamt2m3zzr] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    font-size: 0.875rem;
    color: #6b7280;
    flex-wrap: wrap;
}

.blog-meta span[b-aamt2m3zzr] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.blog-meta i[b-aamt2m3zzr] {
    color: var(--primary-color);
}

.featured-blog-content h2[b-aamt2m3zzr] {
    font-size: 2.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    line-height: 1.3;
}

.blog-excerpt[b-aamt2m3zzr] {
    font-size: 1.125rem;
    color: #4b5563;
    margin-bottom: 20px;
    line-height: 1.8;
    font-weight: 500;
}

.featured-blog-content p[b-aamt2m3zzr] {
    font-size: 1rem;
    color: var(--text-color);
    margin-bottom: 20px;
    line-height: 1.8;
}

.featured-blog-content h3[b-aamt2m3zzr] {
    font-size: 1.75rem;
    color: var(--dark-color);
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 600;
}

/* Blog List */
.blog-list[b-aamt2m3zzr] {
    list-style: none;
    margin: 30px 0;
}

.blog-list li[b-aamt2m3zzr] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-color);
}

.blog-list i[b-aamt2m3zzr] {
    color: #10b981;
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.blog-list strong[b-aamt2m3zzr] {
    color: var(--dark-color);
}

/* Blog Steps */
.blog-steps[b-aamt2m3zzr] {
    margin: 30px 0;
}

.step-item[b-aamt2m3zzr] {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    padding: 25px;
    background: #f9fafb;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.step-number[b-aamt2m3zzr] {
    width: 50px;
    height: 50px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    flex-shrink: 0;
}

.step-content h4[b-aamt2m3zzr] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 8px;
}

.step-content p[b-aamt2m3zzr] {
    margin: 0;
    color: var(--text-color);
}

/* Blog Sectors */
.blog-sectors[b-aamt2m3zzr] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 30px 0;
}

.sector-tag[b-aamt2m3zzr] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid rgba(30, 64, 175, 0.2);
}

.sector-tag i[b-aamt2m3zzr] {
    font-size: 1rem;
}

/* Blog Highlight */
.blog-highlight[b-aamt2m3zzr] {
    display: flex;
    gap: 20px;
    padding: 30px;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-radius: 12px;
    margin: 40px 0;
    border-left: 4px solid #f59e0b;
}

.blog-highlight i[b-aamt2m3zzr] {
    font-size: 2rem;
    color: #f59e0b;
    flex-shrink: 0;
}

.blog-highlight h4[b-aamt2m3zzr] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 10px;
}

.blog-highlight p[b-aamt2m3zzr] {
    margin: 0;
    color: #78350f;
}

/* Blog Tags */
.blog-tags[b-aamt2m3zzr] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 40px 0;
    padding-top: 30px;
    border-top: 1px solid var(--border-color);
}

.blog-tags .tag[b-aamt2m3zzr] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.blog-tags .tag:hover[b-aamt2m3zzr] {
    background: var(--primary-color);
    color: var(--white);
}

.blog-tags .tag i[b-aamt2m3zzr] {
    font-size: 0.75rem;
}

/* Blog Share */
.blog-share[b-aamt2m3zzr] {
    padding: 30px 0;
    border-top: 1px solid var(--border-color);
}

.blog-share h4[b-aamt2m3zzr] {
    font-size: 1.125rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.share-buttons[b-aamt2m3zzr] {
    display: flex;
    gap: 12px;
}

.share-btn[b-aamt2m3zzr] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    transition: all 0.3s ease;
    font-size: 1.125rem;
}

.share-btn:hover[b-aamt2m3zzr] {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.share-btn.facebook[b-aamt2m3zzr] {
    background: #1877f2;
}

.share-btn.twitter[b-aamt2m3zzr] {
    background: #1da1f2;
}

.share-btn.linkedin[b-aamt2m3zzr] {
    background: #0077b5;
}

.share-btn.whatsapp[b-aamt2m3zzr] {
    background: #25d366;
}

/* More Posts Section */
.more-posts-section[b-aamt2m3zzr] {
    margin-top: 60px;
}

.section-title[b-aamt2m3zzr] {
    font-size: 2rem;
    color: var(--dark-color);
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid var(--primary-color);
    display: inline-block;
}

.blog-posts-grid[b-aamt2m3zzr] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
}

.blog-post-card[b-aamt2m3zzr] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.blog-post-card:hover[b-aamt2m3zzr] {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.blog-post-image[b-aamt2m3zzr] {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.blog-post-image img[b-aamt2m3zzr] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.blog-post-card:hover .blog-post-image img[b-aamt2m3zzr] {
    transform: scale(1.1);
}

.blog-post-content[b-aamt2m3zzr] {
    padding: 25px;
}

.blog-post-content h3[b-aamt2m3zzr] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 12px;
    line-height: 1.4;
}

.blog-post-content p[b-aamt2m3zzr] {
    font-size: 0.95rem;
    color: var(--text-color);
    margin-bottom: 15px;
    line-height: 1.6;
}

.read-more-btn[b-aamt2m3zzr] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.95rem;
    transition: gap 0.3s ease;
}

.read-more-btn:hover[b-aamt2m3zzr] {
    gap: 12px;
}

/* Sidebar */
.blog-sidebar[b-aamt2m3zzr] {
    position: sticky;
    top: 100px;
    height: fit-content;
}

.sidebar-widget[b-aamt2m3zzr] {
    background: var(--white);
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.sidebar-widget h3[b-aamt2m3zzr] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--border-color);
}

/* Search Widget */
.search-form[b-aamt2m3zzr] {
    position: relative;
    display: flex;
}

.search-form input[b-aamt2m3zzr] {
    width: 100%;
    padding: 12px 50px 12px 15px;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    font-size: 0.95rem;
    transition: border-color 0.3s ease;
}

.search-form input:focus[b-aamt2m3zzr] {
    outline: none;
    border-color: var(--primary-color);
}

.search-form button[b-aamt2m3zzr] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

.search-form button:hover[b-aamt2m3zzr] {
    background: #1e3a8a;
}

/* Categories Widget */
.categories-list[b-aamt2m3zzr] {
    list-style: none;
}

.categories-list li[b-aamt2m3zzr] {
    margin-bottom: 12px;
}

.categories-list a[b-aamt2m3zzr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    background: #f9fafb;
    border-radius: 8px;
    color: var(--text-color);
    transition: all 0.3s ease;
}

.categories-list a:hover[b-aamt2m3zzr] {
    background: var(--primary-color);
    color: var(--white);
    transform: translateX(5px);
}

.categories-list i[b-aamt2m3zzr] {
    margin-right: 10px;
    color: var(--primary-color);
    transition: color 0.3s ease;
}

.categories-list a:hover i[b-aamt2m3zzr] {
    color: var(--white);
}

.categories-list span[b-aamt2m3zzr] {
    font-size: 0.875rem;
    opacity: 0.8;
}

/* Recent Posts Widget */
.recent-posts-list[b-aamt2m3zzr] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.recent-post-item[b-aamt2m3zzr] {
    display: flex;
    gap: 15px;
    padding: 12px;
    border-radius: 8px;
    transition: background 0.3s ease;
}

.recent-post-item:hover[b-aamt2m3zzr] {
    background: #f9fafb;
}

.recent-post-item img[b-aamt2m3zzr] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.recent-post-info h4[b-aamt2m3zzr] {
    font-size: 0.95rem;
    color: var(--dark-color);
    margin-bottom: 6px;
    line-height: 1.4;
}

.post-date[b-aamt2m3zzr] {
    font-size: 0.8rem;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Tags Widget */
.tags-cloud[b-aamt2m3zzr] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag-item[b-aamt2m3zzr] {
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.tag-item:hover[b-aamt2m3zzr] {
    background: var(--primary-color);
    color: var(--white);
}

/* CTA Widget */
.cta-widget[b-aamt2m3zzr] {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    color: var(--white);
}

.cta-widget h3[b-aamt2m3zzr] {
    color: var(--white);
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.cta-content[b-aamt2m3zzr] {
    text-align: center;
}

.cta-content i[b-aamt2m3zzr] {
    font-size: 3rem;
    margin-bottom: 15px;
    opacity: 0.9;
}

.cta-content p[b-aamt2m3zzr] {
    margin-bottom: 20px;
    opacity: 0.95;
}

.cta-btn[b-aamt2m3zzr] {
    display: inline-block;
    padding: 12px 30px;
    background: var(--white);
    color: var(--primary-color);
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.cta-btn:hover[b-aamt2m3zzr] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .blog-layout[b-aamt2m3zzr] {
        grid-template-columns: 1fr;
    }

    .blog-sidebar[b-aamt2m3zzr] {
        position: static;
    }

    .sidebar-widget[b-aamt2m3zzr] {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .page-hero[b-aamt2m3zzr] {
        height: 220px;
        padding-bottom: 30px;
    }

    .page-hero-content h1[b-aamt2m3zzr] {
        font-size: 2rem;
    }

    .page-hero-content p[b-aamt2m3zzr] {
        font-size: 1rem;
    }

    .blog-main-section[b-aamt2m3zzr] {
        padding: 40px 0;
    }

    .featured-blog-image[b-aamt2m3zzr] {
        height: 300px;
    }

    .featured-blog-content[b-aamt2m3zzr] {
        padding: 25px;
    }

    .featured-blog-content h2[b-aamt2m3zzr] {
        font-size: 1.75rem;
    }

    .featured-blog-content h3[b-aamt2m3zzr] {
        font-size: 1.5rem;
    }

    .blog-posts-grid[b-aamt2m3zzr] {
        grid-template-columns: 1fr;
    }

    .blog-meta[b-aamt2m3zzr] {
        gap: 15px;
    }

    .step-item[b-aamt2m3zzr] {
        flex-direction: column;
        align-items: flex-start;
    }

    .blog-sectors[b-aamt2m3zzr] {
        gap: 8px;
    }

    .sector-tag[b-aamt2m3zzr] {
        font-size: 0.8rem;
        padding: 8px 15px;
    }

    .blog-highlight[b-aamt2m3zzr] {
        flex-direction: column;
    }

    .share-buttons[b-aamt2m3zzr] {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .page-hero-content h1[b-aamt2m3zzr] {
        font-size: 1.5rem;
    }

    .featured-blog-content h2[b-aamt2m3zzr] {
        font-size: 1.5rem;
    }

    .featured-blog-content[b-aamt2m3zzr] {
        padding: 20px;
    }

    .sidebar-widget[b-aamt2m3zzr] {
        padding: 20px;
    }

    .blog-meta[b-aamt2m3zzr] {
        font-size: 0.8rem;
        gap: 10px;
    }
}

/* _content/OzturkIzolasyon/Views/Home/Blogs.cshtml.rz.scp.css */
/* ==========================================
   Blogs List Page Styles
   ========================================== */

/* Page Hero Section */
.page-hero[b-qwa6ge6euk] {
    position: relative;
    height: 280px;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    padding-bottom: 40px;
}

.page-hero[b-qwa6ge6euk]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.page-hero-overlay[b-qwa6ge6euk] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
}

.page-hero-content[b-qwa6ge6euk] {
    position: relative;
    z-index: 1;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-qwa6ge6euk] {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.breadcrumb[b-qwa6ge6euk] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    opacity: 0.9;
}

.breadcrumb a[b-qwa6ge6euk] {
    color: var(--white);
    transition: opacity 0.3s ease;
}

.breadcrumb a:hover[b-qwa6ge6euk] {
    opacity: 0.8;
}

.breadcrumb i[b-qwa6ge6euk] {
    font-size: 0.75rem;
}

/* Blogs List Section */
.blogs-list-section[b-qwa6ge6euk] {
    padding: 80px 0;
    background-color: #f9fafb;
}

.blogs-layout[b-qwa6ge6euk] {
    max-width: 1400px;
    margin: 0 auto;
}

/* Blogs Content */
.blogs-content[b-qwa6ge6euk] {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

/* Featured Blog Card */
.featured-blog-card[b-qwa6ge6euk] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    display: grid;
    grid-template-columns: 1fr 1fr;
    transition: all 0.3s ease;
}

.featured-blog-card:hover[b-qwa6ge6euk] {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    transform: translateY(-3px);
}

.featured-blog-image[b-qwa6ge6euk] {
    position: relative;
    height: 100%;
    min-height: 350px;
    overflow: hidden;
}

.featured-blog-image img[b-qwa6ge6euk] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.featured-blog-card:hover .featured-blog-image img[b-qwa6ge6euk] {
    transform: scale(1.05);
}

.blog-category[b-qwa6ge6euk] {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--primary-color);
    color: var(--white);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    z-index: 2;
}

.featured-blog-info[b-qwa6ge6euk] {
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.blog-meta[b-qwa6ge6euk] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    font-size: 0.875rem;
    color: #6b7280;
    flex-wrap: wrap;
}

.blog-meta span[b-qwa6ge6euk] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.blog-meta i[b-qwa6ge6euk] {
    color: var(--primary-color);
}

.featured-blog-info h2[b-qwa6ge6euk] {
    font-size: 1.75rem;
    margin-bottom: 15px;
    line-height: 1.3;
}

.featured-blog-info h2 a[b-qwa6ge6euk] {
    color: var(--dark-color);
    transition: color 0.3s ease;
}

.featured-blog-info h2 a:hover[b-qwa6ge6euk] {
    color: var(--primary-color);
}

.featured-blog-info p[b-qwa6ge6euk] {
    font-size: 1rem;
    color: var(--text-color);
    line-height: 1.7;
    margin-bottom: 20px;
}

.read-more-btn[b-qwa6ge6euk] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.95rem;
    transition: gap 0.3s ease;
}

.read-more-btn:hover[b-qwa6ge6euk] {
    gap: 12px;
}

/* Blogs Grid */
.blogs-grid[b-qwa6ge6euk] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
}

.blog-card[b-qwa6ge6euk] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
}

.blog-card:hover[b-qwa6ge6euk] {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.blog-card-image[b-qwa6ge6euk] {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.blog-card-image img[b-qwa6ge6euk] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.blog-card:hover .blog-card-image img[b-qwa6ge6euk] {
    transform: scale(1.1);
}

.blog-card-content[b-qwa6ge6euk] {
    padding: 25px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.blog-card-content h3[b-qwa6ge6euk] {
    font-size: 1.25rem;
    margin-bottom: 12px;
    line-height: 1.4;
}

.blog-card-content h3 a[b-qwa6ge6euk] {
    color: var(--dark-color);
    transition: color 0.3s ease;
}

.blog-card-content h3 a:hover[b-qwa6ge6euk] {
    color: var(--primary-color);
}

.blog-card-content p[b-qwa6ge6euk] {
    font-size: 0.95rem;
    color: var(--text-color);
    line-height: 1.6;
    margin-bottom: 15px;
    flex-grow: 1;
}

/* Pagination */
.pagination[b-qwa6ge6euk] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
}

.page-link[b-qwa6ge6euk] {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--white);
    color: var(--text-color);
    border-radius: 8px;
    font-weight: 600;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.page-link:hover[b-qwa6ge6euk] {
    background: var(--primary-color);
    color: var(--white);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.page-link.active[b-qwa6ge6euk] {
    background: var(--primary-color);
    color: var(--white);
}

/* Sidebar */
.blogs-sidebar[b-qwa6ge6euk] {
    position: sticky;
    top: 100px;
    height: fit-content;
}

.sidebar-widget[b-qwa6ge6euk] {
    background: var(--white);
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.sidebar-widget h3[b-qwa6ge6euk] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--border-color);
}

/* Search Widget */
.search-form[b-qwa6ge6euk] {
    position: relative;
    display: flex;
}

.search-form input[b-qwa6ge6euk] {
    width: 100%;
    padding: 12px 50px 12px 15px;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    font-size: 0.95rem;
    transition: border-color 0.3s ease;
}

.search-form input:focus[b-qwa6ge6euk] {
    outline: none;
    border-color: var(--primary-color);
}

.search-form button[b-qwa6ge6euk] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

.search-form button:hover[b-qwa6ge6euk] {
    background: #1e3a8a;
}

/* Categories Widget */
.categories-list[b-qwa6ge6euk] {
    list-style: none;
}

.categories-list li[b-qwa6ge6euk] {
    margin-bottom: 12px;
}

.categories-list a[b-qwa6ge6euk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    background: #f9fafb;
    border-radius: 8px;
    color: var(--text-color);
    transition: all 0.3s ease;
}

.categories-list a:hover[b-qwa6ge6euk] {
    background: var(--primary-color);
    color: var(--white);
    transform: translateX(5px);
}

.categories-list i[b-qwa6ge6euk] {
    margin-right: 10px;
    color: var(--primary-color);
    transition: color 0.3s ease;
}

.categories-list a:hover i[b-qwa6ge6euk] {
    color: var(--white);
}

.categories-list span[b-qwa6ge6euk] {
    font-size: 0.875rem;
    opacity: 0.8;
}

/* Tags Widget */
.tags-cloud[b-qwa6ge6euk] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag-item[b-qwa6ge6euk] {
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.tag-item:hover[b-qwa6ge6euk] {
    background: var(--primary-color);
    color: var(--white);
}

/* CTA Widget */
.cta-widget[b-qwa6ge6euk] {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    color: var(--white);
}

.cta-widget h3[b-qwa6ge6euk] {
    color: var(--white);
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.cta-content[b-qwa6ge6euk] {
    text-align: center;
}

.cta-content i[b-qwa6ge6euk] {
    font-size: 3rem;
    margin-bottom: 15px;
    opacity: 0.9;
}

.cta-content p[b-qwa6ge6euk] {
    margin-bottom: 20px;
    opacity: 0.95;
}

.cta-btn[b-qwa6ge6euk] {
    display: inline-block;
    padding: 12px 30px;
    background: var(--white);
    color: var(--primary-color);
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.cta-btn:hover[b-qwa6ge6euk] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .featured-blog-card[b-qwa6ge6euk] {
        grid-template-columns: 1fr;
    }

    .featured-blog-image[b-qwa6ge6euk] {
        min-height: 300px;
    }
}

@media (max-width: 768px) {
    .page-hero[b-qwa6ge6euk] {
        height: 220px;
        padding-bottom: 30px;
    }

    .page-hero-content h1[b-qwa6ge6euk] {
        font-size: 2rem;
    }

    .blogs-list-section[b-qwa6ge6euk] {
        padding: 40px 0;
    }

    .blogs-content[b-qwa6ge6euk] {
        gap: 30px;
    }

    .featured-blog-info[b-qwa6ge6euk] {
        padding: 25px;
    }

    .featured-blog-info h2[b-qwa6ge6euk] {
        font-size: 1.5rem;
    }

    .blogs-grid[b-qwa6ge6euk] {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .pagination[b-qwa6ge6euk] {
        gap: 8px;
    }

    .page-link[b-qwa6ge6euk] {
        width: 40px;
        height: 40px;
        font-size: 0.9rem;
    }
}

@media (max-width: 480px) {
    .page-hero-content h1[b-qwa6ge6euk] {
        font-size: 1.5rem;
    }

    .featured-blog-image[b-qwa6ge6euk] {
        min-height: 250px;
    }

    .featured-blog-info[b-qwa6ge6euk] {
        padding: 20px;
    }

    .featured-blog-info h2[b-qwa6ge6euk] {
        font-size: 1.25rem;
    }

    .blog-meta[b-qwa6ge6euk] {
        font-size: 0.8rem;
        gap: 10px;
    }

    .sidebar-widget[b-qwa6ge6euk] {
        padding: 20px;
    }

    .pagination[b-qwa6ge6euk] {
        gap: 5px;
    }

    .page-link[b-qwa6ge6euk] {
        width: 38px;
        height: 38px;
        font-size: 0.85rem;
    }
}

/* _content/OzturkIzolasyon/Views/Home/BoruHattiIzolasyonBlog.cshtml.rz.scp.css */
/* ==========================================
   Blog Page Styles
   ========================================== */

/* Page Hero Section */
.page-hero[b-s8f4od6sb8] {
    position: relative;
    height: 280px;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    padding-bottom: 40px;
}

.page-hero[b-s8f4od6sb8]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.page-hero-overlay[b-s8f4od6sb8] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
}

.page-hero-content[b-s8f4od6sb8] {
    position: relative;
    z-index: 1;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-s8f4od6sb8] {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.page-hero-content p[b-s8f4od6sb8] {
    font-size: 1.25rem;
    margin-bottom: 2rem;
    opacity: 0.95;
}

.breadcrumb[b-s8f4od6sb8] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    opacity: 0.9;
}

.breadcrumb a[b-s8f4od6sb8] {
    color: var(--white);
    transition: opacity 0.3s ease;
}

.breadcrumb a:hover[b-s8f4od6sb8] {
    opacity: 0.8;
}

.breadcrumb i[b-s8f4od6sb8] {
    font-size: 0.75rem;
}

/* Blog Main Section */
.blog-main-section[b-s8f4od6sb8] {
    padding: 80px 0;
    background-color: #f9fafb;
}

.blog-layout[b-s8f4od6sb8] {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 40px;
}

/* Blog Content */
.blog-content[b-s8f4od6sb8] {
    background: var(--white);
}

/* Featured Blog Post */
.featured-blog-post[b-s8f4od6sb8] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    margin-bottom: 60px;
}

.featured-blog-image[b-s8f4od6sb8] {
    position: relative;
    height: 500px;
    overflow: hidden;
}

.featured-blog-image img[b-s8f4od6sb8] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.featured-blog-post:hover .featured-blog-image img[b-s8f4od6sb8] {
    transform: scale(1.05);
}

.blog-category[b-s8f4od6sb8] {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--primary-color);
    color: var(--white);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    z-index: 2;
}

.featured-blog-content[b-s8f4od6sb8] {
    padding: 40px;
}

.blog-meta[b-s8f4od6sb8] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    font-size: 0.875rem;
    color: #6b7280;
    flex-wrap: wrap;
}

.blog-meta span[b-s8f4od6sb8] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.blog-meta i[b-s8f4od6sb8] {
    color: var(--primary-color);
}

.featured-blog-content h2[b-s8f4od6sb8] {
    font-size: 2.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    line-height: 1.3;
}

.blog-excerpt[b-s8f4od6sb8] {
    font-size: 1.125rem;
    color: #4b5563;
    margin-bottom: 20px;
    line-height: 1.8;
    font-weight: 500;
}

.featured-blog-content p[b-s8f4od6sb8] {
    font-size: 1rem;
    color: var(--text-color);
    margin-bottom: 20px;
    line-height: 1.8;
}

.featured-blog-content h3[b-s8f4od6sb8] {
    font-size: 1.75rem;
    color: var(--dark-color);
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 600;
}

/* Blog List */
.blog-list[b-s8f4od6sb8] {
    list-style: none;
    margin: 30px 0;
}

.blog-list li[b-s8f4od6sb8] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-color);
}

.blog-list i[b-s8f4od6sb8] {
    color: #10b981;
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.blog-list strong[b-s8f4od6sb8] {
    color: var(--dark-color);
}

/* Blog Steps */
.blog-steps[b-s8f4od6sb8] {
    margin: 30px 0;
}

.step-item[b-s8f4od6sb8] {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    padding: 25px;
    background: #f9fafb;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.step-number[b-s8f4od6sb8] {
    width: 50px;
    height: 50px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    flex-shrink: 0;
}

.step-content h4[b-s8f4od6sb8] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 8px;
}

.step-content p[b-s8f4od6sb8] {
    margin: 0;
    color: var(--text-color);
}

/* Blog Sectors */
.blog-sectors[b-s8f4od6sb8] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 30px 0;
}

.sector-tag[b-s8f4od6sb8] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid rgba(30, 64, 175, 0.2);
}

.sector-tag i[b-s8f4od6sb8] {
    font-size: 1rem;
}

/* Blog Highlight */
.blog-highlight[b-s8f4od6sb8] {
    display: flex;
    gap: 20px;
    padding: 30px;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-radius: 12px;
    margin: 40px 0;
    border-left: 4px solid #f59e0b;
}

.blog-highlight i[b-s8f4od6sb8] {
    font-size: 2rem;
    color: #f59e0b;
    flex-shrink: 0;
}

.blog-highlight h4[b-s8f4od6sb8] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 10px;
}

.blog-highlight p[b-s8f4od6sb8] {
    margin: 0;
    color: #78350f;
}

/* Blog Tags */
.blog-tags[b-s8f4od6sb8] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 40px 0;
    padding-top: 30px;
    border-top: 1px solid var(--border-color);
}

.blog-tags .tag[b-s8f4od6sb8] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.blog-tags .tag:hover[b-s8f4od6sb8] {
    background: var(--primary-color);
    color: var(--white);
}

.blog-tags .tag i[b-s8f4od6sb8] {
    font-size: 0.75rem;
}

/* Blog Share */
.blog-share[b-s8f4od6sb8] {
    padding: 30px 0;
    border-top: 1px solid var(--border-color);
}

.blog-share h4[b-s8f4od6sb8] {
    font-size: 1.125rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.share-buttons[b-s8f4od6sb8] {
    display: flex;
    gap: 12px;
}

.share-btn[b-s8f4od6sb8] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    transition: all 0.3s ease;
    font-size: 1.125rem;
}

.share-btn:hover[b-s8f4od6sb8] {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.share-btn.facebook[b-s8f4od6sb8] {
    background: #1877f2;
}

.share-btn.twitter[b-s8f4od6sb8] {
    background: #1da1f2;
}

.share-btn.linkedin[b-s8f4od6sb8] {
    background: #0077b5;
}

.share-btn.whatsapp[b-s8f4od6sb8] {
    background: #25d366;
}

/* More Posts Section */
.more-posts-section[b-s8f4od6sb8] {
    margin-top: 60px;
}

.section-title[b-s8f4od6sb8] {
    font-size: 2rem;
    color: var(--dark-color);
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid var(--primary-color);
    display: inline-block;
}

.blog-posts-grid[b-s8f4od6sb8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
}

.blog-post-card[b-s8f4od6sb8] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.blog-post-card:hover[b-s8f4od6sb8] {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.blog-post-image[b-s8f4od6sb8] {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.blog-post-image img[b-s8f4od6sb8] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.blog-post-card:hover .blog-post-image img[b-s8f4od6sb8] {
    transform: scale(1.1);
}

.blog-post-content[b-s8f4od6sb8] {
    padding: 25px;
}

.blog-post-content h3[b-s8f4od6sb8] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 12px;
    line-height: 1.4;
}

.blog-post-content p[b-s8f4od6sb8] {
    font-size: 0.95rem;
    color: var(--text-color);
    margin-bottom: 15px;
    line-height: 1.6;
}

.read-more-btn[b-s8f4od6sb8] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.95rem;
    transition: gap 0.3s ease;
}

.read-more-btn:hover[b-s8f4od6sb8] {
    gap: 12px;
}

/* Sidebar */
.blog-sidebar[b-s8f4od6sb8] {
    position: sticky;
    top: 100px;
    height: fit-content;
}

.sidebar-widget[b-s8f4od6sb8] {
    background: var(--white);
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.sidebar-widget h3[b-s8f4od6sb8] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--border-color);
}

/* Search Widget */
.search-form[b-s8f4od6sb8] {
    position: relative;
    display: flex;
}

.search-form input[b-s8f4od6sb8] {
    width: 100%;
    padding: 12px 50px 12px 15px;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    font-size: 0.95rem;
    transition: border-color 0.3s ease;
}

.search-form input:focus[b-s8f4od6sb8] {
    outline: none;
    border-color: var(--primary-color);
}

.search-form button[b-s8f4od6sb8] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

.search-form button:hover[b-s8f4od6sb8] {
    background: #1e3a8a;
}

/* Categories Widget */
.categories-list[b-s8f4od6sb8] {
    list-style: none;
}

.categories-list li[b-s8f4od6sb8] {
    margin-bottom: 12px;
}

.categories-list a[b-s8f4od6sb8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    background: #f9fafb;
    border-radius: 8px;
    color: var(--text-color);
    transition: all 0.3s ease;
}

.categories-list a:hover[b-s8f4od6sb8] {
    background: var(--primary-color);
    color: var(--white);
    transform: translateX(5px);
}

.categories-list i[b-s8f4od6sb8] {
    margin-right: 10px;
    color: var(--primary-color);
    transition: color 0.3s ease;
}

.categories-list a:hover i[b-s8f4od6sb8] {
    color: var(--white);
}

.categories-list span[b-s8f4od6sb8] {
    font-size: 0.875rem;
    opacity: 0.8;
}

/* Recent Posts Widget */
.recent-posts-list[b-s8f4od6sb8] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.recent-post-item[b-s8f4od6sb8] {
    display: flex;
    gap: 15px;
    padding: 12px;
    border-radius: 8px;
    transition: background 0.3s ease;
}

.recent-post-item:hover[b-s8f4od6sb8] {
    background: #f9fafb;
}

.recent-post-item img[b-s8f4od6sb8] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.recent-post-info h4[b-s8f4od6sb8] {
    font-size: 0.95rem;
    color: var(--dark-color);
    margin-bottom: 6px;
    line-height: 1.4;
}

.post-date[b-s8f4od6sb8] {
    font-size: 0.8rem;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Tags Widget */
.tags-cloud[b-s8f4od6sb8] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag-item[b-s8f4od6sb8] {
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.tag-item:hover[b-s8f4od6sb8] {
    background: var(--primary-color);
    color: var(--white);
}

/* CTA Widget */
.cta-widget[b-s8f4od6sb8] {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    color: var(--white);
}

.cta-widget h3[b-s8f4od6sb8] {
    color: var(--white);
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.cta-content[b-s8f4od6sb8] {
    text-align: center;
}

.cta-content i[b-s8f4od6sb8] {
    font-size: 3rem;
    margin-bottom: 15px;
    opacity: 0.9;
}

.cta-content p[b-s8f4od6sb8] {
    margin-bottom: 20px;
    opacity: 0.95;
}

.cta-btn[b-s8f4od6sb8] {
    display: inline-block;
    padding: 12px 30px;
    background: var(--white);
    color: var(--primary-color);
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.cta-btn:hover[b-s8f4od6sb8] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .blog-layout[b-s8f4od6sb8] {
        grid-template-columns: 1fr;
    }

    .blog-sidebar[b-s8f4od6sb8] {
        position: static;
    }

    .sidebar-widget[b-s8f4od6sb8] {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .page-hero[b-s8f4od6sb8] {
        height: 220px;
        padding-bottom: 30px;
    }

    .page-hero-content h1[b-s8f4od6sb8] {
        font-size: 2rem;
    }

    .page-hero-content p[b-s8f4od6sb8] {
        font-size: 1rem;
    }

    .blog-main-section[b-s8f4od6sb8] {
        padding: 40px 0;
    }

    .featured-blog-image[b-s8f4od6sb8] {
        height: 300px;
    }

    .featured-blog-content[b-s8f4od6sb8] {
        padding: 25px;
    }

    .featured-blog-content h2[b-s8f4od6sb8] {
        font-size: 1.75rem;
    }

    .featured-blog-content h3[b-s8f4od6sb8] {
        font-size: 1.5rem;
    }

    .blog-posts-grid[b-s8f4od6sb8] {
        grid-template-columns: 1fr;
    }

    .blog-meta[b-s8f4od6sb8] {
        gap: 15px;
    }

    .step-item[b-s8f4od6sb8] {
        flex-direction: column;
        align-items: flex-start;
    }

    .blog-sectors[b-s8f4od6sb8] {
        gap: 8px;
    }

    .sector-tag[b-s8f4od6sb8] {
        font-size: 0.8rem;
        padding: 8px 15px;
    }

    .blog-highlight[b-s8f4od6sb8] {
        flex-direction: column;
    }

    .share-buttons[b-s8f4od6sb8] {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .page-hero-content h1[b-s8f4od6sb8] {
        font-size: 1.5rem;
    }

    .featured-blog-content h2[b-s8f4od6sb8] {
        font-size: 1.5rem;
    }

    .featured-blog-content[b-s8f4od6sb8] {
        padding: 20px;
    }

    .sidebar-widget[b-s8f4od6sb8] {
        padding: 20px;
    }

    .blog-meta[b-s8f4od6sb8] {
        font-size: 0.8rem;
        gap: 10px;
    }
}

/* _content/OzturkIzolasyon/Views/Home/BoruIzolasyonKullanimAlanlariBlog.cshtml.rz.scp.css */
/* ==========================================
   Blog Page Styles
   ========================================== */

/* Page Hero Section */
.page-hero[b-1vavt8ti3n] {
    position: relative;
    height: 280px;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    padding-bottom: 40px;
}

.page-hero[b-1vavt8ti3n]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.page-hero-overlay[b-1vavt8ti3n] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
}

.page-hero-content[b-1vavt8ti3n] {
    position: relative;
    z-index: 1;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-1vavt8ti3n] {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.page-hero-content p[b-1vavt8ti3n] {
    font-size: 1.25rem;
    margin-bottom: 2rem;
    opacity: 0.95;
}

.breadcrumb[b-1vavt8ti3n] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    opacity: 0.9;
}

.breadcrumb a[b-1vavt8ti3n] {
    color: var(--white);
    transition: opacity 0.3s ease;
}

.breadcrumb a:hover[b-1vavt8ti3n] {
    opacity: 0.8;
}

.breadcrumb i[b-1vavt8ti3n] {
    font-size: 0.75rem;
}

/* Blog Main Section */
.blog-main-section[b-1vavt8ti3n] {
    padding: 80px 0;
    background-color: #f9fafb;
}

.blog-layout[b-1vavt8ti3n] {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 40px;
}

/* Blog Content */
.blog-content[b-1vavt8ti3n] {
    background: var(--white);
}

/* Featured Blog Post */
.featured-blog-post[b-1vavt8ti3n] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    margin-bottom: 60px;
}

.featured-blog-image[b-1vavt8ti3n] {
    position: relative;
    height: 500px;
    overflow: hidden;
}

.featured-blog-image img[b-1vavt8ti3n] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.featured-blog-post:hover .featured-blog-image img[b-1vavt8ti3n] {
    transform: scale(1.05);
}

.blog-category[b-1vavt8ti3n] {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--primary-color);
    color: var(--white);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    z-index: 2;
}

.featured-blog-content[b-1vavt8ti3n] {
    padding: 40px;
}

.blog-meta[b-1vavt8ti3n] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    font-size: 0.875rem;
    color: #6b7280;
    flex-wrap: wrap;
}

.blog-meta span[b-1vavt8ti3n] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.blog-meta i[b-1vavt8ti3n] {
    color: var(--primary-color);
}

.featured-blog-content h2[b-1vavt8ti3n] {
    font-size: 2.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    line-height: 1.3;
}

.blog-excerpt[b-1vavt8ti3n] {
    font-size: 1.125rem;
    color: #4b5563;
    margin-bottom: 20px;
    line-height: 1.8;
    font-weight: 500;
}

.featured-blog-content p[b-1vavt8ti3n] {
    font-size: 1rem;
    color: var(--text-color);
    margin-bottom: 20px;
    line-height: 1.8;
}

.featured-blog-content h3[b-1vavt8ti3n] {
    font-size: 1.75rem;
    color: var(--dark-color);
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 600;
}

/* Blog List */
.blog-list[b-1vavt8ti3n] {
    list-style: none;
    margin: 30px 0;
}

.blog-list li[b-1vavt8ti3n] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-color);
}

.blog-list i[b-1vavt8ti3n] {
    color: #10b981;
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.blog-list strong[b-1vavt8ti3n] {
    color: var(--dark-color);
}

/* Blog Steps */
.blog-steps[b-1vavt8ti3n] {
    margin: 30px 0;
}

.step-item[b-1vavt8ti3n] {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    padding: 25px;
    background: #f9fafb;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.step-number[b-1vavt8ti3n] {
    width: 50px;
    height: 50px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    flex-shrink: 0;
}

.step-content h4[b-1vavt8ti3n] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 8px;
}

.step-content p[b-1vavt8ti3n] {
    margin: 0;
    color: var(--text-color);
}

/* Blog Sectors */
.blog-sectors[b-1vavt8ti3n] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 30px 0;
}

.sector-tag[b-1vavt8ti3n] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid rgba(30, 64, 175, 0.2);
}

.sector-tag i[b-1vavt8ti3n] {
    font-size: 1rem;
}

/* Blog Highlight */
.blog-highlight[b-1vavt8ti3n] {
    display: flex;
    gap: 20px;
    padding: 30px;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-radius: 12px;
    margin: 40px 0;
    border-left: 4px solid #f59e0b;
}

.blog-highlight i[b-1vavt8ti3n] {
    font-size: 2rem;
    color: #f59e0b;
    flex-shrink: 0;
}

.blog-highlight h4[b-1vavt8ti3n] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 10px;
}

.blog-highlight p[b-1vavt8ti3n] {
    margin: 0;
    color: #78350f;
}

/* Blog Tags */
.blog-tags[b-1vavt8ti3n] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 40px 0;
    padding-top: 30px;
    border-top: 1px solid var(--border-color);
}

.blog-tags .tag[b-1vavt8ti3n] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.blog-tags .tag:hover[b-1vavt8ti3n] {
    background: var(--primary-color);
    color: var(--white);
}

.blog-tags .tag i[b-1vavt8ti3n] {
    font-size: 0.75rem;
}

/* Blog Share */
.blog-share[b-1vavt8ti3n] {
    padding: 30px 0;
    border-top: 1px solid var(--border-color);
}

.blog-share h4[b-1vavt8ti3n] {
    font-size: 1.125rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.share-buttons[b-1vavt8ti3n] {
    display: flex;
    gap: 12px;
}

.share-btn[b-1vavt8ti3n] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    transition: all 0.3s ease;
    font-size: 1.125rem;
}

.share-btn:hover[b-1vavt8ti3n] {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.share-btn.facebook[b-1vavt8ti3n] {
    background: #1877f2;
}

.share-btn.twitter[b-1vavt8ti3n] {
    background: #1da1f2;
}

.share-btn.linkedin[b-1vavt8ti3n] {
    background: #0077b5;
}

.share-btn.whatsapp[b-1vavt8ti3n] {
    background: #25d366;
}

/* More Posts Section */
.more-posts-section[b-1vavt8ti3n] {
    margin-top: 60px;
}

.section-title[b-1vavt8ti3n] {
    font-size: 2rem;
    color: var(--dark-color);
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid var(--primary-color);
    display: inline-block;
}

.blog-posts-grid[b-1vavt8ti3n] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
}

.blog-post-card[b-1vavt8ti3n] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.blog-post-card:hover[b-1vavt8ti3n] {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.blog-post-image[b-1vavt8ti3n] {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.blog-post-image img[b-1vavt8ti3n] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.blog-post-card:hover .blog-post-image img[b-1vavt8ti3n] {
    transform: scale(1.1);
}

.blog-post-content[b-1vavt8ti3n] {
    padding: 25px;
}

.blog-post-content h3[b-1vavt8ti3n] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 12px;
    line-height: 1.4;
}

.blog-post-content p[b-1vavt8ti3n] {
    font-size: 0.95rem;
    color: var(--text-color);
    margin-bottom: 15px;
    line-height: 1.6;
}

.read-more-btn[b-1vavt8ti3n] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.95rem;
    transition: gap 0.3s ease;
}

.read-more-btn:hover[b-1vavt8ti3n] {
    gap: 12px;
}

/* Sidebar */
.blog-sidebar[b-1vavt8ti3n] {
    position: sticky;
    top: 100px;
    height: fit-content;
}

.sidebar-widget[b-1vavt8ti3n] {
    background: var(--white);
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.sidebar-widget h3[b-1vavt8ti3n] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--border-color);
}

/* Search Widget */
.search-form[b-1vavt8ti3n] {
    position: relative;
    display: flex;
}

.search-form input[b-1vavt8ti3n] {
    width: 100%;
    padding: 12px 50px 12px 15px;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    font-size: 0.95rem;
    transition: border-color 0.3s ease;
}

.search-form input:focus[b-1vavt8ti3n] {
    outline: none;
    border-color: var(--primary-color);
}

.search-form button[b-1vavt8ti3n] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

.search-form button:hover[b-1vavt8ti3n] {
    background: #1e3a8a;
}

/* Categories Widget */
.categories-list[b-1vavt8ti3n] {
    list-style: none;
}

.categories-list li[b-1vavt8ti3n] {
    margin-bottom: 12px;
}

.categories-list a[b-1vavt8ti3n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    background: #f9fafb;
    border-radius: 8px;
    color: var(--text-color);
    transition: all 0.3s ease;
}

.categories-list a:hover[b-1vavt8ti3n] {
    background: var(--primary-color);
    color: var(--white);
    transform: translateX(5px);
}

.categories-list i[b-1vavt8ti3n] {
    margin-right: 10px;
    color: var(--primary-color);
    transition: color 0.3s ease;
}

.categories-list a:hover i[b-1vavt8ti3n] {
    color: var(--white);
}

.categories-list span[b-1vavt8ti3n] {
    font-size: 0.875rem;
    opacity: 0.8;
}

/* Recent Posts Widget */
.recent-posts-list[b-1vavt8ti3n] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.recent-post-item[b-1vavt8ti3n] {
    display: flex;
    gap: 15px;
    padding: 12px;
    border-radius: 8px;
    transition: background 0.3s ease;
}

.recent-post-item:hover[b-1vavt8ti3n] {
    background: #f9fafb;
}

.recent-post-item img[b-1vavt8ti3n] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.recent-post-info h4[b-1vavt8ti3n] {
    font-size: 0.95rem;
    color: var(--dark-color);
    margin-bottom: 6px;
    line-height: 1.4;
}

.post-date[b-1vavt8ti3n] {
    font-size: 0.8rem;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Tags Widget */
.tags-cloud[b-1vavt8ti3n] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag-item[b-1vavt8ti3n] {
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.tag-item:hover[b-1vavt8ti3n] {
    background: var(--primary-color);
    color: var(--white);
}

/* CTA Widget */
.cta-widget[b-1vavt8ti3n] {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    color: var(--white);
}

.cta-widget h3[b-1vavt8ti3n] {
    color: var(--white);
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.cta-content[b-1vavt8ti3n] {
    text-align: center;
}

.cta-content i[b-1vavt8ti3n] {
    font-size: 3rem;
    margin-bottom: 15px;
    opacity: 0.9;
}

.cta-content p[b-1vavt8ti3n] {
    margin-bottom: 20px;
    opacity: 0.95;
}

.cta-btn[b-1vavt8ti3n] {
    display: inline-block;
    padding: 12px 30px;
    background: var(--white);
    color: var(--primary-color);
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.cta-btn:hover[b-1vavt8ti3n] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .blog-layout[b-1vavt8ti3n] {
        grid-template-columns: 1fr;
    }

    .blog-sidebar[b-1vavt8ti3n] {
        position: static;
    }

    .sidebar-widget[b-1vavt8ti3n] {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .page-hero[b-1vavt8ti3n] {
        height: 220px;
        padding-bottom: 30px;
    }

    .page-hero-content h1[b-1vavt8ti3n] {
        font-size: 2rem;
    }

    .page-hero-content p[b-1vavt8ti3n] {
        font-size: 1rem;
    }

    .blog-main-section[b-1vavt8ti3n] {
        padding: 40px 0;
    }

    .featured-blog-image[b-1vavt8ti3n] {
        height: 300px;
    }

    .featured-blog-content[b-1vavt8ti3n] {
        padding: 25px;
    }

    .featured-blog-content h2[b-1vavt8ti3n] {
        font-size: 1.75rem;
    }

    .featured-blog-content h3[b-1vavt8ti3n] {
        font-size: 1.5rem;
    }

    .blog-posts-grid[b-1vavt8ti3n] {
        grid-template-columns: 1fr;
    }

    .blog-meta[b-1vavt8ti3n] {
        gap: 15px;
    }

    .step-item[b-1vavt8ti3n] {
        flex-direction: column;
        align-items: flex-start;
    }

    .blog-sectors[b-1vavt8ti3n] {
        gap: 8px;
    }

    .sector-tag[b-1vavt8ti3n] {
        font-size: 0.8rem;
        padding: 8px 15px;
    }

    .blog-highlight[b-1vavt8ti3n] {
        flex-direction: column;
    }

    .share-buttons[b-1vavt8ti3n] {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .page-hero-content h1[b-1vavt8ti3n] {
        font-size: 1.5rem;
    }

    .featured-blog-content h2[b-1vavt8ti3n] {
        font-size: 1.5rem;
    }

    .featured-blog-content[b-1vavt8ti3n] {
        padding: 20px;
    }

    .sidebar-widget[b-1vavt8ti3n] {
        padding: 20px;
    }

    .blog-meta[b-1vavt8ti3n] {
        font-size: 0.8rem;
        gap: 10px;
    }
}

/* _content/OzturkIzolasyon/Views/Home/BoruIzolasyonMalzemelerBlog.cshtml.rz.scp.css */
/* ==========================================
   Blog Page Styles
   ========================================== */

/* Page Hero Section */
.page-hero[b-69728fp5z3] {
    position: relative;
    height: 280px;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    padding-bottom: 40px;
}

.page-hero[b-69728fp5z3]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.page-hero-overlay[b-69728fp5z3] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
}

.page-hero-content[b-69728fp5z3] {
    position: relative;
    z-index: 1;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-69728fp5z3] {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.page-hero-content p[b-69728fp5z3] {
    font-size: 1.25rem;
    margin-bottom: 2rem;
    opacity: 0.95;
}

.breadcrumb[b-69728fp5z3] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    opacity: 0.9;
}

.breadcrumb a[b-69728fp5z3] {
    color: var(--white);
    transition: opacity 0.3s ease;
}

.breadcrumb a:hover[b-69728fp5z3] {
    opacity: 0.8;
}

.breadcrumb i[b-69728fp5z3] {
    font-size: 0.75rem;
}

/* Blog Main Section */
.blog-main-section[b-69728fp5z3] {
    padding: 80px 0;
    background-color: #f9fafb;
}

.blog-layout[b-69728fp5z3] {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 40px;
}

/* Blog Content */
.blog-content[b-69728fp5z3] {
    background: var(--white);
}

/* Featured Blog Post */
.featured-blog-post[b-69728fp5z3] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    margin-bottom: 60px;
}

.featured-blog-image[b-69728fp5z3] {
    position: relative;
    height: 500px;
    overflow: hidden;
}

.featured-blog-image img[b-69728fp5z3] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.featured-blog-post:hover .featured-blog-image img[b-69728fp5z3] {
    transform: scale(1.05);
}

.blog-category[b-69728fp5z3] {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--primary-color);
    color: var(--white);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    z-index: 2;
}

.featured-blog-content[b-69728fp5z3] {
    padding: 40px;
}

.blog-meta[b-69728fp5z3] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    font-size: 0.875rem;
    color: #6b7280;
    flex-wrap: wrap;
}

.blog-meta span[b-69728fp5z3] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.blog-meta i[b-69728fp5z3] {
    color: var(--primary-color);
}

.featured-blog-content h2[b-69728fp5z3] {
    font-size: 2.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    line-height: 1.3;
}

.blog-excerpt[b-69728fp5z3] {
    font-size: 1.125rem;
    color: #4b5563;
    margin-bottom: 20px;
    line-height: 1.8;
    font-weight: 500;
}

.featured-blog-content p[b-69728fp5z3] {
    font-size: 1rem;
    color: var(--text-color);
    margin-bottom: 20px;
    line-height: 1.8;
}

.featured-blog-content h3[b-69728fp5z3] {
    font-size: 1.75rem;
    color: var(--dark-color);
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 600;
}

/* Blog List */
.blog-list[b-69728fp5z3] {
    list-style: none;
    margin: 30px 0;
}

.blog-list li[b-69728fp5z3] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-color);
}

.blog-list i[b-69728fp5z3] {
    color: #10b981;
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.blog-list strong[b-69728fp5z3] {
    color: var(--dark-color);
}

/* Blog Steps */
.blog-steps[b-69728fp5z3] {
    margin: 30px 0;
}

.step-item[b-69728fp5z3] {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    padding: 25px;
    background: #f9fafb;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.step-number[b-69728fp5z3] {
    width: 50px;
    height: 50px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    flex-shrink: 0;
}

.step-content h4[b-69728fp5z3] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 8px;
}

.step-content p[b-69728fp5z3] {
    margin: 0;
    color: var(--text-color);
}

/* Blog Sectors */
.blog-sectors[b-69728fp5z3] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 30px 0;
}

.sector-tag[b-69728fp5z3] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid rgba(30, 64, 175, 0.2);
}

.sector-tag i[b-69728fp5z3] {
    font-size: 1rem;
}

/* Blog Highlight */
.blog-highlight[b-69728fp5z3] {
    display: flex;
    gap: 20px;
    padding: 30px;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-radius: 12px;
    margin: 40px 0;
    border-left: 4px solid #f59e0b;
}

.blog-highlight i[b-69728fp5z3] {
    font-size: 2rem;
    color: #f59e0b;
    flex-shrink: 0;
}

.blog-highlight h4[b-69728fp5z3] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 10px;
}

.blog-highlight p[b-69728fp5z3] {
    margin: 0;
    color: #78350f;
}

/* Blog Tags */
.blog-tags[b-69728fp5z3] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 40px 0;
    padding-top: 30px;
    border-top: 1px solid var(--border-color);
}

.blog-tags .tag[b-69728fp5z3] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.blog-tags .tag:hover[b-69728fp5z3] {
    background: var(--primary-color);
    color: var(--white);
}

.blog-tags .tag i[b-69728fp5z3] {
    font-size: 0.75rem;
}

/* Blog Share */
.blog-share[b-69728fp5z3] {
    padding: 30px 0;
    border-top: 1px solid var(--border-color);
}

.blog-share h4[b-69728fp5z3] {
    font-size: 1.125rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.share-buttons[b-69728fp5z3] {
    display: flex;
    gap: 12px;
}

.share-btn[b-69728fp5z3] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    transition: all 0.3s ease;
    font-size: 1.125rem;
}

.share-btn:hover[b-69728fp5z3] {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.share-btn.facebook[b-69728fp5z3] {
    background: #1877f2;
}

.share-btn.twitter[b-69728fp5z3] {
    background: #1da1f2;
}

.share-btn.linkedin[b-69728fp5z3] {
    background: #0077b5;
}

.share-btn.whatsapp[b-69728fp5z3] {
    background: #25d366;
}

/* More Posts Section */
.more-posts-section[b-69728fp5z3] {
    margin-top: 60px;
}

.section-title[b-69728fp5z3] {
    font-size: 2rem;
    color: var(--dark-color);
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid var(--primary-color);
    display: inline-block;
}

.blog-posts-grid[b-69728fp5z3] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
}

.blog-post-card[b-69728fp5z3] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.blog-post-card:hover[b-69728fp5z3] {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.blog-post-image[b-69728fp5z3] {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.blog-post-image img[b-69728fp5z3] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.blog-post-card:hover .blog-post-image img[b-69728fp5z3] {
    transform: scale(1.1);
}

.blog-post-content[b-69728fp5z3] {
    padding: 25px;
}

.blog-post-content h3[b-69728fp5z3] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 12px;
    line-height: 1.4;
}

.blog-post-content p[b-69728fp5z3] {
    font-size: 0.95rem;
    color: var(--text-color);
    margin-bottom: 15px;
    line-height: 1.6;
}

.read-more-btn[b-69728fp5z3] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.95rem;
    transition: gap 0.3s ease;
}

.read-more-btn:hover[b-69728fp5z3] {
    gap: 12px;
}

/* Sidebar */
.blog-sidebar[b-69728fp5z3] {
    position: sticky;
    top: 100px;
    height: fit-content;
}

.sidebar-widget[b-69728fp5z3] {
    background: var(--white);
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.sidebar-widget h3[b-69728fp5z3] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--border-color);
}

/* Search Widget */
.search-form[b-69728fp5z3] {
    position: relative;
    display: flex;
}

.search-form input[b-69728fp5z3] {
    width: 100%;
    padding: 12px 50px 12px 15px;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    font-size: 0.95rem;
    transition: border-color 0.3s ease;
}

.search-form input:focus[b-69728fp5z3] {
    outline: none;
    border-color: var(--primary-color);
}

.search-form button[b-69728fp5z3] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

.search-form button:hover[b-69728fp5z3] {
    background: #1e3a8a;
}

/* Categories Widget */
.categories-list[b-69728fp5z3] {
    list-style: none;
}

.categories-list li[b-69728fp5z3] {
    margin-bottom: 12px;
}

.categories-list a[b-69728fp5z3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    background: #f9fafb;
    border-radius: 8px;
    color: var(--text-color);
    transition: all 0.3s ease;
}

.categories-list a:hover[b-69728fp5z3] {
    background: var(--primary-color);
    color: var(--white);
    transform: translateX(5px);
}

.categories-list i[b-69728fp5z3] {
    margin-right: 10px;
    color: var(--primary-color);
    transition: color 0.3s ease;
}

.categories-list a:hover i[b-69728fp5z3] {
    color: var(--white);
}

.categories-list span[b-69728fp5z3] {
    font-size: 0.875rem;
    opacity: 0.8;
}

/* Recent Posts Widget */
.recent-posts-list[b-69728fp5z3] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.recent-post-item[b-69728fp5z3] {
    display: flex;
    gap: 15px;
    padding: 12px;
    border-radius: 8px;
    transition: background 0.3s ease;
}

.recent-post-item:hover[b-69728fp5z3] {
    background: #f9fafb;
}

.recent-post-item img[b-69728fp5z3] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.recent-post-info h4[b-69728fp5z3] {
    font-size: 0.95rem;
    color: var(--dark-color);
    margin-bottom: 6px;
    line-height: 1.4;
}

.post-date[b-69728fp5z3] {
    font-size: 0.8rem;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Tags Widget */
.tags-cloud[b-69728fp5z3] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag-item[b-69728fp5z3] {
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.tag-item:hover[b-69728fp5z3] {
    background: var(--primary-color);
    color: var(--white);
}

/* CTA Widget */
.cta-widget[b-69728fp5z3] {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    color: var(--white);
}

.cta-widget h3[b-69728fp5z3] {
    color: var(--white);
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.cta-content[b-69728fp5z3] {
    text-align: center;
}

.cta-content i[b-69728fp5z3] {
    font-size: 3rem;
    margin-bottom: 15px;
    opacity: 0.9;
}

.cta-content p[b-69728fp5z3] {
    margin-bottom: 20px;
    opacity: 0.95;
}

.cta-btn[b-69728fp5z3] {
    display: inline-block;
    padding: 12px 30px;
    background: var(--white);
    color: var(--primary-color);
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.cta-btn:hover[b-69728fp5z3] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .blog-layout[b-69728fp5z3] {
        grid-template-columns: 1fr;
    }

    .blog-sidebar[b-69728fp5z3] {
        position: static;
    }

    .sidebar-widget[b-69728fp5z3] {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .page-hero[b-69728fp5z3] {
        height: 220px;
        padding-bottom: 30px;
    }

    .page-hero-content h1[b-69728fp5z3] {
        font-size: 2rem;
    }

    .page-hero-content p[b-69728fp5z3] {
        font-size: 1rem;
    }

    .blog-main-section[b-69728fp5z3] {
        padding: 40px 0;
    }

    .featured-blog-image[b-69728fp5z3] {
        height: 300px;
    }

    .featured-blog-content[b-69728fp5z3] {
        padding: 25px;
    }

    .featured-blog-content h2[b-69728fp5z3] {
        font-size: 1.75rem;
    }

    .featured-blog-content h3[b-69728fp5z3] {
        font-size: 1.5rem;
    }

    .blog-posts-grid[b-69728fp5z3] {
        grid-template-columns: 1fr;
    }

    .blog-meta[b-69728fp5z3] {
        gap: 15px;
    }

    .step-item[b-69728fp5z3] {
        flex-direction: column;
        align-items: flex-start;
    }

    .blog-sectors[b-69728fp5z3] {
        gap: 8px;
    }

    .sector-tag[b-69728fp5z3] {
        font-size: 0.8rem;
        padding: 8px 15px;
    }

    .blog-highlight[b-69728fp5z3] {
        flex-direction: column;
    }

    .share-buttons[b-69728fp5z3] {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .page-hero-content h1[b-69728fp5z3] {
        font-size: 1.5rem;
    }

    .featured-blog-content h2[b-69728fp5z3] {
        font-size: 1.5rem;
    }

    .featured-blog-content[b-69728fp5z3] {
        padding: 20px;
    }

    .sidebar-widget[b-69728fp5z3] {
        padding: 20px;
    }

    .blog-meta[b-69728fp5z3] {
        font-size: 0.8rem;
        gap: 10px;
    }
}

/* _content/OzturkIzolasyon/Views/Home/BoruIzolasyonMalzemeleriBlog.cshtml.rz.scp.css */
/* ==========================================
   Blog Page Styles
   ========================================== */

/* Page Hero Section */
.page-hero[b-cyuw2z32ol] {
    position: relative;
    height: 280px;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    padding-bottom: 40px;
}

.page-hero[b-cyuw2z32ol]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.page-hero-overlay[b-cyuw2z32ol] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
}

.page-hero-content[b-cyuw2z32ol] {
    position: relative;
    z-index: 1;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-cyuw2z32ol] {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.page-hero-content p[b-cyuw2z32ol] {
    font-size: 1.25rem;
    margin-bottom: 2rem;
    opacity: 0.95;
}

.breadcrumb[b-cyuw2z32ol] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    opacity: 0.9;
}

.breadcrumb a[b-cyuw2z32ol] {
    color: var(--white);
    transition: opacity 0.3s ease;
}

.breadcrumb a:hover[b-cyuw2z32ol] {
    opacity: 0.8;
}

.breadcrumb i[b-cyuw2z32ol] {
    font-size: 0.75rem;
}

/* Blog Main Section */
.blog-main-section[b-cyuw2z32ol] {
    padding: 80px 0;
    background-color: #f9fafb;
}

.blog-layout[b-cyuw2z32ol] {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 40px;
}

/* Blog Content */
.blog-content[b-cyuw2z32ol] {
    background: var(--white);
}

/* Featured Blog Post */
.featured-blog-post[b-cyuw2z32ol] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    margin-bottom: 60px;
}

.featured-blog-image[b-cyuw2z32ol] {
    position: relative;
    height: 500px;
    overflow: hidden;
}

.featured-blog-image img[b-cyuw2z32ol] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.featured-blog-post:hover .featured-blog-image img[b-cyuw2z32ol] {
    transform: scale(1.05);
}

.blog-category[b-cyuw2z32ol] {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--primary-color);
    color: var(--white);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    z-index: 2;
}

.featured-blog-content[b-cyuw2z32ol] {
    padding: 40px;
}

.blog-meta[b-cyuw2z32ol] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    font-size: 0.875rem;
    color: #6b7280;
    flex-wrap: wrap;
}

.blog-meta span[b-cyuw2z32ol] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.blog-meta i[b-cyuw2z32ol] {
    color: var(--primary-color);
}

.featured-blog-content h2[b-cyuw2z32ol] {
    font-size: 2.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    line-height: 1.3;
}

.blog-excerpt[b-cyuw2z32ol] {
    font-size: 1.125rem;
    color: #4b5563;
    margin-bottom: 20px;
    line-height: 1.8;
    font-weight: 500;
}

.featured-blog-content p[b-cyuw2z32ol] {
    font-size: 1rem;
    color: var(--text-color);
    margin-bottom: 20px;
    line-height: 1.8;
}

.featured-blog-content h3[b-cyuw2z32ol] {
    font-size: 1.75rem;
    color: var(--dark-color);
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 600;
}

/* Blog List */
.blog-list[b-cyuw2z32ol] {
    list-style: none;
    margin: 30px 0;
}

.blog-list li[b-cyuw2z32ol] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-color);
}

.blog-list i[b-cyuw2z32ol] {
    color: #10b981;
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.blog-list strong[b-cyuw2z32ol] {
    color: var(--dark-color);
}

/* Blog Steps */
.blog-steps[b-cyuw2z32ol] {
    margin: 30px 0;
}

.step-item[b-cyuw2z32ol] {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    padding: 25px;
    background: #f9fafb;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.step-number[b-cyuw2z32ol] {
    width: 50px;
    height: 50px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    flex-shrink: 0;
}

.step-content h4[b-cyuw2z32ol] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 8px;
}

.step-content p[b-cyuw2z32ol] {
    margin: 0;
    color: var(--text-color);
}

/* Blog Sectors */
.blog-sectors[b-cyuw2z32ol] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 30px 0;
}

.sector-tag[b-cyuw2z32ol] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid rgba(30, 64, 175, 0.2);
}

.sector-tag i[b-cyuw2z32ol] {
    font-size: 1rem;
}

/* Blog Highlight */
.blog-highlight[b-cyuw2z32ol] {
    display: flex;
    gap: 20px;
    padding: 30px;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-radius: 12px;
    margin: 40px 0;
    border-left: 4px solid #f59e0b;
}

.blog-highlight i[b-cyuw2z32ol] {
    font-size: 2rem;
    color: #f59e0b;
    flex-shrink: 0;
}

.blog-highlight h4[b-cyuw2z32ol] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 10px;
}

.blog-highlight p[b-cyuw2z32ol] {
    margin: 0;
    color: #78350f;
}

/* Blog Tags */
.blog-tags[b-cyuw2z32ol] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 40px 0;
    padding-top: 30px;
    border-top: 1px solid var(--border-color);
}

.blog-tags .tag[b-cyuw2z32ol] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.blog-tags .tag:hover[b-cyuw2z32ol] {
    background: var(--primary-color);
    color: var(--white);
}

.blog-tags .tag i[b-cyuw2z32ol] {
    font-size: 0.75rem;
}

/* Blog Share */
.blog-share[b-cyuw2z32ol] {
    padding: 30px 0;
    border-top: 1px solid var(--border-color);
}

.blog-share h4[b-cyuw2z32ol] {
    font-size: 1.125rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.share-buttons[b-cyuw2z32ol] {
    display: flex;
    gap: 12px;
}

.share-btn[b-cyuw2z32ol] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    transition: all 0.3s ease;
    font-size: 1.125rem;
}

.share-btn:hover[b-cyuw2z32ol] {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.share-btn.facebook[b-cyuw2z32ol] {
    background: #1877f2;
}

.share-btn.twitter[b-cyuw2z32ol] {
    background: #1da1f2;
}

.share-btn.linkedin[b-cyuw2z32ol] {
    background: #0077b5;
}

.share-btn.whatsapp[b-cyuw2z32ol] {
    background: #25d366;
}

/* More Posts Section */
.more-posts-section[b-cyuw2z32ol] {
    margin-top: 60px;
}

.section-title[b-cyuw2z32ol] {
    font-size: 2rem;
    color: var(--dark-color);
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid var(--primary-color);
    display: inline-block;
}

.blog-posts-grid[b-cyuw2z32ol] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
}

.blog-post-card[b-cyuw2z32ol] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.blog-post-card:hover[b-cyuw2z32ol] {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.blog-post-image[b-cyuw2z32ol] {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.blog-post-image img[b-cyuw2z32ol] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.blog-post-card:hover .blog-post-image img[b-cyuw2z32ol] {
    transform: scale(1.1);
}

.blog-post-content[b-cyuw2z32ol] {
    padding: 25px;
}

.blog-post-content h3[b-cyuw2z32ol] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 12px;
    line-height: 1.4;
}

.blog-post-content p[b-cyuw2z32ol] {
    font-size: 0.95rem;
    color: var(--text-color);
    margin-bottom: 15px;
    line-height: 1.6;
}

.read-more-btn[b-cyuw2z32ol] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.95rem;
    transition: gap 0.3s ease;
}

.read-more-btn:hover[b-cyuw2z32ol] {
    gap: 12px;
}

/* Sidebar */
.blog-sidebar[b-cyuw2z32ol] {
    position: sticky;
    top: 100px;
    height: fit-content;
}

.sidebar-widget[b-cyuw2z32ol] {
    background: var(--white);
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.sidebar-widget h3[b-cyuw2z32ol] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--border-color);
}

/* Search Widget */
.search-form[b-cyuw2z32ol] {
    position: relative;
    display: flex;
}

.search-form input[b-cyuw2z32ol] {
    width: 100%;
    padding: 12px 50px 12px 15px;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    font-size: 0.95rem;
    transition: border-color 0.3s ease;
}

.search-form input:focus[b-cyuw2z32ol] {
    outline: none;
    border-color: var(--primary-color);
}

.search-form button[b-cyuw2z32ol] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

.search-form button:hover[b-cyuw2z32ol] {
    background: #1e3a8a;
}

/* Categories Widget */
.categories-list[b-cyuw2z32ol] {
    list-style: none;
}

.categories-list li[b-cyuw2z32ol] {
    margin-bottom: 12px;
}

.categories-list a[b-cyuw2z32ol] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    background: #f9fafb;
    border-radius: 8px;
    color: var(--text-color);
    transition: all 0.3s ease;
}

.categories-list a:hover[b-cyuw2z32ol] {
    background: var(--primary-color);
    color: var(--white);
    transform: translateX(5px);
}

.categories-list i[b-cyuw2z32ol] {
    margin-right: 10px;
    color: var(--primary-color);
    transition: color 0.3s ease;
}

.categories-list a:hover i[b-cyuw2z32ol] {
    color: var(--white);
}

.categories-list span[b-cyuw2z32ol] {
    font-size: 0.875rem;
    opacity: 0.8;
}

/* Recent Posts Widget */
.recent-posts-list[b-cyuw2z32ol] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.recent-post-item[b-cyuw2z32ol] {
    display: flex;
    gap: 15px;
    padding: 12px;
    border-radius: 8px;
    transition: background 0.3s ease;
}

.recent-post-item:hover[b-cyuw2z32ol] {
    background: #f9fafb;
}

.recent-post-item img[b-cyuw2z32ol] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.recent-post-info h4[b-cyuw2z32ol] {
    font-size: 0.95rem;
    color: var(--dark-color);
    margin-bottom: 6px;
    line-height: 1.4;
}

.post-date[b-cyuw2z32ol] {
    font-size: 0.8rem;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Tags Widget */
.tags-cloud[b-cyuw2z32ol] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag-item[b-cyuw2z32ol] {
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.tag-item:hover[b-cyuw2z32ol] {
    background: var(--primary-color);
    color: var(--white);
}

/* CTA Widget */
.cta-widget[b-cyuw2z32ol] {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    color: var(--white);
}

.cta-widget h3[b-cyuw2z32ol] {
    color: var(--white);
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.cta-content[b-cyuw2z32ol] {
    text-align: center;
}

.cta-content i[b-cyuw2z32ol] {
    font-size: 3rem;
    margin-bottom: 15px;
    opacity: 0.9;
}

.cta-content p[b-cyuw2z32ol] {
    margin-bottom: 20px;
    opacity: 0.95;
}

.cta-btn[b-cyuw2z32ol] {
    display: inline-block;
    padding: 12px 30px;
    background: var(--white);
    color: var(--primary-color);
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.cta-btn:hover[b-cyuw2z32ol] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .blog-layout[b-cyuw2z32ol] {
        grid-template-columns: 1fr;
    }

    .blog-sidebar[b-cyuw2z32ol] {
        position: static;
    }

    .sidebar-widget[b-cyuw2z32ol] {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .page-hero[b-cyuw2z32ol] {
        height: 220px;
        padding-bottom: 30px;
    }

    .page-hero-content h1[b-cyuw2z32ol] {
        font-size: 2rem;
    }

    .page-hero-content p[b-cyuw2z32ol] {
        font-size: 1rem;
    }

    .blog-main-section[b-cyuw2z32ol] {
        padding: 40px 0;
    }

    .featured-blog-image[b-cyuw2z32ol] {
        height: 300px;
    }

    .featured-blog-content[b-cyuw2z32ol] {
        padding: 25px;
    }

    .featured-blog-content h2[b-cyuw2z32ol] {
        font-size: 1.75rem;
    }

    .featured-blog-content h3[b-cyuw2z32ol] {
        font-size: 1.5rem;
    }

    .blog-posts-grid[b-cyuw2z32ol] {
        grid-template-columns: 1fr;
    }

    .blog-meta[b-cyuw2z32ol] {
        gap: 15px;
    }

    .step-item[b-cyuw2z32ol] {
        flex-direction: column;
        align-items: flex-start;
    }

    .blog-sectors[b-cyuw2z32ol] {
        gap: 8px;
    }

    .sector-tag[b-cyuw2z32ol] {
        font-size: 0.8rem;
        padding: 8px 15px;
    }

    .blog-highlight[b-cyuw2z32ol] {
        flex-direction: column;
    }

    .share-buttons[b-cyuw2z32ol] {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .page-hero-content h1[b-cyuw2z32ol] {
        font-size: 1.5rem;
    }

    .featured-blog-content h2[b-cyuw2z32ol] {
        font-size: 1.5rem;
    }

    .featured-blog-content[b-cyuw2z32ol] {
        padding: 20px;
    }

    .sidebar-widget[b-cyuw2z32ol] {
        padding: 20px;
    }

    .blog-meta[b-cyuw2z32ol] {
        font-size: 0.8rem;
        gap: 10px;
    }
}

/* _content/OzturkIzolasyon/Views/Home/BuharVanaYalitim.cshtml.rz.scp.css */
/* ==========================================
   Product Page Styles
   ========================================== */

/* Page Hero */
.page-hero[b-ft6x41acs0] {
    position: relative;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
    overflow: hidden;
}

.page-hero-bg[b-ft6x41acs0] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.page-hero[b-ft6x41acs0]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.65), rgba(59, 130, 246, 0.45));
    z-index: 1;
}

.page-hero[b-ft6x41acs0]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
    z-index: 2;
}

.page-hero-content[b-ft6x41acs0] {
    position: relative;
    z-index: 3;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-ft6x41acs0] {
    font-size: 3rem;
    font-weight: 800;
    margin-bottom: 20px;
    animation: fadeInUp-b-ft6x41acs0 0.8s ease;
}

.breadcrumb[b-ft6x41acs0] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 1rem;
    animation: fadeInUp-b-ft6x41acs0 0.8s ease 0.2s backwards;
}

.breadcrumb a[b-ft6x41acs0] {
    color: var(--white);
    opacity: 0.9;
    transition: var(--transition);
}

.breadcrumb a:hover[b-ft6x41acs0] {
    opacity: 1;
    text-decoration: underline;
}

.breadcrumb span[b-ft6x41acs0] {
    opacity: 0.7;
}

/* Product Detail Section */
.product-detail[b-ft6x41acs0] {
    padding: 80px 0;
    background: var(--white);
}

.product-main[b-ft6x41acs0] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: start;
}

.product-image-section[b-ft6x41acs0] {
    position: sticky;
    top: 100px;
}

.product-image-main[b-ft6x41acs0] {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-lg);
    background: #f3f4f6;
}

.product-image-main img[b-ft6x41acs0] {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.5s ease;
}

.product-image-main:hover img[b-ft6x41acs0] {
    transform: scale(1.05);
}

.product-info-section[b-ft6x41acs0] {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.product-header[b-ft6x41acs0] {
    border-bottom: 2px solid var(--border-color);
    padding-bottom: 20px;
}

.product-tag[b-ft6x41acs0] {
    display: inline-block;
    padding: 6px 16px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.product-header h2[b-ft6x41acs0] {
    font-size: 2.5rem;
    color: var(--dark-color);
    font-weight: 700;
    line-height: 1.2;
}

.product-description p[b-ft6x41acs0] {
    font-size: 1.125rem;
    line-height: 1.8;
    color: var(--text-color);
    margin-bottom: 15px;
}

.product-highlights[b-ft6x41acs0] {
    background: var(--light-color);
    padding: 30px;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.product-highlights h3[b-ft6x41acs0] {
    font-size: 1.5rem;
    color: var(--dark-color);
    margin-bottom: 20px;
}

.product-highlights ul[b-ft6x41acs0] {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.product-highlights ul li[b-ft6x41acs0] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 1.05rem;
    color: var(--text-color);
}

.product-highlights ul li i[b-ft6x41acs0] {
    color: var(--secondary-color);
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.product-cta[b-ft6x41acs0] {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    padding-top: 20px;
}

.product-cta .btn[b-ft6x41acs0] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 32px;
    font-size: 1.05rem;
}

/* Detailed Content Section */
.detailed-content[b-ft6x41acs0] {
    padding: 80px 0;
    background: var(--white);
}

.detailed-content .content-wrapper[b-ft6x41acs0] {
    max-width: 900px;
    margin: 0 auto;
}

.detailed-content h2[b-ft6x41acs0] {
    font-size: 2.5rem;
    color: var(--dark-color);
    font-weight: 700;
    margin-bottom: 30px;
    text-align: center;
    position: relative;
    padding-bottom: 20px;
}

.detailed-content h2[b-ft6x41acs0]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: var(--gradient);
    border-radius: 2px;
}

.detailed-content p[b-ft6x41acs0] {
    font-size: 1.125rem;
    line-height: 1.9;
    color: var(--text-color);
    margin-bottom: 25px;
    text-align: justify;
}

.detailed-content p:first-of-type[b-ft6x41acs0] {
    font-size: 1.2rem;
    font-weight: 500;
    color: var(--dark-color);
}

.detailed-content p:first-of-type[b-ft6x41acs0]::first-letter {
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1;
    float: left;
    color: var(--primary-color);
}

/* Technical Details Section */
.technical-details[b-ft6x41acs0] {
    padding: 80px 0;
    background: var(--light-color);
}

.technical-grid[b-ft6x41acs0] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
}

.technical-card[b-ft6x41acs0] {
    background: var(--white);
    padding: 35px;
    border-radius: 12px;
    box-shadow: var(--shadow);
    transition: var(--transition);
}

.technical-card:hover[b-ft6x41acs0] {
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
}

.technical-icon[b-ft6x41acs0] {
    width: 70px;
    height: 70px;
    background: var(--gradient);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.technical-icon i[b-ft6x41acs0] {
    font-size: 2rem;
    color: var(--white);
}

.technical-card h3[b-ft6x41acs0] {
    font-size: 1.375rem;
    color: var(--dark-color);
    margin-bottom: 20px;
}

.technical-card ul[b-ft6x41acs0] {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.technical-card ul li[b-ft6x41acs0] {
    padding-left: 25px;
    position: relative;
    color: var(--text-color);
    line-height: 1.6;
}

.technical-card ul li[b-ft6x41acs0]::before {
    content: '•';
    position: absolute;
    left: 8px;
    color: var(--primary-color);
    font-weight: bold;
    font-size: 1.2rem;
}

/* Benefits Section */
.benefits-section[b-ft6x41acs0] {
    padding: 80px 0;
    background: var(--white);
}

.benefits-grid[b-ft6x41acs0] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
}

.benefit-card[b-ft6x41acs0] {
    background: var(--light-color);
    padding: 35px;
    border-radius: 12px;
    transition: var(--transition);
    border: 2px solid transparent;
}

.benefit-card:hover[b-ft6x41acs0] {
    border-color: var(--primary-color);
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
    background: var(--white);
}

.benefit-icon[b-ft6x41acs0] {
    width: 70px;
    height: 70px;
    background: var(--gradient);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    transition: var(--transition);
}

.benefit-card:hover .benefit-icon[b-ft6x41acs0] {
    transform: scale(1.1);
}

.benefit-icon i[b-ft6x41acs0] {
    font-size: 2rem;
    color: var(--white);
}

.benefit-card h3[b-ft6x41acs0] {
    font-size: 1.375rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.benefit-card p[b-ft6x41acs0] {
    color: var(--text-color);
    line-height: 1.7;
}

/* Process Section */
.process-section[b-ft6x41acs0] {
    padding: 80px 0;
    background: var(--light-color);
}

.process-timeline[b-ft6x41acs0] {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 40px;
    position: relative;
}

.process-timeline[b-ft6x41acs0]::before {
    content: '';
    position: absolute;
    left: 30px;
    top: 30px;
    bottom: 30px;
    width: 3px;
    background: linear-gradient(to bottom, var(--primary-color), var(--secondary-color));
}

.process-step[b-ft6x41acs0] {
    display: flex;
    gap: 30px;
    position: relative;
}

.step-number[b-ft6x41acs0] {
    width: 60px;
    height: 60px;
    background: var(--gradient);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--white);
    flex-shrink: 0;
    box-shadow: 0 4px 15px rgba(30, 64, 175, 0.3);
    position: relative;
    z-index: 2;
}

.step-content[b-ft6x41acs0] {
    background: var(--white);
    padding: 25px 30px;
    border-radius: 12px;
    box-shadow: var(--shadow);
    flex: 1;
    transition: var(--transition);
}

.step-content:hover[b-ft6x41acs0] {
    transform: translateX(10px);
    box-shadow: var(--shadow-lg);
}

.step-content h3[b-ft6x41acs0] {
    font-size: 1.375rem;
    color: var(--dark-color);
    margin-bottom: 12px;
}

.step-content p[b-ft6x41acs0] {
    color: var(--text-color);
    line-height: 1.7;
}

/* FAQ Section */
.faq-section[b-ft6x41acs0] {
    padding: 80px 0;
    background: var(--white);
}

.faq-container[b-ft6x41acs0] {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.faq-item[b-ft6x41acs0] {
    background: var(--light-color);
    border-radius: 12px;
    overflow: hidden;
    transition: var(--transition);
}

.faq-item:hover[b-ft6x41acs0] {
    box-shadow: var(--shadow);
}

.faq-question[b-ft6x41acs0] {
    padding: 25px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    user-select: none;
    transition: var(--transition);
}

.faq-question:hover[b-ft6x41acs0] {
    background: rgba(30, 64, 175, 0.05);
}

.faq-question h3[b-ft6x41acs0] {
    font-size: 1.25rem;
    color: var(--dark-color);
    font-weight: 600;
    margin: 0;
}

.faq-question i[b-ft6x41acs0] {
    font-size: 1.25rem;
    color: var(--primary-color);
    transition: transform 0.3s ease;
}

.faq-item.active .faq-question i[b-ft6x41acs0] {
    transform: rotate(180deg);
}

.faq-answer[b-ft6x41acs0] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
}

.faq-item.active .faq-answer[b-ft6x41acs0] {
    max-height: 500px;
    padding: 0 30px 25px 30px;
}

.faq-answer p[b-ft6x41acs0] {
    color: var(--text-color);
    line-height: 1.8;
    font-size: 1.05rem;
}

/* CTA Section */
.cta-section[b-ft6x41acs0] {
    padding: 80px 0;
    background: var(--gradient);
    position: relative;
    overflow: hidden;
}

.cta-section[b-ft6x41acs0]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.cta-content[b-ft6x41acs0] {
    position: relative;
    z-index: 2;
    text-align: center;
    color: var(--white);
    max-width: 800px;
    margin: 0 auto;
}

.cta-content h2[b-ft6x41acs0] {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.3;
}

.cta-content p[b-ft6x41acs0] {
    font-size: 1.25rem;
    margin-bottom: 40px;
    opacity: 0.95;
    line-height: 1.7;
}

.cta-buttons[b-ft6x41acs0] {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

.btn-large[b-ft6x41acs0] {
    padding: 18px 40px;
    font-size: 1.125rem;
}

.cta-section .btn-secondary[b-ft6x41acs0] {
    background: var(--white);
    color: var(--primary-color);
    border: 2px solid var(--white);
}

.cta-section .btn-secondary:hover[b-ft6x41acs0] {
    background: transparent;
    color: var(--white);
}

/* ==========================================
   Responsive Design
   ========================================== */

@media (max-width: 1024px) {
    .page-hero-content h1[b-ft6x41acs0] {
        font-size: 2.5rem;
    }

    .product-main[b-ft6x41acs0] {
        gap: 40px;
    }

    .product-header h2[b-ft6x41acs0] {
        font-size: 2rem;
    }

    .technical-grid[b-ft6x41acs0],
    .benefits-grid[b-ft6x41acs0] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .page-hero[b-ft6x41acs0] {
        height: 300px;
        margin-top: 80px;
    }

    .page-hero-content h1[b-ft6x41acs0] {
        font-size: 2rem;
    }

    .breadcrumb[b-ft6x41acs0] {
        font-size: 0.9rem;
    }

    .product-main[b-ft6x41acs0] {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .product-image-section[b-ft6x41acs0] {
        position: static;
    }

    .product-header h2[b-ft6x41acs0] {
        font-size: 1.75rem;
    }

    .product-description p[b-ft6x41acs0] {
        font-size: 1rem;
    }

    .product-highlights[b-ft6x41acs0] {
        padding: 20px;
    }

    .product-highlights h3[b-ft6x41acs0] {
        font-size: 1.25rem;
    }

    .product-cta[b-ft6x41acs0] {
        flex-direction: column;
    }

    .product-cta .btn[b-ft6x41acs0] {
        width: 100%;
        justify-content: center;
    }

    .detailed-content h2[b-ft6x41acs0] {
        font-size: 2rem;
    }

    .detailed-content p[b-ft6x41acs0] {
        font-size: 1rem;
    }

    .detailed-content p:first-of-type[b-ft6x41acs0] {
        font-size: 1.05rem;
    }

    .detailed-content p:first-of-type[b-ft6x41acs0]::first-letter {
        font-size: 3rem;
    }

    .technical-grid[b-ft6x41acs0],
    .benefits-grid[b-ft6x41acs0] {
        grid-template-columns: 1fr;
    }

    .process-timeline[b-ft6x41acs0]::before {
        left: 20px;
    }

    .step-number[b-ft6x41acs0] {
        width: 50px;
        height: 50px;
        font-size: 1.25rem;
    }

    .step-content[b-ft6x41acs0] {
        padding: 20px;
    }

    .step-content h3[b-ft6x41acs0] {
        font-size: 1.25rem;
    }

    .faq-question[b-ft6x41acs0] {
        padding: 20px;
    }

    .faq-question h3[b-ft6x41acs0] {
        font-size: 1.1rem;
    }

    .faq-item.active .faq-answer[b-ft6x41acs0] {
        padding: 0 20px 20px 20px;
    }

    .cta-content h2[b-ft6x41acs0] {
        font-size: 2rem;
    }

    .cta-content p[b-ft6x41acs0] {
        font-size: 1.05rem;
    }

    .cta-buttons[b-ft6x41acs0] {
        flex-direction: column;
    }

    .btn-large[b-ft6x41acs0] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .page-hero[b-ft6x41acs0] {
        height: 250px;
    }

    .page-hero-content h1[b-ft6x41acs0] {
        font-size: 1.75rem;
    }

    .product-header h2[b-ft6x41acs0] {
        font-size: 1.5rem;
    }

    .detailed-content h2[b-ft6x41acs0] {
        font-size: 1.75rem;
    }

    .detailed-content p[b-ft6x41acs0] {
        font-size: 0.95rem;
    }

    .detailed-content p:first-of-type[b-ft6x41acs0] {
        font-size: 1rem;
    }

    .detailed-content p:first-of-type[b-ft6x41acs0]::first-letter {
        font-size: 2.5rem;
        margin: 3px 8px 0 0;
    }

    .technical-card[b-ft6x41acs0],
    .benefit-card[b-ft6x41acs0] {
        padding: 25px;
    }

    .technical-icon[b-ft6x41acs0],
    .benefit-icon[b-ft6x41acs0] {
        width: 60px;
        height: 60px;
    }

    .technical-icon i[b-ft6x41acs0],
    .benefit-icon i[b-ft6x41acs0] {
        font-size: 1.75rem;
    }

    .process-step[b-ft6x41acs0] {
        gap: 20px;
    }

    .step-number[b-ft6x41acs0] {
        width: 40px;
        height: 40px;
        font-size: 1.1rem;
    }

    .cta-content h2[b-ft6x41acs0] {
        font-size: 1.75rem;
    }

    .cta-content p[b-ft6x41acs0] {
        font-size: 1rem;
    }
}

/* ==========================================
   Animations
   ========================================== */

@keyframes fadeInUp-b-ft6x41acs0 {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Scroll Animations */
.product-detail[b-ft6x41acs0],
.detailed-content[b-ft6x41acs0],
.technical-details[b-ft6x41acs0],
.benefits-section[b-ft6x41acs0],
.process-section[b-ft6x41acs0],
.faq-section[b-ft6x41acs0] {
    animation: fadeIn-b-ft6x41acs0 0.6s ease;
}

@keyframes fadeIn-b-ft6x41acs0 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* _content/OzturkIzolasyon/Views/Home/CorluIzolasyonBlog.cshtml.rz.scp.css */
/* ==========================================
   Blog Page Styles
   ========================================== */

/* Page Hero Section */
.page-hero[b-4j7povt5fg] {
    position: relative;
    height: 280px;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    padding-bottom: 40px;
}

.page-hero[b-4j7povt5fg]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.page-hero-overlay[b-4j7povt5fg] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
}

.page-hero-content[b-4j7povt5fg] {
    position: relative;
    z-index: 1;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-4j7povt5fg] {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.page-hero-content p[b-4j7povt5fg] {
    font-size: 1.25rem;
    margin-bottom: 2rem;
    opacity: 0.95;
}

.breadcrumb[b-4j7povt5fg] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    opacity: 0.9;
}

.breadcrumb a[b-4j7povt5fg] {
    color: var(--white);
    transition: opacity 0.3s ease;
}

.breadcrumb a:hover[b-4j7povt5fg] {
    opacity: 0.8;
}

.breadcrumb i[b-4j7povt5fg] {
    font-size: 0.75rem;
}

/* Blog Main Section */
.blog-main-section[b-4j7povt5fg] {
    padding: 80px 0;
    background-color: #f9fafb;
}

.blog-layout[b-4j7povt5fg] {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 40px;
}

/* Blog Content */
.blog-content[b-4j7povt5fg] {
    background: var(--white);
}

/* Featured Blog Post */
.featured-blog-post[b-4j7povt5fg] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    margin-bottom: 60px;
}

.featured-blog-image[b-4j7povt5fg] {
    position: relative;
    height: 500px;
    overflow: hidden;
}

.featured-blog-image img[b-4j7povt5fg] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.featured-blog-post:hover .featured-blog-image img[b-4j7povt5fg] {
    transform: scale(1.05);
}

.blog-category[b-4j7povt5fg] {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--primary-color);
    color: var(--white);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    z-index: 2;
}

.featured-blog-content[b-4j7povt5fg] {
    padding: 40px;
}

.blog-meta[b-4j7povt5fg] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    font-size: 0.875rem;
    color: #6b7280;
    flex-wrap: wrap;
}

.blog-meta span[b-4j7povt5fg] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.blog-meta i[b-4j7povt5fg] {
    color: var(--primary-color);
}

.featured-blog-content h2[b-4j7povt5fg] {
    font-size: 2.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    line-height: 1.3;
}

.blog-excerpt[b-4j7povt5fg] {
    font-size: 1.125rem;
    color: #4b5563;
    margin-bottom: 20px;
    line-height: 1.8;
    font-weight: 500;
}

.featured-blog-content p[b-4j7povt5fg] {
    font-size: 1rem;
    color: var(--text-color);
    margin-bottom: 20px;
    line-height: 1.8;
}

.featured-blog-content h3[b-4j7povt5fg] {
    font-size: 1.75rem;
    color: var(--dark-color);
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 600;
}

/* Blog List */
.blog-list[b-4j7povt5fg] {
    list-style: none;
    margin: 30px 0;
}

.blog-list li[b-4j7povt5fg] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-color);
}

.blog-list i[b-4j7povt5fg] {
    color: #10b981;
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.blog-list strong[b-4j7povt5fg] {
    color: var(--dark-color);
}

/* Blog Steps */
.blog-steps[b-4j7povt5fg] {
    margin: 30px 0;
}

.step-item[b-4j7povt5fg] {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    padding: 25px;
    background: #f9fafb;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.step-number[b-4j7povt5fg] {
    width: 50px;
    height: 50px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    flex-shrink: 0;
}

.step-content h4[b-4j7povt5fg] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 8px;
}

.step-content p[b-4j7povt5fg] {
    margin: 0;
    color: var(--text-color);
}

/* Blog Sectors */
.blog-sectors[b-4j7povt5fg] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 30px 0;
}

.sector-tag[b-4j7povt5fg] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid rgba(30, 64, 175, 0.2);
}

.sector-tag i[b-4j7povt5fg] {
    font-size: 1rem;
}

/* Blog Highlight */
.blog-highlight[b-4j7povt5fg] {
    display: flex;
    gap: 20px;
    padding: 30px;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-radius: 12px;
    margin: 40px 0;
    border-left: 4px solid #f59e0b;
}

.blog-highlight i[b-4j7povt5fg] {
    font-size: 2rem;
    color: #f59e0b;
    flex-shrink: 0;
}

.blog-highlight h4[b-4j7povt5fg] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 10px;
}

.blog-highlight p[b-4j7povt5fg] {
    margin: 0;
    color: #78350f;
}

/* Blog Tags */
.blog-tags[b-4j7povt5fg] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 40px 0;
    padding-top: 30px;
    border-top: 1px solid var(--border-color);
}

.blog-tags .tag[b-4j7povt5fg] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.blog-tags .tag:hover[b-4j7povt5fg] {
    background: var(--primary-color);
    color: var(--white);
}

.blog-tags .tag i[b-4j7povt5fg] {
    font-size: 0.75rem;
}

/* Blog Share */
.blog-share[b-4j7povt5fg] {
    padding: 30px 0;
    border-top: 1px solid var(--border-color);
}

.blog-share h4[b-4j7povt5fg] {
    font-size: 1.125rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.share-buttons[b-4j7povt5fg] {
    display: flex;
    gap: 12px;
}

.share-btn[b-4j7povt5fg] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    transition: all 0.3s ease;
    font-size: 1.125rem;
}

.share-btn:hover[b-4j7povt5fg] {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.share-btn.facebook[b-4j7povt5fg] {
    background: #1877f2;
}

.share-btn.twitter[b-4j7povt5fg] {
    background: #1da1f2;
}

.share-btn.linkedin[b-4j7povt5fg] {
    background: #0077b5;
}

.share-btn.whatsapp[b-4j7povt5fg] {
    background: #25d366;
}

/* More Posts Section */
.more-posts-section[b-4j7povt5fg] {
    margin-top: 60px;
}

.section-title[b-4j7povt5fg] {
    font-size: 2rem;
    color: var(--dark-color);
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid var(--primary-color);
    display: inline-block;
}

.blog-posts-grid[b-4j7povt5fg] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
}

.blog-post-card[b-4j7povt5fg] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.blog-post-card:hover[b-4j7povt5fg] {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.blog-post-image[b-4j7povt5fg] {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.blog-post-image img[b-4j7povt5fg] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.blog-post-card:hover .blog-post-image img[b-4j7povt5fg] {
    transform: scale(1.1);
}

.blog-post-content[b-4j7povt5fg] {
    padding: 25px;
}

.blog-post-content h3[b-4j7povt5fg] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 12px;
    line-height: 1.4;
}

.blog-post-content p[b-4j7povt5fg] {
    font-size: 0.95rem;
    color: var(--text-color);
    margin-bottom: 15px;
    line-height: 1.6;
}

.read-more-btn[b-4j7povt5fg] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.95rem;
    transition: gap 0.3s ease;
}

.read-more-btn:hover[b-4j7povt5fg] {
    gap: 12px;
}

/* Sidebar */
.blog-sidebar[b-4j7povt5fg] {
    position: sticky;
    top: 100px;
    height: fit-content;
}

.sidebar-widget[b-4j7povt5fg] {
    background: var(--white);
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.sidebar-widget h3[b-4j7povt5fg] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--border-color);
}

/* Search Widget */
.search-form[b-4j7povt5fg] {
    position: relative;
    display: flex;
}

.search-form input[b-4j7povt5fg] {
    width: 100%;
    padding: 12px 50px 12px 15px;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    font-size: 0.95rem;
    transition: border-color 0.3s ease;
}

.search-form input:focus[b-4j7povt5fg] {
    outline: none;
    border-color: var(--primary-color);
}

.search-form button[b-4j7povt5fg] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

.search-form button:hover[b-4j7povt5fg] {
    background: #1e3a8a;
}

/* Categories Widget */
.categories-list[b-4j7povt5fg] {
    list-style: none;
}

.categories-list li[b-4j7povt5fg] {
    margin-bottom: 12px;
}

.categories-list a[b-4j7povt5fg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    background: #f9fafb;
    border-radius: 8px;
    color: var(--text-color);
    transition: all 0.3s ease;
}

.categories-list a:hover[b-4j7povt5fg] {
    background: var(--primary-color);
    color: var(--white);
    transform: translateX(5px);
}

.categories-list i[b-4j7povt5fg] {
    margin-right: 10px;
    color: var(--primary-color);
    transition: color 0.3s ease;
}

.categories-list a:hover i[b-4j7povt5fg] {
    color: var(--white);
}

.categories-list span[b-4j7povt5fg] {
    font-size: 0.875rem;
    opacity: 0.8;
}

/* Recent Posts Widget */
.recent-posts-list[b-4j7povt5fg] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.recent-post-item[b-4j7povt5fg] {
    display: flex;
    gap: 15px;
    padding: 12px;
    border-radius: 8px;
    transition: background 0.3s ease;
}

.recent-post-item:hover[b-4j7povt5fg] {
    background: #f9fafb;
}

.recent-post-item img[b-4j7povt5fg] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.recent-post-info h4[b-4j7povt5fg] {
    font-size: 0.95rem;
    color: var(--dark-color);
    margin-bottom: 6px;
    line-height: 1.4;
}

.post-date[b-4j7povt5fg] {
    font-size: 0.8rem;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Tags Widget */
.tags-cloud[b-4j7povt5fg] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag-item[b-4j7povt5fg] {
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.tag-item:hover[b-4j7povt5fg] {
    background: var(--primary-color);
    color: var(--white);
}

/* CTA Widget */
.cta-widget[b-4j7povt5fg] {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    color: var(--white);
}

.cta-widget h3[b-4j7povt5fg] {
    color: var(--white);
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.cta-content[b-4j7povt5fg] {
    text-align: center;
}

.cta-content i[b-4j7povt5fg] {
    font-size: 3rem;
    margin-bottom: 15px;
    opacity: 0.9;
}

.cta-content p[b-4j7povt5fg] {
    margin-bottom: 20px;
    opacity: 0.95;
}

.cta-btn[b-4j7povt5fg] {
    display: inline-block;
    padding: 12px 30px;
    background: var(--white);
    color: var(--primary-color);
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.cta-btn:hover[b-4j7povt5fg] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .blog-layout[b-4j7povt5fg] {
        grid-template-columns: 1fr;
    }

    .blog-sidebar[b-4j7povt5fg] {
        position: static;
    }

    .sidebar-widget[b-4j7povt5fg] {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .page-hero[b-4j7povt5fg] {
        height: 220px;
        padding-bottom: 30px;
    }

    .page-hero-content h1[b-4j7povt5fg] {
        font-size: 2rem;
    }

    .page-hero-content p[b-4j7povt5fg] {
        font-size: 1rem;
    }

    .blog-main-section[b-4j7povt5fg] {
        padding: 40px 0;
    }

    .featured-blog-image[b-4j7povt5fg] {
        height: 300px;
    }

    .featured-blog-content[b-4j7povt5fg] {
        padding: 25px;
    }

    .featured-blog-content h2[b-4j7povt5fg] {
        font-size: 1.75rem;
    }

    .featured-blog-content h3[b-4j7povt5fg] {
        font-size: 1.5rem;
    }

    .blog-posts-grid[b-4j7povt5fg] {
        grid-template-columns: 1fr;
    }

    .blog-meta[b-4j7povt5fg] {
        gap: 15px;
    }

    .step-item[b-4j7povt5fg] {
        flex-direction: column;
        align-items: flex-start;
    }

    .blog-sectors[b-4j7povt5fg] {
        gap: 8px;
    }

    .sector-tag[b-4j7povt5fg] {
        font-size: 0.8rem;
        padding: 8px 15px;
    }

    .blog-highlight[b-4j7povt5fg] {
        flex-direction: column;
    }

    .share-buttons[b-4j7povt5fg] {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .page-hero-content h1[b-4j7povt5fg] {
        font-size: 1.5rem;
    }

    .featured-blog-content h2[b-4j7povt5fg] {
        font-size: 1.5rem;
    }

    .featured-blog-content[b-4j7povt5fg] {
        padding: 20px;
    }

    .sidebar-widget[b-4j7povt5fg] {
        padding: 20px;
    }

    .blog-meta[b-4j7povt5fg] {
        font-size: 0.8rem;
        gap: 10px;
    }
}

/* _content/OzturkIzolasyon/Views/Home/DilovasiIzolasyonBlog.cshtml.rz.scp.css */
/* ==========================================
   Blog Page Styles
   ========================================== */

/* Page Hero Section */
.page-hero[b-ke3sj7xl4t] {
    position: relative;
    height: 280px;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    padding-bottom: 40px;
}

.page-hero[b-ke3sj7xl4t]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.page-hero-overlay[b-ke3sj7xl4t] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
}

.page-hero-content[b-ke3sj7xl4t] {
    position: relative;
    z-index: 1;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-ke3sj7xl4t] {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.page-hero-content p[b-ke3sj7xl4t] {
    font-size: 1.25rem;
    margin-bottom: 2rem;
    opacity: 0.95;
}

.breadcrumb[b-ke3sj7xl4t] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    opacity: 0.9;
}

.breadcrumb a[b-ke3sj7xl4t] {
    color: var(--white);
    transition: opacity 0.3s ease;
}

.breadcrumb a:hover[b-ke3sj7xl4t] {
    opacity: 0.8;
}

.breadcrumb i[b-ke3sj7xl4t] {
    font-size: 0.75rem;
}

/* Blog Main Section */
.blog-main-section[b-ke3sj7xl4t] {
    padding: 80px 0;
    background-color: #f9fafb;
}

.blog-layout[b-ke3sj7xl4t] {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 40px;
}

/* Blog Content */
.blog-content[b-ke3sj7xl4t] {
    background: var(--white);
}

/* Featured Blog Post */
.featured-blog-post[b-ke3sj7xl4t] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    margin-bottom: 60px;
}

.featured-blog-image[b-ke3sj7xl4t] {
    position: relative;
    height: 500px;
    overflow: hidden;
}

.featured-blog-image img[b-ke3sj7xl4t] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.featured-blog-post:hover .featured-blog-image img[b-ke3sj7xl4t] {
    transform: scale(1.05);
}

.blog-category[b-ke3sj7xl4t] {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--primary-color);
    color: var(--white);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    z-index: 2;
}

.featured-blog-content[b-ke3sj7xl4t] {
    padding: 40px;
}

.blog-meta[b-ke3sj7xl4t] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    font-size: 0.875rem;
    color: #6b7280;
    flex-wrap: wrap;
}

.blog-meta span[b-ke3sj7xl4t] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.blog-meta i[b-ke3sj7xl4t] {
    color: var(--primary-color);
}

.featured-blog-content h2[b-ke3sj7xl4t] {
    font-size: 2.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    line-height: 1.3;
}

.blog-excerpt[b-ke3sj7xl4t] {
    font-size: 1.125rem;
    color: #4b5563;
    margin-bottom: 20px;
    line-height: 1.8;
    font-weight: 500;
}

.featured-blog-content p[b-ke3sj7xl4t] {
    font-size: 1rem;
    color: var(--text-color);
    margin-bottom: 20px;
    line-height: 1.8;
}

.featured-blog-content h3[b-ke3sj7xl4t] {
    font-size: 1.75rem;
    color: var(--dark-color);
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 600;
}

/* Blog List */
.blog-list[b-ke3sj7xl4t] {
    list-style: none;
    margin: 30px 0;
}

.blog-list li[b-ke3sj7xl4t] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-color);
}

.blog-list i[b-ke3sj7xl4t] {
    color: #10b981;
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.blog-list strong[b-ke3sj7xl4t] {
    color: var(--dark-color);
}

/* Blog Steps */
.blog-steps[b-ke3sj7xl4t] {
    margin: 30px 0;
}

.step-item[b-ke3sj7xl4t] {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    padding: 25px;
    background: #f9fafb;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.step-number[b-ke3sj7xl4t] {
    width: 50px;
    height: 50px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    flex-shrink: 0;
}

.step-content h4[b-ke3sj7xl4t] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 8px;
}

.step-content p[b-ke3sj7xl4t] {
    margin: 0;
    color: var(--text-color);
}

/* Blog Sectors */
.blog-sectors[b-ke3sj7xl4t] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 30px 0;
}

.sector-tag[b-ke3sj7xl4t] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid rgba(30, 64, 175, 0.2);
}

.sector-tag i[b-ke3sj7xl4t] {
    font-size: 1rem;
}

/* Blog Highlight */
.blog-highlight[b-ke3sj7xl4t] {
    display: flex;
    gap: 20px;
    padding: 30px;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-radius: 12px;
    margin: 40px 0;
    border-left: 4px solid #f59e0b;
}

.blog-highlight i[b-ke3sj7xl4t] {
    font-size: 2rem;
    color: #f59e0b;
    flex-shrink: 0;
}

.blog-highlight h4[b-ke3sj7xl4t] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 10px;
}

.blog-highlight p[b-ke3sj7xl4t] {
    margin: 0;
    color: #78350f;
}

/* Blog Tags */
.blog-tags[b-ke3sj7xl4t] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 40px 0;
    padding-top: 30px;
    border-top: 1px solid var(--border-color);
}

.blog-tags .tag[b-ke3sj7xl4t] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.blog-tags .tag:hover[b-ke3sj7xl4t] {
    background: var(--primary-color);
    color: var(--white);
}

.blog-tags .tag i[b-ke3sj7xl4t] {
    font-size: 0.75rem;
}

/* Blog Share */
.blog-share[b-ke3sj7xl4t] {
    padding: 30px 0;
    border-top: 1px solid var(--border-color);
}

.blog-share h4[b-ke3sj7xl4t] {
    font-size: 1.125rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.share-buttons[b-ke3sj7xl4t] {
    display: flex;
    gap: 12px;
}

.share-btn[b-ke3sj7xl4t] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    transition: all 0.3s ease;
    font-size: 1.125rem;
}

.share-btn:hover[b-ke3sj7xl4t] {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.share-btn.facebook[b-ke3sj7xl4t] {
    background: #1877f2;
}

.share-btn.twitter[b-ke3sj7xl4t] {
    background: #1da1f2;
}

.share-btn.linkedin[b-ke3sj7xl4t] {
    background: #0077b5;
}

.share-btn.whatsapp[b-ke3sj7xl4t] {
    background: #25d366;
}

/* More Posts Section */
.more-posts-section[b-ke3sj7xl4t] {
    margin-top: 60px;
}

.section-title[b-ke3sj7xl4t] {
    font-size: 2rem;
    color: var(--dark-color);
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid var(--primary-color);
    display: inline-block;
}

.blog-posts-grid[b-ke3sj7xl4t] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
}

.blog-post-card[b-ke3sj7xl4t] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.blog-post-card:hover[b-ke3sj7xl4t] {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.blog-post-image[b-ke3sj7xl4t] {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.blog-post-image img[b-ke3sj7xl4t] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.blog-post-card:hover .blog-post-image img[b-ke3sj7xl4t] {
    transform: scale(1.1);
}

.blog-post-content[b-ke3sj7xl4t] {
    padding: 25px;
}

.blog-post-content h3[b-ke3sj7xl4t] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 12px;
    line-height: 1.4;
}

.blog-post-content p[b-ke3sj7xl4t] {
    font-size: 0.95rem;
    color: var(--text-color);
    margin-bottom: 15px;
    line-height: 1.6;
}

.read-more-btn[b-ke3sj7xl4t] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.95rem;
    transition: gap 0.3s ease;
}

.read-more-btn:hover[b-ke3sj7xl4t] {
    gap: 12px;
}

/* Sidebar */
.blog-sidebar[b-ke3sj7xl4t] {
    position: sticky;
    top: 100px;
    height: fit-content;
}

.sidebar-widget[b-ke3sj7xl4t] {
    background: var(--white);
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.sidebar-widget h3[b-ke3sj7xl4t] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--border-color);
}

/* Search Widget */
.search-form[b-ke3sj7xl4t] {
    position: relative;
    display: flex;
}

.search-form input[b-ke3sj7xl4t] {
    width: 100%;
    padding: 12px 50px 12px 15px;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    font-size: 0.95rem;
    transition: border-color 0.3s ease;
}

.search-form input:focus[b-ke3sj7xl4t] {
    outline: none;
    border-color: var(--primary-color);
}

.search-form button[b-ke3sj7xl4t] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

.search-form button:hover[b-ke3sj7xl4t] {
    background: #1e3a8a;
}

/* Categories Widget */
.categories-list[b-ke3sj7xl4t] {
    list-style: none;
}

.categories-list li[b-ke3sj7xl4t] {
    margin-bottom: 12px;
}

.categories-list a[b-ke3sj7xl4t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    background: #f9fafb;
    border-radius: 8px;
    color: var(--text-color);
    transition: all 0.3s ease;
}

.categories-list a:hover[b-ke3sj7xl4t] {
    background: var(--primary-color);
    color: var(--white);
    transform: translateX(5px);
}

.categories-list i[b-ke3sj7xl4t] {
    margin-right: 10px;
    color: var(--primary-color);
    transition: color 0.3s ease;
}

.categories-list a:hover i[b-ke3sj7xl4t] {
    color: var(--white);
}

.categories-list span[b-ke3sj7xl4t] {
    font-size: 0.875rem;
    opacity: 0.8;
}

/* Recent Posts Widget */
.recent-posts-list[b-ke3sj7xl4t] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.recent-post-item[b-ke3sj7xl4t] {
    display: flex;
    gap: 15px;
    padding: 12px;
    border-radius: 8px;
    transition: background 0.3s ease;
}

.recent-post-item:hover[b-ke3sj7xl4t] {
    background: #f9fafb;
}

.recent-post-item img[b-ke3sj7xl4t] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.recent-post-info h4[b-ke3sj7xl4t] {
    font-size: 0.95rem;
    color: var(--dark-color);
    margin-bottom: 6px;
    line-height: 1.4;
}

.post-date[b-ke3sj7xl4t] {
    font-size: 0.8rem;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Tags Widget */
.tags-cloud[b-ke3sj7xl4t] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag-item[b-ke3sj7xl4t] {
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.tag-item:hover[b-ke3sj7xl4t] {
    background: var(--primary-color);
    color: var(--white);
}

/* CTA Widget */
.cta-widget[b-ke3sj7xl4t] {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    color: var(--white);
}

.cta-widget h3[b-ke3sj7xl4t] {
    color: var(--white);
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.cta-content[b-ke3sj7xl4t] {
    text-align: center;
}

.cta-content i[b-ke3sj7xl4t] {
    font-size: 3rem;
    margin-bottom: 15px;
    opacity: 0.9;
}

.cta-content p[b-ke3sj7xl4t] {
    margin-bottom: 20px;
    opacity: 0.95;
}

.cta-btn[b-ke3sj7xl4t] {
    display: inline-block;
    padding: 12px 30px;
    background: var(--white);
    color: var(--primary-color);
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.cta-btn:hover[b-ke3sj7xl4t] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .blog-layout[b-ke3sj7xl4t] {
        grid-template-columns: 1fr;
    }

    .blog-sidebar[b-ke3sj7xl4t] {
        position: static;
    }

    .sidebar-widget[b-ke3sj7xl4t] {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .page-hero[b-ke3sj7xl4t] {
        height: 220px;
        padding-bottom: 30px;
    }

    .page-hero-content h1[b-ke3sj7xl4t] {
        font-size: 2rem;
    }

    .page-hero-content p[b-ke3sj7xl4t] {
        font-size: 1rem;
    }

    .blog-main-section[b-ke3sj7xl4t] {
        padding: 40px 0;
    }

    .featured-blog-image[b-ke3sj7xl4t] {
        height: 300px;
    }

    .featured-blog-content[b-ke3sj7xl4t] {
        padding: 25px;
    }

    .featured-blog-content h2[b-ke3sj7xl4t] {
        font-size: 1.75rem;
    }

    .featured-blog-content h3[b-ke3sj7xl4t] {
        font-size: 1.5rem;
    }

    .blog-posts-grid[b-ke3sj7xl4t] {
        grid-template-columns: 1fr;
    }

    .blog-meta[b-ke3sj7xl4t] {
        gap: 15px;
    }

    .step-item[b-ke3sj7xl4t] {
        flex-direction: column;
        align-items: flex-start;
    }

    .blog-sectors[b-ke3sj7xl4t] {
        gap: 8px;
    }

    .sector-tag[b-ke3sj7xl4t] {
        font-size: 0.8rem;
        padding: 8px 15px;
    }

    .blog-highlight[b-ke3sj7xl4t] {
        flex-direction: column;
    }

    .share-buttons[b-ke3sj7xl4t] {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .page-hero-content h1[b-ke3sj7xl4t] {
        font-size: 1.5rem;
    }

    .featured-blog-content h2[b-ke3sj7xl4t] {
        font-size: 1.5rem;
    }

    .featured-blog-content[b-ke3sj7xl4t] {
        padding: 20px;
    }

    .sidebar-widget[b-ke3sj7xl4t] {
        padding: 20px;
    }

    .blog-meta[b-ke3sj7xl4t] {
        font-size: 0.8rem;
        gap: 10px;
    }
}

/* _content/OzturkIzolasyon/Views/Home/EndustriyelHavalandirma.cshtml.rz.scp.css */
/* ==========================================
   Product Page Styles
   ========================================== */

/* Page Hero */
.page-hero[b-arh6trn523] {
    position: relative;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
    overflow: hidden;
}

.page-hero-bg[b-arh6trn523] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.page-hero[b-arh6trn523]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.65), rgba(59, 130, 246, 0.45));
    z-index: 1;
}

.page-hero[b-arh6trn523]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
    z-index: 2;
}

.page-hero-content[b-arh6trn523] {
    position: relative;
    z-index: 3;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-arh6trn523] {
    font-size: 3rem;
    font-weight: 800;
    margin-bottom: 20px;
    animation: fadeInUp-b-arh6trn523 0.8s ease;
}

.breadcrumb[b-arh6trn523] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 1rem;
    animation: fadeInUp-b-arh6trn523 0.8s ease 0.2s backwards;
}

.breadcrumb a[b-arh6trn523] {
    color: var(--white);
    opacity: 0.9;
    transition: var(--transition);
}

.breadcrumb a:hover[b-arh6trn523] {
    opacity: 1;
    text-decoration: underline;
}

.breadcrumb span[b-arh6trn523] {
    opacity: 0.7;
}

/* Product Detail Section */
.product-detail[b-arh6trn523] {
    padding: 80px 0;
    background: var(--white);
}

.product-main[b-arh6trn523] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: start;
}

.product-image-section[b-arh6trn523] {
    position: sticky;
    top: 100px;
}

.product-image-main[b-arh6trn523] {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-lg);
    background: #f3f4f6;
}

.product-image-main img[b-arh6trn523] {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.5s ease;
}

.product-image-main:hover img[b-arh6trn523] {
    transform: scale(1.05);
}

.product-info-section[b-arh6trn523] {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.product-header[b-arh6trn523] {
    border-bottom: 2px solid var(--border-color);
    padding-bottom: 20px;
}

.product-tag[b-arh6trn523] {
    display: inline-block;
    padding: 6px 16px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.product-header h2[b-arh6trn523] {
    font-size: 2.5rem;
    color: var(--dark-color);
    font-weight: 700;
    line-height: 1.2;
}

.product-description p[b-arh6trn523] {
    font-size: 1.125rem;
    line-height: 1.8;
    color: var(--text-color);
    margin-bottom: 15px;
}

.product-highlights[b-arh6trn523] {
    background: var(--light-color);
    padding: 30px;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.product-highlights h3[b-arh6trn523] {
    font-size: 1.5rem;
    color: var(--dark-color);
    margin-bottom: 20px;
}

.product-highlights ul[b-arh6trn523] {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.product-highlights ul li[b-arh6trn523] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 1.05rem;
    color: var(--text-color);
}

.product-highlights ul li i[b-arh6trn523] {
    color: var(--secondary-color);
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.product-cta[b-arh6trn523] {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    padding-top: 20px;
}

.product-cta .btn[b-arh6trn523] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 32px;
    font-size: 1.05rem;
}

/* Detailed Content Section */
.detailed-content[b-arh6trn523] {
    padding: 80px 0;
    background: var(--white);
}

.detailed-content .content-wrapper[b-arh6trn523] {
    max-width: 900px;
    margin: 0 auto;
}

.detailed-content h2[b-arh6trn523] {
    font-size: 2.5rem;
    color: var(--dark-color);
    font-weight: 700;
    margin-bottom: 30px;
    text-align: center;
    position: relative;
    padding-bottom: 20px;
}

.detailed-content h2[b-arh6trn523]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: var(--gradient);
    border-radius: 2px;
}

.detailed-content p[b-arh6trn523] {
    font-size: 1.125rem;
    line-height: 1.9;
    color: var(--text-color);
    margin-bottom: 25px;
    text-align: justify;
}

.detailed-content p:first-of-type[b-arh6trn523] {
    font-size: 1.2rem;
    font-weight: 500;
    color: var(--dark-color);
}

.detailed-content p:first-of-type[b-arh6trn523]::first-letter {
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1;
    float: left;
    color: var(--primary-color);
}

/* Technical Details Section */
.technical-details[b-arh6trn523] {
    padding: 80px 0;
    background: var(--light-color);
}

.technical-grid[b-arh6trn523] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
}

.technical-card[b-arh6trn523] {
    background: var(--white);
    padding: 35px;
    border-radius: 12px;
    box-shadow: var(--shadow);
    transition: var(--transition);
}

.technical-card:hover[b-arh6trn523] {
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
}

.technical-icon[b-arh6trn523] {
    width: 70px;
    height: 70px;
    background: var(--gradient);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.technical-icon i[b-arh6trn523] {
    font-size: 2rem;
    color: var(--white);
}

.technical-card h3[b-arh6trn523] {
    font-size: 1.375rem;
    color: var(--dark-color);
    margin-bottom: 20px;
}

.technical-card ul[b-arh6trn523] {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.technical-card ul li[b-arh6trn523] {
    padding-left: 25px;
    position: relative;
    color: var(--text-color);
    line-height: 1.6;
}

.technical-card ul li[b-arh6trn523]::before {
    content: '•';
    position: absolute;
    left: 8px;
    color: var(--primary-color);
    font-weight: bold;
    font-size: 1.2rem;
}

/* Benefits Section */
.benefits-section[b-arh6trn523] {
    padding: 80px 0;
    background: var(--white);
}

.benefits-grid[b-arh6trn523] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
}

.benefit-card[b-arh6trn523] {
    background: var(--light-color);
    padding: 35px;
    border-radius: 12px;
    transition: var(--transition);
    border: 2px solid transparent;
}

.benefit-card:hover[b-arh6trn523] {
    border-color: var(--primary-color);
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
    background: var(--white);
}

.benefit-icon[b-arh6trn523] {
    width: 70px;
    height: 70px;
    background: var(--gradient);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    transition: var(--transition);
}

.benefit-card:hover .benefit-icon[b-arh6trn523] {
    transform: scale(1.1);
}

.benefit-icon i[b-arh6trn523] {
    font-size: 2rem;
    color: var(--white);
}

.benefit-card h3[b-arh6trn523] {
    font-size: 1.375rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.benefit-card p[b-arh6trn523] {
    color: var(--text-color);
    line-height: 1.7;
}

/* Process Section */
.process-section[b-arh6trn523] {
    padding: 80px 0;
    background: var(--light-color);
}

.process-timeline[b-arh6trn523] {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 40px;
    position: relative;
}

.process-timeline[b-arh6trn523]::before {
    content: '';
    position: absolute;
    left: 30px;
    top: 30px;
    bottom: 30px;
    width: 3px;
    background: linear-gradient(to bottom, var(--primary-color), var(--secondary-color));
}

.process-step[b-arh6trn523] {
    display: flex;
    gap: 30px;
    position: relative;
}

.step-number[b-arh6trn523] {
    width: 60px;
    height: 60px;
    background: var(--gradient);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--white);
    flex-shrink: 0;
    box-shadow: 0 4px 15px rgba(30, 64, 175, 0.3);
    position: relative;
    z-index: 2;
}

.step-content[b-arh6trn523] {
    background: var(--white);
    padding: 25px 30px;
    border-radius: 12px;
    box-shadow: var(--shadow);
    flex: 1;
    transition: var(--transition);
}

.step-content:hover[b-arh6trn523] {
    transform: translateX(10px);
    box-shadow: var(--shadow-lg);
}

.step-content h3[b-arh6trn523] {
    font-size: 1.375rem;
    color: var(--dark-color);
    margin-bottom: 12px;
}

.step-content p[b-arh6trn523] {
    color: var(--text-color);
    line-height: 1.7;
}

/* FAQ Section */
.faq-section[b-arh6trn523] {
    padding: 80px 0;
    background: var(--white);
}

.faq-container[b-arh6trn523] {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.faq-item[b-arh6trn523] {
    background: var(--light-color);
    border-radius: 12px;
    overflow: hidden;
    transition: var(--transition);
}

.faq-item:hover[b-arh6trn523] {
    box-shadow: var(--shadow);
}

.faq-question[b-arh6trn523] {
    padding: 25px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    user-select: none;
    transition: var(--transition);
}

.faq-question:hover[b-arh6trn523] {
    background: rgba(30, 64, 175, 0.05);
}

.faq-question h3[b-arh6trn523] {
    font-size: 1.25rem;
    color: var(--dark-color);
    font-weight: 600;
    margin: 0;
}

.faq-question i[b-arh6trn523] {
    font-size: 1.25rem;
    color: var(--primary-color);
    transition: transform 0.3s ease;
}

.faq-item.active .faq-question i[b-arh6trn523] {
    transform: rotate(180deg);
}

.faq-answer[b-arh6trn523] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
}

.faq-item.active .faq-answer[b-arh6trn523] {
    max-height: 500px;
    padding: 0 30px 25px 30px;
}

.faq-answer p[b-arh6trn523] {
    color: var(--text-color);
    line-height: 1.8;
    font-size: 1.05rem;
}

/* CTA Section */
.cta-section[b-arh6trn523] {
    padding: 80px 0;
    background: var(--gradient);
    position: relative;
    overflow: hidden;
}

.cta-section[b-arh6trn523]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.cta-content[b-arh6trn523] {
    position: relative;
    z-index: 2;
    text-align: center;
    color: var(--white);
    max-width: 800px;
    margin: 0 auto;
}

.cta-content h2[b-arh6trn523] {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.3;
}

.cta-content p[b-arh6trn523] {
    font-size: 1.25rem;
    margin-bottom: 40px;
    opacity: 0.95;
    line-height: 1.7;
}

.cta-buttons[b-arh6trn523] {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

.btn-large[b-arh6trn523] {
    padding: 18px 40px;
    font-size: 1.125rem;
}

.cta-section .btn-secondary[b-arh6trn523] {
    background: var(--white);
    color: var(--primary-color);
    border: 2px solid var(--white);
}

.cta-section .btn-secondary:hover[b-arh6trn523] {
    background: transparent;
    color: var(--white);
}

/* ==========================================
   Responsive Design
   ========================================== */

@media (max-width: 1024px) {
    .page-hero-content h1[b-arh6trn523] {
        font-size: 2.5rem;
    }

    .product-main[b-arh6trn523] {
        gap: 40px;
    }

    .product-header h2[b-arh6trn523] {
        font-size: 2rem;
    }

    .technical-grid[b-arh6trn523],
    .benefits-grid[b-arh6trn523] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .page-hero[b-arh6trn523] {
        height: 300px;
        margin-top: 80px;
    }

    .page-hero-content h1[b-arh6trn523] {
        font-size: 2rem;
    }

    .breadcrumb[b-arh6trn523] {
        font-size: 0.9rem;
    }

    .product-main[b-arh6trn523] {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .product-image-section[b-arh6trn523] {
        position: static;
    }

    .product-header h2[b-arh6trn523] {
        font-size: 1.75rem;
    }

    .product-description p[b-arh6trn523] {
        font-size: 1rem;
    }

    .product-highlights[b-arh6trn523] {
        padding: 20px;
    }

    .product-highlights h3[b-arh6trn523] {
        font-size: 1.25rem;
    }

    .product-cta[b-arh6trn523] {
        flex-direction: column;
    }

    .product-cta .btn[b-arh6trn523] {
        width: 100%;
        justify-content: center;
    }

    .detailed-content h2[b-arh6trn523] {
        font-size: 2rem;
    }

    .detailed-content p[b-arh6trn523] {
        font-size: 1rem;
    }

    .detailed-content p:first-of-type[b-arh6trn523] {
        font-size: 1.05rem;
    }

    .detailed-content p:first-of-type[b-arh6trn523]::first-letter {
        font-size: 3rem;
    }

    .technical-grid[b-arh6trn523],
    .benefits-grid[b-arh6trn523] {
        grid-template-columns: 1fr;
    }

    .process-timeline[b-arh6trn523]::before {
        left: 20px;
    }

    .step-number[b-arh6trn523] {
        width: 50px;
        height: 50px;
        font-size: 1.25rem;
    }

    .step-content[b-arh6trn523] {
        padding: 20px;
    }

    .step-content h3[b-arh6trn523] {
        font-size: 1.25rem;
    }

    .faq-question[b-arh6trn523] {
        padding: 20px;
    }

    .faq-question h3[b-arh6trn523] {
        font-size: 1.1rem;
    }

    .faq-item.active .faq-answer[b-arh6trn523] {
        padding: 0 20px 20px 20px;
    }

    .cta-content h2[b-arh6trn523] {
        font-size: 2rem;
    }

    .cta-content p[b-arh6trn523] {
        font-size: 1.05rem;
    }

    .cta-buttons[b-arh6trn523] {
        flex-direction: column;
    }

    .btn-large[b-arh6trn523] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .page-hero[b-arh6trn523] {
        height: 250px;
    }

    .page-hero-content h1[b-arh6trn523] {
        font-size: 1.75rem;
    }

    .product-header h2[b-arh6trn523] {
        font-size: 1.5rem;
    }

    .detailed-content h2[b-arh6trn523] {
        font-size: 1.75rem;
    }

    .detailed-content p[b-arh6trn523] {
        font-size: 0.95rem;
    }

    .detailed-content p:first-of-type[b-arh6trn523] {
        font-size: 1rem;
    }

    .detailed-content p:first-of-type[b-arh6trn523]::first-letter {
        font-size: 2.5rem;
        margin: 3px 8px 0 0;
    }

    .technical-card[b-arh6trn523],
    .benefit-card[b-arh6trn523] {
        padding: 25px;
    }

    .technical-icon[b-arh6trn523],
    .benefit-icon[b-arh6trn523] {
        width: 60px;
        height: 60px;
    }

    .technical-icon i[b-arh6trn523],
    .benefit-icon i[b-arh6trn523] {
        font-size: 1.75rem;
    }

    .process-step[b-arh6trn523] {
        gap: 20px;
    }

    .step-number[b-arh6trn523] {
        width: 40px;
        height: 40px;
        font-size: 1.1rem;
    }

    .cta-content h2[b-arh6trn523] {
        font-size: 1.75rem;
    }

    .cta-content p[b-arh6trn523] {
        font-size: 1rem;
    }
}

/* ==========================================
   Animations
   ========================================== */

@keyframes fadeInUp-b-arh6trn523 {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Scroll Animations */
.product-detail[b-arh6trn523],
.detailed-content[b-arh6trn523],
.technical-details[b-arh6trn523],
.benefits-section[b-arh6trn523],
.process-section[b-arh6trn523],
.faq-section[b-arh6trn523] {
    animation: fadeIn-b-arh6trn523 0.6s ease;
}

@keyframes fadeIn-b-arh6trn523 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* _content/OzturkIzolasyon/Views/Home/EndustriyelHavalandirmaSesIzolasyon.cshtml.rz.scp.css */
/* ==========================================
   Blog Page Styles
   ========================================== */

/* Page Hero Section */
.page-hero[b-8popbln0do] {
    position: relative;
    height: 280px;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    padding-bottom: 40px;
}

.page-hero[b-8popbln0do]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.page-hero-overlay[b-8popbln0do] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
}

.page-hero-content[b-8popbln0do] {
    position: relative;
    z-index: 1;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-8popbln0do] {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.page-hero-content p[b-8popbln0do] {
    font-size: 1.25rem;
    margin-bottom: 2rem;
    opacity: 0.95;
}

.breadcrumb[b-8popbln0do] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    opacity: 0.9;
}

.breadcrumb a[b-8popbln0do] {
    color: var(--white);
    transition: opacity 0.3s ease;
}

.breadcrumb a:hover[b-8popbln0do] {
    opacity: 0.8;
}

.breadcrumb i[b-8popbln0do] {
    font-size: 0.75rem;
}

/* Blog Main Section */
.blog-main-section[b-8popbln0do] {
    padding: 80px 0;
    background-color: #f9fafb;
}

.blog-layout[b-8popbln0do] {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 40px;
}

/* Blog Content */
.blog-content[b-8popbln0do] {
    background: var(--white);
}

/* Featured Blog Post */
.featured-blog-post[b-8popbln0do] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    margin-bottom: 60px;
}

.featured-blog-image[b-8popbln0do] {
    position: relative;
    height: 500px;
    overflow: hidden;
}

.featured-blog-image img[b-8popbln0do] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.featured-blog-post:hover .featured-blog-image img[b-8popbln0do] {
    transform: scale(1.05);
}

.blog-category[b-8popbln0do] {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--primary-color);
    color: var(--white);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    z-index: 2;
}

.featured-blog-content[b-8popbln0do] {
    padding: 40px;
}

.blog-meta[b-8popbln0do] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    font-size: 0.875rem;
    color: #6b7280;
    flex-wrap: wrap;
}

.blog-meta span[b-8popbln0do] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.blog-meta i[b-8popbln0do] {
    color: var(--primary-color);
}

.featured-blog-content h2[b-8popbln0do] {
    font-size: 2.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    line-height: 1.3;
}

.blog-excerpt[b-8popbln0do] {
    font-size: 1.125rem;
    color: #4b5563;
    margin-bottom: 20px;
    line-height: 1.8;
    font-weight: 500;
}

.featured-blog-content p[b-8popbln0do] {
    font-size: 1rem;
    color: var(--text-color);
    margin-bottom: 20px;
    line-height: 1.8;
}

.featured-blog-content h3[b-8popbln0do] {
    font-size: 1.75rem;
    color: var(--dark-color);
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 600;
}

/* Blog List */
.blog-list[b-8popbln0do] {
    list-style: none;
    margin: 30px 0;
}

.blog-list li[b-8popbln0do] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-color);
}

.blog-list i[b-8popbln0do] {
    color: #10b981;
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.blog-list strong[b-8popbln0do] {
    color: var(--dark-color);
}

/* Blog Steps */
.blog-steps[b-8popbln0do] {
    margin: 30px 0;
}

.step-item[b-8popbln0do] {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    padding: 25px;
    background: #f9fafb;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.step-number[b-8popbln0do] {
    width: 50px;
    height: 50px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    flex-shrink: 0;
}

.step-content h4[b-8popbln0do] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 8px;
}

.step-content p[b-8popbln0do] {
    margin: 0;
    color: var(--text-color);
}

/* Blog Sectors */
.blog-sectors[b-8popbln0do] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 30px 0;
}

.sector-tag[b-8popbln0do] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid rgba(30, 64, 175, 0.2);
}

.sector-tag i[b-8popbln0do] {
    font-size: 1rem;
}

/* Blog Highlight */
.blog-highlight[b-8popbln0do] {
    display: flex;
    gap: 20px;
    padding: 30px;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-radius: 12px;
    margin: 40px 0;
    border-left: 4px solid #f59e0b;
}

.blog-highlight i[b-8popbln0do] {
    font-size: 2rem;
    color: #f59e0b;
    flex-shrink: 0;
}

.blog-highlight h4[b-8popbln0do] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 10px;
}

.blog-highlight p[b-8popbln0do] {
    margin: 0;
    color: #78350f;
}

/* Blog Tags */
.blog-tags[b-8popbln0do] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 40px 0;
    padding-top: 30px;
    border-top: 1px solid var(--border-color);
}

.blog-tags .tag[b-8popbln0do] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.blog-tags .tag:hover[b-8popbln0do] {
    background: var(--primary-color);
    color: var(--white);
}

.blog-tags .tag i[b-8popbln0do] {
    font-size: 0.75rem;
}

/* Blog Share */
.blog-share[b-8popbln0do] {
    padding: 30px 0;
    border-top: 1px solid var(--border-color);
}

.blog-share h4[b-8popbln0do] {
    font-size: 1.125rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.share-buttons[b-8popbln0do] {
    display: flex;
    gap: 12px;
}

.share-btn[b-8popbln0do] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    transition: all 0.3s ease;
    font-size: 1.125rem;
}

.share-btn:hover[b-8popbln0do] {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.share-btn.facebook[b-8popbln0do] {
    background: #1877f2;
}

.share-btn.twitter[b-8popbln0do] {
    background: #1da1f2;
}

.share-btn.linkedin[b-8popbln0do] {
    background: #0077b5;
}

.share-btn.whatsapp[b-8popbln0do] {
    background: #25d366;
}

/* More Posts Section */
.more-posts-section[b-8popbln0do] {
    margin-top: 60px;
}

.section-title[b-8popbln0do] {
    font-size: 2rem;
    color: var(--dark-color);
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid var(--primary-color);
    display: inline-block;
}

.blog-posts-grid[b-8popbln0do] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
}

.blog-post-card[b-8popbln0do] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.blog-post-card:hover[b-8popbln0do] {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.blog-post-image[b-8popbln0do] {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.blog-post-image img[b-8popbln0do] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.blog-post-card:hover .blog-post-image img[b-8popbln0do] {
    transform: scale(1.1);
}

.blog-post-content[b-8popbln0do] {
    padding: 25px;
}

.blog-post-content h3[b-8popbln0do] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 12px;
    line-height: 1.4;
}

.blog-post-content p[b-8popbln0do] {
    font-size: 0.95rem;
    color: var(--text-color);
    margin-bottom: 15px;
    line-height: 1.6;
}

.read-more-btn[b-8popbln0do] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.95rem;
    transition: gap 0.3s ease;
}

.read-more-btn:hover[b-8popbln0do] {
    gap: 12px;
}

/* Sidebar */
.blog-sidebar[b-8popbln0do] {
    position: sticky;
    top: 100px;
    height: fit-content;
}

.sidebar-widget[b-8popbln0do] {
    background: var(--white);
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.sidebar-widget h3[b-8popbln0do] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--border-color);
}

/* Search Widget */
.search-form[b-8popbln0do] {
    position: relative;
    display: flex;
}

.search-form input[b-8popbln0do] {
    width: 100%;
    padding: 12px 50px 12px 15px;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    font-size: 0.95rem;
    transition: border-color 0.3s ease;
}

.search-form input:focus[b-8popbln0do] {
    outline: none;
    border-color: var(--primary-color);
}

.search-form button[b-8popbln0do] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

.search-form button:hover[b-8popbln0do] {
    background: #1e3a8a;
}

/* Categories Widget */
.categories-list[b-8popbln0do] {
    list-style: none;
}

.categories-list li[b-8popbln0do] {
    margin-bottom: 12px;
}

.categories-list a[b-8popbln0do] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    background: #f9fafb;
    border-radius: 8px;
    color: var(--text-color);
    transition: all 0.3s ease;
}

.categories-list a:hover[b-8popbln0do] {
    background: var(--primary-color);
    color: var(--white);
    transform: translateX(5px);
}

.categories-list i[b-8popbln0do] {
    margin-right: 10px;
    color: var(--primary-color);
    transition: color 0.3s ease;
}

.categories-list a:hover i[b-8popbln0do] {
    color: var(--white);
}

.categories-list span[b-8popbln0do] {
    font-size: 0.875rem;
    opacity: 0.8;
}

/* Recent Posts Widget */
.recent-posts-list[b-8popbln0do] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.recent-post-item[b-8popbln0do] {
    display: flex;
    gap: 15px;
    padding: 12px;
    border-radius: 8px;
    transition: background 0.3s ease;
}

.recent-post-item:hover[b-8popbln0do] {
    background: #f9fafb;
}

.recent-post-item img[b-8popbln0do] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.recent-post-info h4[b-8popbln0do] {
    font-size: 0.95rem;
    color: var(--dark-color);
    margin-bottom: 6px;
    line-height: 1.4;
}

.post-date[b-8popbln0do] {
    font-size: 0.8rem;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Tags Widget */
.tags-cloud[b-8popbln0do] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag-item[b-8popbln0do] {
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.tag-item:hover[b-8popbln0do] {
    background: var(--primary-color);
    color: var(--white);
}

/* CTA Widget */
.cta-widget[b-8popbln0do] {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    color: var(--white);
}

.cta-widget h3[b-8popbln0do] {
    color: var(--white);
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.cta-content[b-8popbln0do] {
    text-align: center;
}

.cta-content i[b-8popbln0do] {
    font-size: 3rem;
    margin-bottom: 15px;
    opacity: 0.9;
}

.cta-content p[b-8popbln0do] {
    margin-bottom: 20px;
    opacity: 0.95;
}

.cta-btn[b-8popbln0do] {
    display: inline-block;
    padding: 12px 30px;
    background: var(--white);
    color: var(--primary-color);
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.cta-btn:hover[b-8popbln0do] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .blog-layout[b-8popbln0do] {
        grid-template-columns: 1fr;
    }

    .blog-sidebar[b-8popbln0do] {
        position: static;
    }

    .sidebar-widget[b-8popbln0do] {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .page-hero[b-8popbln0do] {
        height: 220px;
        padding-bottom: 30px;
    }

    .page-hero-content h1[b-8popbln0do] {
        font-size: 2rem;
    }

    .page-hero-content p[b-8popbln0do] {
        font-size: 1rem;
    }

    .blog-main-section[b-8popbln0do] {
        padding: 40px 0;
    }

    .featured-blog-image[b-8popbln0do] {
        height: 300px;
    }

    .featured-blog-content[b-8popbln0do] {
        padding: 25px;
    }

    .featured-blog-content h2[b-8popbln0do] {
        font-size: 1.75rem;
    }

    .featured-blog-content h3[b-8popbln0do] {
        font-size: 1.5rem;
    }

    .blog-posts-grid[b-8popbln0do] {
        grid-template-columns: 1fr;
    }

    .blog-meta[b-8popbln0do] {
        gap: 15px;
    }

    .step-item[b-8popbln0do] {
        flex-direction: column;
        align-items: flex-start;
    }

    .blog-sectors[b-8popbln0do] {
        gap: 8px;
    }

    .sector-tag[b-8popbln0do] {
        font-size: 0.8rem;
        padding: 8px 15px;
    }

    .blog-highlight[b-8popbln0do] {
        flex-direction: column;
    }

    .share-buttons[b-8popbln0do] {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .page-hero-content h1[b-8popbln0do] {
        font-size: 1.5rem;
    }

    .featured-blog-content h2[b-8popbln0do] {
        font-size: 1.5rem;
    }

    .featured-blog-content[b-8popbln0do] {
        padding: 20px;
    }

    .sidebar-widget[b-8popbln0do] {
        padding: 20px;
    }

    .blog-meta[b-8popbln0do] {
        font-size: 0.8rem;
        gap: 10px;
    }
}

/* _content/OzturkIzolasyon/Views/Home/FolyoBoruIzolasyonBlog.cshtml.rz.scp.css */
/* ==========================================
   Blog Page Styles
   ========================================== */

/* Page Hero Section */
.page-hero[b-pgn45m0t9l] {
    position: relative;
    height: 280px;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    padding-bottom: 40px;
}

.page-hero[b-pgn45m0t9l]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.page-hero-overlay[b-pgn45m0t9l] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
}

.page-hero-content[b-pgn45m0t9l] {
    position: relative;
    z-index: 1;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-pgn45m0t9l] {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.page-hero-content p[b-pgn45m0t9l] {
    font-size: 1.25rem;
    margin-bottom: 2rem;
    opacity: 0.95;
}

.breadcrumb[b-pgn45m0t9l] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    opacity: 0.9;
}

.breadcrumb a[b-pgn45m0t9l] {
    color: var(--white);
    transition: opacity 0.3s ease;
}

.breadcrumb a:hover[b-pgn45m0t9l] {
    opacity: 0.8;
}

.breadcrumb i[b-pgn45m0t9l] {
    font-size: 0.75rem;
}

/* Blog Main Section */
.blog-main-section[b-pgn45m0t9l] {
    padding: 80px 0;
    background-color: #f9fafb;
}

.blog-layout[b-pgn45m0t9l] {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 40px;
}

/* Blog Content */
.blog-content[b-pgn45m0t9l] {
    background: var(--white);
}

/* Featured Blog Post */
.featured-blog-post[b-pgn45m0t9l] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    margin-bottom: 60px;
}

.featured-blog-image[b-pgn45m0t9l] {
    position: relative;
    height: 500px;
    overflow: hidden;
}

.featured-blog-image img[b-pgn45m0t9l] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.featured-blog-post:hover .featured-blog-image img[b-pgn45m0t9l] {
    transform: scale(1.05);
}

.blog-category[b-pgn45m0t9l] {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--primary-color);
    color: var(--white);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    z-index: 2;
}

.featured-blog-content[b-pgn45m0t9l] {
    padding: 40px;
}

.blog-meta[b-pgn45m0t9l] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    font-size: 0.875rem;
    color: #6b7280;
    flex-wrap: wrap;
}

.blog-meta span[b-pgn45m0t9l] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.blog-meta i[b-pgn45m0t9l] {
    color: var(--primary-color);
}

.featured-blog-content h2[b-pgn45m0t9l] {
    font-size: 2.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    line-height: 1.3;
}

.blog-excerpt[b-pgn45m0t9l] {
    font-size: 1.125rem;
    color: #4b5563;
    margin-bottom: 20px;
    line-height: 1.8;
    font-weight: 500;
}

.featured-blog-content p[b-pgn45m0t9l] {
    font-size: 1rem;
    color: var(--text-color);
    margin-bottom: 20px;
    line-height: 1.8;
}

.featured-blog-content h3[b-pgn45m0t9l] {
    font-size: 1.75rem;
    color: var(--dark-color);
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 600;
}

/* Blog List */
.blog-list[b-pgn45m0t9l] {
    list-style: none;
    margin: 30px 0;
}

.blog-list li[b-pgn45m0t9l] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-color);
}

.blog-list i[b-pgn45m0t9l] {
    color: #10b981;
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.blog-list strong[b-pgn45m0t9l] {
    color: var(--dark-color);
}

/* Blog Steps */
.blog-steps[b-pgn45m0t9l] {
    margin: 30px 0;
}

.step-item[b-pgn45m0t9l] {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    padding: 25px;
    background: #f9fafb;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.step-number[b-pgn45m0t9l] {
    width: 50px;
    height: 50px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    flex-shrink: 0;
}

.step-content h4[b-pgn45m0t9l] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 8px;
}

.step-content p[b-pgn45m0t9l] {
    margin: 0;
    color: var(--text-color);
}

/* Blog Sectors */
.blog-sectors[b-pgn45m0t9l] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 30px 0;
}

.sector-tag[b-pgn45m0t9l] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid rgba(30, 64, 175, 0.2);
}

.sector-tag i[b-pgn45m0t9l] {
    font-size: 1rem;
}

/* Blog Highlight */
.blog-highlight[b-pgn45m0t9l] {
    display: flex;
    gap: 20px;
    padding: 30px;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-radius: 12px;
    margin: 40px 0;
    border-left: 4px solid #f59e0b;
}

.blog-highlight i[b-pgn45m0t9l] {
    font-size: 2rem;
    color: #f59e0b;
    flex-shrink: 0;
}

.blog-highlight h4[b-pgn45m0t9l] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 10px;
}

.blog-highlight p[b-pgn45m0t9l] {
    margin: 0;
    color: #78350f;
}

/* Blog Tags */
.blog-tags[b-pgn45m0t9l] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 40px 0;
    padding-top: 30px;
    border-top: 1px solid var(--border-color);
}

.blog-tags .tag[b-pgn45m0t9l] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.blog-tags .tag:hover[b-pgn45m0t9l] {
    background: var(--primary-color);
    color: var(--white);
}

.blog-tags .tag i[b-pgn45m0t9l] {
    font-size: 0.75rem;
}

/* Blog Share */
.blog-share[b-pgn45m0t9l] {
    padding: 30px 0;
    border-top: 1px solid var(--border-color);
}

.blog-share h4[b-pgn45m0t9l] {
    font-size: 1.125rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.share-buttons[b-pgn45m0t9l] {
    display: flex;
    gap: 12px;
}

.share-btn[b-pgn45m0t9l] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    transition: all 0.3s ease;
    font-size: 1.125rem;
}

.share-btn:hover[b-pgn45m0t9l] {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.share-btn.facebook[b-pgn45m0t9l] {
    background: #1877f2;
}

.share-btn.twitter[b-pgn45m0t9l] {
    background: #1da1f2;
}

.share-btn.linkedin[b-pgn45m0t9l] {
    background: #0077b5;
}

.share-btn.whatsapp[b-pgn45m0t9l] {
    background: #25d366;
}

/* More Posts Section */
.more-posts-section[b-pgn45m0t9l] {
    margin-top: 60px;
}

.section-title[b-pgn45m0t9l] {
    font-size: 2rem;
    color: var(--dark-color);
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid var(--primary-color);
    display: inline-block;
}

.blog-posts-grid[b-pgn45m0t9l] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
}

.blog-post-card[b-pgn45m0t9l] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.blog-post-card:hover[b-pgn45m0t9l] {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.blog-post-image[b-pgn45m0t9l] {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.blog-post-image img[b-pgn45m0t9l] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.blog-post-card:hover .blog-post-image img[b-pgn45m0t9l] {
    transform: scale(1.1);
}

.blog-post-content[b-pgn45m0t9l] {
    padding: 25px;
}

.blog-post-content h3[b-pgn45m0t9l] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 12px;
    line-height: 1.4;
}

.blog-post-content p[b-pgn45m0t9l] {
    font-size: 0.95rem;
    color: var(--text-color);
    margin-bottom: 15px;
    line-height: 1.6;
}

.read-more-btn[b-pgn45m0t9l] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.95rem;
    transition: gap 0.3s ease;
}

.read-more-btn:hover[b-pgn45m0t9l] {
    gap: 12px;
}

/* Sidebar */
.blog-sidebar[b-pgn45m0t9l] {
    position: sticky;
    top: 100px;
    height: fit-content;
}

.sidebar-widget[b-pgn45m0t9l] {
    background: var(--white);
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.sidebar-widget h3[b-pgn45m0t9l] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--border-color);
}

/* Search Widget */
.search-form[b-pgn45m0t9l] {
    position: relative;
    display: flex;
}

.search-form input[b-pgn45m0t9l] {
    width: 100%;
    padding: 12px 50px 12px 15px;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    font-size: 0.95rem;
    transition: border-color 0.3s ease;
}

.search-form input:focus[b-pgn45m0t9l] {
    outline: none;
    border-color: var(--primary-color);
}

.search-form button[b-pgn45m0t9l] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

.search-form button:hover[b-pgn45m0t9l] {
    background: #1e3a8a;
}

/* Categories Widget */
.categories-list[b-pgn45m0t9l] {
    list-style: none;
}

.categories-list li[b-pgn45m0t9l] {
    margin-bottom: 12px;
}

.categories-list a[b-pgn45m0t9l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    background: #f9fafb;
    border-radius: 8px;
    color: var(--text-color);
    transition: all 0.3s ease;
}

.categories-list a:hover[b-pgn45m0t9l] {
    background: var(--primary-color);
    color: var(--white);
    transform: translateX(5px);
}

.categories-list i[b-pgn45m0t9l] {
    margin-right: 10px;
    color: var(--primary-color);
    transition: color 0.3s ease;
}

.categories-list a:hover i[b-pgn45m0t9l] {
    color: var(--white);
}

.categories-list span[b-pgn45m0t9l] {
    font-size: 0.875rem;
    opacity: 0.8;
}

/* Recent Posts Widget */
.recent-posts-list[b-pgn45m0t9l] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.recent-post-item[b-pgn45m0t9l] {
    display: flex;
    gap: 15px;
    padding: 12px;
    border-radius: 8px;
    transition: background 0.3s ease;
}

.recent-post-item:hover[b-pgn45m0t9l] {
    background: #f9fafb;
}

.recent-post-item img[b-pgn45m0t9l] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.recent-post-info h4[b-pgn45m0t9l] {
    font-size: 0.95rem;
    color: var(--dark-color);
    margin-bottom: 6px;
    line-height: 1.4;
}

.post-date[b-pgn45m0t9l] {
    font-size: 0.8rem;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Tags Widget */
.tags-cloud[b-pgn45m0t9l] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag-item[b-pgn45m0t9l] {
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.tag-item:hover[b-pgn45m0t9l] {
    background: var(--primary-color);
    color: var(--white);
}

/* CTA Widget */
.cta-widget[b-pgn45m0t9l] {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    color: var(--white);
}

.cta-widget h3[b-pgn45m0t9l] {
    color: var(--white);
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.cta-content[b-pgn45m0t9l] {
    text-align: center;
}

.cta-content i[b-pgn45m0t9l] {
    font-size: 3rem;
    margin-bottom: 15px;
    opacity: 0.9;
}

.cta-content p[b-pgn45m0t9l] {
    margin-bottom: 20px;
    opacity: 0.95;
}

.cta-btn[b-pgn45m0t9l] {
    display: inline-block;
    padding: 12px 30px;
    background: var(--white);
    color: var(--primary-color);
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.cta-btn:hover[b-pgn45m0t9l] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .blog-layout[b-pgn45m0t9l] {
        grid-template-columns: 1fr;
    }

    .blog-sidebar[b-pgn45m0t9l] {
        position: static;
    }

    .sidebar-widget[b-pgn45m0t9l] {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .page-hero[b-pgn45m0t9l] {
        height: 220px;
        padding-bottom: 30px;
    }

    .page-hero-content h1[b-pgn45m0t9l] {
        font-size: 2rem;
    }

    .page-hero-content p[b-pgn45m0t9l] {
        font-size: 1rem;
    }

    .blog-main-section[b-pgn45m0t9l] {
        padding: 40px 0;
    }

    .featured-blog-image[b-pgn45m0t9l] {
        height: 300px;
    }

    .featured-blog-content[b-pgn45m0t9l] {
        padding: 25px;
    }

    .featured-blog-content h2[b-pgn45m0t9l] {
        font-size: 1.75rem;
    }

    .featured-blog-content h3[b-pgn45m0t9l] {
        font-size: 1.5rem;
    }

    .blog-posts-grid[b-pgn45m0t9l] {
        grid-template-columns: 1fr;
    }

    .blog-meta[b-pgn45m0t9l] {
        gap: 15px;
    }

    .step-item[b-pgn45m0t9l] {
        flex-direction: column;
        align-items: flex-start;
    }

    .blog-sectors[b-pgn45m0t9l] {
        gap: 8px;
    }

    .sector-tag[b-pgn45m0t9l] {
        font-size: 0.8rem;
        padding: 8px 15px;
    }

    .blog-highlight[b-pgn45m0t9l] {
        flex-direction: column;
    }

    .share-buttons[b-pgn45m0t9l] {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .page-hero-content h1[b-pgn45m0t9l] {
        font-size: 1.5rem;
    }

    .featured-blog-content h2[b-pgn45m0t9l] {
        font-size: 1.5rem;
    }

    .featured-blog-content[b-pgn45m0t9l] {
        padding: 20px;
    }

    .sidebar-widget[b-pgn45m0t9l] {
        padding: 20px;
    }

    .blog-meta[b-pgn45m0t9l] {
        font-size: 0.8rem;
        gap: 10px;
    }
}

/* _content/OzturkIzolasyon/Views/Home/GebzeIzolasyonBlog.cshtml.rz.scp.css */
/* ==========================================
   Blog Page Styles
   ========================================== */

/* Page Hero Section */
.page-hero[b-56td4g1f8h] {
    position: relative;
    height: 280px;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    padding-bottom: 40px;
}

.page-hero[b-56td4g1f8h]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.page-hero-overlay[b-56td4g1f8h] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
}

.page-hero-content[b-56td4g1f8h] {
    position: relative;
    z-index: 1;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-56td4g1f8h] {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.page-hero-content p[b-56td4g1f8h] {
    font-size: 1.25rem;
    margin-bottom: 2rem;
    opacity: 0.95;
}

.breadcrumb[b-56td4g1f8h] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    opacity: 0.9;
}

.breadcrumb a[b-56td4g1f8h] {
    color: var(--white);
    transition: opacity 0.3s ease;
}

.breadcrumb a:hover[b-56td4g1f8h] {
    opacity: 0.8;
}

.breadcrumb i[b-56td4g1f8h] {
    font-size: 0.75rem;
}

/* Blog Main Section */
.blog-main-section[b-56td4g1f8h] {
    padding: 80px 0;
    background-color: #f9fafb;
}

.blog-layout[b-56td4g1f8h] {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 40px;
}

/* Blog Content */
.blog-content[b-56td4g1f8h] {
    background: var(--white);
}

/* Featured Blog Post */
.featured-blog-post[b-56td4g1f8h] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    margin-bottom: 60px;
}

.featured-blog-image[b-56td4g1f8h] {
    position: relative;
    height: 500px;
    overflow: hidden;
}

.featured-blog-image img[b-56td4g1f8h] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.featured-blog-post:hover .featured-blog-image img[b-56td4g1f8h] {
    transform: scale(1.05);
}

.blog-category[b-56td4g1f8h] {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--primary-color);
    color: var(--white);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    z-index: 2;
}

.featured-blog-content[b-56td4g1f8h] {
    padding: 40px;
}

.blog-meta[b-56td4g1f8h] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    font-size: 0.875rem;
    color: #6b7280;
    flex-wrap: wrap;
}

.blog-meta span[b-56td4g1f8h] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.blog-meta i[b-56td4g1f8h] {
    color: var(--primary-color);
}

.featured-blog-content h2[b-56td4g1f8h] {
    font-size: 2.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    line-height: 1.3;
}

.blog-excerpt[b-56td4g1f8h] {
    font-size: 1.125rem;
    color: #4b5563;
    margin-bottom: 20px;
    line-height: 1.8;
    font-weight: 500;
}

.featured-blog-content p[b-56td4g1f8h] {
    font-size: 1rem;
    color: var(--text-color);
    margin-bottom: 20px;
    line-height: 1.8;
}

.featured-blog-content h3[b-56td4g1f8h] {
    font-size: 1.75rem;
    color: var(--dark-color);
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 600;
}

/* Blog List */
.blog-list[b-56td4g1f8h] {
    list-style: none;
    margin: 30px 0;
}

.blog-list li[b-56td4g1f8h] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-color);
}

.blog-list i[b-56td4g1f8h] {
    color: #10b981;
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.blog-list strong[b-56td4g1f8h] {
    color: var(--dark-color);
}

/* Blog Steps */
.blog-steps[b-56td4g1f8h] {
    margin: 30px 0;
}

.step-item[b-56td4g1f8h] {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    padding: 25px;
    background: #f9fafb;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.step-number[b-56td4g1f8h] {
    width: 50px;
    height: 50px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    flex-shrink: 0;
}

.step-content h4[b-56td4g1f8h] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 8px;
}

.step-content p[b-56td4g1f8h] {
    margin: 0;
    color: var(--text-color);
}

/* Blog Sectors */
.blog-sectors[b-56td4g1f8h] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 30px 0;
}

.sector-tag[b-56td4g1f8h] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid rgba(30, 64, 175, 0.2);
}

.sector-tag i[b-56td4g1f8h] {
    font-size: 1rem;
}

/* Blog Highlight */
.blog-highlight[b-56td4g1f8h] {
    display: flex;
    gap: 20px;
    padding: 30px;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-radius: 12px;
    margin: 40px 0;
    border-left: 4px solid #f59e0b;
}

.blog-highlight i[b-56td4g1f8h] {
    font-size: 2rem;
    color: #f59e0b;
    flex-shrink: 0;
}

.blog-highlight h4[b-56td4g1f8h] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 10px;
}

.blog-highlight p[b-56td4g1f8h] {
    margin: 0;
    color: #78350f;
}

/* Blog Tags */
.blog-tags[b-56td4g1f8h] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 40px 0;
    padding-top: 30px;
    border-top: 1px solid var(--border-color);
}

.blog-tags .tag[b-56td4g1f8h] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.blog-tags .tag:hover[b-56td4g1f8h] {
    background: var(--primary-color);
    color: var(--white);
}

.blog-tags .tag i[b-56td4g1f8h] {
    font-size: 0.75rem;
}

/* Blog Share */
.blog-share[b-56td4g1f8h] {
    padding: 30px 0;
    border-top: 1px solid var(--border-color);
}

.blog-share h4[b-56td4g1f8h] {
    font-size: 1.125rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.share-buttons[b-56td4g1f8h] {
    display: flex;
    gap: 12px;
}

.share-btn[b-56td4g1f8h] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    transition: all 0.3s ease;
    font-size: 1.125rem;
}

.share-btn:hover[b-56td4g1f8h] {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.share-btn.facebook[b-56td4g1f8h] {
    background: #1877f2;
}

.share-btn.twitter[b-56td4g1f8h] {
    background: #1da1f2;
}

.share-btn.linkedin[b-56td4g1f8h] {
    background: #0077b5;
}

.share-btn.whatsapp[b-56td4g1f8h] {
    background: #25d366;
}

/* More Posts Section */
.more-posts-section[b-56td4g1f8h] {
    margin-top: 60px;
}

.section-title[b-56td4g1f8h] {
    font-size: 2rem;
    color: var(--dark-color);
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid var(--primary-color);
    display: inline-block;
}

.blog-posts-grid[b-56td4g1f8h] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
}

.blog-post-card[b-56td4g1f8h] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.blog-post-card:hover[b-56td4g1f8h] {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.blog-post-image[b-56td4g1f8h] {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.blog-post-image img[b-56td4g1f8h] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.blog-post-card:hover .blog-post-image img[b-56td4g1f8h] {
    transform: scale(1.1);
}

.blog-post-content[b-56td4g1f8h] {
    padding: 25px;
}

.blog-post-content h3[b-56td4g1f8h] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 12px;
    line-height: 1.4;
}

.blog-post-content p[b-56td4g1f8h] {
    font-size: 0.95rem;
    color: var(--text-color);
    margin-bottom: 15px;
    line-height: 1.6;
}

.read-more-btn[b-56td4g1f8h] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.95rem;
    transition: gap 0.3s ease;
}

.read-more-btn:hover[b-56td4g1f8h] {
    gap: 12px;
}

/* Sidebar */
.blog-sidebar[b-56td4g1f8h] {
    position: sticky;
    top: 100px;
    height: fit-content;
}

.sidebar-widget[b-56td4g1f8h] {
    background: var(--white);
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.sidebar-widget h3[b-56td4g1f8h] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--border-color);
}

/* Search Widget */
.search-form[b-56td4g1f8h] {
    position: relative;
    display: flex;
}

.search-form input[b-56td4g1f8h] {
    width: 100%;
    padding: 12px 50px 12px 15px;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    font-size: 0.95rem;
    transition: border-color 0.3s ease;
}

.search-form input:focus[b-56td4g1f8h] {
    outline: none;
    border-color: var(--primary-color);
}

.search-form button[b-56td4g1f8h] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

.search-form button:hover[b-56td4g1f8h] {
    background: #1e3a8a;
}

/* Categories Widget */
.categories-list[b-56td4g1f8h] {
    list-style: none;
}

.categories-list li[b-56td4g1f8h] {
    margin-bottom: 12px;
}

.categories-list a[b-56td4g1f8h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    background: #f9fafb;
    border-radius: 8px;
    color: var(--text-color);
    transition: all 0.3s ease;
}

.categories-list a:hover[b-56td4g1f8h] {
    background: var(--primary-color);
    color: var(--white);
    transform: translateX(5px);
}

.categories-list i[b-56td4g1f8h] {
    margin-right: 10px;
    color: var(--primary-color);
    transition: color 0.3s ease;
}

.categories-list a:hover i[b-56td4g1f8h] {
    color: var(--white);
}

.categories-list span[b-56td4g1f8h] {
    font-size: 0.875rem;
    opacity: 0.8;
}

/* Recent Posts Widget */
.recent-posts-list[b-56td4g1f8h] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.recent-post-item[b-56td4g1f8h] {
    display: flex;
    gap: 15px;
    padding: 12px;
    border-radius: 8px;
    transition: background 0.3s ease;
}

.recent-post-item:hover[b-56td4g1f8h] {
    background: #f9fafb;
}

.recent-post-item img[b-56td4g1f8h] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.recent-post-info h4[b-56td4g1f8h] {
    font-size: 0.95rem;
    color: var(--dark-color);
    margin-bottom: 6px;
    line-height: 1.4;
}

.post-date[b-56td4g1f8h] {
    font-size: 0.8rem;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Tags Widget */
.tags-cloud[b-56td4g1f8h] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag-item[b-56td4g1f8h] {
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.tag-item:hover[b-56td4g1f8h] {
    background: var(--primary-color);
    color: var(--white);
}

/* CTA Widget */
.cta-widget[b-56td4g1f8h] {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    color: var(--white);
}

.cta-widget h3[b-56td4g1f8h] {
    color: var(--white);
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.cta-content[b-56td4g1f8h] {
    text-align: center;
}

.cta-content i[b-56td4g1f8h] {
    font-size: 3rem;
    margin-bottom: 15px;
    opacity: 0.9;
}

.cta-content p[b-56td4g1f8h] {
    margin-bottom: 20px;
    opacity: 0.95;
}

.cta-btn[b-56td4g1f8h] {
    display: inline-block;
    padding: 12px 30px;
    background: var(--white);
    color: var(--primary-color);
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.cta-btn:hover[b-56td4g1f8h] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .blog-layout[b-56td4g1f8h] {
        grid-template-columns: 1fr;
    }

    .blog-sidebar[b-56td4g1f8h] {
        position: static;
    }

    .sidebar-widget[b-56td4g1f8h] {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .page-hero[b-56td4g1f8h] {
        height: 220px;
        padding-bottom: 30px;
    }

    .page-hero-content h1[b-56td4g1f8h] {
        font-size: 2rem;
    }

    .page-hero-content p[b-56td4g1f8h] {
        font-size: 1rem;
    }

    .blog-main-section[b-56td4g1f8h] {
        padding: 40px 0;
    }

    .featured-blog-image[b-56td4g1f8h] {
        height: 300px;
    }

    .featured-blog-content[b-56td4g1f8h] {
        padding: 25px;
    }

    .featured-blog-content h2[b-56td4g1f8h] {
        font-size: 1.75rem;
    }

    .featured-blog-content h3[b-56td4g1f8h] {
        font-size: 1.5rem;
    }

    .blog-posts-grid[b-56td4g1f8h] {
        grid-template-columns: 1fr;
    }

    .blog-meta[b-56td4g1f8h] {
        gap: 15px;
    }

    .step-item[b-56td4g1f8h] {
        flex-direction: column;
        align-items: flex-start;
    }

    .blog-sectors[b-56td4g1f8h] {
        gap: 8px;
    }

    .sector-tag[b-56td4g1f8h] {
        font-size: 0.8rem;
        padding: 8px 15px;
    }

    .blog-highlight[b-56td4g1f8h] {
        flex-direction: column;
    }

    .share-buttons[b-56td4g1f8h] {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .page-hero-content h1[b-56td4g1f8h] {
        font-size: 1.5rem;
    }

    .featured-blog-content h2[b-56td4g1f8h] {
        font-size: 1.5rem;
    }

    .featured-blog-content[b-56td4g1f8h] {
        padding: 20px;
    }

    .sidebar-widget[b-56td4g1f8h] {
        padding: 20px;
    }

    .blog-meta[b-56td4g1f8h] {
        font-size: 0.8rem;
        gap: 10px;
    }
}

/* _content/OzturkIzolasyon/Views/Home/Hakkimizda.cshtml.rz.scp.css */

.page-hero[b-facopx2eps] {
    position: relative;
    height: 50vh;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url('assets/images/slider-2.jpg') center center/cover no-repeat;
    overflow: hidden;
    margin-top: 80px;
}

.page-hero[b-facopx2eps]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.85), rgba(59, 130, 246, 0.75));
}

.page-hero-content[b-facopx2eps] {
    position: relative;
    z-index: 2;
    text-align: center;
    color: var(--white);
    padding: 0 20px;
}

.page-hero-content h1[b-facopx2eps] {
    font-size: 3rem;
    font-weight: 800;
    margin-bottom: 15px;
    animation: fadeInUp 1s ease;
}

.page-hero-content .breadcrumb[b-facopx2eps] {
    display: flex;
    justify-content: center;
    gap: 10px;
    font-size: 1rem;
    animation: fadeInUp 1s ease 0.2s backwards;
}

.breadcrumb a[b-facopx2eps] {
    color: rgba(255, 255, 255, 0.9);
    transition: var(--transition);
}

.breadcrumb a:hover[b-facopx2eps] {
    color: var(--white);
}

.breadcrumb span[b-facopx2eps] {
    color: rgba(255, 255, 255, 0.7);
}

.about-intro[b-facopx2eps] {
    padding: 100px 0;
    background: var(--white);
}

.about-intro-content[b-facopx2eps] {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
}

.about-intro-text h2[b-facopx2eps] {
    font-size: 2.5rem;
    color: var(--dark-color);
    margin-bottom: 25px;
    font-weight: 700;
}

.about-intro-text p[b-facopx2eps] {
    font-size: 1.125rem;
    line-height: 1.8;
    color: var(--text-color);
    margin-bottom: 20px;
    text-align: justify;
}

.about-intro-image[b-facopx2eps] {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: var(--shadow-lg);
}

.about-intro-image img[b-facopx2eps] {
    width: 100%;
    height: 500px;
    object-fit: cover;
}

/* Stats Section */
.stats-section[b-facopx2eps] {
    padding: 80px 0;
    background: var(--gradient);
    color: var(--white);
}

.stats-grid[b-facopx2eps] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
    text-align: center;
}

.stat-item[b-facopx2eps] {
    padding: 20px;
}

.stat-number[b-facopx2eps] {
    font-size: 3rem;
    font-weight: 800;
    margin-bottom: 10px;
    display: block;
}

.stat-label[b-facopx2eps] {
    font-size: 1.125rem;
    opacity: 0.95;
}

.mission-vision[b-facopx2eps] {
    padding: 100px 0;
    background: var(--light-color);
}

.mission-vision-grid[b-facopx2eps] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    margin-top: 60px;
}

.mission-vision-card[b-facopx2eps] {
    background: var(--white);
    padding: 50px 40px;
    border-radius: 12px;
    box-shadow: var(--shadow);
    transition: var(--transition);
}

.mission-vision-card:hover[b-facopx2eps] {
    transform: translateY(-10px);
    box-shadow: var(--shadow-lg);
}

.mission-vision-card .icon[b-facopx2eps] {
    width: 80px;
    height: 80px;
    background: var(--gradient);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

.mission-vision-card .icon i[b-facopx2eps] {
    font-size: 2.5rem;
    color: var(--white);
}

.mission-vision-card h3[b-facopx2eps] {
    font-size: 2rem;
    color: var(--dark-color);
    margin-bottom: 20px;
}

.mission-vision-card p[b-facopx2eps] {
    font-size: 1.125rem;
    line-height: 1.8;
    color: var(--text-color);
}

.values-section[b-facopx2eps] {
    padding: 100px 0;
    background: var(--white);
}

.values-grid[b-facopx2eps] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 60px;
}

.value-card[b-facopx2eps] {
    background: var(--light-color);
    padding: 40px 30px;
    border-radius: 12px;
    text-align: center;
    transition: var(--transition);
    border: 2px solid transparent;
}

.value-card:hover[b-facopx2eps] {
    border-color: var(--primary-color);
    transform: translateY(-5px);
    background: var(--white);
    box-shadow: var(--shadow-lg);
}

.value-card .icon[b-facopx2eps] {
    font-size: 3rem;
    color: var(--primary-color);
    margin-bottom: 20px;
}

.value-card h4[b-facopx2eps] {
    font-size: 1.375rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.value-card p[b-facopx2eps] {
    color: #6b7280;
    line-height: 1.6;
}

.team-section[b-facopx2eps] {
    padding: 100px 0;
    background: var(--light-color);
}

.team-intro[b-facopx2eps] {
    max-width: 800px;
    margin: 0 auto 60px;
    text-align: center;
}

.team-intro p[b-facopx2eps] {
    font-size: 1.125rem;
    line-height: 1.8;
    color: var(--text-color);
}

.team-features[b-facopx2eps] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-top: 60px;
}

.team-feature[b-facopx2eps] {
    background: var(--white);
    padding: 40px;
    border-radius: 12px;
    display: flex;
    gap: 25px;
    box-shadow: var(--shadow);
    transition: var(--transition);
}

.team-feature:hover[b-facopx2eps] {
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
}

.team-feature .icon[b-facopx2eps] {
    width: 70px;
    height: 70px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.team-feature .icon i[b-facopx2eps] {
    font-size: 2rem;
    color: var(--primary-color);
}

.team-feature-content h4[b-facopx2eps] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 10px;
}

.team-feature-content p[b-facopx2eps] {
    color: #6b7280;
    line-height: 1.6;
}

/* ==========================================
   Responsive Design
   ========================================== */
@media (max-width: 1024px) {
    .about-intro-content[b-facopx2eps] {
        grid-template-columns: 1fr;
    }

    .stats-grid[b-facopx2eps] {
        grid-template-columns: repeat(2, 1fr);
    }

    .values-grid[b-facopx2eps] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .page-hero-content h1[b-facopx2eps] {
        font-size: 2rem;
    }

    .about-intro-text h2[b-facopx2eps] {
        font-size: 2rem;
    }

    .mission-vision-grid[b-facopx2eps],
    .team-features[b-facopx2eps] {
        grid-template-columns: 1fr;
    }

    .stats-grid[b-facopx2eps],
    .values-grid[b-facopx2eps] {
        grid-template-columns: 1fr;
    }

    .stat-number[b-facopx2eps] {
        font-size: 2.5rem;
    }

    .cta-content h2[b-facopx2eps] {
        font-size: 2rem;
    }

    .cta-buttons[b-facopx2eps] {
        flex-direction: column;
        align-items: stretch;
    }

    .cta-buttons .btn[b-facopx2eps] {
        width: 100%;
    }
}

/* _content/OzturkIzolasyon/Views/Home/HavalandirmaIzolasyon.cshtml.rz.scp.css */
/* ==========================================
   Product Page Styles
   ========================================== */

/* Page Hero */
.page-hero[b-b4rb4oqhg3] {
    position: relative;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
    overflow: hidden;
}

.page-hero-bg[b-b4rb4oqhg3] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.page-hero[b-b4rb4oqhg3]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.65), rgba(59, 130, 246, 0.45));
    z-index: 1;
}

.page-hero[b-b4rb4oqhg3]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
    z-index: 2;
}

.page-hero-content[b-b4rb4oqhg3] {
    position: relative;
    z-index: 3;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-b4rb4oqhg3] {
    font-size: 3rem;
    font-weight: 800;
    margin-bottom: 20px;
    animation: fadeInUp-b-b4rb4oqhg3 0.8s ease;
}

.breadcrumb[b-b4rb4oqhg3] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 1rem;
    animation: fadeInUp-b-b4rb4oqhg3 0.8s ease 0.2s backwards;
}

.breadcrumb a[b-b4rb4oqhg3] {
    color: var(--white);
    opacity: 0.9;
    transition: var(--transition);
}

.breadcrumb a:hover[b-b4rb4oqhg3] {
    opacity: 1;
    text-decoration: underline;
}

.breadcrumb span[b-b4rb4oqhg3] {
    opacity: 0.7;
}

/* Product Detail Section */
.product-detail[b-b4rb4oqhg3] {
    padding: 80px 0;
    background: var(--white);
}

.product-main[b-b4rb4oqhg3] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: start;
}

.product-image-section[b-b4rb4oqhg3] {
    position: sticky;
    top: 100px;
}

.product-image-main[b-b4rb4oqhg3] {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-lg);
    background: #f3f4f6;
}

.product-image-main img[b-b4rb4oqhg3] {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.5s ease;
}

.product-image-main:hover img[b-b4rb4oqhg3] {
    transform: scale(1.05);
}

.product-info-section[b-b4rb4oqhg3] {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.product-header[b-b4rb4oqhg3] {
    border-bottom: 2px solid var(--border-color);
    padding-bottom: 20px;
}

.product-tag[b-b4rb4oqhg3] {
    display: inline-block;
    padding: 6px 16px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.product-header h2[b-b4rb4oqhg3] {
    font-size: 2.5rem;
    color: var(--dark-color);
    font-weight: 700;
    line-height: 1.2;
}

.product-description p[b-b4rb4oqhg3] {
    font-size: 1.125rem;
    line-height: 1.8;
    color: var(--text-color);
    margin-bottom: 15px;
}

.product-highlights[b-b4rb4oqhg3] {
    background: var(--light-color);
    padding: 30px;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.product-highlights h3[b-b4rb4oqhg3] {
    font-size: 1.5rem;
    color: var(--dark-color);
    margin-bottom: 20px;
}

.product-highlights ul[b-b4rb4oqhg3] {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.product-highlights ul li[b-b4rb4oqhg3] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 1.05rem;
    color: var(--text-color);
}

.product-highlights ul li i[b-b4rb4oqhg3] {
    color: var(--secondary-color);
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.product-cta[b-b4rb4oqhg3] {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    padding-top: 20px;
}

.product-cta .btn[b-b4rb4oqhg3] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 32px;
    font-size: 1.05rem;
}

/* Detailed Content Section */
.detailed-content[b-b4rb4oqhg3] {
    padding: 80px 0;
    background: var(--white);
}

.detailed-content .content-wrapper[b-b4rb4oqhg3] {
    max-width: 900px;
    margin: 0 auto;
}

.detailed-content h2[b-b4rb4oqhg3] {
    font-size: 2.5rem;
    color: var(--dark-color);
    font-weight: 700;
    margin-bottom: 30px;
    text-align: center;
    position: relative;
    padding-bottom: 20px;
}

.detailed-content h2[b-b4rb4oqhg3]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: var(--gradient);
    border-radius: 2px;
}

.detailed-content p[b-b4rb4oqhg3] {
    font-size: 1.125rem;
    line-height: 1.9;
    color: var(--text-color);
    margin-bottom: 25px;
    text-align: justify;
}

.detailed-content p:first-of-type[b-b4rb4oqhg3] {
    font-size: 1.2rem;
    font-weight: 500;
    color: var(--dark-color);
}

.detailed-content p:first-of-type[b-b4rb4oqhg3]::first-letter {
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1;
    float: left;
    color: var(--primary-color);
}

/* Technical Details Section */
.technical-details[b-b4rb4oqhg3] {
    padding: 80px 0;
    background: var(--light-color);
}

.technical-grid[b-b4rb4oqhg3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
}

.technical-card[b-b4rb4oqhg3] {
    background: var(--white);
    padding: 35px;
    border-radius: 12px;
    box-shadow: var(--shadow);
    transition: var(--transition);
}

.technical-card:hover[b-b4rb4oqhg3] {
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
}

.technical-icon[b-b4rb4oqhg3] {
    width: 70px;
    height: 70px;
    background: var(--gradient);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.technical-icon i[b-b4rb4oqhg3] {
    font-size: 2rem;
    color: var(--white);
}

.technical-card h3[b-b4rb4oqhg3] {
    font-size: 1.375rem;
    color: var(--dark-color);
    margin-bottom: 20px;
}

.technical-card ul[b-b4rb4oqhg3] {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.technical-card ul li[b-b4rb4oqhg3] {
    padding-left: 25px;
    position: relative;
    color: var(--text-color);
    line-height: 1.6;
}

.technical-card ul li[b-b4rb4oqhg3]::before {
    content: '•';
    position: absolute;
    left: 8px;
    color: var(--primary-color);
    font-weight: bold;
    font-size: 1.2rem;
}

/* Benefits Section */
.benefits-section[b-b4rb4oqhg3] {
    padding: 80px 0;
    background: var(--white);
}

.benefits-grid[b-b4rb4oqhg3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
}

.benefit-card[b-b4rb4oqhg3] {
    background: var(--light-color);
    padding: 35px;
    border-radius: 12px;
    transition: var(--transition);
    border: 2px solid transparent;
}

.benefit-card:hover[b-b4rb4oqhg3] {
    border-color: var(--primary-color);
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
    background: var(--white);
}

.benefit-icon[b-b4rb4oqhg3] {
    width: 70px;
    height: 70px;
    background: var(--gradient);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    transition: var(--transition);
}

.benefit-card:hover .benefit-icon[b-b4rb4oqhg3] {
    transform: scale(1.1);
}

.benefit-icon i[b-b4rb4oqhg3] {
    font-size: 2rem;
    color: var(--white);
}

.benefit-card h3[b-b4rb4oqhg3] {
    font-size: 1.375rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.benefit-card p[b-b4rb4oqhg3] {
    color: var(--text-color);
    line-height: 1.7;
}

/* Process Section */
.process-section[b-b4rb4oqhg3] {
    padding: 80px 0;
    background: var(--light-color);
}

.process-timeline[b-b4rb4oqhg3] {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 40px;
    position: relative;
}

.process-timeline[b-b4rb4oqhg3]::before {
    content: '';
    position: absolute;
    left: 30px;
    top: 30px;
    bottom: 30px;
    width: 3px;
    background: linear-gradient(to bottom, var(--primary-color), var(--secondary-color));
}

.process-step[b-b4rb4oqhg3] {
    display: flex;
    gap: 30px;
    position: relative;
}

.step-number[b-b4rb4oqhg3] {
    width: 60px;
    height: 60px;
    background: var(--gradient);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--white);
    flex-shrink: 0;
    box-shadow: 0 4px 15px rgba(30, 64, 175, 0.3);
    position: relative;
    z-index: 2;
}

.step-content[b-b4rb4oqhg3] {
    background: var(--white);
    padding: 25px 30px;
    border-radius: 12px;
    box-shadow: var(--shadow);
    flex: 1;
    transition: var(--transition);
}

.step-content:hover[b-b4rb4oqhg3] {
    transform: translateX(10px);
    box-shadow: var(--shadow-lg);
}

.step-content h3[b-b4rb4oqhg3] {
    font-size: 1.375rem;
    color: var(--dark-color);
    margin-bottom: 12px;
}

.step-content p[b-b4rb4oqhg3] {
    color: var(--text-color);
    line-height: 1.7;
}

/* FAQ Section */
.faq-section[b-b4rb4oqhg3] {
    padding: 80px 0;
    background: var(--white);
}

.faq-container[b-b4rb4oqhg3] {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.faq-item[b-b4rb4oqhg3] {
    background: var(--light-color);
    border-radius: 12px;
    overflow: hidden;
    transition: var(--transition);
}

.faq-item:hover[b-b4rb4oqhg3] {
    box-shadow: var(--shadow);
}

.faq-question[b-b4rb4oqhg3] {
    padding: 25px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    user-select: none;
    transition: var(--transition);
}

.faq-question:hover[b-b4rb4oqhg3] {
    background: rgba(30, 64, 175, 0.05);
}

.faq-question h3[b-b4rb4oqhg3] {
    font-size: 1.25rem;
    color: var(--dark-color);
    font-weight: 600;
    margin: 0;
}

.faq-question i[b-b4rb4oqhg3] {
    font-size: 1.25rem;
    color: var(--primary-color);
    transition: transform 0.3s ease;
}

.faq-item.active .faq-question i[b-b4rb4oqhg3] {
    transform: rotate(180deg);
}

.faq-answer[b-b4rb4oqhg3] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
}

.faq-item.active .faq-answer[b-b4rb4oqhg3] {
    max-height: 500px;
    padding: 0 30px 25px 30px;
}

.faq-answer p[b-b4rb4oqhg3] {
    color: var(--text-color);
    line-height: 1.8;
    font-size: 1.05rem;
}

/* CTA Section */
.cta-section[b-b4rb4oqhg3] {
    padding: 80px 0;
    background: var(--gradient);
    position: relative;
    overflow: hidden;
}

.cta-section[b-b4rb4oqhg3]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.cta-content[b-b4rb4oqhg3] {
    position: relative;
    z-index: 2;
    text-align: center;
    color: var(--white);
    max-width: 800px;
    margin: 0 auto;
}

.cta-content h2[b-b4rb4oqhg3] {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.3;
}

.cta-content p[b-b4rb4oqhg3] {
    font-size: 1.25rem;
    margin-bottom: 40px;
    opacity: 0.95;
    line-height: 1.7;
}

.cta-buttons[b-b4rb4oqhg3] {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

.btn-large[b-b4rb4oqhg3] {
    padding: 18px 40px;
    font-size: 1.125rem;
}

.cta-section .btn-secondary[b-b4rb4oqhg3] {
    background: var(--white);
    color: var(--primary-color);
    border: 2px solid var(--white);
}

.cta-section .btn-secondary:hover[b-b4rb4oqhg3] {
    background: transparent;
    color: var(--white);
}

/* ==========================================
   Responsive Design
   ========================================== */

@media (max-width: 1024px) {
    .page-hero-content h1[b-b4rb4oqhg3] {
        font-size: 2.5rem;
    }

    .product-main[b-b4rb4oqhg3] {
        gap: 40px;
    }

    .product-header h2[b-b4rb4oqhg3] {
        font-size: 2rem;
    }

    .technical-grid[b-b4rb4oqhg3],
    .benefits-grid[b-b4rb4oqhg3] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .page-hero[b-b4rb4oqhg3] {
        height: 300px;
        margin-top: 80px;
    }

    .page-hero-content h1[b-b4rb4oqhg3] {
        font-size: 2rem;
    }

    .breadcrumb[b-b4rb4oqhg3] {
        font-size: 0.9rem;
    }

    .product-main[b-b4rb4oqhg3] {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .product-image-section[b-b4rb4oqhg3] {
        position: static;
    }

    .product-header h2[b-b4rb4oqhg3] {
        font-size: 1.75rem;
    }

    .product-description p[b-b4rb4oqhg3] {
        font-size: 1rem;
    }

    .product-highlights[b-b4rb4oqhg3] {
        padding: 20px;
    }

    .product-highlights h3[b-b4rb4oqhg3] {
        font-size: 1.25rem;
    }

    .product-cta[b-b4rb4oqhg3] {
        flex-direction: column;
    }

    .product-cta .btn[b-b4rb4oqhg3] {
        width: 100%;
        justify-content: center;
    }

    .detailed-content h2[b-b4rb4oqhg3] {
        font-size: 2rem;
    }

    .detailed-content p[b-b4rb4oqhg3] {
        font-size: 1rem;
    }

    .detailed-content p:first-of-type[b-b4rb4oqhg3] {
        font-size: 1.05rem;
    }

    .detailed-content p:first-of-type[b-b4rb4oqhg3]::first-letter {
        font-size: 3rem;
    }

    .technical-grid[b-b4rb4oqhg3],
    .benefits-grid[b-b4rb4oqhg3] {
        grid-template-columns: 1fr;
    }

    .process-timeline[b-b4rb4oqhg3]::before {
        left: 20px;
    }

    .step-number[b-b4rb4oqhg3] {
        width: 50px;
        height: 50px;
        font-size: 1.25rem;
    }

    .step-content[b-b4rb4oqhg3] {
        padding: 20px;
    }

    .step-content h3[b-b4rb4oqhg3] {
        font-size: 1.25rem;
    }

    .faq-question[b-b4rb4oqhg3] {
        padding: 20px;
    }

    .faq-question h3[b-b4rb4oqhg3] {
        font-size: 1.1rem;
    }

    .faq-item.active .faq-answer[b-b4rb4oqhg3] {
        padding: 0 20px 20px 20px;
    }

    .cta-content h2[b-b4rb4oqhg3] {
        font-size: 2rem;
    }

    .cta-content p[b-b4rb4oqhg3] {
        font-size: 1.05rem;
    }

    .cta-buttons[b-b4rb4oqhg3] {
        flex-direction: column;
    }

    .btn-large[b-b4rb4oqhg3] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .page-hero[b-b4rb4oqhg3] {
        height: 250px;
    }

    .page-hero-content h1[b-b4rb4oqhg3] {
        font-size: 1.75rem;
    }

    .product-header h2[b-b4rb4oqhg3] {
        font-size: 1.5rem;
    }

    .detailed-content h2[b-b4rb4oqhg3] {
        font-size: 1.75rem;
    }

    .detailed-content p[b-b4rb4oqhg3] {
        font-size: 0.95rem;
    }

    .detailed-content p:first-of-type[b-b4rb4oqhg3] {
        font-size: 1rem;
    }

    .detailed-content p:first-of-type[b-b4rb4oqhg3]::first-letter {
        font-size: 2.5rem;
        margin: 3px 8px 0 0;
    }

    .technical-card[b-b4rb4oqhg3],
    .benefit-card[b-b4rb4oqhg3] {
        padding: 25px;
    }

    .technical-icon[b-b4rb4oqhg3],
    .benefit-icon[b-b4rb4oqhg3] {
        width: 60px;
        height: 60px;
    }

    .technical-icon i[b-b4rb4oqhg3],
    .benefit-icon i[b-b4rb4oqhg3] {
        font-size: 1.75rem;
    }

    .process-step[b-b4rb4oqhg3] {
        gap: 20px;
    }

    .step-number[b-b4rb4oqhg3] {
        width: 40px;
        height: 40px;
        font-size: 1.1rem;
    }

    .cta-content h2[b-b4rb4oqhg3] {
        font-size: 1.75rem;
    }

    .cta-content p[b-b4rb4oqhg3] {
        font-size: 1rem;
    }
}

/* ==========================================
   Animations
   ========================================== */

@keyframes fadeInUp-b-b4rb4oqhg3 {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Scroll Animations */
.product-detail[b-b4rb4oqhg3],
.detailed-content[b-b4rb4oqhg3],
.technical-details[b-b4rb4oqhg3],
.benefits-section[b-b4rb4oqhg3],
.process-section[b-b4rb4oqhg3],
.faq-section[b-b4rb4oqhg3] {
    animation: fadeIn-b-b4rb4oqhg3 0.6s ease;
}

@keyframes fadeIn-b-b4rb4oqhg3 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* _content/OzturkIzolasyon/Views/Home/HavalandirmaIzolasyonEvUygulama.cshtml.rz.scp.css */
/* ==========================================
   Blog Page Styles
   ========================================== */

/* Page Hero Section */
.page-hero[b-ibwwxiw800] {
    position: relative;
    height: 280px;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    padding-bottom: 40px;
}

.page-hero[b-ibwwxiw800]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.page-hero-overlay[b-ibwwxiw800] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
}

.page-hero-content[b-ibwwxiw800] {
    position: relative;
    z-index: 1;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-ibwwxiw800] {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.page-hero-content p[b-ibwwxiw800] {
    font-size: 1.25rem;
    margin-bottom: 2rem;
    opacity: 0.95;
}

.breadcrumb[b-ibwwxiw800] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    opacity: 0.9;
}

.breadcrumb a[b-ibwwxiw800] {
    color: var(--white);
    transition: opacity 0.3s ease;
}

.breadcrumb a:hover[b-ibwwxiw800] {
    opacity: 0.8;
}

.breadcrumb i[b-ibwwxiw800] {
    font-size: 0.75rem;
}

/* Blog Main Section */
.blog-main-section[b-ibwwxiw800] {
    padding: 80px 0;
    background-color: #f9fafb;
}

.blog-layout[b-ibwwxiw800] {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 40px;
}

/* Blog Content */
.blog-content[b-ibwwxiw800] {
    background: var(--white);
}

/* Featured Blog Post */
.featured-blog-post[b-ibwwxiw800] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    margin-bottom: 60px;
}

.featured-blog-image[b-ibwwxiw800] {
    position: relative;
    height: 500px;
    overflow: hidden;
}

.featured-blog-image img[b-ibwwxiw800] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.featured-blog-post:hover .featured-blog-image img[b-ibwwxiw800] {
    transform: scale(1.05);
}

.blog-category[b-ibwwxiw800] {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--primary-color);
    color: var(--white);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    z-index: 2;
}

.featured-blog-content[b-ibwwxiw800] {
    padding: 40px;
}

.blog-meta[b-ibwwxiw800] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    font-size: 0.875rem;
    color: #6b7280;
    flex-wrap: wrap;
}

.blog-meta span[b-ibwwxiw800] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.blog-meta i[b-ibwwxiw800] {
    color: var(--primary-color);
}

.featured-blog-content h2[b-ibwwxiw800] {
    font-size: 2.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    line-height: 1.3;
}

.blog-excerpt[b-ibwwxiw800] {
    font-size: 1.125rem;
    color: #4b5563;
    margin-bottom: 20px;
    line-height: 1.8;
    font-weight: 500;
}

.featured-blog-content p[b-ibwwxiw800] {
    font-size: 1rem;
    color: var(--text-color);
    margin-bottom: 20px;
    line-height: 1.8;
}

.featured-blog-content h3[b-ibwwxiw800] {
    font-size: 1.75rem;
    color: var(--dark-color);
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 600;
}

/* Blog List */
.blog-list[b-ibwwxiw800] {
    list-style: none;
    margin: 30px 0;
}

.blog-list li[b-ibwwxiw800] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-color);
}

.blog-list i[b-ibwwxiw800] {
    color: #10b981;
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.blog-list strong[b-ibwwxiw800] {
    color: var(--dark-color);
}

/* Blog Steps */
.blog-steps[b-ibwwxiw800] {
    margin: 30px 0;
}

.step-item[b-ibwwxiw800] {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    padding: 25px;
    background: #f9fafb;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.step-number[b-ibwwxiw800] {
    width: 50px;
    height: 50px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    flex-shrink: 0;
}

.step-content h4[b-ibwwxiw800] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 8px;
}

.step-content p[b-ibwwxiw800] {
    margin: 0;
    color: var(--text-color);
}

/* Blog Sectors */
.blog-sectors[b-ibwwxiw800] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 30px 0;
}

.sector-tag[b-ibwwxiw800] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid rgba(30, 64, 175, 0.2);
}

.sector-tag i[b-ibwwxiw800] {
    font-size: 1rem;
}

/* Blog Highlight */
.blog-highlight[b-ibwwxiw800] {
    display: flex;
    gap: 20px;
    padding: 30px;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-radius: 12px;
    margin: 40px 0;
    border-left: 4px solid #f59e0b;
}

.blog-highlight i[b-ibwwxiw800] {
    font-size: 2rem;
    color: #f59e0b;
    flex-shrink: 0;
}

.blog-highlight h4[b-ibwwxiw800] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 10px;
}

.blog-highlight p[b-ibwwxiw800] {
    margin: 0;
    color: #78350f;
}

/* Blog Tags */
.blog-tags[b-ibwwxiw800] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 40px 0;
    padding-top: 30px;
    border-top: 1px solid var(--border-color);
}

.blog-tags .tag[b-ibwwxiw800] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.blog-tags .tag:hover[b-ibwwxiw800] {
    background: var(--primary-color);
    color: var(--white);
}

.blog-tags .tag i[b-ibwwxiw800] {
    font-size: 0.75rem;
}

/* Blog Share */
.blog-share[b-ibwwxiw800] {
    padding: 30px 0;
    border-top: 1px solid var(--border-color);
}

.blog-share h4[b-ibwwxiw800] {
    font-size: 1.125rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.share-buttons[b-ibwwxiw800] {
    display: flex;
    gap: 12px;
}

.share-btn[b-ibwwxiw800] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    transition: all 0.3s ease;
    font-size: 1.125rem;
}

.share-btn:hover[b-ibwwxiw800] {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.share-btn.facebook[b-ibwwxiw800] {
    background: #1877f2;
}

.share-btn.twitter[b-ibwwxiw800] {
    background: #1da1f2;
}

.share-btn.linkedin[b-ibwwxiw800] {
    background: #0077b5;
}

.share-btn.whatsapp[b-ibwwxiw800] {
    background: #25d366;
}

/* More Posts Section */
.more-posts-section[b-ibwwxiw800] {
    margin-top: 60px;
}

.section-title[b-ibwwxiw800] {
    font-size: 2rem;
    color: var(--dark-color);
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid var(--primary-color);
    display: inline-block;
}

.blog-posts-grid[b-ibwwxiw800] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
}

.blog-post-card[b-ibwwxiw800] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.blog-post-card:hover[b-ibwwxiw800] {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.blog-post-image[b-ibwwxiw800] {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.blog-post-image img[b-ibwwxiw800] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.blog-post-card:hover .blog-post-image img[b-ibwwxiw800] {
    transform: scale(1.1);
}

.blog-post-content[b-ibwwxiw800] {
    padding: 25px;
}

.blog-post-content h3[b-ibwwxiw800] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 12px;
    line-height: 1.4;
}

.blog-post-content p[b-ibwwxiw800] {
    font-size: 0.95rem;
    color: var(--text-color);
    margin-bottom: 15px;
    line-height: 1.6;
}

.read-more-btn[b-ibwwxiw800] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.95rem;
    transition: gap 0.3s ease;
}

.read-more-btn:hover[b-ibwwxiw800] {
    gap: 12px;
}

/* Sidebar */
.blog-sidebar[b-ibwwxiw800] {
    position: sticky;
    top: 100px;
    height: fit-content;
}

.sidebar-widget[b-ibwwxiw800] {
    background: var(--white);
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.sidebar-widget h3[b-ibwwxiw800] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--border-color);
}

/* Search Widget */
.search-form[b-ibwwxiw800] {
    position: relative;
    display: flex;
}

.search-form input[b-ibwwxiw800] {
    width: 100%;
    padding: 12px 50px 12px 15px;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    font-size: 0.95rem;
    transition: border-color 0.3s ease;
}

.search-form input:focus[b-ibwwxiw800] {
    outline: none;
    border-color: var(--primary-color);
}

.search-form button[b-ibwwxiw800] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

.search-form button:hover[b-ibwwxiw800] {
    background: #1e3a8a;
}

/* Categories Widget */
.categories-list[b-ibwwxiw800] {
    list-style: none;
}

.categories-list li[b-ibwwxiw800] {
    margin-bottom: 12px;
}

.categories-list a[b-ibwwxiw800] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    background: #f9fafb;
    border-radius: 8px;
    color: var(--text-color);
    transition: all 0.3s ease;
}

.categories-list a:hover[b-ibwwxiw800] {
    background: var(--primary-color);
    color: var(--white);
    transform: translateX(5px);
}

.categories-list i[b-ibwwxiw800] {
    margin-right: 10px;
    color: var(--primary-color);
    transition: color 0.3s ease;
}

.categories-list a:hover i[b-ibwwxiw800] {
    color: var(--white);
}

.categories-list span[b-ibwwxiw800] {
    font-size: 0.875rem;
    opacity: 0.8;
}

/* Recent Posts Widget */
.recent-posts-list[b-ibwwxiw800] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.recent-post-item[b-ibwwxiw800] {
    display: flex;
    gap: 15px;
    padding: 12px;
    border-radius: 8px;
    transition: background 0.3s ease;
}

.recent-post-item:hover[b-ibwwxiw800] {
    background: #f9fafb;
}

.recent-post-item img[b-ibwwxiw800] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.recent-post-info h4[b-ibwwxiw800] {
    font-size: 0.95rem;
    color: var(--dark-color);
    margin-bottom: 6px;
    line-height: 1.4;
}

.post-date[b-ibwwxiw800] {
    font-size: 0.8rem;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Tags Widget */
.tags-cloud[b-ibwwxiw800] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag-item[b-ibwwxiw800] {
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.tag-item:hover[b-ibwwxiw800] {
    background: var(--primary-color);
    color: var(--white);
}

/* CTA Widget */
.cta-widget[b-ibwwxiw800] {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    color: var(--white);
}

.cta-widget h3[b-ibwwxiw800] {
    color: var(--white);
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.cta-content[b-ibwwxiw800] {
    text-align: center;
}

.cta-content i[b-ibwwxiw800] {
    font-size: 3rem;
    margin-bottom: 15px;
    opacity: 0.9;
}

.cta-content p[b-ibwwxiw800] {
    margin-bottom: 20px;
    opacity: 0.95;
}

.cta-btn[b-ibwwxiw800] {
    display: inline-block;
    padding: 12px 30px;
    background: var(--white);
    color: var(--primary-color);
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.cta-btn:hover[b-ibwwxiw800] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .blog-layout[b-ibwwxiw800] {
        grid-template-columns: 1fr;
    }

    .blog-sidebar[b-ibwwxiw800] {
        position: static;
    }

    .sidebar-widget[b-ibwwxiw800] {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .page-hero[b-ibwwxiw800] {
        height: 220px;
        padding-bottom: 30px;
    }

    .page-hero-content h1[b-ibwwxiw800] {
        font-size: 2rem;
    }

    .page-hero-content p[b-ibwwxiw800] {
        font-size: 1rem;
    }

    .blog-main-section[b-ibwwxiw800] {
        padding: 40px 0;
    }

    .featured-blog-image[b-ibwwxiw800] {
        height: 300px;
    }

    .featured-blog-content[b-ibwwxiw800] {
        padding: 25px;
    }

    .featured-blog-content h2[b-ibwwxiw800] {
        font-size: 1.75rem;
    }

    .featured-blog-content h3[b-ibwwxiw800] {
        font-size: 1.5rem;
    }

    .blog-posts-grid[b-ibwwxiw800] {
        grid-template-columns: 1fr;
    }

    .blog-meta[b-ibwwxiw800] {
        gap: 15px;
    }

    .step-item[b-ibwwxiw800] {
        flex-direction: column;
        align-items: flex-start;
    }

    .blog-sectors[b-ibwwxiw800] {
        gap: 8px;
    }

    .sector-tag[b-ibwwxiw800] {
        font-size: 0.8rem;
        padding: 8px 15px;
    }

    .blog-highlight[b-ibwwxiw800] {
        flex-direction: column;
    }

    .share-buttons[b-ibwwxiw800] {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .page-hero-content h1[b-ibwwxiw800] {
        font-size: 1.5rem;
    }

    .featured-blog-content h2[b-ibwwxiw800] {
        font-size: 1.5rem;
    }

    .featured-blog-content[b-ibwwxiw800] {
        padding: 20px;
    }

    .sidebar-widget[b-ibwwxiw800] {
        padding: 20px;
    }

    .blog-meta[b-ibwwxiw800] {
        font-size: 0.8rem;
        gap: 10px;
    }
}

/* _content/OzturkIzolasyon/Views/Home/HavalandirmaSistemleriKullanimAlanlariBlog.cshtml.rz.scp.css */
/* ==========================================
   Blog Page Styles
   ========================================== */

/* Page Hero Section */
.page-hero[b-3fm2nu5sit] {
    position: relative;
    height: 280px;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    padding-bottom: 40px;
}

.page-hero[b-3fm2nu5sit]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.page-hero-overlay[b-3fm2nu5sit] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
}

.page-hero-content[b-3fm2nu5sit] {
    position: relative;
    z-index: 1;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-3fm2nu5sit] {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.page-hero-content p[b-3fm2nu5sit] {
    font-size: 1.25rem;
    margin-bottom: 2rem;
    opacity: 0.95;
}

.breadcrumb[b-3fm2nu5sit] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    opacity: 0.9;
}

.breadcrumb a[b-3fm2nu5sit] {
    color: var(--white);
    transition: opacity 0.3s ease;
}

.breadcrumb a:hover[b-3fm2nu5sit] {
    opacity: 0.8;
}

.breadcrumb i[b-3fm2nu5sit] {
    font-size: 0.75rem;
}

/* Blog Main Section */
.blog-main-section[b-3fm2nu5sit] {
    padding: 80px 0;
    background-color: #f9fafb;
}

.blog-layout[b-3fm2nu5sit] {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 40px;
}

/* Blog Content */
.blog-content[b-3fm2nu5sit] {
    background: var(--white);
}

/* Featured Blog Post */
.featured-blog-post[b-3fm2nu5sit] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    margin-bottom: 60px;
}

.featured-blog-image[b-3fm2nu5sit] {
    position: relative;
    height: 500px;
    overflow: hidden;
}

.featured-blog-image img[b-3fm2nu5sit] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.featured-blog-post:hover .featured-blog-image img[b-3fm2nu5sit] {
    transform: scale(1.05);
}

.blog-category[b-3fm2nu5sit] {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--primary-color);
    color: var(--white);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    z-index: 2;
}

.featured-blog-content[b-3fm2nu5sit] {
    padding: 40px;
}

.blog-meta[b-3fm2nu5sit] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    font-size: 0.875rem;
    color: #6b7280;
    flex-wrap: wrap;
}

.blog-meta span[b-3fm2nu5sit] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.blog-meta i[b-3fm2nu5sit] {
    color: var(--primary-color);
}

.featured-blog-content h2[b-3fm2nu5sit] {
    font-size: 2.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    line-height: 1.3;
}

.blog-excerpt[b-3fm2nu5sit] {
    font-size: 1.125rem;
    color: #4b5563;
    margin-bottom: 20px;
    line-height: 1.8;
    font-weight: 500;
}

.featured-blog-content p[b-3fm2nu5sit] {
    font-size: 1rem;
    color: var(--text-color);
    margin-bottom: 20px;
    line-height: 1.8;
}

.featured-blog-content h3[b-3fm2nu5sit] {
    font-size: 1.75rem;
    color: var(--dark-color);
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 600;
}

/* Blog List */
.blog-list[b-3fm2nu5sit] {
    list-style: none;
    margin: 30px 0;
}

.blog-list li[b-3fm2nu5sit] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-color);
}

.blog-list i[b-3fm2nu5sit] {
    color: #10b981;
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.blog-list strong[b-3fm2nu5sit] {
    color: var(--dark-color);
}

/* Blog Steps */
.blog-steps[b-3fm2nu5sit] {
    margin: 30px 0;
}

.step-item[b-3fm2nu5sit] {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    padding: 25px;
    background: #f9fafb;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.step-number[b-3fm2nu5sit] {
    width: 50px;
    height: 50px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    flex-shrink: 0;
}

.step-content h4[b-3fm2nu5sit] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 8px;
}

.step-content p[b-3fm2nu5sit] {
    margin: 0;
    color: var(--text-color);
}

/* Blog Sectors */
.blog-sectors[b-3fm2nu5sit] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 30px 0;
}

.sector-tag[b-3fm2nu5sit] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid rgba(30, 64, 175, 0.2);
}

.sector-tag i[b-3fm2nu5sit] {
    font-size: 1rem;
}

/* Blog Highlight */
.blog-highlight[b-3fm2nu5sit] {
    display: flex;
    gap: 20px;
    padding: 30px;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-radius: 12px;
    margin: 40px 0;
    border-left: 4px solid #f59e0b;
}

.blog-highlight i[b-3fm2nu5sit] {
    font-size: 2rem;
    color: #f59e0b;
    flex-shrink: 0;
}

.blog-highlight h4[b-3fm2nu5sit] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 10px;
}

.blog-highlight p[b-3fm2nu5sit] {
    margin: 0;
    color: #78350f;
}

/* Blog Tags */
.blog-tags[b-3fm2nu5sit] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 40px 0;
    padding-top: 30px;
    border-top: 1px solid var(--border-color);
}

.blog-tags .tag[b-3fm2nu5sit] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.blog-tags .tag:hover[b-3fm2nu5sit] {
    background: var(--primary-color);
    color: var(--white);
}

.blog-tags .tag i[b-3fm2nu5sit] {
    font-size: 0.75rem;
}

/* Blog Share */
.blog-share[b-3fm2nu5sit] {
    padding: 30px 0;
    border-top: 1px solid var(--border-color);
}

.blog-share h4[b-3fm2nu5sit] {
    font-size: 1.125rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.share-buttons[b-3fm2nu5sit] {
    display: flex;
    gap: 12px;
}

.share-btn[b-3fm2nu5sit] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    transition: all 0.3s ease;
    font-size: 1.125rem;
}

.share-btn:hover[b-3fm2nu5sit] {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.share-btn.facebook[b-3fm2nu5sit] {
    background: #1877f2;
}

.share-btn.twitter[b-3fm2nu5sit] {
    background: #1da1f2;
}

.share-btn.linkedin[b-3fm2nu5sit] {
    background: #0077b5;
}

.share-btn.whatsapp[b-3fm2nu5sit] {
    background: #25d366;
}

/* More Posts Section */
.more-posts-section[b-3fm2nu5sit] {
    margin-top: 60px;
}

.section-title[b-3fm2nu5sit] {
    font-size: 2rem;
    color: var(--dark-color);
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid var(--primary-color);
    display: inline-block;
}

.blog-posts-grid[b-3fm2nu5sit] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
}

.blog-post-card[b-3fm2nu5sit] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.blog-post-card:hover[b-3fm2nu5sit] {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.blog-post-image[b-3fm2nu5sit] {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.blog-post-image img[b-3fm2nu5sit] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.blog-post-card:hover .blog-post-image img[b-3fm2nu5sit] {
    transform: scale(1.1);
}

.blog-post-content[b-3fm2nu5sit] {
    padding: 25px;
}

.blog-post-content h3[b-3fm2nu5sit] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 12px;
    line-height: 1.4;
}

.blog-post-content p[b-3fm2nu5sit] {
    font-size: 0.95rem;
    color: var(--text-color);
    margin-bottom: 15px;
    line-height: 1.6;
}

.read-more-btn[b-3fm2nu5sit] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.95rem;
    transition: gap 0.3s ease;
}

.read-more-btn:hover[b-3fm2nu5sit] {
    gap: 12px;
}

/* Sidebar */
.blog-sidebar[b-3fm2nu5sit] {
    position: sticky;
    top: 100px;
    height: fit-content;
}

.sidebar-widget[b-3fm2nu5sit] {
    background: var(--white);
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.sidebar-widget h3[b-3fm2nu5sit] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--border-color);
}

/* Search Widget */
.search-form[b-3fm2nu5sit] {
    position: relative;
    display: flex;
}

.search-form input[b-3fm2nu5sit] {
    width: 100%;
    padding: 12px 50px 12px 15px;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    font-size: 0.95rem;
    transition: border-color 0.3s ease;
}

.search-form input:focus[b-3fm2nu5sit] {
    outline: none;
    border-color: var(--primary-color);
}

.search-form button[b-3fm2nu5sit] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

.search-form button:hover[b-3fm2nu5sit] {
    background: #1e3a8a;
}

/* Categories Widget */
.categories-list[b-3fm2nu5sit] {
    list-style: none;
}

.categories-list li[b-3fm2nu5sit] {
    margin-bottom: 12px;
}

.categories-list a[b-3fm2nu5sit] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    background: #f9fafb;
    border-radius: 8px;
    color: var(--text-color);
    transition: all 0.3s ease;
}

.categories-list a:hover[b-3fm2nu5sit] {
    background: var(--primary-color);
    color: var(--white);
    transform: translateX(5px);
}

.categories-list i[b-3fm2nu5sit] {
    margin-right: 10px;
    color: var(--primary-color);
    transition: color 0.3s ease;
}

.categories-list a:hover i[b-3fm2nu5sit] {
    color: var(--white);
}

.categories-list span[b-3fm2nu5sit] {
    font-size: 0.875rem;
    opacity: 0.8;
}

/* Recent Posts Widget */
.recent-posts-list[b-3fm2nu5sit] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.recent-post-item[b-3fm2nu5sit] {
    display: flex;
    gap: 15px;
    padding: 12px;
    border-radius: 8px;
    transition: background 0.3s ease;
}

.recent-post-item:hover[b-3fm2nu5sit] {
    background: #f9fafb;
}

.recent-post-item img[b-3fm2nu5sit] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.recent-post-info h4[b-3fm2nu5sit] {
    font-size: 0.95rem;
    color: var(--dark-color);
    margin-bottom: 6px;
    line-height: 1.4;
}

.post-date[b-3fm2nu5sit] {
    font-size: 0.8rem;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Tags Widget */
.tags-cloud[b-3fm2nu5sit] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag-item[b-3fm2nu5sit] {
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.tag-item:hover[b-3fm2nu5sit] {
    background: var(--primary-color);
    color: var(--white);
}

/* CTA Widget */
.cta-widget[b-3fm2nu5sit] {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    color: var(--white);
}

.cta-widget h3[b-3fm2nu5sit] {
    color: var(--white);
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.cta-content[b-3fm2nu5sit] {
    text-align: center;
}

.cta-content i[b-3fm2nu5sit] {
    font-size: 3rem;
    margin-bottom: 15px;
    opacity: 0.9;
}

.cta-content p[b-3fm2nu5sit] {
    margin-bottom: 20px;
    opacity: 0.95;
}

.cta-btn[b-3fm2nu5sit] {
    display: inline-block;
    padding: 12px 30px;
    background: var(--white);
    color: var(--primary-color);
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.cta-btn:hover[b-3fm2nu5sit] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .blog-layout[b-3fm2nu5sit] {
        grid-template-columns: 1fr;
    }

    .blog-sidebar[b-3fm2nu5sit] {
        position: static;
    }

    .sidebar-widget[b-3fm2nu5sit] {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .page-hero[b-3fm2nu5sit] {
        height: 220px;
        padding-bottom: 30px;
    }

    .page-hero-content h1[b-3fm2nu5sit] {
        font-size: 2rem;
    }

    .page-hero-content p[b-3fm2nu5sit] {
        font-size: 1rem;
    }

    .blog-main-section[b-3fm2nu5sit] {
        padding: 40px 0;
    }

    .featured-blog-image[b-3fm2nu5sit] {
        height: 300px;
    }

    .featured-blog-content[b-3fm2nu5sit] {
        padding: 25px;
    }

    .featured-blog-content h2[b-3fm2nu5sit] {
        font-size: 1.75rem;
    }

    .featured-blog-content h3[b-3fm2nu5sit] {
        font-size: 1.5rem;
    }

    .blog-posts-grid[b-3fm2nu5sit] {
        grid-template-columns: 1fr;
    }

    .blog-meta[b-3fm2nu5sit] {
        gap: 15px;
    }

    .step-item[b-3fm2nu5sit] {
        flex-direction: column;
        align-items: flex-start;
    }

    .blog-sectors[b-3fm2nu5sit] {
        gap: 8px;
    }

    .sector-tag[b-3fm2nu5sit] {
        font-size: 0.8rem;
        padding: 8px 15px;
    }

    .blog-highlight[b-3fm2nu5sit] {
        flex-direction: column;
    }

    .share-buttons[b-3fm2nu5sit] {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .page-hero-content h1[b-3fm2nu5sit] {
        font-size: 1.5rem;
    }

    .featured-blog-content h2[b-3fm2nu5sit] {
        font-size: 1.5rem;
    }

    .featured-blog-content[b-3fm2nu5sit] {
        padding: 20px;
    }

    .sidebar-widget[b-3fm2nu5sit] {
        padding: 20px;
    }

    .blog-meta[b-3fm2nu5sit] {
        font-size: 0.8rem;
        gap: 10px;
    }
}

/* _content/OzturkIzolasyon/Views/Home/IsiTasarrufuBoruIzolasyonBlog.cshtml.rz.scp.css */
/* ==========================================
   Blog Page Styles
   ========================================== */

/* Page Hero Section */
.page-hero[b-4rytby3mtm] {
    position: relative;
    height: 280px;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    padding-bottom: 40px;
}

.page-hero[b-4rytby3mtm]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.page-hero-overlay[b-4rytby3mtm] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
}

.page-hero-content[b-4rytby3mtm] {
    position: relative;
    z-index: 1;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-4rytby3mtm] {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.page-hero-content p[b-4rytby3mtm] {
    font-size: 1.25rem;
    margin-bottom: 2rem;
    opacity: 0.95;
}

.breadcrumb[b-4rytby3mtm] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    opacity: 0.9;
}

.breadcrumb a[b-4rytby3mtm] {
    color: var(--white);
    transition: opacity 0.3s ease;
}

.breadcrumb a:hover[b-4rytby3mtm] {
    opacity: 0.8;
}

.breadcrumb i[b-4rytby3mtm] {
    font-size: 0.75rem;
}

/* Blog Main Section */
.blog-main-section[b-4rytby3mtm] {
    padding: 80px 0;
    background-color: #f9fafb;
}

.blog-layout[b-4rytby3mtm] {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 40px;
}

/* Blog Content */
.blog-content[b-4rytby3mtm] {
    background: var(--white);
}

/* Featured Blog Post */
.featured-blog-post[b-4rytby3mtm] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    margin-bottom: 60px;
}

.featured-blog-image[b-4rytby3mtm] {
    position: relative;
    height: 500px;
    overflow: hidden;
}

.featured-blog-image img[b-4rytby3mtm] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.featured-blog-post:hover .featured-blog-image img[b-4rytby3mtm] {
    transform: scale(1.05);
}

.blog-category[b-4rytby3mtm] {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--primary-color);
    color: var(--white);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    z-index: 2;
}

.featured-blog-content[b-4rytby3mtm] {
    padding: 40px;
}

.blog-meta[b-4rytby3mtm] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    font-size: 0.875rem;
    color: #6b7280;
    flex-wrap: wrap;
}

.blog-meta span[b-4rytby3mtm] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.blog-meta i[b-4rytby3mtm] {
    color: var(--primary-color);
}

.featured-blog-content h2[b-4rytby3mtm] {
    font-size: 2.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    line-height: 1.3;
}

.blog-excerpt[b-4rytby3mtm] {
    font-size: 1.125rem;
    color: #4b5563;
    margin-bottom: 20px;
    line-height: 1.8;
    font-weight: 500;
}

.featured-blog-content p[b-4rytby3mtm] {
    font-size: 1rem;
    color: var(--text-color);
    margin-bottom: 20px;
    line-height: 1.8;
}

.featured-blog-content h3[b-4rytby3mtm] {
    font-size: 1.75rem;
    color: var(--dark-color);
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 600;
}

/* Blog List */
.blog-list[b-4rytby3mtm] {
    list-style: none;
    margin: 30px 0;
}

.blog-list li[b-4rytby3mtm] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-color);
}

.blog-list i[b-4rytby3mtm] {
    color: #10b981;
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.blog-list strong[b-4rytby3mtm] {
    color: var(--dark-color);
}

/* Blog Steps */
.blog-steps[b-4rytby3mtm] {
    margin: 30px 0;
}

.step-item[b-4rytby3mtm] {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    padding: 25px;
    background: #f9fafb;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.step-number[b-4rytby3mtm] {
    width: 50px;
    height: 50px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    flex-shrink: 0;
}

.step-content h4[b-4rytby3mtm] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 8px;
}

.step-content p[b-4rytby3mtm] {
    margin: 0;
    color: var(--text-color);
}

/* Blog Sectors */
.blog-sectors[b-4rytby3mtm] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 30px 0;
}

.sector-tag[b-4rytby3mtm] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid rgba(30, 64, 175, 0.2);
}

.sector-tag i[b-4rytby3mtm] {
    font-size: 1rem;
}

/* Blog Highlight */
.blog-highlight[b-4rytby3mtm] {
    display: flex;
    gap: 20px;
    padding: 30px;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-radius: 12px;
    margin: 40px 0;
    border-left: 4px solid #f59e0b;
}

.blog-highlight i[b-4rytby3mtm] {
    font-size: 2rem;
    color: #f59e0b;
    flex-shrink: 0;
}

.blog-highlight h4[b-4rytby3mtm] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 10px;
}

.blog-highlight p[b-4rytby3mtm] {
    margin: 0;
    color: #78350f;
}

/* Blog Tags */
.blog-tags[b-4rytby3mtm] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 40px 0;
    padding-top: 30px;
    border-top: 1px solid var(--border-color);
}

.blog-tags .tag[b-4rytby3mtm] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.blog-tags .tag:hover[b-4rytby3mtm] {
    background: var(--primary-color);
    color: var(--white);
}

.blog-tags .tag i[b-4rytby3mtm] {
    font-size: 0.75rem;
}

/* Blog Share */
.blog-share[b-4rytby3mtm] {
    padding: 30px 0;
    border-top: 1px solid var(--border-color);
}

.blog-share h4[b-4rytby3mtm] {
    font-size: 1.125rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.share-buttons[b-4rytby3mtm] {
    display: flex;
    gap: 12px;
}

.share-btn[b-4rytby3mtm] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    transition: all 0.3s ease;
    font-size: 1.125rem;
}

.share-btn:hover[b-4rytby3mtm] {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.share-btn.facebook[b-4rytby3mtm] {
    background: #1877f2;
}

.share-btn.twitter[b-4rytby3mtm] {
    background: #1da1f2;
}

.share-btn.linkedin[b-4rytby3mtm] {
    background: #0077b5;
}

.share-btn.whatsapp[b-4rytby3mtm] {
    background: #25d366;
}

/* More Posts Section */
.more-posts-section[b-4rytby3mtm] {
    margin-top: 60px;
}

.section-title[b-4rytby3mtm] {
    font-size: 2rem;
    color: var(--dark-color);
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid var(--primary-color);
    display: inline-block;
}

.blog-posts-grid[b-4rytby3mtm] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
}

.blog-post-card[b-4rytby3mtm] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.blog-post-card:hover[b-4rytby3mtm] {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.blog-post-image[b-4rytby3mtm] {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.blog-post-image img[b-4rytby3mtm] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.blog-post-card:hover .blog-post-image img[b-4rytby3mtm] {
    transform: scale(1.1);
}

.blog-post-content[b-4rytby3mtm] {
    padding: 25px;
}

.blog-post-content h3[b-4rytby3mtm] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 12px;
    line-height: 1.4;
}

.blog-post-content p[b-4rytby3mtm] {
    font-size: 0.95rem;
    color: var(--text-color);
    margin-bottom: 15px;
    line-height: 1.6;
}

.read-more-btn[b-4rytby3mtm] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.95rem;
    transition: gap 0.3s ease;
}

.read-more-btn:hover[b-4rytby3mtm] {
    gap: 12px;
}

/* Sidebar */
.blog-sidebar[b-4rytby3mtm] {
    position: sticky;
    top: 100px;
    height: fit-content;
}

.sidebar-widget[b-4rytby3mtm] {
    background: var(--white);
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.sidebar-widget h3[b-4rytby3mtm] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--border-color);
}

/* Search Widget */
.search-form[b-4rytby3mtm] {
    position: relative;
    display: flex;
}

.search-form input[b-4rytby3mtm] {
    width: 100%;
    padding: 12px 50px 12px 15px;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    font-size: 0.95rem;
    transition: border-color 0.3s ease;
}

.search-form input:focus[b-4rytby3mtm] {
    outline: none;
    border-color: var(--primary-color);
}

.search-form button[b-4rytby3mtm] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

.search-form button:hover[b-4rytby3mtm] {
    background: #1e3a8a;
}

/* Categories Widget */
.categories-list[b-4rytby3mtm] {
    list-style: none;
}

.categories-list li[b-4rytby3mtm] {
    margin-bottom: 12px;
}

.categories-list a[b-4rytby3mtm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    background: #f9fafb;
    border-radius: 8px;
    color: var(--text-color);
    transition: all 0.3s ease;
}

.categories-list a:hover[b-4rytby3mtm] {
    background: var(--primary-color);
    color: var(--white);
    transform: translateX(5px);
}

.categories-list i[b-4rytby3mtm] {
    margin-right: 10px;
    color: var(--primary-color);
    transition: color 0.3s ease;
}

.categories-list a:hover i[b-4rytby3mtm] {
    color: var(--white);
}

.categories-list span[b-4rytby3mtm] {
    font-size: 0.875rem;
    opacity: 0.8;
}

/* Recent Posts Widget */
.recent-posts-list[b-4rytby3mtm] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.recent-post-item[b-4rytby3mtm] {
    display: flex;
    gap: 15px;
    padding: 12px;
    border-radius: 8px;
    transition: background 0.3s ease;
}

.recent-post-item:hover[b-4rytby3mtm] {
    background: #f9fafb;
}

.recent-post-item img[b-4rytby3mtm] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.recent-post-info h4[b-4rytby3mtm] {
    font-size: 0.95rem;
    color: var(--dark-color);
    margin-bottom: 6px;
    line-height: 1.4;
}

.post-date[b-4rytby3mtm] {
    font-size: 0.8rem;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Tags Widget */
.tags-cloud[b-4rytby3mtm] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag-item[b-4rytby3mtm] {
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.tag-item:hover[b-4rytby3mtm] {
    background: var(--primary-color);
    color: var(--white);
}

/* CTA Widget */
.cta-widget[b-4rytby3mtm] {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    color: var(--white);
}

.cta-widget h3[b-4rytby3mtm] {
    color: var(--white);
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.cta-content[b-4rytby3mtm] {
    text-align: center;
}

.cta-content i[b-4rytby3mtm] {
    font-size: 3rem;
    margin-bottom: 15px;
    opacity: 0.9;
}

.cta-content p[b-4rytby3mtm] {
    margin-bottom: 20px;
    opacity: 0.95;
}

.cta-btn[b-4rytby3mtm] {
    display: inline-block;
    padding: 12px 30px;
    background: var(--white);
    color: var(--primary-color);
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.cta-btn:hover[b-4rytby3mtm] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .blog-layout[b-4rytby3mtm] {
        grid-template-columns: 1fr;
    }

    .blog-sidebar[b-4rytby3mtm] {
        position: static;
    }

    .sidebar-widget[b-4rytby3mtm] {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .page-hero[b-4rytby3mtm] {
        height: 220px;
        padding-bottom: 30px;
    }

    .page-hero-content h1[b-4rytby3mtm] {
        font-size: 2rem;
    }

    .page-hero-content p[b-4rytby3mtm] {
        font-size: 1rem;
    }

    .blog-main-section[b-4rytby3mtm] {
        padding: 40px 0;
    }

    .featured-blog-image[b-4rytby3mtm] {
        height: 300px;
    }

    .featured-blog-content[b-4rytby3mtm] {
        padding: 25px;
    }

    .featured-blog-content h2[b-4rytby3mtm] {
        font-size: 1.75rem;
    }

    .featured-blog-content h3[b-4rytby3mtm] {
        font-size: 1.5rem;
    }

    .blog-posts-grid[b-4rytby3mtm] {
        grid-template-columns: 1fr;
    }

    .blog-meta[b-4rytby3mtm] {
        gap: 15px;
    }

    .step-item[b-4rytby3mtm] {
        flex-direction: column;
        align-items: flex-start;
    }

    .blog-sectors[b-4rytby3mtm] {
        gap: 8px;
    }

    .sector-tag[b-4rytby3mtm] {
        font-size: 0.8rem;
        padding: 8px 15px;
    }

    .blog-highlight[b-4rytby3mtm] {
        flex-direction: column;
    }

    .share-buttons[b-4rytby3mtm] {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .page-hero-content h1[b-4rytby3mtm] {
        font-size: 1.5rem;
    }

    .featured-blog-content h2[b-4rytby3mtm] {
        font-size: 1.5rem;
    }

    .featured-blog-content[b-4rytby3mtm] {
        padding: 20px;
    }

    .sidebar-widget[b-4rytby3mtm] {
        padding: 20px;
    }

    .blog-meta[b-4rytby3mtm] {
        font-size: 0.8rem;
        gap: 10px;
    }
}

/* _content/OzturkIzolasyon/Views/Home/IstanbulIzolasyonBlog.cshtml.rz.scp.css */
/* ==========================================
   Blog Page Styles
   ========================================== */

/* Page Hero Section */
.page-hero[b-h6mr8e085b] {
    position: relative;
    height: 280px;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    padding-bottom: 40px;
}

.page-hero[b-h6mr8e085b]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.page-hero-overlay[b-h6mr8e085b] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
}

.page-hero-content[b-h6mr8e085b] {
    position: relative;
    z-index: 1;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-h6mr8e085b] {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.page-hero-content p[b-h6mr8e085b] {
    font-size: 1.25rem;
    margin-bottom: 2rem;
    opacity: 0.95;
}

.breadcrumb[b-h6mr8e085b] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    opacity: 0.9;
}

.breadcrumb a[b-h6mr8e085b] {
    color: var(--white);
    transition: opacity 0.3s ease;
}

.breadcrumb a:hover[b-h6mr8e085b] {
    opacity: 0.8;
}

.breadcrumb i[b-h6mr8e085b] {
    font-size: 0.75rem;
}

/* Blog Main Section */
.blog-main-section[b-h6mr8e085b] {
    padding: 80px 0;
    background-color: #f9fafb;
}

.blog-layout[b-h6mr8e085b] {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 40px;
}

/* Blog Content */
.blog-content[b-h6mr8e085b] {
    background: var(--white);
}

/* Featured Blog Post */
.featured-blog-post[b-h6mr8e085b] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    margin-bottom: 60px;
}

.featured-blog-image[b-h6mr8e085b] {
    position: relative;
    height: 500px;
    overflow: hidden;
}

.featured-blog-image img[b-h6mr8e085b] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.featured-blog-post:hover .featured-blog-image img[b-h6mr8e085b] {
    transform: scale(1.05);
}

.blog-category[b-h6mr8e085b] {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--primary-color);
    color: var(--white);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    z-index: 2;
}

.featured-blog-content[b-h6mr8e085b] {
    padding: 40px;
}

.blog-meta[b-h6mr8e085b] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    font-size: 0.875rem;
    color: #6b7280;
    flex-wrap: wrap;
}

.blog-meta span[b-h6mr8e085b] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.blog-meta i[b-h6mr8e085b] {
    color: var(--primary-color);
}

.featured-blog-content h2[b-h6mr8e085b] {
    font-size: 2.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    line-height: 1.3;
}

.blog-excerpt[b-h6mr8e085b] {
    font-size: 1.125rem;
    color: #4b5563;
    margin-bottom: 20px;
    line-height: 1.8;
    font-weight: 500;
}

.featured-blog-content p[b-h6mr8e085b] {
    font-size: 1rem;
    color: var(--text-color);
    margin-bottom: 20px;
    line-height: 1.8;
}

.featured-blog-content h3[b-h6mr8e085b] {
    font-size: 1.75rem;
    color: var(--dark-color);
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 600;
}

/* Blog List */
.blog-list[b-h6mr8e085b] {
    list-style: none;
    margin: 30px 0;
}

.blog-list li[b-h6mr8e085b] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-color);
}

.blog-list i[b-h6mr8e085b] {
    color: #10b981;
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.blog-list strong[b-h6mr8e085b] {
    color: var(--dark-color);
}

/* Blog Steps */
.blog-steps[b-h6mr8e085b] {
    margin: 30px 0;
}

.step-item[b-h6mr8e085b] {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    padding: 25px;
    background: #f9fafb;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.step-number[b-h6mr8e085b] {
    width: 50px;
    height: 50px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    flex-shrink: 0;
}

.step-content h4[b-h6mr8e085b] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 8px;
}

.step-content p[b-h6mr8e085b] {
    margin: 0;
    color: var(--text-color);
}

/* Blog Sectors */
.blog-sectors[b-h6mr8e085b] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 30px 0;
}

.sector-tag[b-h6mr8e085b] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid rgba(30, 64, 175, 0.2);
}

.sector-tag i[b-h6mr8e085b] {
    font-size: 1rem;
}

/* Blog Highlight */
.blog-highlight[b-h6mr8e085b] {
    display: flex;
    gap: 20px;
    padding: 30px;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-radius: 12px;
    margin: 40px 0;
    border-left: 4px solid #f59e0b;
}

.blog-highlight i[b-h6mr8e085b] {
    font-size: 2rem;
    color: #f59e0b;
    flex-shrink: 0;
}

.blog-highlight h4[b-h6mr8e085b] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 10px;
}

.blog-highlight p[b-h6mr8e085b] {
    margin: 0;
    color: #78350f;
}

/* Blog Tags */
.blog-tags[b-h6mr8e085b] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 40px 0;
    padding-top: 30px;
    border-top: 1px solid var(--border-color);
}

.blog-tags .tag[b-h6mr8e085b] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.blog-tags .tag:hover[b-h6mr8e085b] {
    background: var(--primary-color);
    color: var(--white);
}

.blog-tags .tag i[b-h6mr8e085b] {
    font-size: 0.75rem;
}

/* Blog Share */
.blog-share[b-h6mr8e085b] {
    padding: 30px 0;
    border-top: 1px solid var(--border-color);
}

.blog-share h4[b-h6mr8e085b] {
    font-size: 1.125rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.share-buttons[b-h6mr8e085b] {
    display: flex;
    gap: 12px;
}

.share-btn[b-h6mr8e085b] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    transition: all 0.3s ease;
    font-size: 1.125rem;
}

.share-btn:hover[b-h6mr8e085b] {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.share-btn.facebook[b-h6mr8e085b] {
    background: #1877f2;
}

.share-btn.twitter[b-h6mr8e085b] {
    background: #1da1f2;
}

.share-btn.linkedin[b-h6mr8e085b] {
    background: #0077b5;
}

.share-btn.whatsapp[b-h6mr8e085b] {
    background: #25d366;
}

/* More Posts Section */
.more-posts-section[b-h6mr8e085b] {
    margin-top: 60px;
}

.section-title[b-h6mr8e085b] {
    font-size: 2rem;
    color: var(--dark-color);
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid var(--primary-color);
    display: inline-block;
}

.blog-posts-grid[b-h6mr8e085b] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
}

.blog-post-card[b-h6mr8e085b] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.blog-post-card:hover[b-h6mr8e085b] {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.blog-post-image[b-h6mr8e085b] {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.blog-post-image img[b-h6mr8e085b] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.blog-post-card:hover .blog-post-image img[b-h6mr8e085b] {
    transform: scale(1.1);
}

.blog-post-content[b-h6mr8e085b] {
    padding: 25px;
}

.blog-post-content h3[b-h6mr8e085b] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 12px;
    line-height: 1.4;
}

.blog-post-content p[b-h6mr8e085b] {
    font-size: 0.95rem;
    color: var(--text-color);
    margin-bottom: 15px;
    line-height: 1.6;
}

.read-more-btn[b-h6mr8e085b] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.95rem;
    transition: gap 0.3s ease;
}

.read-more-btn:hover[b-h6mr8e085b] {
    gap: 12px;
}

/* Sidebar */
.blog-sidebar[b-h6mr8e085b] {
    position: sticky;
    top: 100px;
    height: fit-content;
}

.sidebar-widget[b-h6mr8e085b] {
    background: var(--white);
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.sidebar-widget h3[b-h6mr8e085b] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--border-color);
}

/* Search Widget */
.search-form[b-h6mr8e085b] {
    position: relative;
    display: flex;
}

.search-form input[b-h6mr8e085b] {
    width: 100%;
    padding: 12px 50px 12px 15px;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    font-size: 0.95rem;
    transition: border-color 0.3s ease;
}

.search-form input:focus[b-h6mr8e085b] {
    outline: none;
    border-color: var(--primary-color);
}

.search-form button[b-h6mr8e085b] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

.search-form button:hover[b-h6mr8e085b] {
    background: #1e3a8a;
}

/* Categories Widget */
.categories-list[b-h6mr8e085b] {
    list-style: none;
}

.categories-list li[b-h6mr8e085b] {
    margin-bottom: 12px;
}

.categories-list a[b-h6mr8e085b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    background: #f9fafb;
    border-radius: 8px;
    color: var(--text-color);
    transition: all 0.3s ease;
}

.categories-list a:hover[b-h6mr8e085b] {
    background: var(--primary-color);
    color: var(--white);
    transform: translateX(5px);
}

.categories-list i[b-h6mr8e085b] {
    margin-right: 10px;
    color: var(--primary-color);
    transition: color 0.3s ease;
}

.categories-list a:hover i[b-h6mr8e085b] {
    color: var(--white);
}

.categories-list span[b-h6mr8e085b] {
    font-size: 0.875rem;
    opacity: 0.8;
}

/* Recent Posts Widget */
.recent-posts-list[b-h6mr8e085b] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.recent-post-item[b-h6mr8e085b] {
    display: flex;
    gap: 15px;
    padding: 12px;
    border-radius: 8px;
    transition: background 0.3s ease;
}

.recent-post-item:hover[b-h6mr8e085b] {
    background: #f9fafb;
}

.recent-post-item img[b-h6mr8e085b] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.recent-post-info h4[b-h6mr8e085b] {
    font-size: 0.95rem;
    color: var(--dark-color);
    margin-bottom: 6px;
    line-height: 1.4;
}

.post-date[b-h6mr8e085b] {
    font-size: 0.8rem;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Tags Widget */
.tags-cloud[b-h6mr8e085b] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag-item[b-h6mr8e085b] {
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.tag-item:hover[b-h6mr8e085b] {
    background: var(--primary-color);
    color: var(--white);
}

/* CTA Widget */
.cta-widget[b-h6mr8e085b] {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    color: var(--white);
}

.cta-widget h3[b-h6mr8e085b] {
    color: var(--white);
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.cta-content[b-h6mr8e085b] {
    text-align: center;
}

.cta-content i[b-h6mr8e085b] {
    font-size: 3rem;
    margin-bottom: 15px;
    opacity: 0.9;
}

.cta-content p[b-h6mr8e085b] {
    margin-bottom: 20px;
    opacity: 0.95;
}

.cta-btn[b-h6mr8e085b] {
    display: inline-block;
    padding: 12px 30px;
    background: var(--white);
    color: var(--primary-color);
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.cta-btn:hover[b-h6mr8e085b] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .blog-layout[b-h6mr8e085b] {
        grid-template-columns: 1fr;
    }

    .blog-sidebar[b-h6mr8e085b] {
        position: static;
    }

    .sidebar-widget[b-h6mr8e085b] {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .page-hero[b-h6mr8e085b] {
        height: 220px;
        padding-bottom: 30px;
    }

    .page-hero-content h1[b-h6mr8e085b] {
        font-size: 2rem;
    }

    .page-hero-content p[b-h6mr8e085b] {
        font-size: 1rem;
    }

    .blog-main-section[b-h6mr8e085b] {
        padding: 40px 0;
    }

    .featured-blog-image[b-h6mr8e085b] {
        height: 300px;
    }

    .featured-blog-content[b-h6mr8e085b] {
        padding: 25px;
    }

    .featured-blog-content h2[b-h6mr8e085b] {
        font-size: 1.75rem;
    }

    .featured-blog-content h3[b-h6mr8e085b] {
        font-size: 1.5rem;
    }

    .blog-posts-grid[b-h6mr8e085b] {
        grid-template-columns: 1fr;
    }

    .blog-meta[b-h6mr8e085b] {
        gap: 15px;
    }

    .step-item[b-h6mr8e085b] {
        flex-direction: column;
        align-items: flex-start;
    }

    .blog-sectors[b-h6mr8e085b] {
        gap: 8px;
    }

    .sector-tag[b-h6mr8e085b] {
        font-size: 0.8rem;
        padding: 8px 15px;
    }

    .blog-highlight[b-h6mr8e085b] {
        flex-direction: column;
    }

    .share-buttons[b-h6mr8e085b] {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .page-hero-content h1[b-h6mr8e085b] {
        font-size: 1.5rem;
    }

    .featured-blog-content h2[b-h6mr8e085b] {
        font-size: 1.5rem;
    }

    .featured-blog-content[b-h6mr8e085b] {
        padding: 20px;
    }

    .sidebar-widget[b-h6mr8e085b] {
        padding: 20px;
    }

    .blog-meta[b-h6mr8e085b] {
        font-size: 0.8rem;
        gap: 10px;
    }
}

/* _content/OzturkIzolasyon/Views/Home/IzolasyonFirmalariBlog.cshtml.rz.scp.css */
/* ==========================================
   Blog Page Styles
   ========================================== */

/* Page Hero Section */
.page-hero[b-8akke3ac64] {
    position: relative;
    height: 280px;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    padding-bottom: 40px;
}

.page-hero[b-8akke3ac64]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.page-hero-overlay[b-8akke3ac64] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
}

.page-hero-content[b-8akke3ac64] {
    position: relative;
    z-index: 1;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-8akke3ac64] {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.page-hero-content p[b-8akke3ac64] {
    font-size: 1.25rem;
    margin-bottom: 2rem;
    opacity: 0.95;
}

.breadcrumb[b-8akke3ac64] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    opacity: 0.9;
}

.breadcrumb a[b-8akke3ac64] {
    color: var(--white);
    transition: opacity 0.3s ease;
}

.breadcrumb a:hover[b-8akke3ac64] {
    opacity: 0.8;
}

.breadcrumb i[b-8akke3ac64] {
    font-size: 0.75rem;
}

/* Blog Main Section */
.blog-main-section[b-8akke3ac64] {
    padding: 80px 0;
    background-color: #f9fafb;
}

.blog-layout[b-8akke3ac64] {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 40px;
}

/* Blog Content */
.blog-content[b-8akke3ac64] {
    background: var(--white);
}

/* Featured Blog Post */
.featured-blog-post[b-8akke3ac64] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    margin-bottom: 60px;
}

.featured-blog-image[b-8akke3ac64] {
    position: relative;
    height: 500px;
    overflow: hidden;
}

.featured-blog-image img[b-8akke3ac64] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.featured-blog-post:hover .featured-blog-image img[b-8akke3ac64] {
    transform: scale(1.05);
}

.blog-category[b-8akke3ac64] {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--primary-color);
    color: var(--white);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    z-index: 2;
}

.featured-blog-content[b-8akke3ac64] {
    padding: 40px;
}

.blog-meta[b-8akke3ac64] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    font-size: 0.875rem;
    color: #6b7280;
    flex-wrap: wrap;
}

.blog-meta span[b-8akke3ac64] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.blog-meta i[b-8akke3ac64] {
    color: var(--primary-color);
}

.featured-blog-content h2[b-8akke3ac64] {
    font-size: 2.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    line-height: 1.3;
}

.blog-excerpt[b-8akke3ac64] {
    font-size: 1.125rem;
    color: #4b5563;
    margin-bottom: 20px;
    line-height: 1.8;
    font-weight: 500;
}

.featured-blog-content p[b-8akke3ac64] {
    font-size: 1rem;
    color: var(--text-color);
    margin-bottom: 20px;
    line-height: 1.8;
}

.featured-blog-content h3[b-8akke3ac64] {
    font-size: 1.75rem;
    color: var(--dark-color);
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 600;
}

/* Blog List */
.blog-list[b-8akke3ac64] {
    list-style: none;
    margin: 30px 0;
}

.blog-list li[b-8akke3ac64] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-color);
}

.blog-list i[b-8akke3ac64] {
    color: #10b981;
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.blog-list strong[b-8akke3ac64] {
    color: var(--dark-color);
}

/* Blog Steps */
.blog-steps[b-8akke3ac64] {
    margin: 30px 0;
}

.step-item[b-8akke3ac64] {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    padding: 25px;
    background: #f9fafb;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.step-number[b-8akke3ac64] {
    width: 50px;
    height: 50px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    flex-shrink: 0;
}

.step-content h4[b-8akke3ac64] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 8px;
}

.step-content p[b-8akke3ac64] {
    margin: 0;
    color: var(--text-color);
}

/* Blog Sectors */
.blog-sectors[b-8akke3ac64] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 30px 0;
}

.sector-tag[b-8akke3ac64] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid rgba(30, 64, 175, 0.2);
}

.sector-tag i[b-8akke3ac64] {
    font-size: 1rem;
}

/* Blog Highlight */
.blog-highlight[b-8akke3ac64] {
    display: flex;
    gap: 20px;
    padding: 30px;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-radius: 12px;
    margin: 40px 0;
    border-left: 4px solid #f59e0b;
}

.blog-highlight i[b-8akke3ac64] {
    font-size: 2rem;
    color: #f59e0b;
    flex-shrink: 0;
}

.blog-highlight h4[b-8akke3ac64] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 10px;
}

.blog-highlight p[b-8akke3ac64] {
    margin: 0;
    color: #78350f;
}

/* Blog Tags */
.blog-tags[b-8akke3ac64] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 40px 0;
    padding-top: 30px;
    border-top: 1px solid var(--border-color);
}

.blog-tags .tag[b-8akke3ac64] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.blog-tags .tag:hover[b-8akke3ac64] {
    background: var(--primary-color);
    color: var(--white);
}

.blog-tags .tag i[b-8akke3ac64] {
    font-size: 0.75rem;
}

/* Blog Share */
.blog-share[b-8akke3ac64] {
    padding: 30px 0;
    border-top: 1px solid var(--border-color);
}

.blog-share h4[b-8akke3ac64] {
    font-size: 1.125rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.share-buttons[b-8akke3ac64] {
    display: flex;
    gap: 12px;
}

.share-btn[b-8akke3ac64] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    transition: all 0.3s ease;
    font-size: 1.125rem;
}

.share-btn:hover[b-8akke3ac64] {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.share-btn.facebook[b-8akke3ac64] {
    background: #1877f2;
}

.share-btn.twitter[b-8akke3ac64] {
    background: #1da1f2;
}

.share-btn.linkedin[b-8akke3ac64] {
    background: #0077b5;
}

.share-btn.whatsapp[b-8akke3ac64] {
    background: #25d366;
}

/* More Posts Section */
.more-posts-section[b-8akke3ac64] {
    margin-top: 60px;
}

.section-title[b-8akke3ac64] {
    font-size: 2rem;
    color: var(--dark-color);
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid var(--primary-color);
    display: inline-block;
}

.blog-posts-grid[b-8akke3ac64] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
}

.blog-post-card[b-8akke3ac64] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.blog-post-card:hover[b-8akke3ac64] {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.blog-post-image[b-8akke3ac64] {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.blog-post-image img[b-8akke3ac64] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.blog-post-card:hover .blog-post-image img[b-8akke3ac64] {
    transform: scale(1.1);
}

.blog-post-content[b-8akke3ac64] {
    padding: 25px;
}

.blog-post-content h3[b-8akke3ac64] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 12px;
    line-height: 1.4;
}

.blog-post-content p[b-8akke3ac64] {
    font-size: 0.95rem;
    color: var(--text-color);
    margin-bottom: 15px;
    line-height: 1.6;
}

.read-more-btn[b-8akke3ac64] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.95rem;
    transition: gap 0.3s ease;
}

.read-more-btn:hover[b-8akke3ac64] {
    gap: 12px;
}

/* Sidebar */
.blog-sidebar[b-8akke3ac64] {
    position: sticky;
    top: 100px;
    height: fit-content;
}

.sidebar-widget[b-8akke3ac64] {
    background: var(--white);
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.sidebar-widget h3[b-8akke3ac64] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--border-color);
}

/* Search Widget */
.search-form[b-8akke3ac64] {
    position: relative;
    display: flex;
}

.search-form input[b-8akke3ac64] {
    width: 100%;
    padding: 12px 50px 12px 15px;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    font-size: 0.95rem;
    transition: border-color 0.3s ease;
}

.search-form input:focus[b-8akke3ac64] {
    outline: none;
    border-color: var(--primary-color);
}

.search-form button[b-8akke3ac64] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

.search-form button:hover[b-8akke3ac64] {
    background: #1e3a8a;
}

/* Categories Widget */
.categories-list[b-8akke3ac64] {
    list-style: none;
}

.categories-list li[b-8akke3ac64] {
    margin-bottom: 12px;
}

.categories-list a[b-8akke3ac64] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    background: #f9fafb;
    border-radius: 8px;
    color: var(--text-color);
    transition: all 0.3s ease;
}

.categories-list a:hover[b-8akke3ac64] {
    background: var(--primary-color);
    color: var(--white);
    transform: translateX(5px);
}

.categories-list i[b-8akke3ac64] {
    margin-right: 10px;
    color: var(--primary-color);
    transition: color 0.3s ease;
}

.categories-list a:hover i[b-8akke3ac64] {
    color: var(--white);
}

.categories-list span[b-8akke3ac64] {
    font-size: 0.875rem;
    opacity: 0.8;
}

/* Recent Posts Widget */
.recent-posts-list[b-8akke3ac64] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.recent-post-item[b-8akke3ac64] {
    display: flex;
    gap: 15px;
    padding: 12px;
    border-radius: 8px;
    transition: background 0.3s ease;
}

.recent-post-item:hover[b-8akke3ac64] {
    background: #f9fafb;
}

.recent-post-item img[b-8akke3ac64] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.recent-post-info h4[b-8akke3ac64] {
    font-size: 0.95rem;
    color: var(--dark-color);
    margin-bottom: 6px;
    line-height: 1.4;
}

.post-date[b-8akke3ac64] {
    font-size: 0.8rem;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Tags Widget */
.tags-cloud[b-8akke3ac64] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag-item[b-8akke3ac64] {
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.tag-item:hover[b-8akke3ac64] {
    background: var(--primary-color);
    color: var(--white);
}

/* CTA Widget */
.cta-widget[b-8akke3ac64] {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    color: var(--white);
}

.cta-widget h3[b-8akke3ac64] {
    color: var(--white);
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.cta-content[b-8akke3ac64] {
    text-align: center;
}

.cta-content i[b-8akke3ac64] {
    font-size: 3rem;
    margin-bottom: 15px;
    opacity: 0.9;
}

.cta-content p[b-8akke3ac64] {
    margin-bottom: 20px;
    opacity: 0.95;
}

.cta-btn[b-8akke3ac64] {
    display: inline-block;
    padding: 12px 30px;
    background: var(--white);
    color: var(--primary-color);
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.cta-btn:hover[b-8akke3ac64] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .blog-layout[b-8akke3ac64] {
        grid-template-columns: 1fr;
    }

    .blog-sidebar[b-8akke3ac64] {
        position: static;
    }

    .sidebar-widget[b-8akke3ac64] {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .page-hero[b-8akke3ac64] {
        height: 220px;
        padding-bottom: 30px;
    }

    .page-hero-content h1[b-8akke3ac64] {
        font-size: 2rem;
    }

    .page-hero-content p[b-8akke3ac64] {
        font-size: 1rem;
    }

    .blog-main-section[b-8akke3ac64] {
        padding: 40px 0;
    }

    .featured-blog-image[b-8akke3ac64] {
        height: 300px;
    }

    .featured-blog-content[b-8akke3ac64] {
        padding: 25px;
    }

    .featured-blog-content h2[b-8akke3ac64] {
        font-size: 1.75rem;
    }

    .featured-blog-content h3[b-8akke3ac64] {
        font-size: 1.5rem;
    }

    .blog-posts-grid[b-8akke3ac64] {
        grid-template-columns: 1fr;
    }

    .blog-meta[b-8akke3ac64] {
        gap: 15px;
    }

    .step-item[b-8akke3ac64] {
        flex-direction: column;
        align-items: flex-start;
    }

    .blog-sectors[b-8akke3ac64] {
        gap: 8px;
    }

    .sector-tag[b-8akke3ac64] {
        font-size: 0.8rem;
        padding: 8px 15px;
    }

    .blog-highlight[b-8akke3ac64] {
        flex-direction: column;
    }

    .share-buttons[b-8akke3ac64] {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .page-hero-content h1[b-8akke3ac64] {
        font-size: 1.5rem;
    }

    .featured-blog-content h2[b-8akke3ac64] {
        font-size: 1.5rem;
    }

    .featured-blog-content[b-8akke3ac64] {
        padding: 20px;
    }

    .sidebar-widget[b-8akke3ac64] {
        padding: 20px;
    }

    .blog-meta[b-8akke3ac64] {
        font-size: 0.8rem;
        gap: 10px;
    }
}

/* _content/OzturkIzolasyon/Views/Home/IzolasyonluEsanjorKutusu.cshtml.rz.scp.css */
/* ==========================================
   Product Page Styles
   ========================================== */

/* Page Hero */
.page-hero[b-eqkgrs4251] {
    position: relative;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
    overflow: hidden;
}

.page-hero-bg[b-eqkgrs4251] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.page-hero[b-eqkgrs4251]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.65), rgba(59, 130, 246, 0.45));
    z-index: 1;
}

.page-hero[b-eqkgrs4251]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
    z-index: 2;
}

.page-hero-content[b-eqkgrs4251] {
    position: relative;
    z-index: 3;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-eqkgrs4251] {
    font-size: 3rem;
    font-weight: 800;
    margin-bottom: 20px;
    animation: fadeInUp-b-eqkgrs4251 0.8s ease;
}

.breadcrumb[b-eqkgrs4251] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 1rem;
    animation: fadeInUp-b-eqkgrs4251 0.8s ease 0.2s backwards;
}

.breadcrumb a[b-eqkgrs4251] {
    color: var(--white);
    opacity: 0.9;
    transition: var(--transition);
}

.breadcrumb a:hover[b-eqkgrs4251] {
    opacity: 1;
    text-decoration: underline;
}

.breadcrumb span[b-eqkgrs4251] {
    opacity: 0.7;
}

/* Product Detail Section */
.product-detail[b-eqkgrs4251] {
    padding: 80px 0;
    background: var(--white);
}

.product-main[b-eqkgrs4251] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: start;
}

.product-image-section[b-eqkgrs4251] {
    position: sticky;
    top: 100px;
}

.product-image-main[b-eqkgrs4251] {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-lg);
    background: #f3f4f6;
}

.product-image-main img[b-eqkgrs4251] {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.5s ease;
}

.product-image-main:hover img[b-eqkgrs4251] {
    transform: scale(1.05);
}

.product-info-section[b-eqkgrs4251] {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.product-header[b-eqkgrs4251] {
    border-bottom: 2px solid var(--border-color);
    padding-bottom: 20px;
}

.product-tag[b-eqkgrs4251] {
    display: inline-block;
    padding: 6px 16px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.product-header h2[b-eqkgrs4251] {
    font-size: 2.5rem;
    color: var(--dark-color);
    font-weight: 700;
    line-height: 1.2;
}

.product-description p[b-eqkgrs4251] {
    font-size: 1.125rem;
    line-height: 1.8;
    color: var(--text-color);
    margin-bottom: 15px;
}

.product-highlights[b-eqkgrs4251] {
    background: var(--light-color);
    padding: 30px;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.product-highlights h3[b-eqkgrs4251] {
    font-size: 1.5rem;
    color: var(--dark-color);
    margin-bottom: 20px;
}

.product-highlights ul[b-eqkgrs4251] {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.product-highlights ul li[b-eqkgrs4251] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 1.05rem;
    color: var(--text-color);
}

.product-highlights ul li i[b-eqkgrs4251] {
    color: var(--secondary-color);
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.product-cta[b-eqkgrs4251] {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    padding-top: 20px;
}

.product-cta .btn[b-eqkgrs4251] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 32px;
    font-size: 1.05rem;
}

/* Detailed Content Section */
.detailed-content[b-eqkgrs4251] {
    padding: 80px 0;
    background: var(--white);
}

.detailed-content .content-wrapper[b-eqkgrs4251] {
    max-width: 900px;
    margin: 0 auto;
}

.detailed-content h2[b-eqkgrs4251] {
    font-size: 2.5rem;
    color: var(--dark-color);
    font-weight: 700;
    margin-bottom: 30px;
    text-align: center;
    position: relative;
    padding-bottom: 20px;
}

.detailed-content h2[b-eqkgrs4251]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: var(--gradient);
    border-radius: 2px;
}

.detailed-content p[b-eqkgrs4251] {
    font-size: 1.125rem;
    line-height: 1.9;
    color: var(--text-color);
    margin-bottom: 25px;
    text-align: justify;
}

.detailed-content p:first-of-type[b-eqkgrs4251] {
    font-size: 1.2rem;
    font-weight: 500;
    color: var(--dark-color);
}

.detailed-content p:first-of-type[b-eqkgrs4251]::first-letter {
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1;
    float: left;
    color: var(--primary-color);
}

/* Technical Details Section */
.technical-details[b-eqkgrs4251] {
    padding: 80px 0;
    background: var(--light-color);
}

.technical-grid[b-eqkgrs4251] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
}

.technical-card[b-eqkgrs4251] {
    background: var(--white);
    padding: 35px;
    border-radius: 12px;
    box-shadow: var(--shadow);
    transition: var(--transition);
}

.technical-card:hover[b-eqkgrs4251] {
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
}

.technical-icon[b-eqkgrs4251] {
    width: 70px;
    height: 70px;
    background: var(--gradient);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.technical-icon i[b-eqkgrs4251] {
    font-size: 2rem;
    color: var(--white);
}

.technical-card h3[b-eqkgrs4251] {
    font-size: 1.375rem;
    color: var(--dark-color);
    margin-bottom: 20px;
}

.technical-card ul[b-eqkgrs4251] {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.technical-card ul li[b-eqkgrs4251] {
    padding-left: 25px;
    position: relative;
    color: var(--text-color);
    line-height: 1.6;
}

.technical-card ul li[b-eqkgrs4251]::before {
    content: '•';
    position: absolute;
    left: 8px;
    color: var(--primary-color);
    font-weight: bold;
    font-size: 1.2rem;
}

/* Benefits Section */
.benefits-section[b-eqkgrs4251] {
    padding: 80px 0;
    background: var(--white);
}

.benefits-grid[b-eqkgrs4251] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
}

.benefit-card[b-eqkgrs4251] {
    background: var(--light-color);
    padding: 35px;
    border-radius: 12px;
    transition: var(--transition);
    border: 2px solid transparent;
}

.benefit-card:hover[b-eqkgrs4251] {
    border-color: var(--primary-color);
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
    background: var(--white);
}

.benefit-icon[b-eqkgrs4251] {
    width: 70px;
    height: 70px;
    background: var(--gradient);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    transition: var(--transition);
}

.benefit-card:hover .benefit-icon[b-eqkgrs4251] {
    transform: scale(1.1);
}

.benefit-icon i[b-eqkgrs4251] {
    font-size: 2rem;
    color: var(--white);
}

.benefit-card h3[b-eqkgrs4251] {
    font-size: 1.375rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.benefit-card p[b-eqkgrs4251] {
    color: var(--text-color);
    line-height: 1.7;
}

/* Process Section */
.process-section[b-eqkgrs4251] {
    padding: 80px 0;
    background: var(--light-color);
}

.process-timeline[b-eqkgrs4251] {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 40px;
    position: relative;
}

.process-timeline[b-eqkgrs4251]::before {
    content: '';
    position: absolute;
    left: 30px;
    top: 30px;
    bottom: 30px;
    width: 3px;
    background: linear-gradient(to bottom, var(--primary-color), var(--secondary-color));
}

.process-step[b-eqkgrs4251] {
    display: flex;
    gap: 30px;
    position: relative;
}

.step-number[b-eqkgrs4251] {
    width: 60px;
    height: 60px;
    background: var(--gradient);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--white);
    flex-shrink: 0;
    box-shadow: 0 4px 15px rgba(30, 64, 175, 0.3);
    position: relative;
    z-index: 2;
}

.step-content[b-eqkgrs4251] {
    background: var(--white);
    padding: 25px 30px;
    border-radius: 12px;
    box-shadow: var(--shadow);
    flex: 1;
    transition: var(--transition);
}

.step-content:hover[b-eqkgrs4251] {
    transform: translateX(10px);
    box-shadow: var(--shadow-lg);
}

.step-content h3[b-eqkgrs4251] {
    font-size: 1.375rem;
    color: var(--dark-color);
    margin-bottom: 12px;
}

.step-content p[b-eqkgrs4251] {
    color: var(--text-color);
    line-height: 1.7;
}

/* FAQ Section */
.faq-section[b-eqkgrs4251] {
    padding: 80px 0;
    background: var(--white);
}

.faq-container[b-eqkgrs4251] {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.faq-item[b-eqkgrs4251] {
    background: var(--light-color);
    border-radius: 12px;
    overflow: hidden;
    transition: var(--transition);
}

.faq-item:hover[b-eqkgrs4251] {
    box-shadow: var(--shadow);
}

.faq-question[b-eqkgrs4251] {
    padding: 25px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    user-select: none;
    transition: var(--transition);
}

.faq-question:hover[b-eqkgrs4251] {
    background: rgba(30, 64, 175, 0.05);
}

.faq-question h3[b-eqkgrs4251] {
    font-size: 1.25rem;
    color: var(--dark-color);
    font-weight: 600;
    margin: 0;
}

.faq-question i[b-eqkgrs4251] {
    font-size: 1.25rem;
    color: var(--primary-color);
    transition: transform 0.3s ease;
}

.faq-item.active .faq-question i[b-eqkgrs4251] {
    transform: rotate(180deg);
}

.faq-answer[b-eqkgrs4251] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
}

.faq-item.active .faq-answer[b-eqkgrs4251] {
    max-height: 500px;
    padding: 0 30px 25px 30px;
}

.faq-answer p[b-eqkgrs4251] {
    color: var(--text-color);
    line-height: 1.8;
    font-size: 1.05rem;
}

/* CTA Section */
.cta-section[b-eqkgrs4251] {
    padding: 80px 0;
    background: var(--gradient);
    position: relative;
    overflow: hidden;
}

.cta-section[b-eqkgrs4251]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.cta-content[b-eqkgrs4251] {
    position: relative;
    z-index: 2;
    text-align: center;
    color: var(--white);
    max-width: 800px;
    margin: 0 auto;
}

.cta-content h2[b-eqkgrs4251] {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.3;
}

.cta-content p[b-eqkgrs4251] {
    font-size: 1.25rem;
    margin-bottom: 40px;
    opacity: 0.95;
    line-height: 1.7;
}

.cta-buttons[b-eqkgrs4251] {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

.btn-large[b-eqkgrs4251] {
    padding: 18px 40px;
    font-size: 1.125rem;
}

.cta-section .btn-secondary[b-eqkgrs4251] {
    background: var(--white);
    color: var(--primary-color);
    border: 2px solid var(--white);
}

.cta-section .btn-secondary:hover[b-eqkgrs4251] {
    background: transparent;
    color: var(--white);
}

/* ==========================================
   Responsive Design
   ========================================== */

@media (max-width: 1024px) {
    .page-hero-content h1[b-eqkgrs4251] {
        font-size: 2.5rem;
    }

    .product-main[b-eqkgrs4251] {
        gap: 40px;
    }

    .product-header h2[b-eqkgrs4251] {
        font-size: 2rem;
    }

    .technical-grid[b-eqkgrs4251],
    .benefits-grid[b-eqkgrs4251] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .page-hero[b-eqkgrs4251] {
        height: 300px;
        margin-top: 80px;
    }

    .page-hero-content h1[b-eqkgrs4251] {
        font-size: 2rem;
    }

    .breadcrumb[b-eqkgrs4251] {
        font-size: 0.9rem;
    }

    .product-main[b-eqkgrs4251] {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .product-image-section[b-eqkgrs4251] {
        position: static;
    }

    .product-header h2[b-eqkgrs4251] {
        font-size: 1.75rem;
    }

    .product-description p[b-eqkgrs4251] {
        font-size: 1rem;
    }

    .product-highlights[b-eqkgrs4251] {
        padding: 20px;
    }

    .product-highlights h3[b-eqkgrs4251] {
        font-size: 1.25rem;
    }

    .product-cta[b-eqkgrs4251] {
        flex-direction: column;
    }

    .product-cta .btn[b-eqkgrs4251] {
        width: 100%;
        justify-content: center;
    }

    .detailed-content h2[b-eqkgrs4251] {
        font-size: 2rem;
    }

    .detailed-content p[b-eqkgrs4251] {
        font-size: 1rem;
    }

    .detailed-content p:first-of-type[b-eqkgrs4251] {
        font-size: 1.05rem;
    }

    .detailed-content p:first-of-type[b-eqkgrs4251]::first-letter {
        font-size: 3rem;
    }

    .technical-grid[b-eqkgrs4251],
    .benefits-grid[b-eqkgrs4251] {
        grid-template-columns: 1fr;
    }

    .process-timeline[b-eqkgrs4251]::before {
        left: 20px;
    }

    .step-number[b-eqkgrs4251] {
        width: 50px;
        height: 50px;
        font-size: 1.25rem;
    }

    .step-content[b-eqkgrs4251] {
        padding: 20px;
    }

    .step-content h3[b-eqkgrs4251] {
        font-size: 1.25rem;
    }

    .faq-question[b-eqkgrs4251] {
        padding: 20px;
    }

    .faq-question h3[b-eqkgrs4251] {
        font-size: 1.1rem;
    }

    .faq-item.active .faq-answer[b-eqkgrs4251] {
        padding: 0 20px 20px 20px;
    }

    .cta-content h2[b-eqkgrs4251] {
        font-size: 2rem;
    }

    .cta-content p[b-eqkgrs4251] {
        font-size: 1.05rem;
    }

    .cta-buttons[b-eqkgrs4251] {
        flex-direction: column;
    }

    .btn-large[b-eqkgrs4251] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .page-hero[b-eqkgrs4251] {
        height: 250px;
    }

    .page-hero-content h1[b-eqkgrs4251] {
        font-size: 1.75rem;
    }

    .product-header h2[b-eqkgrs4251] {
        font-size: 1.5rem;
    }

    .detailed-content h2[b-eqkgrs4251] {
        font-size: 1.75rem;
    }

    .detailed-content p[b-eqkgrs4251] {
        font-size: 0.95rem;
    }

    .detailed-content p:first-of-type[b-eqkgrs4251] {
        font-size: 1rem;
    }

    .detailed-content p:first-of-type[b-eqkgrs4251]::first-letter {
        font-size: 2.5rem;
        margin: 3px 8px 0 0;
    }

    .technical-card[b-eqkgrs4251],
    .benefit-card[b-eqkgrs4251] {
        padding: 25px;
    }

    .technical-icon[b-eqkgrs4251],
    .benefit-icon[b-eqkgrs4251] {
        width: 60px;
        height: 60px;
    }

    .technical-icon i[b-eqkgrs4251],
    .benefit-icon i[b-eqkgrs4251] {
        font-size: 1.75rem;
    }

    .process-step[b-eqkgrs4251] {
        gap: 20px;
    }

    .step-number[b-eqkgrs4251] {
        width: 40px;
        height: 40px;
        font-size: 1.1rem;
    }

    .cta-content h2[b-eqkgrs4251] {
        font-size: 1.75rem;
    }

    .cta-content p[b-eqkgrs4251] {
        font-size: 1rem;
    }
}

/* ==========================================
   Animations
   ========================================== */

@keyframes fadeInUp-b-eqkgrs4251 {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Scroll Animations */
.product-detail[b-eqkgrs4251],
.detailed-content[b-eqkgrs4251],
.technical-details[b-eqkgrs4251],
.benefits-section[b-eqkgrs4251],
.process-section[b-eqkgrs4251],
.faq-section[b-eqkgrs4251] {
    animation: fadeIn-b-eqkgrs4251 0.6s ease;
}

@keyframes fadeIn-b-eqkgrs4251 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* _content/OzturkIzolasyon/Views/Home/IzolasyonMalzemeleriBlog.cshtml.rz.scp.css */
/* ==========================================
   Blog Page Styles
   ========================================== */

/* Page Hero Section */
.page-hero[b-60pabhj5qb] {
    position: relative;
    height: 280px;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    padding-bottom: 40px;
}

.page-hero[b-60pabhj5qb]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.page-hero-overlay[b-60pabhj5qb] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
}

.page-hero-content[b-60pabhj5qb] {
    position: relative;
    z-index: 1;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-60pabhj5qb] {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.page-hero-content p[b-60pabhj5qb] {
    font-size: 1.25rem;
    margin-bottom: 2rem;
    opacity: 0.95;
}

.breadcrumb[b-60pabhj5qb] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    opacity: 0.9;
}

.breadcrumb a[b-60pabhj5qb] {
    color: var(--white);
    transition: opacity 0.3s ease;
}

.breadcrumb a:hover[b-60pabhj5qb] {
    opacity: 0.8;
}

.breadcrumb i[b-60pabhj5qb] {
    font-size: 0.75rem;
}

/* Blog Main Section */
.blog-main-section[b-60pabhj5qb] {
    padding: 80px 0;
    background-color: #f9fafb;
}

.blog-layout[b-60pabhj5qb] {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 40px;
}

/* Blog Content */
.blog-content[b-60pabhj5qb] {
    background: var(--white);
}

/* Featured Blog Post */
.featured-blog-post[b-60pabhj5qb] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    margin-bottom: 60px;
}

.featured-blog-image[b-60pabhj5qb] {
    position: relative;
    height: 500px;
    overflow: hidden;
}

.featured-blog-image img[b-60pabhj5qb] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.featured-blog-post:hover .featured-blog-image img[b-60pabhj5qb] {
    transform: scale(1.05);
}

.blog-category[b-60pabhj5qb] {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--primary-color);
    color: var(--white);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    z-index: 2;
}

.featured-blog-content[b-60pabhj5qb] {
    padding: 40px;
}

.blog-meta[b-60pabhj5qb] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    font-size: 0.875rem;
    color: #6b7280;
    flex-wrap: wrap;
}

.blog-meta span[b-60pabhj5qb] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.blog-meta i[b-60pabhj5qb] {
    color: var(--primary-color);
}

.featured-blog-content h2[b-60pabhj5qb] {
    font-size: 2.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    line-height: 1.3;
}

.blog-excerpt[b-60pabhj5qb] {
    font-size: 1.125rem;
    color: #4b5563;
    margin-bottom: 20px;
    line-height: 1.8;
    font-weight: 500;
}

.featured-blog-content p[b-60pabhj5qb] {
    font-size: 1rem;
    color: var(--text-color);
    margin-bottom: 20px;
    line-height: 1.8;
}

.featured-blog-content h3[b-60pabhj5qb] {
    font-size: 1.75rem;
    color: var(--dark-color);
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 600;
}

/* Blog List */
.blog-list[b-60pabhj5qb] {
    list-style: none;
    margin: 30px 0;
}

.blog-list li[b-60pabhj5qb] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-color);
}

.blog-list i[b-60pabhj5qb] {
    color: #10b981;
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.blog-list strong[b-60pabhj5qb] {
    color: var(--dark-color);
}

/* Blog Steps */
.blog-steps[b-60pabhj5qb] {
    margin: 30px 0;
}

.step-item[b-60pabhj5qb] {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    padding: 25px;
    background: #f9fafb;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.step-number[b-60pabhj5qb] {
    width: 50px;
    height: 50px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    flex-shrink: 0;
}

.step-content h4[b-60pabhj5qb] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 8px;
}

.step-content p[b-60pabhj5qb] {
    margin: 0;
    color: var(--text-color);
}

/* Blog Sectors */
.blog-sectors[b-60pabhj5qb] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 30px 0;
}

.sector-tag[b-60pabhj5qb] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid rgba(30, 64, 175, 0.2);
}

.sector-tag i[b-60pabhj5qb] {
    font-size: 1rem;
}

/* Blog Highlight */
.blog-highlight[b-60pabhj5qb] {
    display: flex;
    gap: 20px;
    padding: 30px;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-radius: 12px;
    margin: 40px 0;
    border-left: 4px solid #f59e0b;
}

.blog-highlight i[b-60pabhj5qb] {
    font-size: 2rem;
    color: #f59e0b;
    flex-shrink: 0;
}

.blog-highlight h4[b-60pabhj5qb] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 10px;
}

.blog-highlight p[b-60pabhj5qb] {
    margin: 0;
    color: #78350f;
}

/* Blog Tags */
.blog-tags[b-60pabhj5qb] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 40px 0;
    padding-top: 30px;
    border-top: 1px solid var(--border-color);
}

.blog-tags .tag[b-60pabhj5qb] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.blog-tags .tag:hover[b-60pabhj5qb] {
    background: var(--primary-color);
    color: var(--white);
}

.blog-tags .tag i[b-60pabhj5qb] {
    font-size: 0.75rem;
}

/* Blog Share */
.blog-share[b-60pabhj5qb] {
    padding: 30px 0;
    border-top: 1px solid var(--border-color);
}

.blog-share h4[b-60pabhj5qb] {
    font-size: 1.125rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.share-buttons[b-60pabhj5qb] {
    display: flex;
    gap: 12px;
}

.share-btn[b-60pabhj5qb] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    transition: all 0.3s ease;
    font-size: 1.125rem;
}

.share-btn:hover[b-60pabhj5qb] {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.share-btn.facebook[b-60pabhj5qb] {
    background: #1877f2;
}

.share-btn.twitter[b-60pabhj5qb] {
    background: #1da1f2;
}

.share-btn.linkedin[b-60pabhj5qb] {
    background: #0077b5;
}

.share-btn.whatsapp[b-60pabhj5qb] {
    background: #25d366;
}

/* More Posts Section */
.more-posts-section[b-60pabhj5qb] {
    margin-top: 60px;
}

.section-title[b-60pabhj5qb] {
    font-size: 2rem;
    color: var(--dark-color);
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid var(--primary-color);
    display: inline-block;
}

.blog-posts-grid[b-60pabhj5qb] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
}

.blog-post-card[b-60pabhj5qb] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.blog-post-card:hover[b-60pabhj5qb] {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.blog-post-image[b-60pabhj5qb] {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.blog-post-image img[b-60pabhj5qb] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.blog-post-card:hover .blog-post-image img[b-60pabhj5qb] {
    transform: scale(1.1);
}

.blog-post-content[b-60pabhj5qb] {
    padding: 25px;
}

.blog-post-content h3[b-60pabhj5qb] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 12px;
    line-height: 1.4;
}

.blog-post-content p[b-60pabhj5qb] {
    font-size: 0.95rem;
    color: var(--text-color);
    margin-bottom: 15px;
    line-height: 1.6;
}

.read-more-btn[b-60pabhj5qb] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.95rem;
    transition: gap 0.3s ease;
}

.read-more-btn:hover[b-60pabhj5qb] {
    gap: 12px;
}

/* Sidebar */
.blog-sidebar[b-60pabhj5qb] {
    position: sticky;
    top: 100px;
    height: fit-content;
}

.sidebar-widget[b-60pabhj5qb] {
    background: var(--white);
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.sidebar-widget h3[b-60pabhj5qb] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--border-color);
}

/* Search Widget */
.search-form[b-60pabhj5qb] {
    position: relative;
    display: flex;
}

.search-form input[b-60pabhj5qb] {
    width: 100%;
    padding: 12px 50px 12px 15px;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    font-size: 0.95rem;
    transition: border-color 0.3s ease;
}

.search-form input:focus[b-60pabhj5qb] {
    outline: none;
    border-color: var(--primary-color);
}

.search-form button[b-60pabhj5qb] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

.search-form button:hover[b-60pabhj5qb] {
    background: #1e3a8a;
}

/* Categories Widget */
.categories-list[b-60pabhj5qb] {
    list-style: none;
}

.categories-list li[b-60pabhj5qb] {
    margin-bottom: 12px;
}

.categories-list a[b-60pabhj5qb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    background: #f9fafb;
    border-radius: 8px;
    color: var(--text-color);
    transition: all 0.3s ease;
}

.categories-list a:hover[b-60pabhj5qb] {
    background: var(--primary-color);
    color: var(--white);
    transform: translateX(5px);
}

.categories-list i[b-60pabhj5qb] {
    margin-right: 10px;
    color: var(--primary-color);
    transition: color 0.3s ease;
}

.categories-list a:hover i[b-60pabhj5qb] {
    color: var(--white);
}

.categories-list span[b-60pabhj5qb] {
    font-size: 0.875rem;
    opacity: 0.8;
}

/* Recent Posts Widget */
.recent-posts-list[b-60pabhj5qb] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.recent-post-item[b-60pabhj5qb] {
    display: flex;
    gap: 15px;
    padding: 12px;
    border-radius: 8px;
    transition: background 0.3s ease;
}

.recent-post-item:hover[b-60pabhj5qb] {
    background: #f9fafb;
}

.recent-post-item img[b-60pabhj5qb] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.recent-post-info h4[b-60pabhj5qb] {
    font-size: 0.95rem;
    color: var(--dark-color);
    margin-bottom: 6px;
    line-height: 1.4;
}

.post-date[b-60pabhj5qb] {
    font-size: 0.8rem;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Tags Widget */
.tags-cloud[b-60pabhj5qb] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag-item[b-60pabhj5qb] {
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.tag-item:hover[b-60pabhj5qb] {
    background: var(--primary-color);
    color: var(--white);
}

/* CTA Widget */
.cta-widget[b-60pabhj5qb] {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    color: var(--white);
}

.cta-widget h3[b-60pabhj5qb] {
    color: var(--white);
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.cta-content[b-60pabhj5qb] {
    text-align: center;
}

.cta-content i[b-60pabhj5qb] {
    font-size: 3rem;
    margin-bottom: 15px;
    opacity: 0.9;
}

.cta-content p[b-60pabhj5qb] {
    margin-bottom: 20px;
    opacity: 0.95;
}

.cta-btn[b-60pabhj5qb] {
    display: inline-block;
    padding: 12px 30px;
    background: var(--white);
    color: var(--primary-color);
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.cta-btn:hover[b-60pabhj5qb] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .blog-layout[b-60pabhj5qb] {
        grid-template-columns: 1fr;
    }

    .blog-sidebar[b-60pabhj5qb] {
        position: static;
    }

    .sidebar-widget[b-60pabhj5qb] {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .page-hero[b-60pabhj5qb] {
        height: 220px;
        padding-bottom: 30px;
    }

    .page-hero-content h1[b-60pabhj5qb] {
        font-size: 2rem;
    }

    .page-hero-content p[b-60pabhj5qb] {
        font-size: 1rem;
    }

    .blog-main-section[b-60pabhj5qb] {
        padding: 40px 0;
    }

    .featured-blog-image[b-60pabhj5qb] {
        height: 300px;
    }

    .featured-blog-content[b-60pabhj5qb] {
        padding: 25px;
    }

    .featured-blog-content h2[b-60pabhj5qb] {
        font-size: 1.75rem;
    }

    .featured-blog-content h3[b-60pabhj5qb] {
        font-size: 1.5rem;
    }

    .blog-posts-grid[b-60pabhj5qb] {
        grid-template-columns: 1fr;
    }

    .blog-meta[b-60pabhj5qb] {
        gap: 15px;
    }

    .step-item[b-60pabhj5qb] {
        flex-direction: column;
        align-items: flex-start;
    }

    .blog-sectors[b-60pabhj5qb] {
        gap: 8px;
    }

    .sector-tag[b-60pabhj5qb] {
        font-size: 0.8rem;
        padding: 8px 15px;
    }

    .blog-highlight[b-60pabhj5qb] {
        flex-direction: column;
    }

    .share-buttons[b-60pabhj5qb] {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .page-hero-content h1[b-60pabhj5qb] {
        font-size: 1.5rem;
    }

    .featured-blog-content h2[b-60pabhj5qb] {
        font-size: 1.5rem;
    }

    .featured-blog-content[b-60pabhj5qb] {
        padding: 20px;
    }

    .sidebar-widget[b-60pabhj5qb] {
        padding: 20px;
    }

    .blog-meta[b-60pabhj5qb] {
        font-size: 0.8rem;
        gap: 10px;
    }
}

/* _content/OzturkIzolasyon/Views/Home/IzolasyonMalzemeSurdurulebilirlikveCevreBlog.cshtml.rz.scp.css */
/* ==========================================
   Blog Page Styles
   ========================================== */

/* Page Hero Section */
.page-hero[b-egh6d0wo4h] {
    position: relative;
    height: 280px;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    padding-bottom: 40px;
}

.page-hero[b-egh6d0wo4h]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.page-hero-overlay[b-egh6d0wo4h] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
}

.page-hero-content[b-egh6d0wo4h] {
    position: relative;
    z-index: 1;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-egh6d0wo4h] {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.page-hero-content p[b-egh6d0wo4h] {
    font-size: 1.25rem;
    margin-bottom: 2rem;
    opacity: 0.95;
}

.breadcrumb[b-egh6d0wo4h] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    opacity: 0.9;
}

.breadcrumb a[b-egh6d0wo4h] {
    color: var(--white);
    transition: opacity 0.3s ease;
}

.breadcrumb a:hover[b-egh6d0wo4h] {
    opacity: 0.8;
}

.breadcrumb i[b-egh6d0wo4h] {
    font-size: 0.75rem;
}

/* Blog Main Section */
.blog-main-section[b-egh6d0wo4h] {
    padding: 80px 0;
    background-color: #f9fafb;
}

.blog-layout[b-egh6d0wo4h] {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 40px;
}

/* Blog Content */
.blog-content[b-egh6d0wo4h] {
    background: var(--white);
}

/* Featured Blog Post */
.featured-blog-post[b-egh6d0wo4h] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    margin-bottom: 60px;
}

.featured-blog-image[b-egh6d0wo4h] {
    position: relative;
    height: 500px;
    overflow: hidden;
}

.featured-blog-image img[b-egh6d0wo4h] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.featured-blog-post:hover .featured-blog-image img[b-egh6d0wo4h] {
    transform: scale(1.05);
}

.blog-category[b-egh6d0wo4h] {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--primary-color);
    color: var(--white);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    z-index: 2;
}

.featured-blog-content[b-egh6d0wo4h] {
    padding: 40px;
}

.blog-meta[b-egh6d0wo4h] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    font-size: 0.875rem;
    color: #6b7280;
    flex-wrap: wrap;
}

.blog-meta span[b-egh6d0wo4h] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.blog-meta i[b-egh6d0wo4h] {
    color: var(--primary-color);
}

.featured-blog-content h2[b-egh6d0wo4h] {
    font-size: 2.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    line-height: 1.3;
}

.blog-excerpt[b-egh6d0wo4h] {
    font-size: 1.125rem;
    color: #4b5563;
    margin-bottom: 20px;
    line-height: 1.8;
    font-weight: 500;
}

.featured-blog-content p[b-egh6d0wo4h] {
    font-size: 1rem;
    color: var(--text-color);
    margin-bottom: 20px;
    line-height: 1.8;
}

.featured-blog-content h3[b-egh6d0wo4h] {
    font-size: 1.75rem;
    color: var(--dark-color);
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 600;
}

/* Blog List */
.blog-list[b-egh6d0wo4h] {
    list-style: none;
    margin: 30px 0;
}

.blog-list li[b-egh6d0wo4h] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-color);
}

.blog-list i[b-egh6d0wo4h] {
    color: #10b981;
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.blog-list strong[b-egh6d0wo4h] {
    color: var(--dark-color);
}

/* Blog Steps */
.blog-steps[b-egh6d0wo4h] {
    margin: 30px 0;
}

.step-item[b-egh6d0wo4h] {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    padding: 25px;
    background: #f9fafb;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.step-number[b-egh6d0wo4h] {
    width: 50px;
    height: 50px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    flex-shrink: 0;
}

.step-content h4[b-egh6d0wo4h] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 8px;
}

.step-content p[b-egh6d0wo4h] {
    margin: 0;
    color: var(--text-color);
}

/* Blog Sectors */
.blog-sectors[b-egh6d0wo4h] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 30px 0;
}

.sector-tag[b-egh6d0wo4h] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid rgba(30, 64, 175, 0.2);
}

.sector-tag i[b-egh6d0wo4h] {
    font-size: 1rem;
}

/* Blog Highlight */
.blog-highlight[b-egh6d0wo4h] {
    display: flex;
    gap: 20px;
    padding: 30px;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-radius: 12px;
    margin: 40px 0;
    border-left: 4px solid #f59e0b;
}

.blog-highlight i[b-egh6d0wo4h] {
    font-size: 2rem;
    color: #f59e0b;
    flex-shrink: 0;
}

.blog-highlight h4[b-egh6d0wo4h] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 10px;
}

.blog-highlight p[b-egh6d0wo4h] {
    margin: 0;
    color: #78350f;
}

/* Blog Tags */
.blog-tags[b-egh6d0wo4h] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 40px 0;
    padding-top: 30px;
    border-top: 1px solid var(--border-color);
}

.blog-tags .tag[b-egh6d0wo4h] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.blog-tags .tag:hover[b-egh6d0wo4h] {
    background: var(--primary-color);
    color: var(--white);
}

.blog-tags .tag i[b-egh6d0wo4h] {
    font-size: 0.75rem;
}

/* Blog Share */
.blog-share[b-egh6d0wo4h] {
    padding: 30px 0;
    border-top: 1px solid var(--border-color);
}

.blog-share h4[b-egh6d0wo4h] {
    font-size: 1.125rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.share-buttons[b-egh6d0wo4h] {
    display: flex;
    gap: 12px;
}

.share-btn[b-egh6d0wo4h] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    transition: all 0.3s ease;
    font-size: 1.125rem;
}

.share-btn:hover[b-egh6d0wo4h] {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.share-btn.facebook[b-egh6d0wo4h] {
    background: #1877f2;
}

.share-btn.twitter[b-egh6d0wo4h] {
    background: #1da1f2;
}

.share-btn.linkedin[b-egh6d0wo4h] {
    background: #0077b5;
}

.share-btn.whatsapp[b-egh6d0wo4h] {
    background: #25d366;
}

/* More Posts Section */
.more-posts-section[b-egh6d0wo4h] {
    margin-top: 60px;
}

.section-title[b-egh6d0wo4h] {
    font-size: 2rem;
    color: var(--dark-color);
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid var(--primary-color);
    display: inline-block;
}

.blog-posts-grid[b-egh6d0wo4h] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
}

.blog-post-card[b-egh6d0wo4h] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.blog-post-card:hover[b-egh6d0wo4h] {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.blog-post-image[b-egh6d0wo4h] {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.blog-post-image img[b-egh6d0wo4h] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.blog-post-card:hover .blog-post-image img[b-egh6d0wo4h] {
    transform: scale(1.1);
}

.blog-post-content[b-egh6d0wo4h] {
    padding: 25px;
}

.blog-post-content h3[b-egh6d0wo4h] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 12px;
    line-height: 1.4;
}

.blog-post-content p[b-egh6d0wo4h] {
    font-size: 0.95rem;
    color: var(--text-color);
    margin-bottom: 15px;
    line-height: 1.6;
}

.read-more-btn[b-egh6d0wo4h] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.95rem;
    transition: gap 0.3s ease;
}

.read-more-btn:hover[b-egh6d0wo4h] {
    gap: 12px;
}

/* Sidebar */
.blog-sidebar[b-egh6d0wo4h] {
    position: sticky;
    top: 100px;
    height: fit-content;
}

.sidebar-widget[b-egh6d0wo4h] {
    background: var(--white);
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.sidebar-widget h3[b-egh6d0wo4h] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--border-color);
}

/* Search Widget */
.search-form[b-egh6d0wo4h] {
    position: relative;
    display: flex;
}

.search-form input[b-egh6d0wo4h] {
    width: 100%;
    padding: 12px 50px 12px 15px;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    font-size: 0.95rem;
    transition: border-color 0.3s ease;
}

.search-form input:focus[b-egh6d0wo4h] {
    outline: none;
    border-color: var(--primary-color);
}

.search-form button[b-egh6d0wo4h] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

.search-form button:hover[b-egh6d0wo4h] {
    background: #1e3a8a;
}

/* Categories Widget */
.categories-list[b-egh6d0wo4h] {
    list-style: none;
}

.categories-list li[b-egh6d0wo4h] {
    margin-bottom: 12px;
}

.categories-list a[b-egh6d0wo4h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    background: #f9fafb;
    border-radius: 8px;
    color: var(--text-color);
    transition: all 0.3s ease;
}

.categories-list a:hover[b-egh6d0wo4h] {
    background: var(--primary-color);
    color: var(--white);
    transform: translateX(5px);
}

.categories-list i[b-egh6d0wo4h] {
    margin-right: 10px;
    color: var(--primary-color);
    transition: color 0.3s ease;
}

.categories-list a:hover i[b-egh6d0wo4h] {
    color: var(--white);
}

.categories-list span[b-egh6d0wo4h] {
    font-size: 0.875rem;
    opacity: 0.8;
}

/* Recent Posts Widget */
.recent-posts-list[b-egh6d0wo4h] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.recent-post-item[b-egh6d0wo4h] {
    display: flex;
    gap: 15px;
    padding: 12px;
    border-radius: 8px;
    transition: background 0.3s ease;
}

.recent-post-item:hover[b-egh6d0wo4h] {
    background: #f9fafb;
}

.recent-post-item img[b-egh6d0wo4h] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.recent-post-info h4[b-egh6d0wo4h] {
    font-size: 0.95rem;
    color: var(--dark-color);
    margin-bottom: 6px;
    line-height: 1.4;
}

.post-date[b-egh6d0wo4h] {
    font-size: 0.8rem;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Tags Widget */
.tags-cloud[b-egh6d0wo4h] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag-item[b-egh6d0wo4h] {
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.tag-item:hover[b-egh6d0wo4h] {
    background: var(--primary-color);
    color: var(--white);
}

/* CTA Widget */
.cta-widget[b-egh6d0wo4h] {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    color: var(--white);
}

.cta-widget h3[b-egh6d0wo4h] {
    color: var(--white);
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.cta-content[b-egh6d0wo4h] {
    text-align: center;
}

.cta-content i[b-egh6d0wo4h] {
    font-size: 3rem;
    margin-bottom: 15px;
    opacity: 0.9;
}

.cta-content p[b-egh6d0wo4h] {
    margin-bottom: 20px;
    opacity: 0.95;
}

.cta-btn[b-egh6d0wo4h] {
    display: inline-block;
    padding: 12px 30px;
    background: var(--white);
    color: var(--primary-color);
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.cta-btn:hover[b-egh6d0wo4h] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .blog-layout[b-egh6d0wo4h] {
        grid-template-columns: 1fr;
    }

    .blog-sidebar[b-egh6d0wo4h] {
        position: static;
    }

    .sidebar-widget[b-egh6d0wo4h] {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .page-hero[b-egh6d0wo4h] {
        height: 220px;
        padding-bottom: 30px;
    }

    .page-hero-content h1[b-egh6d0wo4h] {
        font-size: 2rem;
    }

    .page-hero-content p[b-egh6d0wo4h] {
        font-size: 1rem;
    }

    .blog-main-section[b-egh6d0wo4h] {
        padding: 40px 0;
    }

    .featured-blog-image[b-egh6d0wo4h] {
        height: 300px;
    }

    .featured-blog-content[b-egh6d0wo4h] {
        padding: 25px;
    }

    .featured-blog-content h2[b-egh6d0wo4h] {
        font-size: 1.75rem;
    }

    .featured-blog-content h3[b-egh6d0wo4h] {
        font-size: 1.5rem;
    }

    .blog-posts-grid[b-egh6d0wo4h] {
        grid-template-columns: 1fr;
    }

    .blog-meta[b-egh6d0wo4h] {
        gap: 15px;
    }

    .step-item[b-egh6d0wo4h] {
        flex-direction: column;
        align-items: flex-start;
    }

    .blog-sectors[b-egh6d0wo4h] {
        gap: 8px;
    }

    .sector-tag[b-egh6d0wo4h] {
        font-size: 0.8rem;
        padding: 8px 15px;
    }

    .blog-highlight[b-egh6d0wo4h] {
        flex-direction: column;
    }

    .share-buttons[b-egh6d0wo4h] {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .page-hero-content h1[b-egh6d0wo4h] {
        font-size: 1.5rem;
    }

    .featured-blog-content h2[b-egh6d0wo4h] {
        font-size: 1.5rem;
    }

    .featured-blog-content[b-egh6d0wo4h] {
        padding: 20px;
    }

    .sidebar-widget[b-egh6d0wo4h] {
        padding: 20px;
    }

    .blog-meta[b-egh6d0wo4h] {
        font-size: 0.8rem;
        gap: 10px;
    }
}

/* _content/OzturkIzolasyon/Views/Home/IzolasyonMontajHataBlog.cshtml.rz.scp.css */
/* ==========================================
   Blog Page Styles
   ========================================== */

/* Page Hero Section */
.page-hero[b-hvzoob3jok] {
    position: relative;
    height: 280px;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    padding-bottom: 40px;
}

.page-hero[b-hvzoob3jok]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.page-hero-overlay[b-hvzoob3jok] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
}

.page-hero-content[b-hvzoob3jok] {
    position: relative;
    z-index: 1;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-hvzoob3jok] {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.page-hero-content p[b-hvzoob3jok] {
    font-size: 1.25rem;
    margin-bottom: 2rem;
    opacity: 0.95;
}

.breadcrumb[b-hvzoob3jok] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    opacity: 0.9;
}

.breadcrumb a[b-hvzoob3jok] {
    color: var(--white);
    transition: opacity 0.3s ease;
}

.breadcrumb a:hover[b-hvzoob3jok] {
    opacity: 0.8;
}

.breadcrumb i[b-hvzoob3jok] {
    font-size: 0.75rem;
}

/* Blog Main Section */
.blog-main-section[b-hvzoob3jok] {
    padding: 80px 0;
    background-color: #f9fafb;
}

.blog-layout[b-hvzoob3jok] {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 40px;
}

/* Blog Content */
.blog-content[b-hvzoob3jok] {
    background: var(--white);
}

/* Featured Blog Post */
.featured-blog-post[b-hvzoob3jok] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    margin-bottom: 60px;
}

.featured-blog-image[b-hvzoob3jok] {
    position: relative;
    height: 500px;
    overflow: hidden;
}

.featured-blog-image img[b-hvzoob3jok] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.featured-blog-post:hover .featured-blog-image img[b-hvzoob3jok] {
    transform: scale(1.05);
}

.blog-category[b-hvzoob3jok] {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--primary-color);
    color: var(--white);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    z-index: 2;
}

.featured-blog-content[b-hvzoob3jok] {
    padding: 40px;
}

.blog-meta[b-hvzoob3jok] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    font-size: 0.875rem;
    color: #6b7280;
    flex-wrap: wrap;
}

.blog-meta span[b-hvzoob3jok] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.blog-meta i[b-hvzoob3jok] {
    color: var(--primary-color);
}

.featured-blog-content h2[b-hvzoob3jok] {
    font-size: 2.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    line-height: 1.3;
}

.blog-excerpt[b-hvzoob3jok] {
    font-size: 1.125rem;
    color: #4b5563;
    margin-bottom: 20px;
    line-height: 1.8;
    font-weight: 500;
}

.featured-blog-content p[b-hvzoob3jok] {
    font-size: 1rem;
    color: var(--text-color);
    margin-bottom: 20px;
    line-height: 1.8;
}

.featured-blog-content h3[b-hvzoob3jok] {
    font-size: 1.75rem;
    color: var(--dark-color);
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 600;
}

/* Blog List */
.blog-list[b-hvzoob3jok] {
    list-style: none;
    margin: 30px 0;
}

.blog-list li[b-hvzoob3jok] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-color);
}

.blog-list i[b-hvzoob3jok] {
    color: #10b981;
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.blog-list strong[b-hvzoob3jok] {
    color: var(--dark-color);
}

/* Blog Steps */
.blog-steps[b-hvzoob3jok] {
    margin: 30px 0;
}

.step-item[b-hvzoob3jok] {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    padding: 25px;
    background: #f9fafb;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.step-number[b-hvzoob3jok] {
    width: 50px;
    height: 50px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    flex-shrink: 0;
}

.step-content h4[b-hvzoob3jok] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 8px;
}

.step-content p[b-hvzoob3jok] {
    margin: 0;
    color: var(--text-color);
}

/* Blog Sectors */
.blog-sectors[b-hvzoob3jok] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 30px 0;
}

.sector-tag[b-hvzoob3jok] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid rgba(30, 64, 175, 0.2);
}

.sector-tag i[b-hvzoob3jok] {
    font-size: 1rem;
}

/* Blog Highlight */
.blog-highlight[b-hvzoob3jok] {
    display: flex;
    gap: 20px;
    padding: 30px;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-radius: 12px;
    margin: 40px 0;
    border-left: 4px solid #f59e0b;
}

.blog-highlight i[b-hvzoob3jok] {
    font-size: 2rem;
    color: #f59e0b;
    flex-shrink: 0;
}

.blog-highlight h4[b-hvzoob3jok] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 10px;
}

.blog-highlight p[b-hvzoob3jok] {
    margin: 0;
    color: #78350f;
}

/* Blog Tags */
.blog-tags[b-hvzoob3jok] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 40px 0;
    padding-top: 30px;
    border-top: 1px solid var(--border-color);
}

.blog-tags .tag[b-hvzoob3jok] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.blog-tags .tag:hover[b-hvzoob3jok] {
    background: var(--primary-color);
    color: var(--white);
}

.blog-tags .tag i[b-hvzoob3jok] {
    font-size: 0.75rem;
}

/* Blog Share */
.blog-share[b-hvzoob3jok] {
    padding: 30px 0;
    border-top: 1px solid var(--border-color);
}

.blog-share h4[b-hvzoob3jok] {
    font-size: 1.125rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.share-buttons[b-hvzoob3jok] {
    display: flex;
    gap: 12px;
}

.share-btn[b-hvzoob3jok] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    transition: all 0.3s ease;
    font-size: 1.125rem;
}

.share-btn:hover[b-hvzoob3jok] {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.share-btn.facebook[b-hvzoob3jok] {
    background: #1877f2;
}

.share-btn.twitter[b-hvzoob3jok] {
    background: #1da1f2;
}

.share-btn.linkedin[b-hvzoob3jok] {
    background: #0077b5;
}

.share-btn.whatsapp[b-hvzoob3jok] {
    background: #25d366;
}

/* More Posts Section */
.more-posts-section[b-hvzoob3jok] {
    margin-top: 60px;
}

.section-title[b-hvzoob3jok] {
    font-size: 2rem;
    color: var(--dark-color);
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid var(--primary-color);
    display: inline-block;
}

.blog-posts-grid[b-hvzoob3jok] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
}

.blog-post-card[b-hvzoob3jok] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.blog-post-card:hover[b-hvzoob3jok] {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.blog-post-image[b-hvzoob3jok] {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.blog-post-image img[b-hvzoob3jok] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.blog-post-card:hover .blog-post-image img[b-hvzoob3jok] {
    transform: scale(1.1);
}

.blog-post-content[b-hvzoob3jok] {
    padding: 25px;
}

.blog-post-content h3[b-hvzoob3jok] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 12px;
    line-height: 1.4;
}

.blog-post-content p[b-hvzoob3jok] {
    font-size: 0.95rem;
    color: var(--text-color);
    margin-bottom: 15px;
    line-height: 1.6;
}

.read-more-btn[b-hvzoob3jok] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.95rem;
    transition: gap 0.3s ease;
}

.read-more-btn:hover[b-hvzoob3jok] {
    gap: 12px;
}

/* Sidebar */
.blog-sidebar[b-hvzoob3jok] {
    position: sticky;
    top: 100px;
    height: fit-content;
}

.sidebar-widget[b-hvzoob3jok] {
    background: var(--white);
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.sidebar-widget h3[b-hvzoob3jok] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--border-color);
}

/* Search Widget */
.search-form[b-hvzoob3jok] {
    position: relative;
    display: flex;
}

.search-form input[b-hvzoob3jok] {
    width: 100%;
    padding: 12px 50px 12px 15px;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    font-size: 0.95rem;
    transition: border-color 0.3s ease;
}

.search-form input:focus[b-hvzoob3jok] {
    outline: none;
    border-color: var(--primary-color);
}

.search-form button[b-hvzoob3jok] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

.search-form button:hover[b-hvzoob3jok] {
    background: #1e3a8a;
}

/* Categories Widget */
.categories-list[b-hvzoob3jok] {
    list-style: none;
}

.categories-list li[b-hvzoob3jok] {
    margin-bottom: 12px;
}

.categories-list a[b-hvzoob3jok] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    background: #f9fafb;
    border-radius: 8px;
    color: var(--text-color);
    transition: all 0.3s ease;
}

.categories-list a:hover[b-hvzoob3jok] {
    background: var(--primary-color);
    color: var(--white);
    transform: translateX(5px);
}

.categories-list i[b-hvzoob3jok] {
    margin-right: 10px;
    color: var(--primary-color);
    transition: color 0.3s ease;
}

.categories-list a:hover i[b-hvzoob3jok] {
    color: var(--white);
}

.categories-list span[b-hvzoob3jok] {
    font-size: 0.875rem;
    opacity: 0.8;
}

/* Recent Posts Widget */
.recent-posts-list[b-hvzoob3jok] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.recent-post-item[b-hvzoob3jok] {
    display: flex;
    gap: 15px;
    padding: 12px;
    border-radius: 8px;
    transition: background 0.3s ease;
}

.recent-post-item:hover[b-hvzoob3jok] {
    background: #f9fafb;
}

.recent-post-item img[b-hvzoob3jok] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.recent-post-info h4[b-hvzoob3jok] {
    font-size: 0.95rem;
    color: var(--dark-color);
    margin-bottom: 6px;
    line-height: 1.4;
}

.post-date[b-hvzoob3jok] {
    font-size: 0.8rem;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Tags Widget */
.tags-cloud[b-hvzoob3jok] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag-item[b-hvzoob3jok] {
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.tag-item:hover[b-hvzoob3jok] {
    background: var(--primary-color);
    color: var(--white);
}

/* CTA Widget */
.cta-widget[b-hvzoob3jok] {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    color: var(--white);
}

.cta-widget h3[b-hvzoob3jok] {
    color: var(--white);
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.cta-content[b-hvzoob3jok] {
    text-align: center;
}

.cta-content i[b-hvzoob3jok] {
    font-size: 3rem;
    margin-bottom: 15px;
    opacity: 0.9;
}

.cta-content p[b-hvzoob3jok] {
    margin-bottom: 20px;
    opacity: 0.95;
}

.cta-btn[b-hvzoob3jok] {
    display: inline-block;
    padding: 12px 30px;
    background: var(--white);
    color: var(--primary-color);
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.cta-btn:hover[b-hvzoob3jok] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .blog-layout[b-hvzoob3jok] {
        grid-template-columns: 1fr;
    }

    .blog-sidebar[b-hvzoob3jok] {
        position: static;
    }

    .sidebar-widget[b-hvzoob3jok] {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .page-hero[b-hvzoob3jok] {
        height: 220px;
        padding-bottom: 30px;
    }

    .page-hero-content h1[b-hvzoob3jok] {
        font-size: 2rem;
    }

    .page-hero-content p[b-hvzoob3jok] {
        font-size: 1rem;
    }

    .blog-main-section[b-hvzoob3jok] {
        padding: 40px 0;
    }

    .featured-blog-image[b-hvzoob3jok] {
        height: 300px;
    }

    .featured-blog-content[b-hvzoob3jok] {
        padding: 25px;
    }

    .featured-blog-content h2[b-hvzoob3jok] {
        font-size: 1.75rem;
    }

    .featured-blog-content h3[b-hvzoob3jok] {
        font-size: 1.5rem;
    }

    .blog-posts-grid[b-hvzoob3jok] {
        grid-template-columns: 1fr;
    }

    .blog-meta[b-hvzoob3jok] {
        gap: 15px;
    }

    .step-item[b-hvzoob3jok] {
        flex-direction: column;
        align-items: flex-start;
    }

    .blog-sectors[b-hvzoob3jok] {
        gap: 8px;
    }

    .sector-tag[b-hvzoob3jok] {
        font-size: 0.8rem;
        padding: 8px 15px;
    }

    .blog-highlight[b-hvzoob3jok] {
        flex-direction: column;
    }

    .share-buttons[b-hvzoob3jok] {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .page-hero-content h1[b-hvzoob3jok] {
        font-size: 1.5rem;
    }

    .featured-blog-content h2[b-hvzoob3jok] {
        font-size: 1.5rem;
    }

    .featured-blog-content[b-hvzoob3jok] {
        padding: 20px;
    }

    .sidebar-widget[b-hvzoob3jok] {
        padding: 20px;
    }

    .blog-meta[b-hvzoob3jok] {
        font-size: 0.8rem;
        gap: 10px;
    }
}

/* _content/OzturkIzolasyon/Views/Home/KafeRestoranHavalandirma.cshtml.rz.scp.css */
/* ==========================================
   Product Page Styles
   ========================================== */

/* Page Hero */
.page-hero[b-2qzblicetc] {
    position: relative;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
    overflow: hidden;
}

.page-hero-bg[b-2qzblicetc] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.page-hero[b-2qzblicetc]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.65), rgba(59, 130, 246, 0.45));
    z-index: 1;
}

.page-hero[b-2qzblicetc]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
    z-index: 2;
}

.page-hero-content[b-2qzblicetc] {
    position: relative;
    z-index: 3;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-2qzblicetc] {
    font-size: 3rem;
    font-weight: 800;
    margin-bottom: 20px;
    animation: fadeInUp-b-2qzblicetc 0.8s ease;
}

.breadcrumb[b-2qzblicetc] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 1rem;
    animation: fadeInUp-b-2qzblicetc 0.8s ease 0.2s backwards;
}

.breadcrumb a[b-2qzblicetc] {
    color: var(--white);
    opacity: 0.9;
    transition: var(--transition);
}

.breadcrumb a:hover[b-2qzblicetc] {
    opacity: 1;
    text-decoration: underline;
}

.breadcrumb span[b-2qzblicetc] {
    opacity: 0.7;
}

/* Product Detail Section */
.product-detail[b-2qzblicetc] {
    padding: 80px 0;
    background: var(--white);
}

.product-main[b-2qzblicetc] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: start;
}

.product-image-section[b-2qzblicetc] {
    position: sticky;
    top: 100px;
}

.product-image-main[b-2qzblicetc] {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-lg);
    background: #f3f4f6;
}

.product-image-main img[b-2qzblicetc] {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.5s ease;
}

.product-image-main:hover img[b-2qzblicetc] {
    transform: scale(1.05);
}

.product-info-section[b-2qzblicetc] {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.product-header[b-2qzblicetc] {
    border-bottom: 2px solid var(--border-color);
    padding-bottom: 20px;
}

.product-tag[b-2qzblicetc] {
    display: inline-block;
    padding: 6px 16px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.product-header h2[b-2qzblicetc] {
    font-size: 2.5rem;
    color: var(--dark-color);
    font-weight: 700;
    line-height: 1.2;
}

.product-description p[b-2qzblicetc] {
    font-size: 1.125rem;
    line-height: 1.8;
    color: var(--text-color);
    margin-bottom: 15px;
}

.product-highlights[b-2qzblicetc] {
    background: var(--light-color);
    padding: 30px;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.product-highlights h3[b-2qzblicetc] {
    font-size: 1.5rem;
    color: var(--dark-color);
    margin-bottom: 20px;
}

.product-highlights ul[b-2qzblicetc] {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.product-highlights ul li[b-2qzblicetc] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 1.05rem;
    color: var(--text-color);
}

.product-highlights ul li i[b-2qzblicetc] {
    color: var(--secondary-color);
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.product-cta[b-2qzblicetc] {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    padding-top: 20px;
}

.product-cta .btn[b-2qzblicetc] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 32px;
    font-size: 1.05rem;
}

/* Detailed Content Section */
.detailed-content[b-2qzblicetc] {
    padding: 80px 0;
    background: var(--white);
}

.detailed-content .content-wrapper[b-2qzblicetc] {
    max-width: 900px;
    margin: 0 auto;
}

.detailed-content h2[b-2qzblicetc] {
    font-size: 2.5rem;
    color: var(--dark-color);
    font-weight: 700;
    margin-bottom: 30px;
    text-align: center;
    position: relative;
    padding-bottom: 20px;
}

.detailed-content h2[b-2qzblicetc]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: var(--gradient);
    border-radius: 2px;
}

.detailed-content p[b-2qzblicetc] {
    font-size: 1.125rem;
    line-height: 1.9;
    color: var(--text-color);
    margin-bottom: 25px;
    text-align: justify;
}

.detailed-content p:first-of-type[b-2qzblicetc] {
    font-size: 1.2rem;
    font-weight: 500;
    color: var(--dark-color);
}

.detailed-content p:first-of-type[b-2qzblicetc]::first-letter {
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1;
    float: left;
    color: var(--primary-color);
}

/* Technical Details Section */
.technical-details[b-2qzblicetc] {
    padding: 80px 0;
    background: var(--light-color);
}

.technical-grid[b-2qzblicetc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
}

.technical-card[b-2qzblicetc] {
    background: var(--white);
    padding: 35px;
    border-radius: 12px;
    box-shadow: var(--shadow);
    transition: var(--transition);
}

.technical-card:hover[b-2qzblicetc] {
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
}

.technical-icon[b-2qzblicetc] {
    width: 70px;
    height: 70px;
    background: var(--gradient);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.technical-icon i[b-2qzblicetc] {
    font-size: 2rem;
    color: var(--white);
}

.technical-card h3[b-2qzblicetc] {
    font-size: 1.375rem;
    color: var(--dark-color);
    margin-bottom: 20px;
}

.technical-card ul[b-2qzblicetc] {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.technical-card ul li[b-2qzblicetc] {
    padding-left: 25px;
    position: relative;
    color: var(--text-color);
    line-height: 1.6;
}

.technical-card ul li[b-2qzblicetc]::before {
    content: '•';
    position: absolute;
    left: 8px;
    color: var(--primary-color);
    font-weight: bold;
    font-size: 1.2rem;
}

/* Benefits Section */
.benefits-section[b-2qzblicetc] {
    padding: 80px 0;
    background: var(--white);
}

.benefits-grid[b-2qzblicetc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
}

.benefit-card[b-2qzblicetc] {
    background: var(--light-color);
    padding: 35px;
    border-radius: 12px;
    transition: var(--transition);
    border: 2px solid transparent;
}

.benefit-card:hover[b-2qzblicetc] {
    border-color: var(--primary-color);
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
    background: var(--white);
}

.benefit-icon[b-2qzblicetc] {
    width: 70px;
    height: 70px;
    background: var(--gradient);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    transition: var(--transition);
}

.benefit-card:hover .benefit-icon[b-2qzblicetc] {
    transform: scale(1.1);
}

.benefit-icon i[b-2qzblicetc] {
    font-size: 2rem;
    color: var(--white);
}

.benefit-card h3[b-2qzblicetc] {
    font-size: 1.375rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.benefit-card p[b-2qzblicetc] {
    color: var(--text-color);
    line-height: 1.7;
}

/* Process Section */
.process-section[b-2qzblicetc] {
    padding: 80px 0;
    background: var(--light-color);
}

.process-timeline[b-2qzblicetc] {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 40px;
    position: relative;
}

.process-timeline[b-2qzblicetc]::before {
    content: '';
    position: absolute;
    left: 30px;
    top: 30px;
    bottom: 30px;
    width: 3px;
    background: linear-gradient(to bottom, var(--primary-color), var(--secondary-color));
}

.process-step[b-2qzblicetc] {
    display: flex;
    gap: 30px;
    position: relative;
}

.step-number[b-2qzblicetc] {
    width: 60px;
    height: 60px;
    background: var(--gradient);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--white);
    flex-shrink: 0;
    box-shadow: 0 4px 15px rgba(30, 64, 175, 0.3);
    position: relative;
    z-index: 2;
}

.step-content[b-2qzblicetc] {
    background: var(--white);
    padding: 25px 30px;
    border-radius: 12px;
    box-shadow: var(--shadow);
    flex: 1;
    transition: var(--transition);
}

.step-content:hover[b-2qzblicetc] {
    transform: translateX(10px);
    box-shadow: var(--shadow-lg);
}

.step-content h3[b-2qzblicetc] {
    font-size: 1.375rem;
    color: var(--dark-color);
    margin-bottom: 12px;
}

.step-content p[b-2qzblicetc] {
    color: var(--text-color);
    line-height: 1.7;
}

/* FAQ Section */
.faq-section[b-2qzblicetc] {
    padding: 80px 0;
    background: var(--white);
}

.faq-container[b-2qzblicetc] {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.faq-item[b-2qzblicetc] {
    background: var(--light-color);
    border-radius: 12px;
    overflow: hidden;
    transition: var(--transition);
}

.faq-item:hover[b-2qzblicetc] {
    box-shadow: var(--shadow);
}

.faq-question[b-2qzblicetc] {
    padding: 25px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    user-select: none;
    transition: var(--transition);
}

.faq-question:hover[b-2qzblicetc] {
    background: rgba(30, 64, 175, 0.05);
}

.faq-question h3[b-2qzblicetc] {
    font-size: 1.25rem;
    color: var(--dark-color);
    font-weight: 600;
    margin: 0;
}

.faq-question i[b-2qzblicetc] {
    font-size: 1.25rem;
    color: var(--primary-color);
    transition: transform 0.3s ease;
}

.faq-item.active .faq-question i[b-2qzblicetc] {
    transform: rotate(180deg);
}

.faq-answer[b-2qzblicetc] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
}

.faq-item.active .faq-answer[b-2qzblicetc] {
    max-height: 500px;
    padding: 0 30px 25px 30px;
}

.faq-answer p[b-2qzblicetc] {
    color: var(--text-color);
    line-height: 1.8;
    font-size: 1.05rem;
}

/* CTA Section */
.cta-section[b-2qzblicetc] {
    padding: 80px 0;
    background: var(--gradient);
    position: relative;
    overflow: hidden;
}

.cta-section[b-2qzblicetc]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.cta-content[b-2qzblicetc] {
    position: relative;
    z-index: 2;
    text-align: center;
    color: var(--white);
    max-width: 800px;
    margin: 0 auto;
}

.cta-content h2[b-2qzblicetc] {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.3;
}

.cta-content p[b-2qzblicetc] {
    font-size: 1.25rem;
    margin-bottom: 40px;
    opacity: 0.95;
    line-height: 1.7;
}

.cta-buttons[b-2qzblicetc] {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

.btn-large[b-2qzblicetc] {
    padding: 18px 40px;
    font-size: 1.125rem;
}

.cta-section .btn-secondary[b-2qzblicetc] {
    background: var(--white);
    color: var(--primary-color);
    border: 2px solid var(--white);
}

.cta-section .btn-secondary:hover[b-2qzblicetc] {
    background: transparent;
    color: var(--white);
}

/* ==========================================
   Responsive Design
   ========================================== */

@media (max-width: 1024px) {
    .page-hero-content h1[b-2qzblicetc] {
        font-size: 2.5rem;
    }

    .product-main[b-2qzblicetc] {
        gap: 40px;
    }

    .product-header h2[b-2qzblicetc] {
        font-size: 2rem;
    }

    .technical-grid[b-2qzblicetc],
    .benefits-grid[b-2qzblicetc] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .page-hero[b-2qzblicetc] {
        height: 300px;
        margin-top: 80px;
    }

    .page-hero-content h1[b-2qzblicetc] {
        font-size: 2rem;
    }

    .breadcrumb[b-2qzblicetc] {
        font-size: 0.9rem;
    }

    .product-main[b-2qzblicetc] {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .product-image-section[b-2qzblicetc] {
        position: static;
    }

    .product-header h2[b-2qzblicetc] {
        font-size: 1.75rem;
    }

    .product-description p[b-2qzblicetc] {
        font-size: 1rem;
    }

    .product-highlights[b-2qzblicetc] {
        padding: 20px;
    }

    .product-highlights h3[b-2qzblicetc] {
        font-size: 1.25rem;
    }

    .product-cta[b-2qzblicetc] {
        flex-direction: column;
    }

    .product-cta .btn[b-2qzblicetc] {
        width: 100%;
        justify-content: center;
    }

    .detailed-content h2[b-2qzblicetc] {
        font-size: 2rem;
    }

    .detailed-content p[b-2qzblicetc] {
        font-size: 1rem;
    }

    .detailed-content p:first-of-type[b-2qzblicetc] {
        font-size: 1.05rem;
    }

    .detailed-content p:first-of-type[b-2qzblicetc]::first-letter {
        font-size: 3rem;
    }

    .technical-grid[b-2qzblicetc],
    .benefits-grid[b-2qzblicetc] {
        grid-template-columns: 1fr;
    }

    .process-timeline[b-2qzblicetc]::before {
        left: 20px;
    }

    .step-number[b-2qzblicetc] {
        width: 50px;
        height: 50px;
        font-size: 1.25rem;
    }

    .step-content[b-2qzblicetc] {
        padding: 20px;
    }

    .step-content h3[b-2qzblicetc] {
        font-size: 1.25rem;
    }

    .faq-question[b-2qzblicetc] {
        padding: 20px;
    }

    .faq-question h3[b-2qzblicetc] {
        font-size: 1.1rem;
    }

    .faq-item.active .faq-answer[b-2qzblicetc] {
        padding: 0 20px 20px 20px;
    }

    .cta-content h2[b-2qzblicetc] {
        font-size: 2rem;
    }

    .cta-content p[b-2qzblicetc] {
        font-size: 1.05rem;
    }

    .cta-buttons[b-2qzblicetc] {
        flex-direction: column;
    }

    .btn-large[b-2qzblicetc] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .page-hero[b-2qzblicetc] {
        height: 250px;
    }

    .page-hero-content h1[b-2qzblicetc] {
        font-size: 1.75rem;
    }

    .product-header h2[b-2qzblicetc] {
        font-size: 1.5rem;
    }

    .detailed-content h2[b-2qzblicetc] {
        font-size: 1.75rem;
    }

    .detailed-content p[b-2qzblicetc] {
        font-size: 0.95rem;
    }

    .detailed-content p:first-of-type[b-2qzblicetc] {
        font-size: 1rem;
    }

    .detailed-content p:first-of-type[b-2qzblicetc]::first-letter {
        font-size: 2.5rem;
        margin: 3px 8px 0 0;
    }

    .technical-card[b-2qzblicetc],
    .benefit-card[b-2qzblicetc] {
        padding: 25px;
    }

    .technical-icon[b-2qzblicetc],
    .benefit-icon[b-2qzblicetc] {
        width: 60px;
        height: 60px;
    }

    .technical-icon i[b-2qzblicetc],
    .benefit-icon i[b-2qzblicetc] {
        font-size: 1.75rem;
    }

    .process-step[b-2qzblicetc] {
        gap: 20px;
    }

    .step-number[b-2qzblicetc] {
        width: 40px;
        height: 40px;
        font-size: 1.1rem;
    }

    .cta-content h2[b-2qzblicetc] {
        font-size: 1.75rem;
    }

    .cta-content p[b-2qzblicetc] {
        font-size: 1rem;
    }
}

/* ==========================================
   Animations
   ========================================== */

@keyframes fadeInUp-b-2qzblicetc {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Scroll Animations */
.product-detail[b-2qzblicetc],
.detailed-content[b-2qzblicetc],
.technical-details[b-2qzblicetc],
.benefits-section[b-2qzblicetc],
.process-section[b-2qzblicetc],
.faq-section[b-2qzblicetc] {
    animation: fadeIn-b-2qzblicetc 0.6s ease;
}

@keyframes fadeIn-b-2qzblicetc {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* _content/OzturkIzolasyon/Views/Home/KaucukBoruIzolasyonBlog.cshtml.rz.scp.css */
/* ==========================================
   Blog Page Styles
   ========================================== */

/* Page Hero Section */
.page-hero[b-k8t6j1mqam] {
    position: relative;
    height: 280px;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    padding-bottom: 40px;
}

.page-hero[b-k8t6j1mqam]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.page-hero-overlay[b-k8t6j1mqam] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
}

.page-hero-content[b-k8t6j1mqam] {
    position: relative;
    z-index: 1;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-k8t6j1mqam] {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.page-hero-content p[b-k8t6j1mqam] {
    font-size: 1.25rem;
    margin-bottom: 2rem;
    opacity: 0.95;
}

.breadcrumb[b-k8t6j1mqam] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    opacity: 0.9;
}

.breadcrumb a[b-k8t6j1mqam] {
    color: var(--white);
    transition: opacity 0.3s ease;
}

.breadcrumb a:hover[b-k8t6j1mqam] {
    opacity: 0.8;
}

.breadcrumb i[b-k8t6j1mqam] {
    font-size: 0.75rem;
}

/* Blog Main Section */
.blog-main-section[b-k8t6j1mqam] {
    padding: 80px 0;
    background-color: #f9fafb;
}

.blog-layout[b-k8t6j1mqam] {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 40px;
}

/* Blog Content */
.blog-content[b-k8t6j1mqam] {
    background: var(--white);
}

/* Featured Blog Post */
.featured-blog-post[b-k8t6j1mqam] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    margin-bottom: 60px;
}

.featured-blog-image[b-k8t6j1mqam] {
    position: relative;
    height: 500px;
    overflow: hidden;
}

.featured-blog-image img[b-k8t6j1mqam] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.featured-blog-post:hover .featured-blog-image img[b-k8t6j1mqam] {
    transform: scale(1.05);
}

.blog-category[b-k8t6j1mqam] {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--primary-color);
    color: var(--white);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    z-index: 2;
}

.featured-blog-content[b-k8t6j1mqam] {
    padding: 40px;
}

.blog-meta[b-k8t6j1mqam] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    font-size: 0.875rem;
    color: #6b7280;
    flex-wrap: wrap;
}

.blog-meta span[b-k8t6j1mqam] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.blog-meta i[b-k8t6j1mqam] {
    color: var(--primary-color);
}

.featured-blog-content h2[b-k8t6j1mqam] {
    font-size: 2.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    line-height: 1.3;
}

.blog-excerpt[b-k8t6j1mqam] {
    font-size: 1.125rem;
    color: #4b5563;
    margin-bottom: 20px;
    line-height: 1.8;
    font-weight: 500;
}

.featured-blog-content p[b-k8t6j1mqam] {
    font-size: 1rem;
    color: var(--text-color);
    margin-bottom: 20px;
    line-height: 1.8;
}

.featured-blog-content h3[b-k8t6j1mqam] {
    font-size: 1.75rem;
    color: var(--dark-color);
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 600;
}

/* Blog List */
.blog-list[b-k8t6j1mqam] {
    list-style: none;
    margin: 30px 0;
}

.blog-list li[b-k8t6j1mqam] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-color);
}

.blog-list i[b-k8t6j1mqam] {
    color: #10b981;
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.blog-list strong[b-k8t6j1mqam] {
    color: var(--dark-color);
}

/* Blog Steps */
.blog-steps[b-k8t6j1mqam] {
    margin: 30px 0;
}

.step-item[b-k8t6j1mqam] {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    padding: 25px;
    background: #f9fafb;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.step-number[b-k8t6j1mqam] {
    width: 50px;
    height: 50px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    flex-shrink: 0;
}

.step-content h4[b-k8t6j1mqam] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 8px;
}

.step-content p[b-k8t6j1mqam] {
    margin: 0;
    color: var(--text-color);
}

/* Blog Sectors */
.blog-sectors[b-k8t6j1mqam] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 30px 0;
}

.sector-tag[b-k8t6j1mqam] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid rgba(30, 64, 175, 0.2);
}

.sector-tag i[b-k8t6j1mqam] {
    font-size: 1rem;
}

/* Blog Highlight */
.blog-highlight[b-k8t6j1mqam] {
    display: flex;
    gap: 20px;
    padding: 30px;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-radius: 12px;
    margin: 40px 0;
    border-left: 4px solid #f59e0b;
}

.blog-highlight i[b-k8t6j1mqam] {
    font-size: 2rem;
    color: #f59e0b;
    flex-shrink: 0;
}

.blog-highlight h4[b-k8t6j1mqam] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 10px;
}

.blog-highlight p[b-k8t6j1mqam] {
    margin: 0;
    color: #78350f;
}

/* Blog Tags */
.blog-tags[b-k8t6j1mqam] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 40px 0;
    padding-top: 30px;
    border-top: 1px solid var(--border-color);
}

.blog-tags .tag[b-k8t6j1mqam] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.blog-tags .tag:hover[b-k8t6j1mqam] {
    background: var(--primary-color);
    color: var(--white);
}

.blog-tags .tag i[b-k8t6j1mqam] {
    font-size: 0.75rem;
}

/* Blog Share */
.blog-share[b-k8t6j1mqam] {
    padding: 30px 0;
    border-top: 1px solid var(--border-color);
}

.blog-share h4[b-k8t6j1mqam] {
    font-size: 1.125rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.share-buttons[b-k8t6j1mqam] {
    display: flex;
    gap: 12px;
}

.share-btn[b-k8t6j1mqam] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    transition: all 0.3s ease;
    font-size: 1.125rem;
}

.share-btn:hover[b-k8t6j1mqam] {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.share-btn.facebook[b-k8t6j1mqam] {
    background: #1877f2;
}

.share-btn.twitter[b-k8t6j1mqam] {
    background: #1da1f2;
}

.share-btn.linkedin[b-k8t6j1mqam] {
    background: #0077b5;
}

.share-btn.whatsapp[b-k8t6j1mqam] {
    background: #25d366;
}

/* More Posts Section */
.more-posts-section[b-k8t6j1mqam] {
    margin-top: 60px;
}

.section-title[b-k8t6j1mqam] {
    font-size: 2rem;
    color: var(--dark-color);
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid var(--primary-color);
    display: inline-block;
}

.blog-posts-grid[b-k8t6j1mqam] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
}

.blog-post-card[b-k8t6j1mqam] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.blog-post-card:hover[b-k8t6j1mqam] {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.blog-post-image[b-k8t6j1mqam] {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.blog-post-image img[b-k8t6j1mqam] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.blog-post-card:hover .blog-post-image img[b-k8t6j1mqam] {
    transform: scale(1.1);
}

.blog-post-content[b-k8t6j1mqam] {
    padding: 25px;
}

.blog-post-content h3[b-k8t6j1mqam] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 12px;
    line-height: 1.4;
}

.blog-post-content p[b-k8t6j1mqam] {
    font-size: 0.95rem;
    color: var(--text-color);
    margin-bottom: 15px;
    line-height: 1.6;
}

.read-more-btn[b-k8t6j1mqam] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.95rem;
    transition: gap 0.3s ease;
}

.read-more-btn:hover[b-k8t6j1mqam] {
    gap: 12px;
}

/* Sidebar */
.blog-sidebar[b-k8t6j1mqam] {
    position: sticky;
    top: 100px;
    height: fit-content;
}

.sidebar-widget[b-k8t6j1mqam] {
    background: var(--white);
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.sidebar-widget h3[b-k8t6j1mqam] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--border-color);
}

/* Search Widget */
.search-form[b-k8t6j1mqam] {
    position: relative;
    display: flex;
}

.search-form input[b-k8t6j1mqam] {
    width: 100%;
    padding: 12px 50px 12px 15px;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    font-size: 0.95rem;
    transition: border-color 0.3s ease;
}

.search-form input:focus[b-k8t6j1mqam] {
    outline: none;
    border-color: var(--primary-color);
}

.search-form button[b-k8t6j1mqam] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

.search-form button:hover[b-k8t6j1mqam] {
    background: #1e3a8a;
}

/* Categories Widget */
.categories-list[b-k8t6j1mqam] {
    list-style: none;
}

.categories-list li[b-k8t6j1mqam] {
    margin-bottom: 12px;
}

.categories-list a[b-k8t6j1mqam] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    background: #f9fafb;
    border-radius: 8px;
    color: var(--text-color);
    transition: all 0.3s ease;
}

.categories-list a:hover[b-k8t6j1mqam] {
    background: var(--primary-color);
    color: var(--white);
    transform: translateX(5px);
}

.categories-list i[b-k8t6j1mqam] {
    margin-right: 10px;
    color: var(--primary-color);
    transition: color 0.3s ease;
}

.categories-list a:hover i[b-k8t6j1mqam] {
    color: var(--white);
}

.categories-list span[b-k8t6j1mqam] {
    font-size: 0.875rem;
    opacity: 0.8;
}

/* Recent Posts Widget */
.recent-posts-list[b-k8t6j1mqam] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.recent-post-item[b-k8t6j1mqam] {
    display: flex;
    gap: 15px;
    padding: 12px;
    border-radius: 8px;
    transition: background 0.3s ease;
}

.recent-post-item:hover[b-k8t6j1mqam] {
    background: #f9fafb;
}

.recent-post-item img[b-k8t6j1mqam] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.recent-post-info h4[b-k8t6j1mqam] {
    font-size: 0.95rem;
    color: var(--dark-color);
    margin-bottom: 6px;
    line-height: 1.4;
}

.post-date[b-k8t6j1mqam] {
    font-size: 0.8rem;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Tags Widget */
.tags-cloud[b-k8t6j1mqam] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag-item[b-k8t6j1mqam] {
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.tag-item:hover[b-k8t6j1mqam] {
    background: var(--primary-color);
    color: var(--white);
}

/* CTA Widget */
.cta-widget[b-k8t6j1mqam] {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    color: var(--white);
}

.cta-widget h3[b-k8t6j1mqam] {
    color: var(--white);
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.cta-content[b-k8t6j1mqam] {
    text-align: center;
}

.cta-content i[b-k8t6j1mqam] {
    font-size: 3rem;
    margin-bottom: 15px;
    opacity: 0.9;
}

.cta-content p[b-k8t6j1mqam] {
    margin-bottom: 20px;
    opacity: 0.95;
}

.cta-btn[b-k8t6j1mqam] {
    display: inline-block;
    padding: 12px 30px;
    background: var(--white);
    color: var(--primary-color);
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.cta-btn:hover[b-k8t6j1mqam] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .blog-layout[b-k8t6j1mqam] {
        grid-template-columns: 1fr;
    }

    .blog-sidebar[b-k8t6j1mqam] {
        position: static;
    }

    .sidebar-widget[b-k8t6j1mqam] {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .page-hero[b-k8t6j1mqam] {
        height: 220px;
        padding-bottom: 30px;
    }

    .page-hero-content h1[b-k8t6j1mqam] {
        font-size: 2rem;
    }

    .page-hero-content p[b-k8t6j1mqam] {
        font-size: 1rem;
    }

    .blog-main-section[b-k8t6j1mqam] {
        padding: 40px 0;
    }

    .featured-blog-image[b-k8t6j1mqam] {
        height: 300px;
    }

    .featured-blog-content[b-k8t6j1mqam] {
        padding: 25px;
    }

    .featured-blog-content h2[b-k8t6j1mqam] {
        font-size: 1.75rem;
    }

    .featured-blog-content h3[b-k8t6j1mqam] {
        font-size: 1.5rem;
    }

    .blog-posts-grid[b-k8t6j1mqam] {
        grid-template-columns: 1fr;
    }

    .blog-meta[b-k8t6j1mqam] {
        gap: 15px;
    }

    .step-item[b-k8t6j1mqam] {
        flex-direction: column;
        align-items: flex-start;
    }

    .blog-sectors[b-k8t6j1mqam] {
        gap: 8px;
    }

    .sector-tag[b-k8t6j1mqam] {
        font-size: 0.8rem;
        padding: 8px 15px;
    }

    .blog-highlight[b-k8t6j1mqam] {
        flex-direction: column;
    }

    .share-buttons[b-k8t6j1mqam] {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .page-hero-content h1[b-k8t6j1mqam] {
        font-size: 1.5rem;
    }

    .featured-blog-content h2[b-k8t6j1mqam] {
        font-size: 1.5rem;
    }

    .featured-blog-content[b-k8t6j1mqam] {
        padding: 20px;
    }

    .sidebar-widget[b-k8t6j1mqam] {
        padding: 20px;
    }

    .blog-meta[b-k8t6j1mqam] {
        font-size: 0.8rem;
        gap: 10px;
    }
}

/* _content/OzturkIzolasyon/Views/Home/KayseriIzolasyonBlog.cshtml.rz.scp.css */
/* ==========================================
   Blog Page Styles
   ========================================== */

/* Page Hero Section */
.page-hero[b-96qza0ckni] {
    position: relative;
    height: 280px;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    padding-bottom: 40px;
}

.page-hero[b-96qza0ckni]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.page-hero-overlay[b-96qza0ckni] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
}

.page-hero-content[b-96qza0ckni] {
    position: relative;
    z-index: 1;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-96qza0ckni] {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.page-hero-content p[b-96qza0ckni] {
    font-size: 1.25rem;
    margin-bottom: 2rem;
    opacity: 0.95;
}

.breadcrumb[b-96qza0ckni] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    opacity: 0.9;
}

.breadcrumb a[b-96qza0ckni] {
    color: var(--white);
    transition: opacity 0.3s ease;
}

.breadcrumb a:hover[b-96qza0ckni] {
    opacity: 0.8;
}

.breadcrumb i[b-96qza0ckni] {
    font-size: 0.75rem;
}

/* Blog Main Section */
.blog-main-section[b-96qza0ckni] {
    padding: 80px 0;
    background-color: #f9fafb;
}

.blog-layout[b-96qza0ckni] {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 40px;
}

/* Blog Content */
.blog-content[b-96qza0ckni] {
    background: var(--white);
}

/* Featured Blog Post */
.featured-blog-post[b-96qza0ckni] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    margin-bottom: 60px;
}

.featured-blog-image[b-96qza0ckni] {
    position: relative;
    height: 500px;
    overflow: hidden;
}

.featured-blog-image img[b-96qza0ckni] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.featured-blog-post:hover .featured-blog-image img[b-96qza0ckni] {
    transform: scale(1.05);
}

.blog-category[b-96qza0ckni] {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--primary-color);
    color: var(--white);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    z-index: 2;
}

.featured-blog-content[b-96qza0ckni] {
    padding: 40px;
}

.blog-meta[b-96qza0ckni] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    font-size: 0.875rem;
    color: #6b7280;
    flex-wrap: wrap;
}

.blog-meta span[b-96qza0ckni] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.blog-meta i[b-96qza0ckni] {
    color: var(--primary-color);
}

.featured-blog-content h2[b-96qza0ckni] {
    font-size: 2.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    line-height: 1.3;
}

.blog-excerpt[b-96qza0ckni] {
    font-size: 1.125rem;
    color: #4b5563;
    margin-bottom: 20px;
    line-height: 1.8;
    font-weight: 500;
}

.featured-blog-content p[b-96qza0ckni] {
    font-size: 1rem;
    color: var(--text-color);
    margin-bottom: 20px;
    line-height: 1.8;
}

.featured-blog-content h3[b-96qza0ckni] {
    font-size: 1.75rem;
    color: var(--dark-color);
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 600;
}

/* Blog List */
.blog-list[b-96qza0ckni] {
    list-style: none;
    margin: 30px 0;
}

.blog-list li[b-96qza0ckni] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-color);
}

.blog-list i[b-96qza0ckni] {
    color: #10b981;
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.blog-list strong[b-96qza0ckni] {
    color: var(--dark-color);
}

/* Blog Steps */
.blog-steps[b-96qza0ckni] {
    margin: 30px 0;
}

.step-item[b-96qza0ckni] {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    padding: 25px;
    background: #f9fafb;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.step-number[b-96qza0ckni] {
    width: 50px;
    height: 50px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    flex-shrink: 0;
}

.step-content h4[b-96qza0ckni] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 8px;
}

.step-content p[b-96qza0ckni] {
    margin: 0;
    color: var(--text-color);
}

/* Blog Sectors */
.blog-sectors[b-96qza0ckni] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 30px 0;
}

.sector-tag[b-96qza0ckni] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid rgba(30, 64, 175, 0.2);
}

.sector-tag i[b-96qza0ckni] {
    font-size: 1rem;
}

/* Blog Highlight */
.blog-highlight[b-96qza0ckni] {
    display: flex;
    gap: 20px;
    padding: 30px;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-radius: 12px;
    margin: 40px 0;
    border-left: 4px solid #f59e0b;
}

.blog-highlight i[b-96qza0ckni] {
    font-size: 2rem;
    color: #f59e0b;
    flex-shrink: 0;
}

.blog-highlight h4[b-96qza0ckni] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 10px;
}

.blog-highlight p[b-96qza0ckni] {
    margin: 0;
    color: #78350f;
}

/* Blog Tags */
.blog-tags[b-96qza0ckni] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 40px 0;
    padding-top: 30px;
    border-top: 1px solid var(--border-color);
}

.blog-tags .tag[b-96qza0ckni] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.blog-tags .tag:hover[b-96qza0ckni] {
    background: var(--primary-color);
    color: var(--white);
}

.blog-tags .tag i[b-96qza0ckni] {
    font-size: 0.75rem;
}

/* Blog Share */
.blog-share[b-96qza0ckni] {
    padding: 30px 0;
    border-top: 1px solid var(--border-color);
}

.blog-share h4[b-96qza0ckni] {
    font-size: 1.125rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.share-buttons[b-96qza0ckni] {
    display: flex;
    gap: 12px;
}

.share-btn[b-96qza0ckni] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    transition: all 0.3s ease;
    font-size: 1.125rem;
}

.share-btn:hover[b-96qza0ckni] {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.share-btn.facebook[b-96qza0ckni] {
    background: #1877f2;
}

.share-btn.twitter[b-96qza0ckni] {
    background: #1da1f2;
}

.share-btn.linkedin[b-96qza0ckni] {
    background: #0077b5;
}

.share-btn.whatsapp[b-96qza0ckni] {
    background: #25d366;
}

/* More Posts Section */
.more-posts-section[b-96qza0ckni] {
    margin-top: 60px;
}

.section-title[b-96qza0ckni] {
    font-size: 2rem;
    color: var(--dark-color);
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid var(--primary-color);
    display: inline-block;
}

.blog-posts-grid[b-96qza0ckni] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
}

.blog-post-card[b-96qza0ckni] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.blog-post-card:hover[b-96qza0ckni] {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.blog-post-image[b-96qza0ckni] {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.blog-post-image img[b-96qza0ckni] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.blog-post-card:hover .blog-post-image img[b-96qza0ckni] {
    transform: scale(1.1);
}

.blog-post-content[b-96qza0ckni] {
    padding: 25px;
}

.blog-post-content h3[b-96qza0ckni] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 12px;
    line-height: 1.4;
}

.blog-post-content p[b-96qza0ckni] {
    font-size: 0.95rem;
    color: var(--text-color);
    margin-bottom: 15px;
    line-height: 1.6;
}

.read-more-btn[b-96qza0ckni] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.95rem;
    transition: gap 0.3s ease;
}

.read-more-btn:hover[b-96qza0ckni] {
    gap: 12px;
}

/* Sidebar */
.blog-sidebar[b-96qza0ckni] {
    position: sticky;
    top: 100px;
    height: fit-content;
}

.sidebar-widget[b-96qza0ckni] {
    background: var(--white);
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.sidebar-widget h3[b-96qza0ckni] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--border-color);
}

/* Search Widget */
.search-form[b-96qza0ckni] {
    position: relative;
    display: flex;
}

.search-form input[b-96qza0ckni] {
    width: 100%;
    padding: 12px 50px 12px 15px;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    font-size: 0.95rem;
    transition: border-color 0.3s ease;
}

.search-form input:focus[b-96qza0ckni] {
    outline: none;
    border-color: var(--primary-color);
}

.search-form button[b-96qza0ckni] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

.search-form button:hover[b-96qza0ckni] {
    background: #1e3a8a;
}

/* Categories Widget */
.categories-list[b-96qza0ckni] {
    list-style: none;
}

.categories-list li[b-96qza0ckni] {
    margin-bottom: 12px;
}

.categories-list a[b-96qza0ckni] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    background: #f9fafb;
    border-radius: 8px;
    color: var(--text-color);
    transition: all 0.3s ease;
}

.categories-list a:hover[b-96qza0ckni] {
    background: var(--primary-color);
    color: var(--white);
    transform: translateX(5px);
}

.categories-list i[b-96qza0ckni] {
    margin-right: 10px;
    color: var(--primary-color);
    transition: color 0.3s ease;
}

.categories-list a:hover i[b-96qza0ckni] {
    color: var(--white);
}

.categories-list span[b-96qza0ckni] {
    font-size: 0.875rem;
    opacity: 0.8;
}

/* Recent Posts Widget */
.recent-posts-list[b-96qza0ckni] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.recent-post-item[b-96qza0ckni] {
    display: flex;
    gap: 15px;
    padding: 12px;
    border-radius: 8px;
    transition: background 0.3s ease;
}

.recent-post-item:hover[b-96qza0ckni] {
    background: #f9fafb;
}

.recent-post-item img[b-96qza0ckni] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.recent-post-info h4[b-96qza0ckni] {
    font-size: 0.95rem;
    color: var(--dark-color);
    margin-bottom: 6px;
    line-height: 1.4;
}

.post-date[b-96qza0ckni] {
    font-size: 0.8rem;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Tags Widget */
.tags-cloud[b-96qza0ckni] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag-item[b-96qza0ckni] {
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.tag-item:hover[b-96qza0ckni] {
    background: var(--primary-color);
    color: var(--white);
}

/* CTA Widget */
.cta-widget[b-96qza0ckni] {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    color: var(--white);
}

.cta-widget h3[b-96qza0ckni] {
    color: var(--white);
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.cta-content[b-96qza0ckni] {
    text-align: center;
}

.cta-content i[b-96qza0ckni] {
    font-size: 3rem;
    margin-bottom: 15px;
    opacity: 0.9;
}

.cta-content p[b-96qza0ckni] {
    margin-bottom: 20px;
    opacity: 0.95;
}

.cta-btn[b-96qza0ckni] {
    display: inline-block;
    padding: 12px 30px;
    background: var(--white);
    color: var(--primary-color);
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.cta-btn:hover[b-96qza0ckni] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .blog-layout[b-96qza0ckni] {
        grid-template-columns: 1fr;
    }

    .blog-sidebar[b-96qza0ckni] {
        position: static;
    }

    .sidebar-widget[b-96qza0ckni] {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .page-hero[b-96qza0ckni] {
        height: 220px;
        padding-bottom: 30px;
    }

    .page-hero-content h1[b-96qza0ckni] {
        font-size: 2rem;
    }

    .page-hero-content p[b-96qza0ckni] {
        font-size: 1rem;
    }

    .blog-main-section[b-96qza0ckni] {
        padding: 40px 0;
    }

    .featured-blog-image[b-96qza0ckni] {
        height: 300px;
    }

    .featured-blog-content[b-96qza0ckni] {
        padding: 25px;
    }

    .featured-blog-content h2[b-96qza0ckni] {
        font-size: 1.75rem;
    }

    .featured-blog-content h3[b-96qza0ckni] {
        font-size: 1.5rem;
    }

    .blog-posts-grid[b-96qza0ckni] {
        grid-template-columns: 1fr;
    }

    .blog-meta[b-96qza0ckni] {
        gap: 15px;
    }

    .step-item[b-96qza0ckni] {
        flex-direction: column;
        align-items: flex-start;
    }

    .blog-sectors[b-96qza0ckni] {
        gap: 8px;
    }

    .sector-tag[b-96qza0ckni] {
        font-size: 0.8rem;
        padding: 8px 15px;
    }

    .blog-highlight[b-96qza0ckni] {
        flex-direction: column;
    }

    .share-buttons[b-96qza0ckni] {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .page-hero-content h1[b-96qza0ckni] {
        font-size: 1.5rem;
    }

    .featured-blog-content h2[b-96qza0ckni] {
        font-size: 1.5rem;
    }

    .featured-blog-content[b-96qza0ckni] {
        padding: 20px;
    }

    .sidebar-widget[b-96qza0ckni] {
        padding: 20px;
    }

    .blog-meta[b-96qza0ckni] {
        font-size: 0.8rem;
        gap: 10px;
    }
}

/* _content/OzturkIzolasyon/Views/Home/KazanIzolasyon.cshtml.rz.scp.css */
/* ==========================================
   Product Page Styles
   ========================================== */

/* Page Hero */
.page-hero[b-2d0thyrzhj] {
    position: relative;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
    overflow: hidden;
}

.page-hero-bg[b-2d0thyrzhj] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.page-hero[b-2d0thyrzhj]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.65), rgba(59, 130, 246, 0.45));
    z-index: 1;
}

.page-hero[b-2d0thyrzhj]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
    z-index: 2;
}

.page-hero-content[b-2d0thyrzhj] {
    position: relative;
    z-index: 3;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-2d0thyrzhj] {
    font-size: 3rem;
    font-weight: 800;
    margin-bottom: 20px;
    animation: fadeInUp-b-2d0thyrzhj 0.8s ease;
}

.breadcrumb[b-2d0thyrzhj] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 1rem;
    animation: fadeInUp-b-2d0thyrzhj 0.8s ease 0.2s backwards;
}

.breadcrumb a[b-2d0thyrzhj] {
    color: var(--white);
    opacity: 0.9;
    transition: var(--transition);
}

.breadcrumb a:hover[b-2d0thyrzhj] {
    opacity: 1;
    text-decoration: underline;
}

.breadcrumb span[b-2d0thyrzhj] {
    opacity: 0.7;
}

/* Product Detail Section */
.product-detail[b-2d0thyrzhj] {
    padding: 80px 0;
    background: var(--white);
}

.product-main[b-2d0thyrzhj] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: start;
}

.product-image-section[b-2d0thyrzhj] {
    position: sticky;
    top: 100px;
}

.product-image-main[b-2d0thyrzhj] {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-lg);
    background: #f3f4f6;
}

.product-image-main img[b-2d0thyrzhj] {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.5s ease;
}

.product-image-main:hover img[b-2d0thyrzhj] {
    transform: scale(1.05);
}

.product-info-section[b-2d0thyrzhj] {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.product-header[b-2d0thyrzhj] {
    border-bottom: 2px solid var(--border-color);
    padding-bottom: 20px;
}

.product-tag[b-2d0thyrzhj] {
    display: inline-block;
    padding: 6px 16px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.product-header h2[b-2d0thyrzhj] {
    font-size: 2.5rem;
    color: var(--dark-color);
    font-weight: 700;
    line-height: 1.2;
}

.product-description p[b-2d0thyrzhj] {
    font-size: 1.125rem;
    line-height: 1.8;
    color: var(--text-color);
    margin-bottom: 15px;
}

.product-highlights[b-2d0thyrzhj] {
    background: var(--light-color);
    padding: 30px;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.product-highlights h3[b-2d0thyrzhj] {
    font-size: 1.5rem;
    color: var(--dark-color);
    margin-bottom: 20px;
}

.product-highlights ul[b-2d0thyrzhj] {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.product-highlights ul li[b-2d0thyrzhj] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 1.05rem;
    color: var(--text-color);
}

.product-highlights ul li i[b-2d0thyrzhj] {
    color: var(--secondary-color);
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.product-cta[b-2d0thyrzhj] {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    padding-top: 20px;
}

.product-cta .btn[b-2d0thyrzhj] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 32px;
    font-size: 1.05rem;
}

/* Detailed Content Section */
.detailed-content[b-2d0thyrzhj] {
    padding: 80px 0;
    background: var(--white);
}

.detailed-content .content-wrapper[b-2d0thyrzhj] {
    max-width: 900px;
    margin: 0 auto;
}

.detailed-content h2[b-2d0thyrzhj] {
    font-size: 2.5rem;
    color: var(--dark-color);
    font-weight: 700;
    margin-bottom: 30px;
    text-align: center;
    position: relative;
    padding-bottom: 20px;
}

.detailed-content h2[b-2d0thyrzhj]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: var(--gradient);
    border-radius: 2px;
}

.detailed-content p[b-2d0thyrzhj] {
    font-size: 1.125rem;
    line-height: 1.9;
    color: var(--text-color);
    margin-bottom: 25px;
    text-align: justify;
}

.detailed-content p:first-of-type[b-2d0thyrzhj] {
    font-size: 1.2rem;
    font-weight: 500;
    color: var(--dark-color);
}

.detailed-content p:first-of-type[b-2d0thyrzhj]::first-letter {
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1;
    float: left;
    color: var(--primary-color);
}

/* Technical Details Section */
.technical-details[b-2d0thyrzhj] {
    padding: 80px 0;
    background: var(--light-color);
}

.technical-grid[b-2d0thyrzhj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
}

.technical-card[b-2d0thyrzhj] {
    background: var(--white);
    padding: 35px;
    border-radius: 12px;
    box-shadow: var(--shadow);
    transition: var(--transition);
}

.technical-card:hover[b-2d0thyrzhj] {
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
}

.technical-icon[b-2d0thyrzhj] {
    width: 70px;
    height: 70px;
    background: var(--gradient);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.technical-icon i[b-2d0thyrzhj] {
    font-size: 2rem;
    color: var(--white);
}

.technical-card h3[b-2d0thyrzhj] {
    font-size: 1.375rem;
    color: var(--dark-color);
    margin-bottom: 20px;
}

.technical-card ul[b-2d0thyrzhj] {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.technical-card ul li[b-2d0thyrzhj] {
    padding-left: 25px;
    position: relative;
    color: var(--text-color);
    line-height: 1.6;
}

.technical-card ul li[b-2d0thyrzhj]::before {
    content: '•';
    position: absolute;
    left: 8px;
    color: var(--primary-color);
    font-weight: bold;
    font-size: 1.2rem;
}

/* Benefits Section */
.benefits-section[b-2d0thyrzhj] {
    padding: 80px 0;
    background: var(--white);
}

.benefits-grid[b-2d0thyrzhj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
}

.benefit-card[b-2d0thyrzhj] {
    background: var(--light-color);
    padding: 35px;
    border-radius: 12px;
    transition: var(--transition);
    border: 2px solid transparent;
}

.benefit-card:hover[b-2d0thyrzhj] {
    border-color: var(--primary-color);
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
    background: var(--white);
}

.benefit-icon[b-2d0thyrzhj] {
    width: 70px;
    height: 70px;
    background: var(--gradient);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    transition: var(--transition);
}

.benefit-card:hover .benefit-icon[b-2d0thyrzhj] {
    transform: scale(1.1);
}

.benefit-icon i[b-2d0thyrzhj] {
    font-size: 2rem;
    color: var(--white);
}

.benefit-card h3[b-2d0thyrzhj] {
    font-size: 1.375rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.benefit-card p[b-2d0thyrzhj] {
    color: var(--text-color);
    line-height: 1.7;
}

/* Process Section */
.process-section[b-2d0thyrzhj] {
    padding: 80px 0;
    background: var(--light-color);
}

.process-timeline[b-2d0thyrzhj] {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 40px;
    position: relative;
}

.process-timeline[b-2d0thyrzhj]::before {
    content: '';
    position: absolute;
    left: 30px;
    top: 30px;
    bottom: 30px;
    width: 3px;
    background: linear-gradient(to bottom, var(--primary-color), var(--secondary-color));
}

.process-step[b-2d0thyrzhj] {
    display: flex;
    gap: 30px;
    position: relative;
}

.step-number[b-2d0thyrzhj] {
    width: 60px;
    height: 60px;
    background: var(--gradient);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--white);
    flex-shrink: 0;
    box-shadow: 0 4px 15px rgba(30, 64, 175, 0.3);
    position: relative;
    z-index: 2;
}

.step-content[b-2d0thyrzhj] {
    background: var(--white);
    padding: 25px 30px;
    border-radius: 12px;
    box-shadow: var(--shadow);
    flex: 1;
    transition: var(--transition);
}

.step-content:hover[b-2d0thyrzhj] {
    transform: translateX(10px);
    box-shadow: var(--shadow-lg);
}

.step-content h3[b-2d0thyrzhj] {
    font-size: 1.375rem;
    color: var(--dark-color);
    margin-bottom: 12px;
}

.step-content p[b-2d0thyrzhj] {
    color: var(--text-color);
    line-height: 1.7;
}

/* FAQ Section */
.faq-section[b-2d0thyrzhj] {
    padding: 80px 0;
    background: var(--white);
}

.faq-container[b-2d0thyrzhj] {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.faq-item[b-2d0thyrzhj] {
    background: var(--light-color);
    border-radius: 12px;
    overflow: hidden;
    transition: var(--transition);
}

.faq-item:hover[b-2d0thyrzhj] {
    box-shadow: var(--shadow);
}

.faq-question[b-2d0thyrzhj] {
    padding: 25px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    user-select: none;
    transition: var(--transition);
}

.faq-question:hover[b-2d0thyrzhj] {
    background: rgba(30, 64, 175, 0.05);
}

.faq-question h3[b-2d0thyrzhj] {
    font-size: 1.25rem;
    color: var(--dark-color);
    font-weight: 600;
    margin: 0;
}

.faq-question i[b-2d0thyrzhj] {
    font-size: 1.25rem;
    color: var(--primary-color);
    transition: transform 0.3s ease;
}

.faq-item.active .faq-question i[b-2d0thyrzhj] {
    transform: rotate(180deg);
}

.faq-answer[b-2d0thyrzhj] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
}

.faq-item.active .faq-answer[b-2d0thyrzhj] {
    max-height: 500px;
    padding: 0 30px 25px 30px;
}

.faq-answer p[b-2d0thyrzhj] {
    color: var(--text-color);
    line-height: 1.8;
    font-size: 1.05rem;
}

/* CTA Section */
.cta-section[b-2d0thyrzhj] {
    padding: 80px 0;
    background: var(--gradient);
    position: relative;
    overflow: hidden;
}

.cta-section[b-2d0thyrzhj]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.cta-content[b-2d0thyrzhj] {
    position: relative;
    z-index: 2;
    text-align: center;
    color: var(--white);
    max-width: 800px;
    margin: 0 auto;
}

.cta-content h2[b-2d0thyrzhj] {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.3;
}

.cta-content p[b-2d0thyrzhj] {
    font-size: 1.25rem;
    margin-bottom: 40px;
    opacity: 0.95;
    line-height: 1.7;
}

.cta-buttons[b-2d0thyrzhj] {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

.btn-large[b-2d0thyrzhj] {
    padding: 18px 40px;
    font-size: 1.125rem;
}

.cta-section .btn-secondary[b-2d0thyrzhj] {
    background: var(--white);
    color: var(--primary-color);
    border: 2px solid var(--white);
}

.cta-section .btn-secondary:hover[b-2d0thyrzhj] {
    background: transparent;
    color: var(--white);
}

/* ==========================================
   Responsive Design
   ========================================== */

@media (max-width: 1024px) {
    .page-hero-content h1[b-2d0thyrzhj] {
        font-size: 2.5rem;
    }

    .product-main[b-2d0thyrzhj] {
        gap: 40px;
    }

    .product-header h2[b-2d0thyrzhj] {
        font-size: 2rem;
    }

    .technical-grid[b-2d0thyrzhj],
    .benefits-grid[b-2d0thyrzhj] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .page-hero[b-2d0thyrzhj] {
        height: 300px;
        margin-top: 80px;
    }

    .page-hero-content h1[b-2d0thyrzhj] {
        font-size: 2rem;
    }

    .breadcrumb[b-2d0thyrzhj] {
        font-size: 0.9rem;
    }

    .product-main[b-2d0thyrzhj] {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .product-image-section[b-2d0thyrzhj] {
        position: static;
    }

    .product-header h2[b-2d0thyrzhj] {
        font-size: 1.75rem;
    }

    .product-description p[b-2d0thyrzhj] {
        font-size: 1rem;
    }

    .product-highlights[b-2d0thyrzhj] {
        padding: 20px;
    }

    .product-highlights h3[b-2d0thyrzhj] {
        font-size: 1.25rem;
    }

    .product-cta[b-2d0thyrzhj] {
        flex-direction: column;
    }

    .product-cta .btn[b-2d0thyrzhj] {
        width: 100%;
        justify-content: center;
    }

    .detailed-content h2[b-2d0thyrzhj] {
        font-size: 2rem;
    }

    .detailed-content p[b-2d0thyrzhj] {
        font-size: 1rem;
    }

    .detailed-content p:first-of-type[b-2d0thyrzhj] {
        font-size: 1.05rem;
    }

    .detailed-content p:first-of-type[b-2d0thyrzhj]::first-letter {
        font-size: 3rem;
    }

    .technical-grid[b-2d0thyrzhj],
    .benefits-grid[b-2d0thyrzhj] {
        grid-template-columns: 1fr;
    }

    .process-timeline[b-2d0thyrzhj]::before {
        left: 20px;
    }

    .step-number[b-2d0thyrzhj] {
        width: 50px;
        height: 50px;
        font-size: 1.25rem;
    }

    .step-content[b-2d0thyrzhj] {
        padding: 20px;
    }

    .step-content h3[b-2d0thyrzhj] {
        font-size: 1.25rem;
    }

    .faq-question[b-2d0thyrzhj] {
        padding: 20px;
    }

    .faq-question h3[b-2d0thyrzhj] {
        font-size: 1.1rem;
    }

    .faq-item.active .faq-answer[b-2d0thyrzhj] {
        padding: 0 20px 20px 20px;
    }

    .cta-content h2[b-2d0thyrzhj] {
        font-size: 2rem;
    }

    .cta-content p[b-2d0thyrzhj] {
        font-size: 1.05rem;
    }

    .cta-buttons[b-2d0thyrzhj] {
        flex-direction: column;
    }

    .btn-large[b-2d0thyrzhj] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .page-hero[b-2d0thyrzhj] {
        height: 250px;
    }

    .page-hero-content h1[b-2d0thyrzhj] {
        font-size: 1.75rem;
    }

    .product-header h2[b-2d0thyrzhj] {
        font-size: 1.5rem;
    }

    .detailed-content h2[b-2d0thyrzhj] {
        font-size: 1.75rem;
    }

    .detailed-content p[b-2d0thyrzhj] {
        font-size: 0.95rem;
    }

    .detailed-content p:first-of-type[b-2d0thyrzhj] {
        font-size: 1rem;
    }

    .detailed-content p:first-of-type[b-2d0thyrzhj]::first-letter {
        font-size: 2.5rem;
        margin: 3px 8px 0 0;
    }

    .technical-card[b-2d0thyrzhj],
    .benefit-card[b-2d0thyrzhj] {
        padding: 25px;
    }

    .technical-icon[b-2d0thyrzhj],
    .benefit-icon[b-2d0thyrzhj] {
        width: 60px;
        height: 60px;
    }

    .technical-icon i[b-2d0thyrzhj],
    .benefit-icon i[b-2d0thyrzhj] {
        font-size: 1.75rem;
    }

    .process-step[b-2d0thyrzhj] {
        gap: 20px;
    }

    .step-number[b-2d0thyrzhj] {
        width: 40px;
        height: 40px;
        font-size: 1.1rem;
    }

    .cta-content h2[b-2d0thyrzhj] {
        font-size: 1.75rem;
    }

    .cta-content p[b-2d0thyrzhj] {
        font-size: 1rem;
    }
}

/* ==========================================
   Animations
   ========================================== */

@keyframes fadeInUp-b-2d0thyrzhj {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Scroll Animations */
.product-detail[b-2d0thyrzhj],
.detailed-content[b-2d0thyrzhj],
.technical-details[b-2d0thyrzhj],
.benefits-section[b-2d0thyrzhj],
.process-section[b-2d0thyrzhj],
.faq-section[b-2d0thyrzhj] {
    animation: fadeIn-b-2d0thyrzhj 0.6s ease;
}

@keyframes fadeIn-b-2d0thyrzhj {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* _content/OzturkIzolasyon/Views/Home/KazanIzolasyonMalzemelerBlog.cshtml.rz.scp.css */
/* ==========================================
   Blog Page Styles
   ========================================== */

/* Page Hero Section */
.page-hero[b-ns3h6751vd] {
    position: relative;
    height: 280px;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    padding-bottom: 40px;
}

.page-hero[b-ns3h6751vd]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.page-hero-overlay[b-ns3h6751vd] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
}

.page-hero-content[b-ns3h6751vd] {
    position: relative;
    z-index: 1;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-ns3h6751vd] {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.page-hero-content p[b-ns3h6751vd] {
    font-size: 1.25rem;
    margin-bottom: 2rem;
    opacity: 0.95;
}

.breadcrumb[b-ns3h6751vd] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    opacity: 0.9;
}

.breadcrumb a[b-ns3h6751vd] {
    color: var(--white);
    transition: opacity 0.3s ease;
}

.breadcrumb a:hover[b-ns3h6751vd] {
    opacity: 0.8;
}

.breadcrumb i[b-ns3h6751vd] {
    font-size: 0.75rem;
}

/* Blog Main Section */
.blog-main-section[b-ns3h6751vd] {
    padding: 80px 0;
    background-color: #f9fafb;
}

.blog-layout[b-ns3h6751vd] {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 40px;
}

/* Blog Content */
.blog-content[b-ns3h6751vd] {
    background: var(--white);
}

/* Featured Blog Post */
.featured-blog-post[b-ns3h6751vd] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    margin-bottom: 60px;
}

.featured-blog-image[b-ns3h6751vd] {
    position: relative;
    height: 500px;
    overflow: hidden;
}

.featured-blog-image img[b-ns3h6751vd] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.featured-blog-post:hover .featured-blog-image img[b-ns3h6751vd] {
    transform: scale(1.05);
}

.blog-category[b-ns3h6751vd] {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--primary-color);
    color: var(--white);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    z-index: 2;
}

.featured-blog-content[b-ns3h6751vd] {
    padding: 40px;
}

.blog-meta[b-ns3h6751vd] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    font-size: 0.875rem;
    color: #6b7280;
    flex-wrap: wrap;
}

.blog-meta span[b-ns3h6751vd] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.blog-meta i[b-ns3h6751vd] {
    color: var(--primary-color);
}

.featured-blog-content h2[b-ns3h6751vd] {
    font-size: 2.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    line-height: 1.3;
}

.blog-excerpt[b-ns3h6751vd] {
    font-size: 1.125rem;
    color: #4b5563;
    margin-bottom: 20px;
    line-height: 1.8;
    font-weight: 500;
}

.featured-blog-content p[b-ns3h6751vd] {
    font-size: 1rem;
    color: var(--text-color);
    margin-bottom: 20px;
    line-height: 1.8;
}

.featured-blog-content h3[b-ns3h6751vd] {
    font-size: 1.75rem;
    color: var(--dark-color);
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 600;
}

/* Blog List */
.blog-list[b-ns3h6751vd] {
    list-style: none;
    margin: 30px 0;
}

.blog-list li[b-ns3h6751vd] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-color);
}

.blog-list i[b-ns3h6751vd] {
    color: #10b981;
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.blog-list strong[b-ns3h6751vd] {
    color: var(--dark-color);
}

/* Blog Steps */
.blog-steps[b-ns3h6751vd] {
    margin: 30px 0;
}

.step-item[b-ns3h6751vd] {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    padding: 25px;
    background: #f9fafb;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.step-number[b-ns3h6751vd] {
    width: 50px;
    height: 50px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    flex-shrink: 0;
}

.step-content h4[b-ns3h6751vd] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 8px;
}

.step-content p[b-ns3h6751vd] {
    margin: 0;
    color: var(--text-color);
}

/* Blog Sectors */
.blog-sectors[b-ns3h6751vd] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 30px 0;
}

.sector-tag[b-ns3h6751vd] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid rgba(30, 64, 175, 0.2);
}

.sector-tag i[b-ns3h6751vd] {
    font-size: 1rem;
}

/* Blog Highlight */
.blog-highlight[b-ns3h6751vd] {
    display: flex;
    gap: 20px;
    padding: 30px;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-radius: 12px;
    margin: 40px 0;
    border-left: 4px solid #f59e0b;
}

.blog-highlight i[b-ns3h6751vd] {
    font-size: 2rem;
    color: #f59e0b;
    flex-shrink: 0;
}

.blog-highlight h4[b-ns3h6751vd] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 10px;
}

.blog-highlight p[b-ns3h6751vd] {
    margin: 0;
    color: #78350f;
}

/* Blog Tags */
.blog-tags[b-ns3h6751vd] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 40px 0;
    padding-top: 30px;
    border-top: 1px solid var(--border-color);
}

.blog-tags .tag[b-ns3h6751vd] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.blog-tags .tag:hover[b-ns3h6751vd] {
    background: var(--primary-color);
    color: var(--white);
}

.blog-tags .tag i[b-ns3h6751vd] {
    font-size: 0.75rem;
}

/* Blog Share */
.blog-share[b-ns3h6751vd] {
    padding: 30px 0;
    border-top: 1px solid var(--border-color);
}

.blog-share h4[b-ns3h6751vd] {
    font-size: 1.125rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.share-buttons[b-ns3h6751vd] {
    display: flex;
    gap: 12px;
}

.share-btn[b-ns3h6751vd] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    transition: all 0.3s ease;
    font-size: 1.125rem;
}

.share-btn:hover[b-ns3h6751vd] {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.share-btn.facebook[b-ns3h6751vd] {
    background: #1877f2;
}

.share-btn.twitter[b-ns3h6751vd] {
    background: #1da1f2;
}

.share-btn.linkedin[b-ns3h6751vd] {
    background: #0077b5;
}

.share-btn.whatsapp[b-ns3h6751vd] {
    background: #25d366;
}

/* More Posts Section */
.more-posts-section[b-ns3h6751vd] {
    margin-top: 60px;
}

.section-title[b-ns3h6751vd] {
    font-size: 2rem;
    color: var(--dark-color);
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid var(--primary-color);
    display: inline-block;
}

.blog-posts-grid[b-ns3h6751vd] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
}

.blog-post-card[b-ns3h6751vd] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.blog-post-card:hover[b-ns3h6751vd] {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.blog-post-image[b-ns3h6751vd] {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.blog-post-image img[b-ns3h6751vd] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.blog-post-card:hover .blog-post-image img[b-ns3h6751vd] {
    transform: scale(1.1);
}

.blog-post-content[b-ns3h6751vd] {
    padding: 25px;
}

.blog-post-content h3[b-ns3h6751vd] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 12px;
    line-height: 1.4;
}

.blog-post-content p[b-ns3h6751vd] {
    font-size: 0.95rem;
    color: var(--text-color);
    margin-bottom: 15px;
    line-height: 1.6;
}

.read-more-btn[b-ns3h6751vd] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.95rem;
    transition: gap 0.3s ease;
}

.read-more-btn:hover[b-ns3h6751vd] {
    gap: 12px;
}

/* Sidebar */
.blog-sidebar[b-ns3h6751vd] {
    position: sticky;
    top: 100px;
    height: fit-content;
}

.sidebar-widget[b-ns3h6751vd] {
    background: var(--white);
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.sidebar-widget h3[b-ns3h6751vd] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--border-color);
}

/* Search Widget */
.search-form[b-ns3h6751vd] {
    position: relative;
    display: flex;
}

.search-form input[b-ns3h6751vd] {
    width: 100%;
    padding: 12px 50px 12px 15px;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    font-size: 0.95rem;
    transition: border-color 0.3s ease;
}

.search-form input:focus[b-ns3h6751vd] {
    outline: none;
    border-color: var(--primary-color);
}

.search-form button[b-ns3h6751vd] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

.search-form button:hover[b-ns3h6751vd] {
    background: #1e3a8a;
}

/* Categories Widget */
.categories-list[b-ns3h6751vd] {
    list-style: none;
}

.categories-list li[b-ns3h6751vd] {
    margin-bottom: 12px;
}

.categories-list a[b-ns3h6751vd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    background: #f9fafb;
    border-radius: 8px;
    color: var(--text-color);
    transition: all 0.3s ease;
}

.categories-list a:hover[b-ns3h6751vd] {
    background: var(--primary-color);
    color: var(--white);
    transform: translateX(5px);
}

.categories-list i[b-ns3h6751vd] {
    margin-right: 10px;
    color: var(--primary-color);
    transition: color 0.3s ease;
}

.categories-list a:hover i[b-ns3h6751vd] {
    color: var(--white);
}

.categories-list span[b-ns3h6751vd] {
    font-size: 0.875rem;
    opacity: 0.8;
}

/* Recent Posts Widget */
.recent-posts-list[b-ns3h6751vd] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.recent-post-item[b-ns3h6751vd] {
    display: flex;
    gap: 15px;
    padding: 12px;
    border-radius: 8px;
    transition: background 0.3s ease;
}

.recent-post-item:hover[b-ns3h6751vd] {
    background: #f9fafb;
}

.recent-post-item img[b-ns3h6751vd] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.recent-post-info h4[b-ns3h6751vd] {
    font-size: 0.95rem;
    color: var(--dark-color);
    margin-bottom: 6px;
    line-height: 1.4;
}

.post-date[b-ns3h6751vd] {
    font-size: 0.8rem;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Tags Widget */
.tags-cloud[b-ns3h6751vd] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag-item[b-ns3h6751vd] {
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.tag-item:hover[b-ns3h6751vd] {
    background: var(--primary-color);
    color: var(--white);
}

/* CTA Widget */
.cta-widget[b-ns3h6751vd] {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    color: var(--white);
}

.cta-widget h3[b-ns3h6751vd] {
    color: var(--white);
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.cta-content[b-ns3h6751vd] {
    text-align: center;
}

.cta-content i[b-ns3h6751vd] {
    font-size: 3rem;
    margin-bottom: 15px;
    opacity: 0.9;
}

.cta-content p[b-ns3h6751vd] {
    margin-bottom: 20px;
    opacity: 0.95;
}

.cta-btn[b-ns3h6751vd] {
    display: inline-block;
    padding: 12px 30px;
    background: var(--white);
    color: var(--primary-color);
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.cta-btn:hover[b-ns3h6751vd] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .blog-layout[b-ns3h6751vd] {
        grid-template-columns: 1fr;
    }

    .blog-sidebar[b-ns3h6751vd] {
        position: static;
    }

    .sidebar-widget[b-ns3h6751vd] {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .page-hero[b-ns3h6751vd] {
        height: 220px;
        padding-bottom: 30px;
    }

    .page-hero-content h1[b-ns3h6751vd] {
        font-size: 2rem;
    }

    .page-hero-content p[b-ns3h6751vd] {
        font-size: 1rem;
    }

    .blog-main-section[b-ns3h6751vd] {
        padding: 40px 0;
    }

    .featured-blog-image[b-ns3h6751vd] {
        height: 300px;
    }

    .featured-blog-content[b-ns3h6751vd] {
        padding: 25px;
    }

    .featured-blog-content h2[b-ns3h6751vd] {
        font-size: 1.75rem;
    }

    .featured-blog-content h3[b-ns3h6751vd] {
        font-size: 1.5rem;
    }

    .blog-posts-grid[b-ns3h6751vd] {
        grid-template-columns: 1fr;
    }

    .blog-meta[b-ns3h6751vd] {
        gap: 15px;
    }

    .step-item[b-ns3h6751vd] {
        flex-direction: column;
        align-items: flex-start;
    }

    .blog-sectors[b-ns3h6751vd] {
        gap: 8px;
    }

    .sector-tag[b-ns3h6751vd] {
        font-size: 0.8rem;
        padding: 8px 15px;
    }

    .blog-highlight[b-ns3h6751vd] {
        flex-direction: column;
    }

    .share-buttons[b-ns3h6751vd] {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .page-hero-content h1[b-ns3h6751vd] {
        font-size: 1.5rem;
    }

    .featured-blog-content h2[b-ns3h6751vd] {
        font-size: 1.5rem;
    }

    .featured-blog-content[b-ns3h6751vd] {
        padding: 20px;
    }

    .sidebar-widget[b-ns3h6751vd] {
        padding: 20px;
    }

    .blog-meta[b-ns3h6751vd] {
        font-size: 0.8rem;
        gap: 10px;
    }
}

/* _content/OzturkIzolasyon/Views/Home/KazanKapakVanaYalitimCeketi.cshtml.rz.scp.css */
/* ==========================================
   Product Page Styles
   ========================================== */

/* Page Hero */
.page-hero[b-b7a28g749a] {
    position: relative;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
    overflow: hidden;
}

.page-hero-bg[b-b7a28g749a] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.page-hero[b-b7a28g749a]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.65), rgba(59, 130, 246, 0.45));
    z-index: 1;
}

.page-hero[b-b7a28g749a]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
    z-index: 2;
}

.page-hero-content[b-b7a28g749a] {
    position: relative;
    z-index: 3;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-b7a28g749a] {
    font-size: 3rem;
    font-weight: 800;
    margin-bottom: 20px;
    animation: fadeInUp-b-b7a28g749a 0.8s ease;
}

.breadcrumb[b-b7a28g749a] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 1rem;
    animation: fadeInUp-b-b7a28g749a 0.8s ease 0.2s backwards;
}

.breadcrumb a[b-b7a28g749a] {
    color: var(--white);
    opacity: 0.9;
    transition: var(--transition);
}

.breadcrumb a:hover[b-b7a28g749a] {
    opacity: 1;
    text-decoration: underline;
}

.breadcrumb span[b-b7a28g749a] {
    opacity: 0.7;
}

/* Product Detail Section */
.product-detail[b-b7a28g749a] {
    padding: 80px 0;
    background: var(--white);
}

.product-main[b-b7a28g749a] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: start;
}

.product-image-section[b-b7a28g749a] {
    position: sticky;
    top: 100px;
}

.product-image-main[b-b7a28g749a] {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-lg);
    background: #f3f4f6;
}

.product-image-main img[b-b7a28g749a] {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.5s ease;
}

.product-image-main:hover img[b-b7a28g749a] {
    transform: scale(1.05);
}

.product-info-section[b-b7a28g749a] {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.product-header[b-b7a28g749a] {
    border-bottom: 2px solid var(--border-color);
    padding-bottom: 20px;
}

.product-tag[b-b7a28g749a] {
    display: inline-block;
    padding: 6px 16px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.product-header h2[b-b7a28g749a] {
    font-size: 2.5rem;
    color: var(--dark-color);
    font-weight: 700;
    line-height: 1.2;
}

.product-description p[b-b7a28g749a] {
    font-size: 1.125rem;
    line-height: 1.8;
    color: var(--text-color);
    margin-bottom: 15px;
}

.product-highlights[b-b7a28g749a] {
    background: var(--light-color);
    padding: 30px;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.product-highlights h3[b-b7a28g749a] {
    font-size: 1.5rem;
    color: var(--dark-color);
    margin-bottom: 20px;
}

.product-highlights ul[b-b7a28g749a] {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.product-highlights ul li[b-b7a28g749a] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 1.05rem;
    color: var(--text-color);
}

.product-highlights ul li i[b-b7a28g749a] {
    color: var(--secondary-color);
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.product-cta[b-b7a28g749a] {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    padding-top: 20px;
}

.product-cta .btn[b-b7a28g749a] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 32px;
    font-size: 1.05rem;
}

/* Detailed Content Section */
.detailed-content[b-b7a28g749a] {
    padding: 80px 0;
    background: var(--white);
}

.detailed-content .content-wrapper[b-b7a28g749a] {
    max-width: 900px;
    margin: 0 auto;
}

.detailed-content h2[b-b7a28g749a] {
    font-size: 2.5rem;
    color: var(--dark-color);
    font-weight: 700;
    margin-bottom: 30px;
    text-align: center;
    position: relative;
    padding-bottom: 20px;
}

.detailed-content h2[b-b7a28g749a]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: var(--gradient);
    border-radius: 2px;
}

.detailed-content p[b-b7a28g749a] {
    font-size: 1.125rem;
    line-height: 1.9;
    color: var(--text-color);
    margin-bottom: 25px;
    text-align: justify;
}

.detailed-content p:first-of-type[b-b7a28g749a] {
    font-size: 1.2rem;
    font-weight: 500;
    color: var(--dark-color);
}

.detailed-content p:first-of-type[b-b7a28g749a]::first-letter {
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1;
    float: left;
    color: var(--primary-color);
}

/* Technical Details Section */
.technical-details[b-b7a28g749a] {
    padding: 80px 0;
    background: var(--light-color);
}

.technical-grid[b-b7a28g749a] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
}

.technical-card[b-b7a28g749a] {
    background: var(--white);
    padding: 35px;
    border-radius: 12px;
    box-shadow: var(--shadow);
    transition: var(--transition);
}

.technical-card:hover[b-b7a28g749a] {
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
}

.technical-icon[b-b7a28g749a] {
    width: 70px;
    height: 70px;
    background: var(--gradient);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.technical-icon i[b-b7a28g749a] {
    font-size: 2rem;
    color: var(--white);
}

.technical-card h3[b-b7a28g749a] {
    font-size: 1.375rem;
    color: var(--dark-color);
    margin-bottom: 20px;
}

.technical-card ul[b-b7a28g749a] {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.technical-card ul li[b-b7a28g749a] {
    padding-left: 25px;
    position: relative;
    color: var(--text-color);
    line-height: 1.6;
}

.technical-card ul li[b-b7a28g749a]::before {
    content: '•';
    position: absolute;
    left: 8px;
    color: var(--primary-color);
    font-weight: bold;
    font-size: 1.2rem;
}

/* Benefits Section */
.benefits-section[b-b7a28g749a] {
    padding: 80px 0;
    background: var(--white);
}

.benefits-grid[b-b7a28g749a] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
}

.benefit-card[b-b7a28g749a] {
    background: var(--light-color);
    padding: 35px;
    border-radius: 12px;
    transition: var(--transition);
    border: 2px solid transparent;
}

.benefit-card:hover[b-b7a28g749a] {
    border-color: var(--primary-color);
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
    background: var(--white);
}

.benefit-icon[b-b7a28g749a] {
    width: 70px;
    height: 70px;
    background: var(--gradient);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    transition: var(--transition);
}

.benefit-card:hover .benefit-icon[b-b7a28g749a] {
    transform: scale(1.1);
}

.benefit-icon i[b-b7a28g749a] {
    font-size: 2rem;
    color: var(--white);
}

.benefit-card h3[b-b7a28g749a] {
    font-size: 1.375rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.benefit-card p[b-b7a28g749a] {
    color: var(--text-color);
    line-height: 1.7;
}

/* Process Section */
.process-section[b-b7a28g749a] {
    padding: 80px 0;
    background: var(--light-color);
}

.process-timeline[b-b7a28g749a] {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 40px;
    position: relative;
}

.process-timeline[b-b7a28g749a]::before {
    content: '';
    position: absolute;
    left: 30px;
    top: 30px;
    bottom: 30px;
    width: 3px;
    background: linear-gradient(to bottom, var(--primary-color), var(--secondary-color));
}

.process-step[b-b7a28g749a] {
    display: flex;
    gap: 30px;
    position: relative;
}

.step-number[b-b7a28g749a] {
    width: 60px;
    height: 60px;
    background: var(--gradient);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--white);
    flex-shrink: 0;
    box-shadow: 0 4px 15px rgba(30, 64, 175, 0.3);
    position: relative;
    z-index: 2;
}

.step-content[b-b7a28g749a] {
    background: var(--white);
    padding: 25px 30px;
    border-radius: 12px;
    box-shadow: var(--shadow);
    flex: 1;
    transition: var(--transition);
}

.step-content:hover[b-b7a28g749a] {
    transform: translateX(10px);
    box-shadow: var(--shadow-lg);
}

.step-content h3[b-b7a28g749a] {
    font-size: 1.375rem;
    color: var(--dark-color);
    margin-bottom: 12px;
}

.step-content p[b-b7a28g749a] {
    color: var(--text-color);
    line-height: 1.7;
}

/* FAQ Section */
.faq-section[b-b7a28g749a] {
    padding: 80px 0;
    background: var(--white);
}

.faq-container[b-b7a28g749a] {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.faq-item[b-b7a28g749a] {
    background: var(--light-color);
    border-radius: 12px;
    overflow: hidden;
    transition: var(--transition);
}

.faq-item:hover[b-b7a28g749a] {
    box-shadow: var(--shadow);
}

.faq-question[b-b7a28g749a] {
    padding: 25px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    user-select: none;
    transition: var(--transition);
}

.faq-question:hover[b-b7a28g749a] {
    background: rgba(30, 64, 175, 0.05);
}

.faq-question h3[b-b7a28g749a] {
    font-size: 1.25rem;
    color: var(--dark-color);
    font-weight: 600;
    margin: 0;
}

.faq-question i[b-b7a28g749a] {
    font-size: 1.25rem;
    color: var(--primary-color);
    transition: transform 0.3s ease;
}

.faq-item.active .faq-question i[b-b7a28g749a] {
    transform: rotate(180deg);
}

.faq-answer[b-b7a28g749a] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
}

.faq-item.active .faq-answer[b-b7a28g749a] {
    max-height: 500px;
    padding: 0 30px 25px 30px;
}

.faq-answer p[b-b7a28g749a] {
    color: var(--text-color);
    line-height: 1.8;
    font-size: 1.05rem;
}

/* CTA Section */
.cta-section[b-b7a28g749a] {
    padding: 80px 0;
    background: var(--gradient);
    position: relative;
    overflow: hidden;
}

.cta-section[b-b7a28g749a]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.cta-content[b-b7a28g749a] {
    position: relative;
    z-index: 2;
    text-align: center;
    color: var(--white);
    max-width: 800px;
    margin: 0 auto;
}

.cta-content h2[b-b7a28g749a] {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.3;
}

.cta-content p[b-b7a28g749a] {
    font-size: 1.25rem;
    margin-bottom: 40px;
    opacity: 0.95;
    line-height: 1.7;
}

.cta-buttons[b-b7a28g749a] {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

.btn-large[b-b7a28g749a] {
    padding: 18px 40px;
    font-size: 1.125rem;
}

.cta-section .btn-secondary[b-b7a28g749a] {
    background: var(--white);
    color: var(--primary-color);
    border: 2px solid var(--white);
}

.cta-section .btn-secondary:hover[b-b7a28g749a] {
    background: transparent;
    color: var(--white);
}

/* ==========================================
   Responsive Design
   ========================================== */

@media (max-width: 1024px) {
    .page-hero-content h1[b-b7a28g749a] {
        font-size: 2.5rem;
    }

    .product-main[b-b7a28g749a] {
        gap: 40px;
    }

    .product-header h2[b-b7a28g749a] {
        font-size: 2rem;
    }

    .technical-grid[b-b7a28g749a],
    .benefits-grid[b-b7a28g749a] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .page-hero[b-b7a28g749a] {
        height: 300px;
        margin-top: 80px;
    }

    .page-hero-content h1[b-b7a28g749a] {
        font-size: 2rem;
    }

    .breadcrumb[b-b7a28g749a] {
        font-size: 0.9rem;
    }

    .product-main[b-b7a28g749a] {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .product-image-section[b-b7a28g749a] {
        position: static;
    }

    .product-header h2[b-b7a28g749a] {
        font-size: 1.75rem;
    }

    .product-description p[b-b7a28g749a] {
        font-size: 1rem;
    }

    .product-highlights[b-b7a28g749a] {
        padding: 20px;
    }

    .product-highlights h3[b-b7a28g749a] {
        font-size: 1.25rem;
    }

    .product-cta[b-b7a28g749a] {
        flex-direction: column;
    }

    .product-cta .btn[b-b7a28g749a] {
        width: 100%;
        justify-content: center;
    }

    .detailed-content h2[b-b7a28g749a] {
        font-size: 2rem;
    }

    .detailed-content p[b-b7a28g749a] {
        font-size: 1rem;
    }

    .detailed-content p:first-of-type[b-b7a28g749a] {
        font-size: 1.05rem;
    }

    .detailed-content p:first-of-type[b-b7a28g749a]::first-letter {
        font-size: 3rem;
    }

    .technical-grid[b-b7a28g749a],
    .benefits-grid[b-b7a28g749a] {
        grid-template-columns: 1fr;
    }

    .process-timeline[b-b7a28g749a]::before {
        left: 20px;
    }

    .step-number[b-b7a28g749a] {
        width: 50px;
        height: 50px;
        font-size: 1.25rem;
    }

    .step-content[b-b7a28g749a] {
        padding: 20px;
    }

    .step-content h3[b-b7a28g749a] {
        font-size: 1.25rem;
    }

    .faq-question[b-b7a28g749a] {
        padding: 20px;
    }

    .faq-question h3[b-b7a28g749a] {
        font-size: 1.1rem;
    }

    .faq-item.active .faq-answer[b-b7a28g749a] {
        padding: 0 20px 20px 20px;
    }

    .cta-content h2[b-b7a28g749a] {
        font-size: 2rem;
    }

    .cta-content p[b-b7a28g749a] {
        font-size: 1.05rem;
    }

    .cta-buttons[b-b7a28g749a] {
        flex-direction: column;
    }

    .btn-large[b-b7a28g749a] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .page-hero[b-b7a28g749a] {
        height: 250px;
    }

    .page-hero-content h1[b-b7a28g749a] {
        font-size: 1.75rem;
    }

    .product-header h2[b-b7a28g749a] {
        font-size: 1.5rem;
    }

    .detailed-content h2[b-b7a28g749a] {
        font-size: 1.75rem;
    }

    .detailed-content p[b-b7a28g749a] {
        font-size: 0.95rem;
    }

    .detailed-content p:first-of-type[b-b7a28g749a] {
        font-size: 1rem;
    }

    .detailed-content p:first-of-type[b-b7a28g749a]::first-letter {
        font-size: 2.5rem;
        margin: 3px 8px 0 0;
    }

    .technical-card[b-b7a28g749a],
    .benefit-card[b-b7a28g749a] {
        padding: 25px;
    }

    .technical-icon[b-b7a28g749a],
    .benefit-icon[b-b7a28g749a] {
        width: 60px;
        height: 60px;
    }

    .technical-icon i[b-b7a28g749a],
    .benefit-icon i[b-b7a28g749a] {
        font-size: 1.75rem;
    }

    .process-step[b-b7a28g749a] {
        gap: 20px;
    }

    .step-number[b-b7a28g749a] {
        width: 40px;
        height: 40px;
        font-size: 1.1rem;
    }

    .cta-content h2[b-b7a28g749a] {
        font-size: 1.75rem;
    }

    .cta-content p[b-b7a28g749a] {
        font-size: 1rem;
    }
}

/* ==========================================
   Animations
   ========================================== */

@keyframes fadeInUp-b-b7a28g749a {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Scroll Animations */
.product-detail[b-b7a28g749a],
.detailed-content[b-b7a28g749a],
.technical-details[b-b7a28g749a],
.benefits-section[b-b7a28g749a],
.process-section[b-b7a28g749a],
.faq-section[b-b7a28g749a] {
    animation: fadeIn-b-b7a28g749a 0.6s ease;
}

@keyframes fadeIn-b-b7a28g749a {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* _content/OzturkIzolasyon/Views/Home/KizginYagHattiIzolasyon.cshtml.rz.scp.css */
/* ==========================================
   Product Page Styles
   ========================================== */

/* Page Hero */
.page-hero[b-vhrqxtvywq] {
    position: relative;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
    overflow: hidden;
}

.page-hero-bg[b-vhrqxtvywq] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.page-hero[b-vhrqxtvywq]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.65), rgba(59, 130, 246, 0.45));
    z-index: 1;
}

.page-hero[b-vhrqxtvywq]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
    z-index: 2;
}

.page-hero-content[b-vhrqxtvywq] {
    position: relative;
    z-index: 3;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-vhrqxtvywq] {
    font-size: 3rem;
    font-weight: 800;
    margin-bottom: 20px;
    animation: fadeInUp-b-vhrqxtvywq 0.8s ease;
}

.breadcrumb[b-vhrqxtvywq] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 1rem;
    animation: fadeInUp-b-vhrqxtvywq 0.8s ease 0.2s backwards;
}

.breadcrumb a[b-vhrqxtvywq] {
    color: var(--white);
    opacity: 0.9;
    transition: var(--transition);
}

.breadcrumb a:hover[b-vhrqxtvywq] {
    opacity: 1;
    text-decoration: underline;
}

.breadcrumb span[b-vhrqxtvywq] {
    opacity: 0.7;
}

/* Product Detail Section */
.product-detail[b-vhrqxtvywq] {
    padding: 80px 0;
    background: var(--white);
}

.product-main[b-vhrqxtvywq] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: start;
}

.product-image-section[b-vhrqxtvywq] {
    position: sticky;
    top: 100px;
}

.product-image-main[b-vhrqxtvywq] {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-lg);
    background: #f3f4f6;
}

.product-image-main img[b-vhrqxtvywq] {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.5s ease;
}

.product-image-main:hover img[b-vhrqxtvywq] {
    transform: scale(1.05);
}

.product-info-section[b-vhrqxtvywq] {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.product-header[b-vhrqxtvywq] {
    border-bottom: 2px solid var(--border-color);
    padding-bottom: 20px;
}

.product-tag[b-vhrqxtvywq] {
    display: inline-block;
    padding: 6px 16px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.product-header h2[b-vhrqxtvywq] {
    font-size: 2.5rem;
    color: var(--dark-color);
    font-weight: 700;
    line-height: 1.2;
}

.product-description p[b-vhrqxtvywq] {
    font-size: 1.125rem;
    line-height: 1.8;
    color: var(--text-color);
    margin-bottom: 15px;
}

.product-highlights[b-vhrqxtvywq] {
    background: var(--light-color);
    padding: 30px;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.product-highlights h3[b-vhrqxtvywq] {
    font-size: 1.5rem;
    color: var(--dark-color);
    margin-bottom: 20px;
}

.product-highlights ul[b-vhrqxtvywq] {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.product-highlights ul li[b-vhrqxtvywq] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 1.05rem;
    color: var(--text-color);
}

.product-highlights ul li i[b-vhrqxtvywq] {
    color: var(--secondary-color);
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.product-cta[b-vhrqxtvywq] {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    padding-top: 20px;
}

.product-cta .btn[b-vhrqxtvywq] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 32px;
    font-size: 1.05rem;
}

/* Detailed Content Section */
.detailed-content[b-vhrqxtvywq] {
    padding: 80px 0;
    background: var(--white);
}

.detailed-content .content-wrapper[b-vhrqxtvywq] {
    max-width: 900px;
    margin: 0 auto;
}

.detailed-content h2[b-vhrqxtvywq] {
    font-size: 2.5rem;
    color: var(--dark-color);
    font-weight: 700;
    margin-bottom: 30px;
    text-align: center;
    position: relative;
    padding-bottom: 20px;
}

.detailed-content h2[b-vhrqxtvywq]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: var(--gradient);
    border-radius: 2px;
}

.detailed-content p[b-vhrqxtvywq] {
    font-size: 1.125rem;
    line-height: 1.9;
    color: var(--text-color);
    margin-bottom: 25px;
    text-align: justify;
}

.detailed-content p:first-of-type[b-vhrqxtvywq] {
    font-size: 1.2rem;
    font-weight: 500;
    color: var(--dark-color);
}

.detailed-content p:first-of-type[b-vhrqxtvywq]::first-letter {
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1;
    float: left;
    color: var(--primary-color);
}

/* Technical Details Section */
.technical-details[b-vhrqxtvywq] {
    padding: 80px 0;
    background: var(--light-color);
}

.technical-grid[b-vhrqxtvywq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
}

.technical-card[b-vhrqxtvywq] {
    background: var(--white);
    padding: 35px;
    border-radius: 12px;
    box-shadow: var(--shadow);
    transition: var(--transition);
}

.technical-card:hover[b-vhrqxtvywq] {
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
}

.technical-icon[b-vhrqxtvywq] {
    width: 70px;
    height: 70px;
    background: var(--gradient);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.technical-icon i[b-vhrqxtvywq] {
    font-size: 2rem;
    color: var(--white);
}

.technical-card h3[b-vhrqxtvywq] {
    font-size: 1.375rem;
    color: var(--dark-color);
    margin-bottom: 20px;
}

.technical-card ul[b-vhrqxtvywq] {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.technical-card ul li[b-vhrqxtvywq] {
    padding-left: 25px;
    position: relative;
    color: var(--text-color);
    line-height: 1.6;
}

.technical-card ul li[b-vhrqxtvywq]::before {
    content: '•';
    position: absolute;
    left: 8px;
    color: var(--primary-color);
    font-weight: bold;
    font-size: 1.2rem;
}

/* Benefits Section */
.benefits-section[b-vhrqxtvywq] {
    padding: 80px 0;
    background: var(--white);
}

.benefits-grid[b-vhrqxtvywq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
}

.benefit-card[b-vhrqxtvywq] {
    background: var(--light-color);
    padding: 35px;
    border-radius: 12px;
    transition: var(--transition);
    border: 2px solid transparent;
}

.benefit-card:hover[b-vhrqxtvywq] {
    border-color: var(--primary-color);
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
    background: var(--white);
}

.benefit-icon[b-vhrqxtvywq] {
    width: 70px;
    height: 70px;
    background: var(--gradient);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    transition: var(--transition);
}

.benefit-card:hover .benefit-icon[b-vhrqxtvywq] {
    transform: scale(1.1);
}

.benefit-icon i[b-vhrqxtvywq] {
    font-size: 2rem;
    color: var(--white);
}

.benefit-card h3[b-vhrqxtvywq] {
    font-size: 1.375rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.benefit-card p[b-vhrqxtvywq] {
    color: var(--text-color);
    line-height: 1.7;
}

/* Process Section */
.process-section[b-vhrqxtvywq] {
    padding: 80px 0;
    background: var(--light-color);
}

.process-timeline[b-vhrqxtvywq] {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 40px;
    position: relative;
}

.process-timeline[b-vhrqxtvywq]::before {
    content: '';
    position: absolute;
    left: 30px;
    top: 30px;
    bottom: 30px;
    width: 3px;
    background: linear-gradient(to bottom, var(--primary-color), var(--secondary-color));
}

.process-step[b-vhrqxtvywq] {
    display: flex;
    gap: 30px;
    position: relative;
}

.step-number[b-vhrqxtvywq] {
    width: 60px;
    height: 60px;
    background: var(--gradient);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--white);
    flex-shrink: 0;
    box-shadow: 0 4px 15px rgba(30, 64, 175, 0.3);
    position: relative;
    z-index: 2;
}

.step-content[b-vhrqxtvywq] {
    background: var(--white);
    padding: 25px 30px;
    border-radius: 12px;
    box-shadow: var(--shadow);
    flex: 1;
    transition: var(--transition);
}

.step-content:hover[b-vhrqxtvywq] {
    transform: translateX(10px);
    box-shadow: var(--shadow-lg);
}

.step-content h3[b-vhrqxtvywq] {
    font-size: 1.375rem;
    color: var(--dark-color);
    margin-bottom: 12px;
}

.step-content p[b-vhrqxtvywq] {
    color: var(--text-color);
    line-height: 1.7;
}

/* FAQ Section */
.faq-section[b-vhrqxtvywq] {
    padding: 80px 0;
    background: var(--white);
}

.faq-container[b-vhrqxtvywq] {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.faq-item[b-vhrqxtvywq] {
    background: var(--light-color);
    border-radius: 12px;
    overflow: hidden;
    transition: var(--transition);
}

.faq-item:hover[b-vhrqxtvywq] {
    box-shadow: var(--shadow);
}

.faq-question[b-vhrqxtvywq] {
    padding: 25px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    user-select: none;
    transition: var(--transition);
}

.faq-question:hover[b-vhrqxtvywq] {
    background: rgba(30, 64, 175, 0.05);
}

.faq-question h3[b-vhrqxtvywq] {
    font-size: 1.25rem;
    color: var(--dark-color);
    font-weight: 600;
    margin: 0;
}

.faq-question i[b-vhrqxtvywq] {
    font-size: 1.25rem;
    color: var(--primary-color);
    transition: transform 0.3s ease;
}

.faq-item.active .faq-question i[b-vhrqxtvywq] {
    transform: rotate(180deg);
}

.faq-answer[b-vhrqxtvywq] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
}

.faq-item.active .faq-answer[b-vhrqxtvywq] {
    max-height: 500px;
    padding: 0 30px 25px 30px;
}

.faq-answer p[b-vhrqxtvywq] {
    color: var(--text-color);
    line-height: 1.8;
    font-size: 1.05rem;
}

/* CTA Section */
.cta-section[b-vhrqxtvywq] {
    padding: 80px 0;
    background: var(--gradient);
    position: relative;
    overflow: hidden;
}

.cta-section[b-vhrqxtvywq]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.cta-content[b-vhrqxtvywq] {
    position: relative;
    z-index: 2;
    text-align: center;
    color: var(--white);
    max-width: 800px;
    margin: 0 auto;
}

.cta-content h2[b-vhrqxtvywq] {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.3;
}

.cta-content p[b-vhrqxtvywq] {
    font-size: 1.25rem;
    margin-bottom: 40px;
    opacity: 0.95;
    line-height: 1.7;
}

.cta-buttons[b-vhrqxtvywq] {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

.btn-large[b-vhrqxtvywq] {
    padding: 18px 40px;
    font-size: 1.125rem;
}

.cta-section .btn-secondary[b-vhrqxtvywq] {
    background: var(--white);
    color: var(--primary-color);
    border: 2px solid var(--white);
}

.cta-section .btn-secondary:hover[b-vhrqxtvywq] {
    background: transparent;
    color: var(--white);
}

/* ==========================================
   Responsive Design
   ========================================== */

@media (max-width: 1024px) {
    .page-hero-content h1[b-vhrqxtvywq] {
        font-size: 2.5rem;
    }

    .product-main[b-vhrqxtvywq] {
        gap: 40px;
    }

    .product-header h2[b-vhrqxtvywq] {
        font-size: 2rem;
    }

    .technical-grid[b-vhrqxtvywq],
    .benefits-grid[b-vhrqxtvywq] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .page-hero[b-vhrqxtvywq] {
        height: 300px;
        margin-top: 80px;
    }

    .page-hero-content h1[b-vhrqxtvywq] {
        font-size: 2rem;
    }

    .breadcrumb[b-vhrqxtvywq] {
        font-size: 0.9rem;
    }

    .product-main[b-vhrqxtvywq] {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .product-image-section[b-vhrqxtvywq] {
        position: static;
    }

    .product-header h2[b-vhrqxtvywq] {
        font-size: 1.75rem;
    }

    .product-description p[b-vhrqxtvywq] {
        font-size: 1rem;
    }

    .product-highlights[b-vhrqxtvywq] {
        padding: 20px;
    }

    .product-highlights h3[b-vhrqxtvywq] {
        font-size: 1.25rem;
    }

    .product-cta[b-vhrqxtvywq] {
        flex-direction: column;
    }

    .product-cta .btn[b-vhrqxtvywq] {
        width: 100%;
        justify-content: center;
    }

    .detailed-content h2[b-vhrqxtvywq] {
        font-size: 2rem;
    }

    .detailed-content p[b-vhrqxtvywq] {
        font-size: 1rem;
    }

    .detailed-content p:first-of-type[b-vhrqxtvywq] {
        font-size: 1.05rem;
    }

    .detailed-content p:first-of-type[b-vhrqxtvywq]::first-letter {
        font-size: 3rem;
    }

    .technical-grid[b-vhrqxtvywq],
    .benefits-grid[b-vhrqxtvywq] {
        grid-template-columns: 1fr;
    }

    .process-timeline[b-vhrqxtvywq]::before {
        left: 20px;
    }

    .step-number[b-vhrqxtvywq] {
        width: 50px;
        height: 50px;
        font-size: 1.25rem;
    }

    .step-content[b-vhrqxtvywq] {
        padding: 20px;
    }

    .step-content h3[b-vhrqxtvywq] {
        font-size: 1.25rem;
    }

    .faq-question[b-vhrqxtvywq] {
        padding: 20px;
    }

    .faq-question h3[b-vhrqxtvywq] {
        font-size: 1.1rem;
    }

    .faq-item.active .faq-answer[b-vhrqxtvywq] {
        padding: 0 20px 20px 20px;
    }

    .cta-content h2[b-vhrqxtvywq] {
        font-size: 2rem;
    }

    .cta-content p[b-vhrqxtvywq] {
        font-size: 1.05rem;
    }

    .cta-buttons[b-vhrqxtvywq] {
        flex-direction: column;
    }

    .btn-large[b-vhrqxtvywq] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .page-hero[b-vhrqxtvywq] {
        height: 250px;
    }

    .page-hero-content h1[b-vhrqxtvywq] {
        font-size: 1.75rem;
    }

    .product-header h2[b-vhrqxtvywq] {
        font-size: 1.5rem;
    }

    .detailed-content h2[b-vhrqxtvywq] {
        font-size: 1.75rem;
    }

    .detailed-content p[b-vhrqxtvywq] {
        font-size: 0.95rem;
    }

    .detailed-content p:first-of-type[b-vhrqxtvywq] {
        font-size: 1rem;
    }

    .detailed-content p:first-of-type[b-vhrqxtvywq]::first-letter {
        font-size: 2.5rem;
        margin: 3px 8px 0 0;
    }

    .technical-card[b-vhrqxtvywq],
    .benefit-card[b-vhrqxtvywq] {
        padding: 25px;
    }

    .technical-icon[b-vhrqxtvywq],
    .benefit-icon[b-vhrqxtvywq] {
        width: 60px;
        height: 60px;
    }

    .technical-icon i[b-vhrqxtvywq],
    .benefit-icon i[b-vhrqxtvywq] {
        font-size: 1.75rem;
    }

    .process-step[b-vhrqxtvywq] {
        gap: 20px;
    }

    .step-number[b-vhrqxtvywq] {
        width: 40px;
        height: 40px;
        font-size: 1.1rem;
    }

    .cta-content h2[b-vhrqxtvywq] {
        font-size: 1.75rem;
    }

    .cta-content p[b-vhrqxtvywq] {
        font-size: 1rem;
    }
}

/* ==========================================
   Animations
   ========================================== */

@keyframes fadeInUp-b-vhrqxtvywq {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Scroll Animations */
.product-detail[b-vhrqxtvywq],
.detailed-content[b-vhrqxtvywq],
.technical-details[b-vhrqxtvywq],
.benefits-section[b-vhrqxtvywq],
.process-section[b-vhrqxtvywq],
.faq-section[b-vhrqxtvywq] {
    animation: fadeIn-b-vhrqxtvywq 0.6s ease;
}

@keyframes fadeIn-b-vhrqxtvywq {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* _content/OzturkIzolasyon/Views/Home/KizginYagVanaYalitimCeketi.cshtml.rz.scp.css */
/* ==========================================
   Product Page Styles
   ========================================== */

/* Page Hero */
.page-hero[b-lz51q2v1k2] {
    position: relative;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
    overflow: hidden;
}

.page-hero-bg[b-lz51q2v1k2] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.page-hero[b-lz51q2v1k2]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.65), rgba(59, 130, 246, 0.45));
    z-index: 1;
}

.page-hero[b-lz51q2v1k2]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
    z-index: 2;
}

.page-hero-content[b-lz51q2v1k2] {
    position: relative;
    z-index: 3;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-lz51q2v1k2] {
    font-size: 3rem;
    font-weight: 800;
    margin-bottom: 20px;
    animation: fadeInUp-b-lz51q2v1k2 0.8s ease;
}

.breadcrumb[b-lz51q2v1k2] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 1rem;
    animation: fadeInUp-b-lz51q2v1k2 0.8s ease 0.2s backwards;
}

.breadcrumb a[b-lz51q2v1k2] {
    color: var(--white);
    opacity: 0.9;
    transition: var(--transition);
}

.breadcrumb a:hover[b-lz51q2v1k2] {
    opacity: 1;
    text-decoration: underline;
}

.breadcrumb span[b-lz51q2v1k2] {
    opacity: 0.7;
}

/* Product Detail Section */
.product-detail[b-lz51q2v1k2] {
    padding: 80px 0;
    background: var(--white);
}

.product-main[b-lz51q2v1k2] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: start;
}

.product-image-section[b-lz51q2v1k2] {
    position: sticky;
    top: 100px;
}

.product-image-main[b-lz51q2v1k2] {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-lg);
    background: #f3f4f6;
}

.product-image-main img[b-lz51q2v1k2] {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.5s ease;
}

.product-image-main:hover img[b-lz51q2v1k2] {
    transform: scale(1.05);
}

.product-info-section[b-lz51q2v1k2] {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.product-header[b-lz51q2v1k2] {
    border-bottom: 2px solid var(--border-color);
    padding-bottom: 20px;
}

.product-tag[b-lz51q2v1k2] {
    display: inline-block;
    padding: 6px 16px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.product-header h2[b-lz51q2v1k2] {
    font-size: 2.5rem;
    color: var(--dark-color);
    font-weight: 700;
    line-height: 1.2;
}

.product-description p[b-lz51q2v1k2] {
    font-size: 1.125rem;
    line-height: 1.8;
    color: var(--text-color);
    margin-bottom: 15px;
}

.product-highlights[b-lz51q2v1k2] {
    background: var(--light-color);
    padding: 30px;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.product-highlights h3[b-lz51q2v1k2] {
    font-size: 1.5rem;
    color: var(--dark-color);
    margin-bottom: 20px;
}

.product-highlights ul[b-lz51q2v1k2] {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.product-highlights ul li[b-lz51q2v1k2] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 1.05rem;
    color: var(--text-color);
}

.product-highlights ul li i[b-lz51q2v1k2] {
    color: var(--secondary-color);
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.product-cta[b-lz51q2v1k2] {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    padding-top: 20px;
}

.product-cta .btn[b-lz51q2v1k2] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 32px;
    font-size: 1.05rem;
}

/* Detailed Content Section */
.detailed-content[b-lz51q2v1k2] {
    padding: 80px 0;
    background: var(--white);
}

.detailed-content .content-wrapper[b-lz51q2v1k2] {
    max-width: 900px;
    margin: 0 auto;
}

.detailed-content h2[b-lz51q2v1k2] {
    font-size: 2.5rem;
    color: var(--dark-color);
    font-weight: 700;
    margin-bottom: 30px;
    text-align: center;
    position: relative;
    padding-bottom: 20px;
}

.detailed-content h2[b-lz51q2v1k2]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: var(--gradient);
    border-radius: 2px;
}

.detailed-content p[b-lz51q2v1k2] {
    font-size: 1.125rem;
    line-height: 1.9;
    color: var(--text-color);
    margin-bottom: 25px;
    text-align: justify;
}

.detailed-content p:first-of-type[b-lz51q2v1k2] {
    font-size: 1.2rem;
    font-weight: 500;
    color: var(--dark-color);
}

.detailed-content p:first-of-type[b-lz51q2v1k2]::first-letter {
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1;
    float: left;
    color: var(--primary-color);
}

/* Technical Details Section */
.technical-details[b-lz51q2v1k2] {
    padding: 80px 0;
    background: var(--light-color);
}

.technical-grid[b-lz51q2v1k2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
}

.technical-card[b-lz51q2v1k2] {
    background: var(--white);
    padding: 35px;
    border-radius: 12px;
    box-shadow: var(--shadow);
    transition: var(--transition);
}

.technical-card:hover[b-lz51q2v1k2] {
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
}

.technical-icon[b-lz51q2v1k2] {
    width: 70px;
    height: 70px;
    background: var(--gradient);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.technical-icon i[b-lz51q2v1k2] {
    font-size: 2rem;
    color: var(--white);
}

.technical-card h3[b-lz51q2v1k2] {
    font-size: 1.375rem;
    color: var(--dark-color);
    margin-bottom: 20px;
}

.technical-card ul[b-lz51q2v1k2] {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.technical-card ul li[b-lz51q2v1k2] {
    padding-left: 25px;
    position: relative;
    color: var(--text-color);
    line-height: 1.6;
}

.technical-card ul li[b-lz51q2v1k2]::before {
    content: '•';
    position: absolute;
    left: 8px;
    color: var(--primary-color);
    font-weight: bold;
    font-size: 1.2rem;
}

/* Benefits Section */
.benefits-section[b-lz51q2v1k2] {
    padding: 80px 0;
    background: var(--white);
}

.benefits-grid[b-lz51q2v1k2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
}

.benefit-card[b-lz51q2v1k2] {
    background: var(--light-color);
    padding: 35px;
    border-radius: 12px;
    transition: var(--transition);
    border: 2px solid transparent;
}

.benefit-card:hover[b-lz51q2v1k2] {
    border-color: var(--primary-color);
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
    background: var(--white);
}

.benefit-icon[b-lz51q2v1k2] {
    width: 70px;
    height: 70px;
    background: var(--gradient);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    transition: var(--transition);
}

.benefit-card:hover .benefit-icon[b-lz51q2v1k2] {
    transform: scale(1.1);
}

.benefit-icon i[b-lz51q2v1k2] {
    font-size: 2rem;
    color: var(--white);
}

.benefit-card h3[b-lz51q2v1k2] {
    font-size: 1.375rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.benefit-card p[b-lz51q2v1k2] {
    color: var(--text-color);
    line-height: 1.7;
}

/* Process Section */
.process-section[b-lz51q2v1k2] {
    padding: 80px 0;
    background: var(--light-color);
}

.process-timeline[b-lz51q2v1k2] {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 40px;
    position: relative;
}

.process-timeline[b-lz51q2v1k2]::before {
    content: '';
    position: absolute;
    left: 30px;
    top: 30px;
    bottom: 30px;
    width: 3px;
    background: linear-gradient(to bottom, var(--primary-color), var(--secondary-color));
}

.process-step[b-lz51q2v1k2] {
    display: flex;
    gap: 30px;
    position: relative;
}

.step-number[b-lz51q2v1k2] {
    width: 60px;
    height: 60px;
    background: var(--gradient);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--white);
    flex-shrink: 0;
    box-shadow: 0 4px 15px rgba(30, 64, 175, 0.3);
    position: relative;
    z-index: 2;
}

.step-content[b-lz51q2v1k2] {
    background: var(--white);
    padding: 25px 30px;
    border-radius: 12px;
    box-shadow: var(--shadow);
    flex: 1;
    transition: var(--transition);
}

.step-content:hover[b-lz51q2v1k2] {
    transform: translateX(10px);
    box-shadow: var(--shadow-lg);
}

.step-content h3[b-lz51q2v1k2] {
    font-size: 1.375rem;
    color: var(--dark-color);
    margin-bottom: 12px;
}

.step-content p[b-lz51q2v1k2] {
    color: var(--text-color);
    line-height: 1.7;
}

/* FAQ Section */
.faq-section[b-lz51q2v1k2] {
    padding: 80px 0;
    background: var(--white);
}

.faq-container[b-lz51q2v1k2] {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.faq-item[b-lz51q2v1k2] {
    background: var(--light-color);
    border-radius: 12px;
    overflow: hidden;
    transition: var(--transition);
}

.faq-item:hover[b-lz51q2v1k2] {
    box-shadow: var(--shadow);
}

.faq-question[b-lz51q2v1k2] {
    padding: 25px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    user-select: none;
    transition: var(--transition);
}

.faq-question:hover[b-lz51q2v1k2] {
    background: rgba(30, 64, 175, 0.05);
}

.faq-question h3[b-lz51q2v1k2] {
    font-size: 1.25rem;
    color: var(--dark-color);
    font-weight: 600;
    margin: 0;
}

.faq-question i[b-lz51q2v1k2] {
    font-size: 1.25rem;
    color: var(--primary-color);
    transition: transform 0.3s ease;
}

.faq-item.active .faq-question i[b-lz51q2v1k2] {
    transform: rotate(180deg);
}

.faq-answer[b-lz51q2v1k2] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
}

.faq-item.active .faq-answer[b-lz51q2v1k2] {
    max-height: 500px;
    padding: 0 30px 25px 30px;
}

.faq-answer p[b-lz51q2v1k2] {
    color: var(--text-color);
    line-height: 1.8;
    font-size: 1.05rem;
}

/* CTA Section */
.cta-section[b-lz51q2v1k2] {
    padding: 80px 0;
    background: var(--gradient);
    position: relative;
    overflow: hidden;
}

.cta-section[b-lz51q2v1k2]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.cta-content[b-lz51q2v1k2] {
    position: relative;
    z-index: 2;
    text-align: center;
    color: var(--white);
    max-width: 800px;
    margin: 0 auto;
}

.cta-content h2[b-lz51q2v1k2] {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.3;
}

.cta-content p[b-lz51q2v1k2] {
    font-size: 1.25rem;
    margin-bottom: 40px;
    opacity: 0.95;
    line-height: 1.7;
}

.cta-buttons[b-lz51q2v1k2] {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

.btn-large[b-lz51q2v1k2] {
    padding: 18px 40px;
    font-size: 1.125rem;
}

.cta-section .btn-secondary[b-lz51q2v1k2] {
    background: var(--white);
    color: var(--primary-color);
    border: 2px solid var(--white);
}

.cta-section .btn-secondary:hover[b-lz51q2v1k2] {
    background: transparent;
    color: var(--white);
}

/* ==========================================
   Responsive Design
   ========================================== */

@media (max-width: 1024px) {
    .page-hero-content h1[b-lz51q2v1k2] {
        font-size: 2.5rem;
    }

    .product-main[b-lz51q2v1k2] {
        gap: 40px;
    }

    .product-header h2[b-lz51q2v1k2] {
        font-size: 2rem;
    }

    .technical-grid[b-lz51q2v1k2],
    .benefits-grid[b-lz51q2v1k2] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .page-hero[b-lz51q2v1k2] {
        height: 300px;
        margin-top: 80px;
    }

    .page-hero-content h1[b-lz51q2v1k2] {
        font-size: 2rem;
    }

    .breadcrumb[b-lz51q2v1k2] {
        font-size: 0.9rem;
    }

    .product-main[b-lz51q2v1k2] {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .product-image-section[b-lz51q2v1k2] {
        position: static;
    }

    .product-header h2[b-lz51q2v1k2] {
        font-size: 1.75rem;
    }

    .product-description p[b-lz51q2v1k2] {
        font-size: 1rem;
    }

    .product-highlights[b-lz51q2v1k2] {
        padding: 20px;
    }

    .product-highlights h3[b-lz51q2v1k2] {
        font-size: 1.25rem;
    }

    .product-cta[b-lz51q2v1k2] {
        flex-direction: column;
    }

    .product-cta .btn[b-lz51q2v1k2] {
        width: 100%;
        justify-content: center;
    }

    .detailed-content h2[b-lz51q2v1k2] {
        font-size: 2rem;
    }

    .detailed-content p[b-lz51q2v1k2] {
        font-size: 1rem;
    }

    .detailed-content p:first-of-type[b-lz51q2v1k2] {
        font-size: 1.05rem;
    }

    .detailed-content p:first-of-type[b-lz51q2v1k2]::first-letter {
        font-size: 3rem;
    }

    .technical-grid[b-lz51q2v1k2],
    .benefits-grid[b-lz51q2v1k2] {
        grid-template-columns: 1fr;
    }

    .process-timeline[b-lz51q2v1k2]::before {
        left: 20px;
    }

    .step-number[b-lz51q2v1k2] {
        width: 50px;
        height: 50px;
        font-size: 1.25rem;
    }

    .step-content[b-lz51q2v1k2] {
        padding: 20px;
    }

    .step-content h3[b-lz51q2v1k2] {
        font-size: 1.25rem;
    }

    .faq-question[b-lz51q2v1k2] {
        padding: 20px;
    }

    .faq-question h3[b-lz51q2v1k2] {
        font-size: 1.1rem;
    }

    .faq-item.active .faq-answer[b-lz51q2v1k2] {
        padding: 0 20px 20px 20px;
    }

    .cta-content h2[b-lz51q2v1k2] {
        font-size: 2rem;
    }

    .cta-content p[b-lz51q2v1k2] {
        font-size: 1.05rem;
    }

    .cta-buttons[b-lz51q2v1k2] {
        flex-direction: column;
    }

    .btn-large[b-lz51q2v1k2] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .page-hero[b-lz51q2v1k2] {
        height: 250px;
    }

    .page-hero-content h1[b-lz51q2v1k2] {
        font-size: 1.75rem;
    }

    .product-header h2[b-lz51q2v1k2] {
        font-size: 1.5rem;
    }

    .detailed-content h2[b-lz51q2v1k2] {
        font-size: 1.75rem;
    }

    .detailed-content p[b-lz51q2v1k2] {
        font-size: 0.95rem;
    }

    .detailed-content p:first-of-type[b-lz51q2v1k2] {
        font-size: 1rem;
    }

    .detailed-content p:first-of-type[b-lz51q2v1k2]::first-letter {
        font-size: 2.5rem;
        margin: 3px 8px 0 0;
    }

    .technical-card[b-lz51q2v1k2],
    .benefit-card[b-lz51q2v1k2] {
        padding: 25px;
    }

    .technical-icon[b-lz51q2v1k2],
    .benefit-icon[b-lz51q2v1k2] {
        width: 60px;
        height: 60px;
    }

    .technical-icon i[b-lz51q2v1k2],
    .benefit-icon i[b-lz51q2v1k2] {
        font-size: 1.75rem;
    }

    .process-step[b-lz51q2v1k2] {
        gap: 20px;
    }

    .step-number[b-lz51q2v1k2] {
        width: 40px;
        height: 40px;
        font-size: 1.1rem;
    }

    .cta-content h2[b-lz51q2v1k2] {
        font-size: 1.75rem;
    }

    .cta-content p[b-lz51q2v1k2] {
        font-size: 1rem;
    }
}

/* ==========================================
   Animations
   ========================================== */

@keyframes fadeInUp-b-lz51q2v1k2 {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Scroll Animations */
.product-detail[b-lz51q2v1k2],
.detailed-content[b-lz51q2v1k2],
.technical-details[b-lz51q2v1k2],
.benefits-section[b-lz51q2v1k2],
.process-section[b-lz51q2v1k2],
.faq-section[b-lz51q2v1k2] {
    animation: fadeIn-b-lz51q2v1k2 0.6s ease;
}

@keyframes fadeIn-b-lz51q2v1k2 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* _content/OzturkIzolasyon/Views/Home/MekanikIzolasyonBlog.cshtml.rz.scp.css */
/* ==========================================
   Blog Page Styles
   ========================================== */

/* Page Hero Section */
.page-hero[b-sprf89nsvb] {
    position: relative;
    height: 280px;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    padding-bottom: 40px;
}

.page-hero[b-sprf89nsvb]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.page-hero-overlay[b-sprf89nsvb] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
}

.page-hero-content[b-sprf89nsvb] {
    position: relative;
    z-index: 1;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-sprf89nsvb] {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.page-hero-content p[b-sprf89nsvb] {
    font-size: 1.25rem;
    margin-bottom: 2rem;
    opacity: 0.95;
}

.breadcrumb[b-sprf89nsvb] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    opacity: 0.9;
}

.breadcrumb a[b-sprf89nsvb] {
    color: var(--white);
    transition: opacity 0.3s ease;
}

.breadcrumb a:hover[b-sprf89nsvb] {
    opacity: 0.8;
}

.breadcrumb i[b-sprf89nsvb] {
    font-size: 0.75rem;
}

/* Blog Main Section */
.blog-main-section[b-sprf89nsvb] {
    padding: 80px 0;
    background-color: #f9fafb;
}

.blog-layout[b-sprf89nsvb] {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 40px;
}

/* Blog Content */
.blog-content[b-sprf89nsvb] {
    background: var(--white);
}

/* Featured Blog Post */
.featured-blog-post[b-sprf89nsvb] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    margin-bottom: 60px;
}

.featured-blog-image[b-sprf89nsvb] {
    position: relative;
    height: 500px;
    overflow: hidden;
}

.featured-blog-image img[b-sprf89nsvb] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.featured-blog-post:hover .featured-blog-image img[b-sprf89nsvb] {
    transform: scale(1.05);
}

.blog-category[b-sprf89nsvb] {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--primary-color);
    color: var(--white);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    z-index: 2;
}

.featured-blog-content[b-sprf89nsvb] {
    padding: 40px;
}

.blog-meta[b-sprf89nsvb] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    font-size: 0.875rem;
    color: #6b7280;
    flex-wrap: wrap;
}

.blog-meta span[b-sprf89nsvb] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.blog-meta i[b-sprf89nsvb] {
    color: var(--primary-color);
}

.featured-blog-content h2[b-sprf89nsvb] {
    font-size: 2.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    line-height: 1.3;
}

.blog-excerpt[b-sprf89nsvb] {
    font-size: 1.125rem;
    color: #4b5563;
    margin-bottom: 20px;
    line-height: 1.8;
    font-weight: 500;
}

.featured-blog-content p[b-sprf89nsvb] {
    font-size: 1rem;
    color: var(--text-color);
    margin-bottom: 20px;
    line-height: 1.8;
}

.featured-blog-content h3[b-sprf89nsvb] {
    font-size: 1.75rem;
    color: var(--dark-color);
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 600;
}

/* Blog List */
.blog-list[b-sprf89nsvb] {
    list-style: none;
    margin: 30px 0;
}

.blog-list li[b-sprf89nsvb] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-color);
}

.blog-list i[b-sprf89nsvb] {
    color: #10b981;
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.blog-list strong[b-sprf89nsvb] {
    color: var(--dark-color);
}

/* Blog Steps */
.blog-steps[b-sprf89nsvb] {
    margin: 30px 0;
}

.step-item[b-sprf89nsvb] {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    padding: 25px;
    background: #f9fafb;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.step-number[b-sprf89nsvb] {
    width: 50px;
    height: 50px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    flex-shrink: 0;
}

.step-content h4[b-sprf89nsvb] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 8px;
}

.step-content p[b-sprf89nsvb] {
    margin: 0;
    color: var(--text-color);
}

/* Blog Sectors */
.blog-sectors[b-sprf89nsvb] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 30px 0;
}

.sector-tag[b-sprf89nsvb] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid rgba(30, 64, 175, 0.2);
}

.sector-tag i[b-sprf89nsvb] {
    font-size: 1rem;
}

/* Blog Highlight */
.blog-highlight[b-sprf89nsvb] {
    display: flex;
    gap: 20px;
    padding: 30px;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-radius: 12px;
    margin: 40px 0;
    border-left: 4px solid #f59e0b;
}

.blog-highlight i[b-sprf89nsvb] {
    font-size: 2rem;
    color: #f59e0b;
    flex-shrink: 0;
}

.blog-highlight h4[b-sprf89nsvb] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 10px;
}

.blog-highlight p[b-sprf89nsvb] {
    margin: 0;
    color: #78350f;
}

/* Blog Tags */
.blog-tags[b-sprf89nsvb] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 40px 0;
    padding-top: 30px;
    border-top: 1px solid var(--border-color);
}

.blog-tags .tag[b-sprf89nsvb] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.blog-tags .tag:hover[b-sprf89nsvb] {
    background: var(--primary-color);
    color: var(--white);
}

.blog-tags .tag i[b-sprf89nsvb] {
    font-size: 0.75rem;
}

/* Blog Share */
.blog-share[b-sprf89nsvb] {
    padding: 30px 0;
    border-top: 1px solid var(--border-color);
}

.blog-share h4[b-sprf89nsvb] {
    font-size: 1.125rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.share-buttons[b-sprf89nsvb] {
    display: flex;
    gap: 12px;
}

.share-btn[b-sprf89nsvb] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    transition: all 0.3s ease;
    font-size: 1.125rem;
}

.share-btn:hover[b-sprf89nsvb] {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.share-btn.facebook[b-sprf89nsvb] {
    background: #1877f2;
}

.share-btn.twitter[b-sprf89nsvb] {
    background: #1da1f2;
}

.share-btn.linkedin[b-sprf89nsvb] {
    background: #0077b5;
}

.share-btn.whatsapp[b-sprf89nsvb] {
    background: #25d366;
}

/* More Posts Section */
.more-posts-section[b-sprf89nsvb] {
    margin-top: 60px;
}

.section-title[b-sprf89nsvb] {
    font-size: 2rem;
    color: var(--dark-color);
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid var(--primary-color);
    display: inline-block;
}

.blog-posts-grid[b-sprf89nsvb] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
}

.blog-post-card[b-sprf89nsvb] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.blog-post-card:hover[b-sprf89nsvb] {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.blog-post-image[b-sprf89nsvb] {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.blog-post-image img[b-sprf89nsvb] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.blog-post-card:hover .blog-post-image img[b-sprf89nsvb] {
    transform: scale(1.1);
}

.blog-post-content[b-sprf89nsvb] {
    padding: 25px;
}

.blog-post-content h3[b-sprf89nsvb] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 12px;
    line-height: 1.4;
}

.blog-post-content p[b-sprf89nsvb] {
    font-size: 0.95rem;
    color: var(--text-color);
    margin-bottom: 15px;
    line-height: 1.6;
}

.read-more-btn[b-sprf89nsvb] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.95rem;
    transition: gap 0.3s ease;
}

.read-more-btn:hover[b-sprf89nsvb] {
    gap: 12px;
}

/* Sidebar */
.blog-sidebar[b-sprf89nsvb] {
    position: sticky;
    top: 100px;
    height: fit-content;
}

.sidebar-widget[b-sprf89nsvb] {
    background: var(--white);
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.sidebar-widget h3[b-sprf89nsvb] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--border-color);
}

/* Search Widget */
.search-form[b-sprf89nsvb] {
    position: relative;
    display: flex;
}

.search-form input[b-sprf89nsvb] {
    width: 100%;
    padding: 12px 50px 12px 15px;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    font-size: 0.95rem;
    transition: border-color 0.3s ease;
}

.search-form input:focus[b-sprf89nsvb] {
    outline: none;
    border-color: var(--primary-color);
}

.search-form button[b-sprf89nsvb] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

.search-form button:hover[b-sprf89nsvb] {
    background: #1e3a8a;
}

/* Categories Widget */
.categories-list[b-sprf89nsvb] {
    list-style: none;
}

.categories-list li[b-sprf89nsvb] {
    margin-bottom: 12px;
}

.categories-list a[b-sprf89nsvb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    background: #f9fafb;
    border-radius: 8px;
    color: var(--text-color);
    transition: all 0.3s ease;
}

.categories-list a:hover[b-sprf89nsvb] {
    background: var(--primary-color);
    color: var(--white);
    transform: translateX(5px);
}

.categories-list i[b-sprf89nsvb] {
    margin-right: 10px;
    color: var(--primary-color);
    transition: color 0.3s ease;
}

.categories-list a:hover i[b-sprf89nsvb] {
    color: var(--white);
}

.categories-list span[b-sprf89nsvb] {
    font-size: 0.875rem;
    opacity: 0.8;
}

/* Recent Posts Widget */
.recent-posts-list[b-sprf89nsvb] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.recent-post-item[b-sprf89nsvb] {
    display: flex;
    gap: 15px;
    padding: 12px;
    border-radius: 8px;
    transition: background 0.3s ease;
}

.recent-post-item:hover[b-sprf89nsvb] {
    background: #f9fafb;
}

.recent-post-item img[b-sprf89nsvb] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.recent-post-info h4[b-sprf89nsvb] {
    font-size: 0.95rem;
    color: var(--dark-color);
    margin-bottom: 6px;
    line-height: 1.4;
}

.post-date[b-sprf89nsvb] {
    font-size: 0.8rem;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Tags Widget */
.tags-cloud[b-sprf89nsvb] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag-item[b-sprf89nsvb] {
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.tag-item:hover[b-sprf89nsvb] {
    background: var(--primary-color);
    color: var(--white);
}

/* CTA Widget */
.cta-widget[b-sprf89nsvb] {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    color: var(--white);
}

.cta-widget h3[b-sprf89nsvb] {
    color: var(--white);
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.cta-content[b-sprf89nsvb] {
    text-align: center;
}

.cta-content i[b-sprf89nsvb] {
    font-size: 3rem;
    margin-bottom: 15px;
    opacity: 0.9;
}

.cta-content p[b-sprf89nsvb] {
    margin-bottom: 20px;
    opacity: 0.95;
}

.cta-btn[b-sprf89nsvb] {
    display: inline-block;
    padding: 12px 30px;
    background: var(--white);
    color: var(--primary-color);
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.cta-btn:hover[b-sprf89nsvb] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .blog-layout[b-sprf89nsvb] {
        grid-template-columns: 1fr;
    }

    .blog-sidebar[b-sprf89nsvb] {
        position: static;
    }

    .sidebar-widget[b-sprf89nsvb] {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .page-hero[b-sprf89nsvb] {
        height: 220px;
        padding-bottom: 30px;
    }

    .page-hero-content h1[b-sprf89nsvb] {
        font-size: 2rem;
    }

    .page-hero-content p[b-sprf89nsvb] {
        font-size: 1rem;
    }

    .blog-main-section[b-sprf89nsvb] {
        padding: 40px 0;
    }

    .featured-blog-image[b-sprf89nsvb] {
        height: 300px;
    }

    .featured-blog-content[b-sprf89nsvb] {
        padding: 25px;
    }

    .featured-blog-content h2[b-sprf89nsvb] {
        font-size: 1.75rem;
    }

    .featured-blog-content h3[b-sprf89nsvb] {
        font-size: 1.5rem;
    }

    .blog-posts-grid[b-sprf89nsvb] {
        grid-template-columns: 1fr;
    }

    .blog-meta[b-sprf89nsvb] {
        gap: 15px;
    }

    .step-item[b-sprf89nsvb] {
        flex-direction: column;
        align-items: flex-start;
    }

    .blog-sectors[b-sprf89nsvb] {
        gap: 8px;
    }

    .sector-tag[b-sprf89nsvb] {
        font-size: 0.8rem;
        padding: 8px 15px;
    }

    .blog-highlight[b-sprf89nsvb] {
        flex-direction: column;
    }

    .share-buttons[b-sprf89nsvb] {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .page-hero-content h1[b-sprf89nsvb] {
        font-size: 1.5rem;
    }

    .featured-blog-content h2[b-sprf89nsvb] {
        font-size: 1.5rem;
    }

    .featured-blog-content[b-sprf89nsvb] {
        padding: 20px;
    }

    .sidebar-widget[b-sprf89nsvb] {
        padding: 20px;
    }

    .blog-meta[b-sprf89nsvb] {
        font-size: 0.8rem;
        gap: 10px;
    }
}

/* _content/OzturkIzolasyon/Views/Home/Product.cshtml.rz.scp.css */
/* ==========================================
   Product Page Styles
   ========================================== */

/* Page Hero */
.page-hero[b-io3su1klqe] {
    position: relative;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
    overflow: hidden;
}

.page-hero-bg[b-io3su1klqe] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.page-hero[b-io3su1klqe]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.65), rgba(59, 130, 246, 0.45));
    z-index: 1;
}

.page-hero[b-io3su1klqe]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
    z-index: 2;
}

.page-hero-content[b-io3su1klqe] {
    position: relative;
    z-index: 3;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-io3su1klqe] {
    font-size: 3rem;
    font-weight: 800;
    margin-bottom: 20px;
    animation: fadeInUp-b-io3su1klqe 0.8s ease;
}

.breadcrumb[b-io3su1klqe] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 1rem;
    animation: fadeInUp-b-io3su1klqe 0.8s ease 0.2s backwards;
}

.breadcrumb a[b-io3su1klqe] {
    color: var(--white);
    opacity: 0.9;
    transition: var(--transition);
}

.breadcrumb a:hover[b-io3su1klqe] {
    opacity: 1;
    text-decoration: underline;
}

.breadcrumb span[b-io3su1klqe] {
    opacity: 0.7;
}

/* Product Detail Section */
.product-detail[b-io3su1klqe] {
    padding: 80px 0;
    background: var(--white);
}

.product-main[b-io3su1klqe] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: start;
}

.product-image-section[b-io3su1klqe] {
    position: sticky;
    top: 100px;
}

.product-image-main[b-io3su1klqe] {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-lg);
    background: #f3f4f6;
}

.product-image-main img[b-io3su1klqe] {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.5s ease;
}

.product-image-main:hover img[b-io3su1klqe] {
    transform: scale(1.05);
}

.product-info-section[b-io3su1klqe] {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.product-header[b-io3su1klqe] {
    border-bottom: 2px solid var(--border-color);
    padding-bottom: 20px;
}

.product-tag[b-io3su1klqe] {
    display: inline-block;
    padding: 6px 16px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.product-header h2[b-io3su1klqe] {
    font-size: 2.5rem;
    color: var(--dark-color);
    font-weight: 700;
    line-height: 1.2;
}

.product-description p[b-io3su1klqe] {
    font-size: 1.125rem;
    line-height: 1.8;
    color: var(--text-color);
    margin-bottom: 15px;
}

.product-highlights[b-io3su1klqe] {
    background: var(--light-color);
    padding: 30px;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.product-highlights h3[b-io3su1klqe] {
    font-size: 1.5rem;
    color: var(--dark-color);
    margin-bottom: 20px;
}

.product-highlights ul[b-io3su1klqe] {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.product-highlights ul li[b-io3su1klqe] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 1.05rem;
    color: var(--text-color);
}

.product-highlights ul li i[b-io3su1klqe] {
    color: var(--secondary-color);
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.product-cta[b-io3su1klqe] {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    padding-top: 20px;
}

.product-cta .btn[b-io3su1klqe] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 32px;
    font-size: 1.05rem;
}

/* Detailed Content Section */
.detailed-content[b-io3su1klqe] {
    padding: 80px 0;
    background: var(--white);
}

.detailed-content .content-wrapper[b-io3su1klqe] {
    max-width: 900px;
    margin: 0 auto;
}

.detailed-content h2[b-io3su1klqe] {
    font-size: 2.5rem;
    color: var(--dark-color);
    font-weight: 700;
    margin-bottom: 30px;
    text-align: center;
    position: relative;
    padding-bottom: 20px;
}

.detailed-content h2[b-io3su1klqe]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: var(--gradient);
    border-radius: 2px;
}

.detailed-content p[b-io3su1klqe] {
    font-size: 1.125rem;
    line-height: 1.9;
    color: var(--text-color);
    margin-bottom: 25px;
    text-align: justify;
}

.detailed-content p:first-of-type[b-io3su1klqe] {
    font-size: 1.2rem;
    font-weight: 500;
    color: var(--dark-color);
}

.detailed-content p:first-of-type[b-io3su1klqe]::first-letter {
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1;
    float: left;
    color: var(--primary-color);
}

/* Technical Details Section */
.technical-details[b-io3su1klqe] {
    padding: 80px 0;
    background: var(--light-color);
}

.technical-grid[b-io3su1klqe] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
}

.technical-card[b-io3su1klqe] {
    background: var(--white);
    padding: 35px;
    border-radius: 12px;
    box-shadow: var(--shadow);
    transition: var(--transition);
}

.technical-card:hover[b-io3su1klqe] {
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
}

.technical-icon[b-io3su1klqe] {
    width: 70px;
    height: 70px;
    background: var(--gradient);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.technical-icon i[b-io3su1klqe] {
    font-size: 2rem;
    color: var(--white);
}

.technical-card h3[b-io3su1klqe] {
    font-size: 1.375rem;
    color: var(--dark-color);
    margin-bottom: 20px;
}

.technical-card ul[b-io3su1klqe] {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.technical-card ul li[b-io3su1klqe] {
    padding-left: 25px;
    position: relative;
    color: var(--text-color);
    line-height: 1.6;
}

.technical-card ul li[b-io3su1klqe]::before {
    content: '•';
    position: absolute;
    left: 8px;
    color: var(--primary-color);
    font-weight: bold;
    font-size: 1.2rem;
}

/* Benefits Section */
.benefits-section[b-io3su1klqe] {
    padding: 80px 0;
    background: var(--white);
}

.benefits-grid[b-io3su1klqe] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
}

.benefit-card[b-io3su1klqe] {
    background: var(--light-color);
    padding: 35px;
    border-radius: 12px;
    transition: var(--transition);
    border: 2px solid transparent;
}

.benefit-card:hover[b-io3su1klqe] {
    border-color: var(--primary-color);
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
    background: var(--white);
}

.benefit-icon[b-io3su1klqe] {
    width: 70px;
    height: 70px;
    background: var(--gradient);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    transition: var(--transition);
}

.benefit-card:hover .benefit-icon[b-io3su1klqe] {
    transform: scale(1.1);
}

.benefit-icon i[b-io3su1klqe] {
    font-size: 2rem;
    color: var(--white);
}

.benefit-card h3[b-io3su1klqe] {
    font-size: 1.375rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.benefit-card p[b-io3su1klqe] {
    color: var(--text-color);
    line-height: 1.7;
}

/* Process Section */
.process-section[b-io3su1klqe] {
    padding: 80px 0;
    background: var(--light-color);
}

.process-timeline[b-io3su1klqe] {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 40px;
    position: relative;
}

.process-timeline[b-io3su1klqe]::before {
    content: '';
    position: absolute;
    left: 30px;
    top: 30px;
    bottom: 30px;
    width: 3px;
    background: linear-gradient(to bottom, var(--primary-color), var(--secondary-color));
}

.process-step[b-io3su1klqe] {
    display: flex;
    gap: 30px;
    position: relative;
}

.step-number[b-io3su1klqe] {
    width: 60px;
    height: 60px;
    background: var(--gradient);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--white);
    flex-shrink: 0;
    box-shadow: 0 4px 15px rgba(30, 64, 175, 0.3);
    position: relative;
    z-index: 2;
}

.step-content[b-io3su1klqe] {
    background: var(--white);
    padding: 25px 30px;
    border-radius: 12px;
    box-shadow: var(--shadow);
    flex: 1;
    transition: var(--transition);
}

.step-content:hover[b-io3su1klqe] {
    transform: translateX(10px);
    box-shadow: var(--shadow-lg);
}

.step-content h3[b-io3su1klqe] {
    font-size: 1.375rem;
    color: var(--dark-color);
    margin-bottom: 12px;
}

.step-content p[b-io3su1klqe] {
    color: var(--text-color);
    line-height: 1.7;
}

/* FAQ Section */
.faq-section[b-io3su1klqe] {
    padding: 80px 0;
    background: var(--white);
}

.faq-container[b-io3su1klqe] {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.faq-item[b-io3su1klqe] {
    background: var(--light-color);
    border-radius: 12px;
    overflow: hidden;
    transition: var(--transition);
}

.faq-item:hover[b-io3su1klqe] {
    box-shadow: var(--shadow);
}

.faq-question[b-io3su1klqe] {
    padding: 25px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    user-select: none;
    transition: var(--transition);
}

.faq-question:hover[b-io3su1klqe] {
    background: rgba(30, 64, 175, 0.05);
}

.faq-question h3[b-io3su1klqe] {
    font-size: 1.25rem;
    color: var(--dark-color);
    font-weight: 600;
    margin: 0;
}

.faq-question i[b-io3su1klqe] {
    font-size: 1.25rem;
    color: var(--primary-color);
    transition: transform 0.3s ease;
}

.faq-item.active .faq-question i[b-io3su1klqe] {
    transform: rotate(180deg);
}

.faq-answer[b-io3su1klqe] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
}

.faq-item.active .faq-answer[b-io3su1klqe] {
    max-height: 500px;
    padding: 0 30px 25px 30px;
}

.faq-answer p[b-io3su1klqe] {
    color: var(--text-color);
    line-height: 1.8;
    font-size: 1.05rem;
}

/* CTA Section */
.cta-section[b-io3su1klqe] {
    padding: 80px 0;
    background: var(--gradient);
    position: relative;
    overflow: hidden;
}

.cta-section[b-io3su1klqe]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.cta-content[b-io3su1klqe] {
    position: relative;
    z-index: 2;
    text-align: center;
    color: var(--white);
    max-width: 800px;
    margin: 0 auto;
}

.cta-content h2[b-io3su1klqe] {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.3;
}

.cta-content p[b-io3su1klqe] {
    font-size: 1.25rem;
    margin-bottom: 40px;
    opacity: 0.95;
    line-height: 1.7;
}

.cta-buttons[b-io3su1klqe] {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

.btn-large[b-io3su1klqe] {
    padding: 18px 40px;
    font-size: 1.125rem;
}

.cta-section .btn-secondary[b-io3su1klqe] {
    background: var(--white);
    color: var(--primary-color);
    border: 2px solid var(--white);
}

.cta-section .btn-secondary:hover[b-io3su1klqe] {
    background: transparent;
    color: var(--white);
}

/* ==========================================
   Responsive Design
   ========================================== */

@media (max-width: 1024px) {
    .page-hero-content h1[b-io3su1klqe] {
        font-size: 2.5rem;
    }

    .product-main[b-io3su1klqe] {
        gap: 40px;
    }

    .product-header h2[b-io3su1klqe] {
        font-size: 2rem;
    }

    .technical-grid[b-io3su1klqe],
    .benefits-grid[b-io3su1klqe] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .page-hero[b-io3su1klqe] {
        height: 300px;
        margin-top: 80px;
    }

    .page-hero-content h1[b-io3su1klqe] {
        font-size: 2rem;
    }

    .breadcrumb[b-io3su1klqe] {
        font-size: 0.9rem;
    }

    .product-main[b-io3su1klqe] {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .product-image-section[b-io3su1klqe] {
        position: static;
    }

    .product-header h2[b-io3su1klqe] {
        font-size: 1.75rem;
    }

    .product-description p[b-io3su1klqe] {
        font-size: 1rem;
    }

    .product-highlights[b-io3su1klqe] {
        padding: 20px;
    }

    .product-highlights h3[b-io3su1klqe] {
        font-size: 1.25rem;
    }

    .product-cta[b-io3su1klqe] {
        flex-direction: column;
    }

    .product-cta .btn[b-io3su1klqe] {
        width: 100%;
        justify-content: center;
    }

    .detailed-content h2[b-io3su1klqe] {
        font-size: 2rem;
    }

    .detailed-content p[b-io3su1klqe] {
        font-size: 1rem;
    }

    .detailed-content p:first-of-type[b-io3su1klqe] {
        font-size: 1.05rem;
    }

    .detailed-content p:first-of-type[b-io3su1klqe]::first-letter {
        font-size: 3rem;
    }

    .technical-grid[b-io3su1klqe],
    .benefits-grid[b-io3su1klqe] {
        grid-template-columns: 1fr;
    }

    .process-timeline[b-io3su1klqe]::before {
        left: 20px;
    }

    .step-number[b-io3su1klqe] {
        width: 50px;
        height: 50px;
        font-size: 1.25rem;
    }

    .step-content[b-io3su1klqe] {
        padding: 20px;
    }

    .step-content h3[b-io3su1klqe] {
        font-size: 1.25rem;
    }

    .faq-question[b-io3su1klqe] {
        padding: 20px;
    }

    .faq-question h3[b-io3su1klqe] {
        font-size: 1.1rem;
    }

    .faq-item.active .faq-answer[b-io3su1klqe] {
        padding: 0 20px 20px 20px;
    }

    .cta-content h2[b-io3su1klqe] {
        font-size: 2rem;
    }

    .cta-content p[b-io3su1klqe] {
        font-size: 1.05rem;
    }

    .cta-buttons[b-io3su1klqe] {
        flex-direction: column;
    }

    .btn-large[b-io3su1klqe] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .page-hero[b-io3su1klqe] {
        height: 250px;
    }

    .page-hero-content h1[b-io3su1klqe] {
        font-size: 1.75rem;
    }

    .product-header h2[b-io3su1klqe] {
        font-size: 1.5rem;
    }

    .detailed-content h2[b-io3su1klqe] {
        font-size: 1.75rem;
    }

    .detailed-content p[b-io3su1klqe] {
        font-size: 0.95rem;
    }

    .detailed-content p:first-of-type[b-io3su1klqe] {
        font-size: 1rem;
    }

    .detailed-content p:first-of-type[b-io3su1klqe]::first-letter {
        font-size: 2.5rem;
        margin: 3px 8px 0 0;
    }

    .technical-card[b-io3su1klqe],
    .benefit-card[b-io3su1klqe] {
        padding: 25px;
    }

    .technical-icon[b-io3su1klqe],
    .benefit-icon[b-io3su1klqe] {
        width: 60px;
        height: 60px;
    }

    .technical-icon i[b-io3su1klqe],
    .benefit-icon i[b-io3su1klqe] {
        font-size: 1.75rem;
    }

    .process-step[b-io3su1klqe] {
        gap: 20px;
    }

    .step-number[b-io3su1klqe] {
        width: 40px;
        height: 40px;
        font-size: 1.1rem;
    }

    .cta-content h2[b-io3su1klqe] {
        font-size: 1.75rem;
    }

    .cta-content p[b-io3su1klqe] {
        font-size: 1rem;
    }
}

/* ==========================================
   Animations
   ========================================== */

@keyframes fadeInUp-b-io3su1klqe {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Scroll Animations */
.product-detail[b-io3su1klqe],
.detailed-content[b-io3su1klqe],
.technical-details[b-io3su1klqe],
.benefits-section[b-io3su1klqe],
.process-section[b-io3su1klqe],
.faq-section[b-io3su1klqe] {
    animation: fadeIn-b-io3su1klqe 0.6s ease;
}

@keyframes fadeIn-b-io3su1klqe {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* _content/OzturkIzolasyon/Views/Home/Referanslar.cshtml.rz.scp.css */
/* ==========================================
   Hakkımızda Sayfası Özel Stilleri
   ========================================== */

/* Page Hero */
.page-hero[b-xkdnph6flz] {
    position: relative;
    height: 50vh;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url('assets/images/slider-2.jpg') center center/cover no-repeat;
    overflow: hidden;
    margin-top: 80px;
}

.page-hero[b-xkdnph6flz]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.85), rgba(59, 130, 246, 0.75));
}

.page-hero-content[b-xkdnph6flz] {
    position: relative;
    z-index: 2;
    text-align: center;
    color: var(--white);
    padding: 0 20px;
}

.page-hero-content h1[b-xkdnph6flz] {
    font-size: 3rem;
    font-weight: 800;
    margin-bottom: 15px;
    animation: fadeInUp 1s ease;
}

.page-hero-content .breadcrumb[b-xkdnph6flz] {
    display: flex;
    justify-content: center;
    gap: 10px;
    font-size: 1rem;
    animation: fadeInUp 1s ease 0.2s backwards;
}

.breadcrumb a[b-xkdnph6flz] {
    color: rgba(255, 255, 255, 0.9);
    transition: var(--transition);
}

.breadcrumb a:hover[b-xkdnph6flz] {
    color: var(--white);
}

.breadcrumb span[b-xkdnph6flz] {
    color: rgba(255, 255, 255, 0.7);
}

/* About Intro */
.about-intro[b-xkdnph6flz] {
    padding: 100px 0;
    background: var(--white);
}

.about-intro-content[b-xkdnph6flz] {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
}

.about-intro-text h2[b-xkdnph6flz] {
    font-size: 2.5rem;
    color: var(--dark-color);
    margin-bottom: 25px;
    font-weight: 700;
}

.about-intro-text p[b-xkdnph6flz] {
    font-size: 1.125rem;
    line-height: 1.8;
    color: var(--text-color);
    margin-bottom: 20px;
    text-align: justify;
}

.about-intro-image[b-xkdnph6flz] {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: var(--shadow-lg);
}

.about-intro-image img[b-xkdnph6flz] {
    width: 100%;
    height: 500px;
    object-fit: cover;
}

/* Stats Section */
.stats-section[b-xkdnph6flz] {
    padding: 80px 0;
    background: var(--gradient);
    color: var(--white);
}

.stats-grid[b-xkdnph6flz] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
    text-align: center;
}

.stat-item[b-xkdnph6flz] {
    padding: 20px;
}

.stat-number[b-xkdnph6flz] {
    font-size: 3rem;
    font-weight: 800;
    margin-bottom: 10px;
    display: block;
}

.stat-label[b-xkdnph6flz] {
    font-size: 1.125rem;
    opacity: 0.95;
}

/* Mission & Vision */
.mission-vision[b-xkdnph6flz] {
    padding: 100px 0;
    background: var(--light-color);
}

.mission-vision-grid[b-xkdnph6flz] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    margin-top: 60px;
}

.mission-vision-card[b-xkdnph6flz] {
    background: var(--white);
    padding: 50px 40px;
    border-radius: 12px;
    box-shadow: var(--shadow);
    transition: var(--transition);
}

.mission-vision-card:hover[b-xkdnph6flz] {
    transform: translateY(-10px);
    box-shadow: var(--shadow-lg);
}

.mission-vision-card .icon[b-xkdnph6flz] {
    width: 80px;
    height: 80px;
    background: var(--gradient);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

.mission-vision-card .icon i[b-xkdnph6flz] {
    font-size: 2.5rem;
    color: var(--white);
}

.mission-vision-card h3[b-xkdnph6flz] {
    font-size: 2rem;
    color: var(--dark-color);
    margin-bottom: 20px;
}

.mission-vision-card p[b-xkdnph6flz] {
    font-size: 1.125rem;
    line-height: 1.8;
    color: var(--text-color);
}

/* Values Section */
.values-section[b-xkdnph6flz] {
    padding: 100px 0;
    background: var(--white);
}

.values-grid[b-xkdnph6flz] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 60px;
}

.value-card[b-xkdnph6flz] {
    background: var(--light-color);
    padding: 40px 30px;
    border-radius: 12px;
    text-align: center;
    transition: var(--transition);
    border: 2px solid transparent;
}

.value-card:hover[b-xkdnph6flz] {
    border-color: var(--primary-color);
    transform: translateY(-5px);
    background: var(--white);
    box-shadow: var(--shadow-lg);
}

.value-card .icon[b-xkdnph6flz] {
    font-size: 3rem;
    color: var(--primary-color);
    margin-bottom: 20px;
}

.value-card h4[b-xkdnph6flz] {
    font-size: 1.375rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.value-card p[b-xkdnph6flz] {
    color: #6b7280;
    line-height: 1.6;
}

/* Team Section */
.team-section[b-xkdnph6flz] {
    padding: 100px 0;
    background: var(--light-color);
}

.team-intro[b-xkdnph6flz] {
    max-width: 800px;
    margin: 0 auto 60px;
    text-align: center;
}

.team-intro p[b-xkdnph6flz] {
    font-size: 1.125rem;
    line-height: 1.8;
    color: var(--text-color);
}

.team-features[b-xkdnph6flz] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-top: 60px;
}

.team-feature[b-xkdnph6flz] {
    background: var(--white);
    padding: 40px;
    border-radius: 12px;
    display: flex;
    gap: 25px;
    box-shadow: var(--shadow);
    transition: var(--transition);
}

.team-feature:hover[b-xkdnph6flz] {
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
}

.team-feature .icon[b-xkdnph6flz] {
    width: 70px;
    height: 70px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.team-feature .icon i[b-xkdnph6flz] {
    font-size: 2rem;
    color: var(--primary-color);
}

.team-feature-content h4[b-xkdnph6flz] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 10px;
}

.team-feature-content p[b-xkdnph6flz] {
    color: #6b7280;
    line-height: 1.6;
}

/* CTA Section */
.cta-section[b-xkdnph6flz] {
    padding: 100px 0;
    background: var(--gradient);
    color: var(--white);
    text-align: center;
}

.cta-content h2[b-xkdnph6flz] {
    font-size: 2.5rem;
    margin-bottom: 20px;
    font-weight: 700;
}

.cta-content p[b-xkdnph6flz] {
    font-size: 1.25rem;
    margin-bottom: 40px;
    opacity: 0.95;
}

.cta-buttons[b-xkdnph6flz] {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

/* References Detail Section */
.references-detail-section[b-xkdnph6flz] {
    padding: 100px 0;
    background: var(--white);
}

/* Stats Section with Cards */
.stats-section[b-xkdnph6flz] {
    padding: 80px 0;
    background: var(--light-color);
}

.stats-grid[b-xkdnph6flz] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.stat-card[b-xkdnph6flz] {
    background: var(--white);
    padding: 40px 30px;
    border-radius: 12px;
    text-align: center;
    box-shadow: var(--shadow);
    transition: var(--transition);
    border: 2px solid transparent;
}

.stat-card:hover[b-xkdnph6flz] {
    transform: translateY(-10px);
    border-color: var(--primary-color);
    box-shadow: var(--shadow-lg);
}

.stat-icon[b-xkdnph6flz] {
    width: 80px;
    height: 80px;
    background: var(--gradient);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px;
}

.stat-icon i[b-xkdnph6flz] {
    font-size: 2rem;
    color: var(--white);
}

.stat-content h3[b-xkdnph6flz] {
    font-size: 3rem;
    font-weight: 800;
    color: var(--primary-color);
    margin-bottom: 10px;
}

.stat-content p[b-xkdnph6flz] {
    font-size: 1.125rem;
    color: var(--text-color);
    font-weight: 500;
}

/* Why Choose Section */
.why-choose-section[b-xkdnph6flz] {
    padding: 100px 0;
    background: var(--white);
}

.why-choose-grid[b-xkdnph6flz] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 60px;
}

.why-choose-card[b-xkdnph6flz] {
    background: var(--light-color);
    padding: 40px 30px;
    border-radius: 12px;
    text-align: center;
    transition: var(--transition);
    border: 2px solid transparent;
}

.why-choose-card:hover[b-xkdnph6flz] {
    border-color: var(--primary-color);
    transform: translateY(-5px);
    background: var(--white);
    box-shadow: var(--shadow-lg);
}

.why-choose-card .icon[b-xkdnph6flz] {
    font-size: 3rem;
    color: var(--primary-color);
    margin-bottom: 20px;
}

.why-choose-card h4[b-xkdnph6flz] {
    font-size: 1.375rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.why-choose-card p[b-xkdnph6flz] {
    color: #6b7280;
    line-height: 1.6;
}

/* ==========================================
   Responsive Design
   ========================================== */
@media (max-width: 1024px) {
    .about-intro-content[b-xkdnph6flz] {
        grid-template-columns: 1fr;
    }

    .stats-grid[b-xkdnph6flz] {
        grid-template-columns: repeat(2, 1fr);
    }

    .values-grid[b-xkdnph6flz],
    .why-choose-grid[b-xkdnph6flz] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .page-hero-content h1[b-xkdnph6flz] {
        font-size: 2rem;
    }

    .about-intro-text h2[b-xkdnph6flz] {
        font-size: 2rem;
    }

    .mission-vision-grid[b-xkdnph6flz],
    .team-features[b-xkdnph6flz] {
        grid-template-columns: 1fr;
    }

    .stats-grid[b-xkdnph6flz],
    .values-grid[b-xkdnph6flz],
    .why-choose-grid[b-xkdnph6flz] {
        grid-template-columns: 1fr;
    }

    .stat-number[b-xkdnph6flz],
    .stat-content h3[b-xkdnph6flz] {
        font-size: 2.5rem;
    }

    .cta-content h2[b-xkdnph6flz] {
        font-size: 2rem;
    }

    .cta-buttons[b-xkdnph6flz] {
        flex-direction: column;
        align-items: stretch;
    }

    .cta-buttons .btn[b-xkdnph6flz] {
        width: 100%;
    }
}

/* _content/OzturkIzolasyon/Views/Home/SakaryaIzolasyonBlog.cshtml.rz.scp.css */
/* ==========================================
   Blog Page Styles
   ========================================== */

/* Page Hero Section */
.page-hero[b-egz88eq2af] {
    position: relative;
    height: 280px;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    padding-bottom: 40px;
}

.page-hero[b-egz88eq2af]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.page-hero-overlay[b-egz88eq2af] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
}

.page-hero-content[b-egz88eq2af] {
    position: relative;
    z-index: 1;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-egz88eq2af] {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.page-hero-content p[b-egz88eq2af] {
    font-size: 1.25rem;
    margin-bottom: 2rem;
    opacity: 0.95;
}

.breadcrumb[b-egz88eq2af] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    opacity: 0.9;
}

.breadcrumb a[b-egz88eq2af] {
    color: var(--white);
    transition: opacity 0.3s ease;
}

.breadcrumb a:hover[b-egz88eq2af] {
    opacity: 0.8;
}

.breadcrumb i[b-egz88eq2af] {
    font-size: 0.75rem;
}

/* Blog Main Section */
.blog-main-section[b-egz88eq2af] {
    padding: 80px 0;
    background-color: #f9fafb;
}

.blog-layout[b-egz88eq2af] {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 40px;
}

/* Blog Content */
.blog-content[b-egz88eq2af] {
    background: var(--white);
}

/* Featured Blog Post */
.featured-blog-post[b-egz88eq2af] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    margin-bottom: 60px;
}

.featured-blog-image[b-egz88eq2af] {
    position: relative;
    height: 500px;
    overflow: hidden;
}

.featured-blog-image img[b-egz88eq2af] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.featured-blog-post:hover .featured-blog-image img[b-egz88eq2af] {
    transform: scale(1.05);
}

.blog-category[b-egz88eq2af] {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--primary-color);
    color: var(--white);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    z-index: 2;
}

.featured-blog-content[b-egz88eq2af] {
    padding: 40px;
}

.blog-meta[b-egz88eq2af] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    font-size: 0.875rem;
    color: #6b7280;
    flex-wrap: wrap;
}

.blog-meta span[b-egz88eq2af] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.blog-meta i[b-egz88eq2af] {
    color: var(--primary-color);
}

.featured-blog-content h2[b-egz88eq2af] {
    font-size: 2.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    line-height: 1.3;
}

.blog-excerpt[b-egz88eq2af] {
    font-size: 1.125rem;
    color: #4b5563;
    margin-bottom: 20px;
    line-height: 1.8;
    font-weight: 500;
}

.featured-blog-content p[b-egz88eq2af] {
    font-size: 1rem;
    color: var(--text-color);
    margin-bottom: 20px;
    line-height: 1.8;
}

.featured-blog-content h3[b-egz88eq2af] {
    font-size: 1.75rem;
    color: var(--dark-color);
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 600;
}

/* Blog List */
.blog-list[b-egz88eq2af] {
    list-style: none;
    margin: 30px 0;
}

.blog-list li[b-egz88eq2af] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-color);
}

.blog-list i[b-egz88eq2af] {
    color: #10b981;
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.blog-list strong[b-egz88eq2af] {
    color: var(--dark-color);
}

/* Blog Steps */
.blog-steps[b-egz88eq2af] {
    margin: 30px 0;
}

.step-item[b-egz88eq2af] {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    padding: 25px;
    background: #f9fafb;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.step-number[b-egz88eq2af] {
    width: 50px;
    height: 50px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    flex-shrink: 0;
}

.step-content h4[b-egz88eq2af] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 8px;
}

.step-content p[b-egz88eq2af] {
    margin: 0;
    color: var(--text-color);
}

/* Blog Sectors */
.blog-sectors[b-egz88eq2af] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 30px 0;
}

.sector-tag[b-egz88eq2af] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid rgba(30, 64, 175, 0.2);
}

.sector-tag i[b-egz88eq2af] {
    font-size: 1rem;
}

/* Blog Highlight */
.blog-highlight[b-egz88eq2af] {
    display: flex;
    gap: 20px;
    padding: 30px;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-radius: 12px;
    margin: 40px 0;
    border-left: 4px solid #f59e0b;
}

.blog-highlight i[b-egz88eq2af] {
    font-size: 2rem;
    color: #f59e0b;
    flex-shrink: 0;
}

.blog-highlight h4[b-egz88eq2af] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 10px;
}

.blog-highlight p[b-egz88eq2af] {
    margin: 0;
    color: #78350f;
}

/* Blog Tags */
.blog-tags[b-egz88eq2af] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 40px 0;
    padding-top: 30px;
    border-top: 1px solid var(--border-color);
}

.blog-tags .tag[b-egz88eq2af] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.blog-tags .tag:hover[b-egz88eq2af] {
    background: var(--primary-color);
    color: var(--white);
}

.blog-tags .tag i[b-egz88eq2af] {
    font-size: 0.75rem;
}

/* Blog Share */
.blog-share[b-egz88eq2af] {
    padding: 30px 0;
    border-top: 1px solid var(--border-color);
}

.blog-share h4[b-egz88eq2af] {
    font-size: 1.125rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.share-buttons[b-egz88eq2af] {
    display: flex;
    gap: 12px;
}

.share-btn[b-egz88eq2af] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    transition: all 0.3s ease;
    font-size: 1.125rem;
}

.share-btn:hover[b-egz88eq2af] {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.share-btn.facebook[b-egz88eq2af] {
    background: #1877f2;
}

.share-btn.twitter[b-egz88eq2af] {
    background: #1da1f2;
}

.share-btn.linkedin[b-egz88eq2af] {
    background: #0077b5;
}

.share-btn.whatsapp[b-egz88eq2af] {
    background: #25d366;
}

/* More Posts Section */
.more-posts-section[b-egz88eq2af] {
    margin-top: 60px;
}

.section-title[b-egz88eq2af] {
    font-size: 2rem;
    color: var(--dark-color);
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid var(--primary-color);
    display: inline-block;
}

.blog-posts-grid[b-egz88eq2af] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
}

.blog-post-card[b-egz88eq2af] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.blog-post-card:hover[b-egz88eq2af] {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.blog-post-image[b-egz88eq2af] {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.blog-post-image img[b-egz88eq2af] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.blog-post-card:hover .blog-post-image img[b-egz88eq2af] {
    transform: scale(1.1);
}

.blog-post-content[b-egz88eq2af] {
    padding: 25px;
}

.blog-post-content h3[b-egz88eq2af] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 12px;
    line-height: 1.4;
}

.blog-post-content p[b-egz88eq2af] {
    font-size: 0.95rem;
    color: var(--text-color);
    margin-bottom: 15px;
    line-height: 1.6;
}

.read-more-btn[b-egz88eq2af] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.95rem;
    transition: gap 0.3s ease;
}

.read-more-btn:hover[b-egz88eq2af] {
    gap: 12px;
}

/* Sidebar */
.blog-sidebar[b-egz88eq2af] {
    position: sticky;
    top: 100px;
    height: fit-content;
}

.sidebar-widget[b-egz88eq2af] {
    background: var(--white);
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.sidebar-widget h3[b-egz88eq2af] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--border-color);
}

/* Search Widget */
.search-form[b-egz88eq2af] {
    position: relative;
    display: flex;
}

.search-form input[b-egz88eq2af] {
    width: 100%;
    padding: 12px 50px 12px 15px;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    font-size: 0.95rem;
    transition: border-color 0.3s ease;
}

.search-form input:focus[b-egz88eq2af] {
    outline: none;
    border-color: var(--primary-color);
}

.search-form button[b-egz88eq2af] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

.search-form button:hover[b-egz88eq2af] {
    background: #1e3a8a;
}

/* Categories Widget */
.categories-list[b-egz88eq2af] {
    list-style: none;
}

.categories-list li[b-egz88eq2af] {
    margin-bottom: 12px;
}

.categories-list a[b-egz88eq2af] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    background: #f9fafb;
    border-radius: 8px;
    color: var(--text-color);
    transition: all 0.3s ease;
}

.categories-list a:hover[b-egz88eq2af] {
    background: var(--primary-color);
    color: var(--white);
    transform: translateX(5px);
}

.categories-list i[b-egz88eq2af] {
    margin-right: 10px;
    color: var(--primary-color);
    transition: color 0.3s ease;
}

.categories-list a:hover i[b-egz88eq2af] {
    color: var(--white);
}

.categories-list span[b-egz88eq2af] {
    font-size: 0.875rem;
    opacity: 0.8;
}

/* Recent Posts Widget */
.recent-posts-list[b-egz88eq2af] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.recent-post-item[b-egz88eq2af] {
    display: flex;
    gap: 15px;
    padding: 12px;
    border-radius: 8px;
    transition: background 0.3s ease;
}

.recent-post-item:hover[b-egz88eq2af] {
    background: #f9fafb;
}

.recent-post-item img[b-egz88eq2af] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.recent-post-info h4[b-egz88eq2af] {
    font-size: 0.95rem;
    color: var(--dark-color);
    margin-bottom: 6px;
    line-height: 1.4;
}

.post-date[b-egz88eq2af] {
    font-size: 0.8rem;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Tags Widget */
.tags-cloud[b-egz88eq2af] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag-item[b-egz88eq2af] {
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.tag-item:hover[b-egz88eq2af] {
    background: var(--primary-color);
    color: var(--white);
}

/* CTA Widget */
.cta-widget[b-egz88eq2af] {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    color: var(--white);
}

.cta-widget h3[b-egz88eq2af] {
    color: var(--white);
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.cta-content[b-egz88eq2af] {
    text-align: center;
}

.cta-content i[b-egz88eq2af] {
    font-size: 3rem;
    margin-bottom: 15px;
    opacity: 0.9;
}

.cta-content p[b-egz88eq2af] {
    margin-bottom: 20px;
    opacity: 0.95;
}

.cta-btn[b-egz88eq2af] {
    display: inline-block;
    padding: 12px 30px;
    background: var(--white);
    color: var(--primary-color);
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.cta-btn:hover[b-egz88eq2af] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .blog-layout[b-egz88eq2af] {
        grid-template-columns: 1fr;
    }

    .blog-sidebar[b-egz88eq2af] {
        position: static;
    }

    .sidebar-widget[b-egz88eq2af] {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .page-hero[b-egz88eq2af] {
        height: 220px;
        padding-bottom: 30px;
    }

    .page-hero-content h1[b-egz88eq2af] {
        font-size: 2rem;
    }

    .page-hero-content p[b-egz88eq2af] {
        font-size: 1rem;
    }

    .blog-main-section[b-egz88eq2af] {
        padding: 40px 0;
    }

    .featured-blog-image[b-egz88eq2af] {
        height: 300px;
    }

    .featured-blog-content[b-egz88eq2af] {
        padding: 25px;
    }

    .featured-blog-content h2[b-egz88eq2af] {
        font-size: 1.75rem;
    }

    .featured-blog-content h3[b-egz88eq2af] {
        font-size: 1.5rem;
    }

    .blog-posts-grid[b-egz88eq2af] {
        grid-template-columns: 1fr;
    }

    .blog-meta[b-egz88eq2af] {
        gap: 15px;
    }

    .step-item[b-egz88eq2af] {
        flex-direction: column;
        align-items: flex-start;
    }

    .blog-sectors[b-egz88eq2af] {
        gap: 8px;
    }

    .sector-tag[b-egz88eq2af] {
        font-size: 0.8rem;
        padding: 8px 15px;
    }

    .blog-highlight[b-egz88eq2af] {
        flex-direction: column;
    }

    .share-buttons[b-egz88eq2af] {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .page-hero-content h1[b-egz88eq2af] {
        font-size: 1.5rem;
    }

    .featured-blog-content h2[b-egz88eq2af] {
        font-size: 1.5rem;
    }

    .featured-blog-content[b-egz88eq2af] {
        padding: 20px;
    }

    .sidebar-widget[b-egz88eq2af] {
        padding: 20px;
    }

    .blog-meta[b-egz88eq2af] {
        font-size: 0.8rem;
        gap: 10px;
    }
}

/* _content/OzturkIzolasyon/Views/Home/SanayiTesisIzolasyonMaliyetDusurme.cshtml.rz.scp.css */
/* ==========================================
   Blog Page Styles
   ========================================== */

/* Page Hero Section */
.page-hero[b-8046hsv8hm] {
    position: relative;
    height: 280px;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    padding-bottom: 40px;
}

.page-hero[b-8046hsv8hm]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.page-hero-overlay[b-8046hsv8hm] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
}

.page-hero-content[b-8046hsv8hm] {
    position: relative;
    z-index: 1;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-8046hsv8hm] {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.page-hero-content p[b-8046hsv8hm] {
    font-size: 1.25rem;
    margin-bottom: 2rem;
    opacity: 0.95;
}

.breadcrumb[b-8046hsv8hm] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    opacity: 0.9;
}

.breadcrumb a[b-8046hsv8hm] {
    color: var(--white);
    transition: opacity 0.3s ease;
}

.breadcrumb a:hover[b-8046hsv8hm] {
    opacity: 0.8;
}

.breadcrumb i[b-8046hsv8hm] {
    font-size: 0.75rem;
}

/* Blog Main Section */
.blog-main-section[b-8046hsv8hm] {
    padding: 80px 0;
    background-color: #f9fafb;
}

.blog-layout[b-8046hsv8hm] {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 40px;
}

/* Blog Content */
.blog-content[b-8046hsv8hm] {
    background: var(--white);
}

/* Featured Blog Post */
.featured-blog-post[b-8046hsv8hm] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    margin-bottom: 60px;
}

.featured-blog-image[b-8046hsv8hm] {
    position: relative;
    height: 500px;
    overflow: hidden;
}

.featured-blog-image img[b-8046hsv8hm] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.featured-blog-post:hover .featured-blog-image img[b-8046hsv8hm] {
    transform: scale(1.05);
}

.blog-category[b-8046hsv8hm] {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--primary-color);
    color: var(--white);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    z-index: 2;
}

.featured-blog-content[b-8046hsv8hm] {
    padding: 40px;
}

.blog-meta[b-8046hsv8hm] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    font-size: 0.875rem;
    color: #6b7280;
    flex-wrap: wrap;
}

.blog-meta span[b-8046hsv8hm] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.blog-meta i[b-8046hsv8hm] {
    color: var(--primary-color);
}

.featured-blog-content h2[b-8046hsv8hm] {
    font-size: 2.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    line-height: 1.3;
}

.blog-excerpt[b-8046hsv8hm] {
    font-size: 1.125rem;
    color: #4b5563;
    margin-bottom: 20px;
    line-height: 1.8;
    font-weight: 500;
}

.featured-blog-content p[b-8046hsv8hm] {
    font-size: 1rem;
    color: var(--text-color);
    margin-bottom: 20px;
    line-height: 1.8;
}

.featured-blog-content h3[b-8046hsv8hm] {
    font-size: 1.75rem;
    color: var(--dark-color);
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 600;
}

/* Blog List */
.blog-list[b-8046hsv8hm] {
    list-style: none;
    margin: 30px 0;
}

.blog-list li[b-8046hsv8hm] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-color);
}

.blog-list i[b-8046hsv8hm] {
    color: #10b981;
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.blog-list strong[b-8046hsv8hm] {
    color: var(--dark-color);
}

/* Blog Steps */
.blog-steps[b-8046hsv8hm] {
    margin: 30px 0;
}

.step-item[b-8046hsv8hm] {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    padding: 25px;
    background: #f9fafb;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.step-number[b-8046hsv8hm] {
    width: 50px;
    height: 50px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    flex-shrink: 0;
}

.step-content h4[b-8046hsv8hm] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 8px;
}

.step-content p[b-8046hsv8hm] {
    margin: 0;
    color: var(--text-color);
}

/* Blog Sectors */
.blog-sectors[b-8046hsv8hm] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 30px 0;
}

.sector-tag[b-8046hsv8hm] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid rgba(30, 64, 175, 0.2);
}

.sector-tag i[b-8046hsv8hm] {
    font-size: 1rem;
}

/* Blog Highlight */
.blog-highlight[b-8046hsv8hm] {
    display: flex;
    gap: 20px;
    padding: 30px;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-radius: 12px;
    margin: 40px 0;
    border-left: 4px solid #f59e0b;
}

.blog-highlight i[b-8046hsv8hm] {
    font-size: 2rem;
    color: #f59e0b;
    flex-shrink: 0;
}

.blog-highlight h4[b-8046hsv8hm] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 10px;
}

.blog-highlight p[b-8046hsv8hm] {
    margin: 0;
    color: #78350f;
}

/* Blog Tags */
.blog-tags[b-8046hsv8hm] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 40px 0;
    padding-top: 30px;
    border-top: 1px solid var(--border-color);
}

.blog-tags .tag[b-8046hsv8hm] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.blog-tags .tag:hover[b-8046hsv8hm] {
    background: var(--primary-color);
    color: var(--white);
}

.blog-tags .tag i[b-8046hsv8hm] {
    font-size: 0.75rem;
}

/* Blog Share */
.blog-share[b-8046hsv8hm] {
    padding: 30px 0;
    border-top: 1px solid var(--border-color);
}

.blog-share h4[b-8046hsv8hm] {
    font-size: 1.125rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.share-buttons[b-8046hsv8hm] {
    display: flex;
    gap: 12px;
}

.share-btn[b-8046hsv8hm] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    transition: all 0.3s ease;
    font-size: 1.125rem;
}

.share-btn:hover[b-8046hsv8hm] {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.share-btn.facebook[b-8046hsv8hm] {
    background: #1877f2;
}

.share-btn.twitter[b-8046hsv8hm] {
    background: #1da1f2;
}

.share-btn.linkedin[b-8046hsv8hm] {
    background: #0077b5;
}

.share-btn.whatsapp[b-8046hsv8hm] {
    background: #25d366;
}

/* More Posts Section */
.more-posts-section[b-8046hsv8hm] {
    margin-top: 60px;
}

.section-title[b-8046hsv8hm] {
    font-size: 2rem;
    color: var(--dark-color);
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid var(--primary-color);
    display: inline-block;
}

.blog-posts-grid[b-8046hsv8hm] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
}

.blog-post-card[b-8046hsv8hm] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.blog-post-card:hover[b-8046hsv8hm] {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.blog-post-image[b-8046hsv8hm] {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.blog-post-image img[b-8046hsv8hm] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.blog-post-card:hover .blog-post-image img[b-8046hsv8hm] {
    transform: scale(1.1);
}

.blog-post-content[b-8046hsv8hm] {
    padding: 25px;
}

.blog-post-content h3[b-8046hsv8hm] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 12px;
    line-height: 1.4;
}

.blog-post-content p[b-8046hsv8hm] {
    font-size: 0.95rem;
    color: var(--text-color);
    margin-bottom: 15px;
    line-height: 1.6;
}

.read-more-btn[b-8046hsv8hm] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.95rem;
    transition: gap 0.3s ease;
}

.read-more-btn:hover[b-8046hsv8hm] {
    gap: 12px;
}

/* Sidebar */
.blog-sidebar[b-8046hsv8hm] {
    position: sticky;
    top: 100px;
    height: fit-content;
}

.sidebar-widget[b-8046hsv8hm] {
    background: var(--white);
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.sidebar-widget h3[b-8046hsv8hm] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--border-color);
}

/* Search Widget */
.search-form[b-8046hsv8hm] {
    position: relative;
    display: flex;
}

.search-form input[b-8046hsv8hm] {
    width: 100%;
    padding: 12px 50px 12px 15px;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    font-size: 0.95rem;
    transition: border-color 0.3s ease;
}

.search-form input:focus[b-8046hsv8hm] {
    outline: none;
    border-color: var(--primary-color);
}

.search-form button[b-8046hsv8hm] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

.search-form button:hover[b-8046hsv8hm] {
    background: #1e3a8a;
}

/* Categories Widget */
.categories-list[b-8046hsv8hm] {
    list-style: none;
}

.categories-list li[b-8046hsv8hm] {
    margin-bottom: 12px;
}

.categories-list a[b-8046hsv8hm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    background: #f9fafb;
    border-radius: 8px;
    color: var(--text-color);
    transition: all 0.3s ease;
}

.categories-list a:hover[b-8046hsv8hm] {
    background: var(--primary-color);
    color: var(--white);
    transform: translateX(5px);
}

.categories-list i[b-8046hsv8hm] {
    margin-right: 10px;
    color: var(--primary-color);
    transition: color 0.3s ease;
}

.categories-list a:hover i[b-8046hsv8hm] {
    color: var(--white);
}

.categories-list span[b-8046hsv8hm] {
    font-size: 0.875rem;
    opacity: 0.8;
}

/* Recent Posts Widget */
.recent-posts-list[b-8046hsv8hm] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.recent-post-item[b-8046hsv8hm] {
    display: flex;
    gap: 15px;
    padding: 12px;
    border-radius: 8px;
    transition: background 0.3s ease;
}

.recent-post-item:hover[b-8046hsv8hm] {
    background: #f9fafb;
}

.recent-post-item img[b-8046hsv8hm] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.recent-post-info h4[b-8046hsv8hm] {
    font-size: 0.95rem;
    color: var(--dark-color);
    margin-bottom: 6px;
    line-height: 1.4;
}

.post-date[b-8046hsv8hm] {
    font-size: 0.8rem;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Tags Widget */
.tags-cloud[b-8046hsv8hm] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag-item[b-8046hsv8hm] {
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.tag-item:hover[b-8046hsv8hm] {
    background: var(--primary-color);
    color: var(--white);
}

/* CTA Widget */
.cta-widget[b-8046hsv8hm] {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    color: var(--white);
}

.cta-widget h3[b-8046hsv8hm] {
    color: var(--white);
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.cta-content[b-8046hsv8hm] {
    text-align: center;
}

.cta-content i[b-8046hsv8hm] {
    font-size: 3rem;
    margin-bottom: 15px;
    opacity: 0.9;
}

.cta-content p[b-8046hsv8hm] {
    margin-bottom: 20px;
    opacity: 0.95;
}

.cta-btn[b-8046hsv8hm] {
    display: inline-block;
    padding: 12px 30px;
    background: var(--white);
    color: var(--primary-color);
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.cta-btn:hover[b-8046hsv8hm] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .blog-layout[b-8046hsv8hm] {
        grid-template-columns: 1fr;
    }

    .blog-sidebar[b-8046hsv8hm] {
        position: static;
    }

    .sidebar-widget[b-8046hsv8hm] {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .page-hero[b-8046hsv8hm] {
        height: 220px;
        padding-bottom: 30px;
    }

    .page-hero-content h1[b-8046hsv8hm] {
        font-size: 2rem;
    }

    .page-hero-content p[b-8046hsv8hm] {
        font-size: 1rem;
    }

    .blog-main-section[b-8046hsv8hm] {
        padding: 40px 0;
    }

    .featured-blog-image[b-8046hsv8hm] {
        height: 300px;
    }

    .featured-blog-content[b-8046hsv8hm] {
        padding: 25px;
    }

    .featured-blog-content h2[b-8046hsv8hm] {
        font-size: 1.75rem;
    }

    .featured-blog-content h3[b-8046hsv8hm] {
        font-size: 1.5rem;
    }

    .blog-posts-grid[b-8046hsv8hm] {
        grid-template-columns: 1fr;
    }

    .blog-meta[b-8046hsv8hm] {
        gap: 15px;
    }

    .step-item[b-8046hsv8hm] {
        flex-direction: column;
        align-items: flex-start;
    }

    .blog-sectors[b-8046hsv8hm] {
        gap: 8px;
    }

    .sector-tag[b-8046hsv8hm] {
        font-size: 0.8rem;
        padding: 8px 15px;
    }

    .blog-highlight[b-8046hsv8hm] {
        flex-direction: column;
    }

    .share-buttons[b-8046hsv8hm] {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .page-hero-content h1[b-8046hsv8hm] {
        font-size: 1.5rem;
    }

    .featured-blog-content h2[b-8046hsv8hm] {
        font-size: 1.5rem;
    }

    .featured-blog-content[b-8046hsv8hm] {
        padding: 20px;
    }

    .sidebar-widget[b-8046hsv8hm] {
        padding: 20px;
    }

    .blog-meta[b-8046hsv8hm] {
        font-size: 0.8rem;
        gap: 10px;
    }
}

/* _content/OzturkIzolasyon/Views/Home/SogukIklımBoruHatlariIzolasyonBlog.cshtml.rz.scp.css */
/* ==========================================
   Blog Page Styles
   ========================================== */

/* Page Hero Section */
.page-hero[b-rb6ddy6uup] {
    position: relative;
    height: 280px;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    padding-bottom: 40px;
}

.page-hero[b-rb6ddy6uup]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.page-hero-overlay[b-rb6ddy6uup] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
}

.page-hero-content[b-rb6ddy6uup] {
    position: relative;
    z-index: 1;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-rb6ddy6uup] {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.page-hero-content p[b-rb6ddy6uup] {
    font-size: 1.25rem;
    margin-bottom: 2rem;
    opacity: 0.95;
}

.breadcrumb[b-rb6ddy6uup] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    opacity: 0.9;
}

.breadcrumb a[b-rb6ddy6uup] {
    color: var(--white);
    transition: opacity 0.3s ease;
}

.breadcrumb a:hover[b-rb6ddy6uup] {
    opacity: 0.8;
}

.breadcrumb i[b-rb6ddy6uup] {
    font-size: 0.75rem;
}

/* Blog Main Section */
.blog-main-section[b-rb6ddy6uup] {
    padding: 80px 0;
    background-color: #f9fafb;
}

.blog-layout[b-rb6ddy6uup] {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 40px;
}

/* Blog Content */
.blog-content[b-rb6ddy6uup] {
    background: var(--white);
}

/* Featured Blog Post */
.featured-blog-post[b-rb6ddy6uup] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    margin-bottom: 60px;
}

.featured-blog-image[b-rb6ddy6uup] {
    position: relative;
    height: 500px;
    overflow: hidden;
}

.featured-blog-image img[b-rb6ddy6uup] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.featured-blog-post:hover .featured-blog-image img[b-rb6ddy6uup] {
    transform: scale(1.05);
}

.blog-category[b-rb6ddy6uup] {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--primary-color);
    color: var(--white);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    z-index: 2;
}

.featured-blog-content[b-rb6ddy6uup] {
    padding: 40px;
}

.blog-meta[b-rb6ddy6uup] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    font-size: 0.875rem;
    color: #6b7280;
    flex-wrap: wrap;
}

.blog-meta span[b-rb6ddy6uup] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.blog-meta i[b-rb6ddy6uup] {
    color: var(--primary-color);
}

.featured-blog-content h2[b-rb6ddy6uup] {
    font-size: 2.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    line-height: 1.3;
}

.blog-excerpt[b-rb6ddy6uup] {
    font-size: 1.125rem;
    color: #4b5563;
    margin-bottom: 20px;
    line-height: 1.8;
    font-weight: 500;
}

.featured-blog-content p[b-rb6ddy6uup] {
    font-size: 1rem;
    color: var(--text-color);
    margin-bottom: 20px;
    line-height: 1.8;
}

.featured-blog-content h3[b-rb6ddy6uup] {
    font-size: 1.75rem;
    color: var(--dark-color);
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 600;
}

/* Blog List */
.blog-list[b-rb6ddy6uup] {
    list-style: none;
    margin: 30px 0;
}

.blog-list li[b-rb6ddy6uup] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-color);
}

.blog-list i[b-rb6ddy6uup] {
    color: #10b981;
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.blog-list strong[b-rb6ddy6uup] {
    color: var(--dark-color);
}

/* Blog Steps */
.blog-steps[b-rb6ddy6uup] {
    margin: 30px 0;
}

.step-item[b-rb6ddy6uup] {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    padding: 25px;
    background: #f9fafb;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.step-number[b-rb6ddy6uup] {
    width: 50px;
    height: 50px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    flex-shrink: 0;
}

.step-content h4[b-rb6ddy6uup] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 8px;
}

.step-content p[b-rb6ddy6uup] {
    margin: 0;
    color: var(--text-color);
}

/* Blog Sectors */
.blog-sectors[b-rb6ddy6uup] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 30px 0;
}

.sector-tag[b-rb6ddy6uup] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid rgba(30, 64, 175, 0.2);
}

.sector-tag i[b-rb6ddy6uup] {
    font-size: 1rem;
}

/* Blog Highlight */
.blog-highlight[b-rb6ddy6uup] {
    display: flex;
    gap: 20px;
    padding: 30px;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-radius: 12px;
    margin: 40px 0;
    border-left: 4px solid #f59e0b;
}

.blog-highlight i[b-rb6ddy6uup] {
    font-size: 2rem;
    color: #f59e0b;
    flex-shrink: 0;
}

.blog-highlight h4[b-rb6ddy6uup] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 10px;
}

.blog-highlight p[b-rb6ddy6uup] {
    margin: 0;
    color: #78350f;
}

/* Blog Tags */
.blog-tags[b-rb6ddy6uup] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 40px 0;
    padding-top: 30px;
    border-top: 1px solid var(--border-color);
}

.blog-tags .tag[b-rb6ddy6uup] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.blog-tags .tag:hover[b-rb6ddy6uup] {
    background: var(--primary-color);
    color: var(--white);
}

.blog-tags .tag i[b-rb6ddy6uup] {
    font-size: 0.75rem;
}

/* Blog Share */
.blog-share[b-rb6ddy6uup] {
    padding: 30px 0;
    border-top: 1px solid var(--border-color);
}

.blog-share h4[b-rb6ddy6uup] {
    font-size: 1.125rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.share-buttons[b-rb6ddy6uup] {
    display: flex;
    gap: 12px;
}

.share-btn[b-rb6ddy6uup] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    transition: all 0.3s ease;
    font-size: 1.125rem;
}

.share-btn:hover[b-rb6ddy6uup] {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.share-btn.facebook[b-rb6ddy6uup] {
    background: #1877f2;
}

.share-btn.twitter[b-rb6ddy6uup] {
    background: #1da1f2;
}

.share-btn.linkedin[b-rb6ddy6uup] {
    background: #0077b5;
}

.share-btn.whatsapp[b-rb6ddy6uup] {
    background: #25d366;
}

/* More Posts Section */
.more-posts-section[b-rb6ddy6uup] {
    margin-top: 60px;
}

.section-title[b-rb6ddy6uup] {
    font-size: 2rem;
    color: var(--dark-color);
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid var(--primary-color);
    display: inline-block;
}

.blog-posts-grid[b-rb6ddy6uup] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
}

.blog-post-card[b-rb6ddy6uup] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.blog-post-card:hover[b-rb6ddy6uup] {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.blog-post-image[b-rb6ddy6uup] {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.blog-post-image img[b-rb6ddy6uup] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.blog-post-card:hover .blog-post-image img[b-rb6ddy6uup] {
    transform: scale(1.1);
}

.blog-post-content[b-rb6ddy6uup] {
    padding: 25px;
}

.blog-post-content h3[b-rb6ddy6uup] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 12px;
    line-height: 1.4;
}

.blog-post-content p[b-rb6ddy6uup] {
    font-size: 0.95rem;
    color: var(--text-color);
    margin-bottom: 15px;
    line-height: 1.6;
}

.read-more-btn[b-rb6ddy6uup] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.95rem;
    transition: gap 0.3s ease;
}

.read-more-btn:hover[b-rb6ddy6uup] {
    gap: 12px;
}

/* Sidebar */
.blog-sidebar[b-rb6ddy6uup] {
    position: sticky;
    top: 100px;
    height: fit-content;
}

.sidebar-widget[b-rb6ddy6uup] {
    background: var(--white);
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.sidebar-widget h3[b-rb6ddy6uup] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--border-color);
}

/* Search Widget */
.search-form[b-rb6ddy6uup] {
    position: relative;
    display: flex;
}

.search-form input[b-rb6ddy6uup] {
    width: 100%;
    padding: 12px 50px 12px 15px;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    font-size: 0.95rem;
    transition: border-color 0.3s ease;
}

.search-form input:focus[b-rb6ddy6uup] {
    outline: none;
    border-color: var(--primary-color);
}

.search-form button[b-rb6ddy6uup] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

.search-form button:hover[b-rb6ddy6uup] {
    background: #1e3a8a;
}

/* Categories Widget */
.categories-list[b-rb6ddy6uup] {
    list-style: none;
}

.categories-list li[b-rb6ddy6uup] {
    margin-bottom: 12px;
}

.categories-list a[b-rb6ddy6uup] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    background: #f9fafb;
    border-radius: 8px;
    color: var(--text-color);
    transition: all 0.3s ease;
}

.categories-list a:hover[b-rb6ddy6uup] {
    background: var(--primary-color);
    color: var(--white);
    transform: translateX(5px);
}

.categories-list i[b-rb6ddy6uup] {
    margin-right: 10px;
    color: var(--primary-color);
    transition: color 0.3s ease;
}

.categories-list a:hover i[b-rb6ddy6uup] {
    color: var(--white);
}

.categories-list span[b-rb6ddy6uup] {
    font-size: 0.875rem;
    opacity: 0.8;
}

/* Recent Posts Widget */
.recent-posts-list[b-rb6ddy6uup] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.recent-post-item[b-rb6ddy6uup] {
    display: flex;
    gap: 15px;
    padding: 12px;
    border-radius: 8px;
    transition: background 0.3s ease;
}

.recent-post-item:hover[b-rb6ddy6uup] {
    background: #f9fafb;
}

.recent-post-item img[b-rb6ddy6uup] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.recent-post-info h4[b-rb6ddy6uup] {
    font-size: 0.95rem;
    color: var(--dark-color);
    margin-bottom: 6px;
    line-height: 1.4;
}

.post-date[b-rb6ddy6uup] {
    font-size: 0.8rem;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Tags Widget */
.tags-cloud[b-rb6ddy6uup] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag-item[b-rb6ddy6uup] {
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.tag-item:hover[b-rb6ddy6uup] {
    background: var(--primary-color);
    color: var(--white);
}

/* CTA Widget */
.cta-widget[b-rb6ddy6uup] {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    color: var(--white);
}

.cta-widget h3[b-rb6ddy6uup] {
    color: var(--white);
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.cta-content[b-rb6ddy6uup] {
    text-align: center;
}

.cta-content i[b-rb6ddy6uup] {
    font-size: 3rem;
    margin-bottom: 15px;
    opacity: 0.9;
}

.cta-content p[b-rb6ddy6uup] {
    margin-bottom: 20px;
    opacity: 0.95;
}

.cta-btn[b-rb6ddy6uup] {
    display: inline-block;
    padding: 12px 30px;
    background: var(--white);
    color: var(--primary-color);
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.cta-btn:hover[b-rb6ddy6uup] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .blog-layout[b-rb6ddy6uup] {
        grid-template-columns: 1fr;
    }

    .blog-sidebar[b-rb6ddy6uup] {
        position: static;
    }

    .sidebar-widget[b-rb6ddy6uup] {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .page-hero[b-rb6ddy6uup] {
        height: 220px;
        padding-bottom: 30px;
    }

    .page-hero-content h1[b-rb6ddy6uup] {
        font-size: 2rem;
    }

    .page-hero-content p[b-rb6ddy6uup] {
        font-size: 1rem;
    }

    .blog-main-section[b-rb6ddy6uup] {
        padding: 40px 0;
    }

    .featured-blog-image[b-rb6ddy6uup] {
        height: 300px;
    }

    .featured-blog-content[b-rb6ddy6uup] {
        padding: 25px;
    }

    .featured-blog-content h2[b-rb6ddy6uup] {
        font-size: 1.75rem;
    }

    .featured-blog-content h3[b-rb6ddy6uup] {
        font-size: 1.5rem;
    }

    .blog-posts-grid[b-rb6ddy6uup] {
        grid-template-columns: 1fr;
    }

    .blog-meta[b-rb6ddy6uup] {
        gap: 15px;
    }

    .step-item[b-rb6ddy6uup] {
        flex-direction: column;
        align-items: flex-start;
    }

    .blog-sectors[b-rb6ddy6uup] {
        gap: 8px;
    }

    .sector-tag[b-rb6ddy6uup] {
        font-size: 0.8rem;
        padding: 8px 15px;
    }

    .blog-highlight[b-rb6ddy6uup] {
        flex-direction: column;
    }

    .share-buttons[b-rb6ddy6uup] {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .page-hero-content h1[b-rb6ddy6uup] {
        font-size: 1.5rem;
    }

    .featured-blog-content h2[b-rb6ddy6uup] {
        font-size: 1.5rem;
    }

    .featured-blog-content[b-rb6ddy6uup] {
        padding: 20px;
    }

    .sidebar-widget[b-rb6ddy6uup] {
        padding: 20px;
    }

    .blog-meta[b-rb6ddy6uup] {
        font-size: 0.8rem;
        gap: 10px;
    }
}

/* _content/OzturkIzolasyon/Views/Home/SogutmaHattiIzolasyon.cshtml.rz.scp.css */
/* ==========================================
   Product Page Styles
   ========================================== */

/* Page Hero */
.page-hero[b-tgjssy766o] {
    position: relative;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
    overflow: hidden;
}

.page-hero-bg[b-tgjssy766o] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.page-hero[b-tgjssy766o]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.65), rgba(59, 130, 246, 0.45));
    z-index: 1;
}

.page-hero[b-tgjssy766o]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
    z-index: 2;
}

.page-hero-content[b-tgjssy766o] {
    position: relative;
    z-index: 3;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-tgjssy766o] {
    font-size: 3rem;
    font-weight: 800;
    margin-bottom: 20px;
    animation: fadeInUp-b-tgjssy766o 0.8s ease;
}

.breadcrumb[b-tgjssy766o] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 1rem;
    animation: fadeInUp-b-tgjssy766o 0.8s ease 0.2s backwards;
}

.breadcrumb a[b-tgjssy766o] {
    color: var(--white);
    opacity: 0.9;
    transition: var(--transition);
}

.breadcrumb a:hover[b-tgjssy766o] {
    opacity: 1;
    text-decoration: underline;
}

.breadcrumb span[b-tgjssy766o] {
    opacity: 0.7;
}

/* Product Detail Section */
.product-detail[b-tgjssy766o] {
    padding: 80px 0;
    background: var(--white);
}

.product-main[b-tgjssy766o] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: start;
}

.product-image-section[b-tgjssy766o] {
    position: sticky;
    top: 100px;
}

.product-image-main[b-tgjssy766o] {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-lg);
    background: #f3f4f6;
}

.product-image-main img[b-tgjssy766o] {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.5s ease;
}

.product-image-main:hover img[b-tgjssy766o] {
    transform: scale(1.05);
}

.product-info-section[b-tgjssy766o] {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.product-header[b-tgjssy766o] {
    border-bottom: 2px solid var(--border-color);
    padding-bottom: 20px;
}

.product-tag[b-tgjssy766o] {
    display: inline-block;
    padding: 6px 16px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.product-header h2[b-tgjssy766o] {
    font-size: 2.5rem;
    color: var(--dark-color);
    font-weight: 700;
    line-height: 1.2;
}

.product-description p[b-tgjssy766o] {
    font-size: 1.125rem;
    line-height: 1.8;
    color: var(--text-color);
    margin-bottom: 15px;
}

.product-highlights[b-tgjssy766o] {
    background: var(--light-color);
    padding: 30px;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.product-highlights h3[b-tgjssy766o] {
    font-size: 1.5rem;
    color: var(--dark-color);
    margin-bottom: 20px;
}

.product-highlights ul[b-tgjssy766o] {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.product-highlights ul li[b-tgjssy766o] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 1.05rem;
    color: var(--text-color);
}

.product-highlights ul li i[b-tgjssy766o] {
    color: var(--secondary-color);
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.product-cta[b-tgjssy766o] {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    padding-top: 20px;
}

.product-cta .btn[b-tgjssy766o] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 32px;
    font-size: 1.05rem;
}

/* Detailed Content Section */
.detailed-content[b-tgjssy766o] {
    padding: 80px 0;
    background: var(--white);
}

.detailed-content .content-wrapper[b-tgjssy766o] {
    max-width: 900px;
    margin: 0 auto;
}

.detailed-content h2[b-tgjssy766o] {
    font-size: 2.5rem;
    color: var(--dark-color);
    font-weight: 700;
    margin-bottom: 30px;
    text-align: center;
    position: relative;
    padding-bottom: 20px;
}

.detailed-content h2[b-tgjssy766o]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: var(--gradient);
    border-radius: 2px;
}

.detailed-content p[b-tgjssy766o] {
    font-size: 1.125rem;
    line-height: 1.9;
    color: var(--text-color);
    margin-bottom: 25px;
    text-align: justify;
}

.detailed-content p:first-of-type[b-tgjssy766o] {
    font-size: 1.2rem;
    font-weight: 500;
    color: var(--dark-color);
}

.detailed-content p:first-of-type[b-tgjssy766o]::first-letter {
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1;
    float: left;
    color: var(--primary-color);
}

/* Technical Details Section */
.technical-details[b-tgjssy766o] {
    padding: 80px 0;
    background: var(--light-color);
}

.technical-grid[b-tgjssy766o] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
}

.technical-card[b-tgjssy766o] {
    background: var(--white);
    padding: 35px;
    border-radius: 12px;
    box-shadow: var(--shadow);
    transition: var(--transition);
}

.technical-card:hover[b-tgjssy766o] {
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
}

.technical-icon[b-tgjssy766o] {
    width: 70px;
    height: 70px;
    background: var(--gradient);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.technical-icon i[b-tgjssy766o] {
    font-size: 2rem;
    color: var(--white);
}

.technical-card h3[b-tgjssy766o] {
    font-size: 1.375rem;
    color: var(--dark-color);
    margin-bottom: 20px;
}

.technical-card ul[b-tgjssy766o] {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.technical-card ul li[b-tgjssy766o] {
    padding-left: 25px;
    position: relative;
    color: var(--text-color);
    line-height: 1.6;
}

.technical-card ul li[b-tgjssy766o]::before {
    content: '•';
    position: absolute;
    left: 8px;
    color: var(--primary-color);
    font-weight: bold;
    font-size: 1.2rem;
}

/* Benefits Section */
.benefits-section[b-tgjssy766o] {
    padding: 80px 0;
    background: var(--white);
}

.benefits-grid[b-tgjssy766o] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
}

.benefit-card[b-tgjssy766o] {
    background: var(--light-color);
    padding: 35px;
    border-radius: 12px;
    transition: var(--transition);
    border: 2px solid transparent;
}

.benefit-card:hover[b-tgjssy766o] {
    border-color: var(--primary-color);
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
    background: var(--white);
}

.benefit-icon[b-tgjssy766o] {
    width: 70px;
    height: 70px;
    background: var(--gradient);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    transition: var(--transition);
}

.benefit-card:hover .benefit-icon[b-tgjssy766o] {
    transform: scale(1.1);
}

.benefit-icon i[b-tgjssy766o] {
    font-size: 2rem;
    color: var(--white);
}

.benefit-card h3[b-tgjssy766o] {
    font-size: 1.375rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.benefit-card p[b-tgjssy766o] {
    color: var(--text-color);
    line-height: 1.7;
}

/* Process Section */
.process-section[b-tgjssy766o] {
    padding: 80px 0;
    background: var(--light-color);
}

.process-timeline[b-tgjssy766o] {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 40px;
    position: relative;
}

.process-timeline[b-tgjssy766o]::before {
    content: '';
    position: absolute;
    left: 30px;
    top: 30px;
    bottom: 30px;
    width: 3px;
    background: linear-gradient(to bottom, var(--primary-color), var(--secondary-color));
}

.process-step[b-tgjssy766o] {
    display: flex;
    gap: 30px;
    position: relative;
}

.step-number[b-tgjssy766o] {
    width: 60px;
    height: 60px;
    background: var(--gradient);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--white);
    flex-shrink: 0;
    box-shadow: 0 4px 15px rgba(30, 64, 175, 0.3);
    position: relative;
    z-index: 2;
}

.step-content[b-tgjssy766o] {
    background: var(--white);
    padding: 25px 30px;
    border-radius: 12px;
    box-shadow: var(--shadow);
    flex: 1;
    transition: var(--transition);
}

.step-content:hover[b-tgjssy766o] {
    transform: translateX(10px);
    box-shadow: var(--shadow-lg);
}

.step-content h3[b-tgjssy766o] {
    font-size: 1.375rem;
    color: var(--dark-color);
    margin-bottom: 12px;
}

.step-content p[b-tgjssy766o] {
    color: var(--text-color);
    line-height: 1.7;
}

/* FAQ Section */
.faq-section[b-tgjssy766o] {
    padding: 80px 0;
    background: var(--white);
}

.faq-container[b-tgjssy766o] {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.faq-item[b-tgjssy766o] {
    background: var(--light-color);
    border-radius: 12px;
    overflow: hidden;
    transition: var(--transition);
}

.faq-item:hover[b-tgjssy766o] {
    box-shadow: var(--shadow);
}

.faq-question[b-tgjssy766o] {
    padding: 25px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    user-select: none;
    transition: var(--transition);
}

.faq-question:hover[b-tgjssy766o] {
    background: rgba(30, 64, 175, 0.05);
}

.faq-question h3[b-tgjssy766o] {
    font-size: 1.25rem;
    color: var(--dark-color);
    font-weight: 600;
    margin: 0;
}

.faq-question i[b-tgjssy766o] {
    font-size: 1.25rem;
    color: var(--primary-color);
    transition: transform 0.3s ease;
}

.faq-item.active .faq-question i[b-tgjssy766o] {
    transform: rotate(180deg);
}

.faq-answer[b-tgjssy766o] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
}

.faq-item.active .faq-answer[b-tgjssy766o] {
    max-height: 500px;
    padding: 0 30px 25px 30px;
}

.faq-answer p[b-tgjssy766o] {
    color: var(--text-color);
    line-height: 1.8;
    font-size: 1.05rem;
}

/* CTA Section */
.cta-section[b-tgjssy766o] {
    padding: 80px 0;
    background: var(--gradient);
    position: relative;
    overflow: hidden;
}

.cta-section[b-tgjssy766o]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.cta-content[b-tgjssy766o] {
    position: relative;
    z-index: 2;
    text-align: center;
    color: var(--white);
    max-width: 800px;
    margin: 0 auto;
}

.cta-content h2[b-tgjssy766o] {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.3;
}

.cta-content p[b-tgjssy766o] {
    font-size: 1.25rem;
    margin-bottom: 40px;
    opacity: 0.95;
    line-height: 1.7;
}

.cta-buttons[b-tgjssy766o] {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

.btn-large[b-tgjssy766o] {
    padding: 18px 40px;
    font-size: 1.125rem;
}

.cta-section .btn-secondary[b-tgjssy766o] {
    background: var(--white);
    color: var(--primary-color);
    border: 2px solid var(--white);
}

.cta-section .btn-secondary:hover[b-tgjssy766o] {
    background: transparent;
    color: var(--white);
}

/* ==========================================
   Responsive Design
   ========================================== */

@media (max-width: 1024px) {
    .page-hero-content h1[b-tgjssy766o] {
        font-size: 2.5rem;
    }

    .product-main[b-tgjssy766o] {
        gap: 40px;
    }

    .product-header h2[b-tgjssy766o] {
        font-size: 2rem;
    }

    .technical-grid[b-tgjssy766o],
    .benefits-grid[b-tgjssy766o] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .page-hero[b-tgjssy766o] {
        height: 300px;
        margin-top: 80px;
    }

    .page-hero-content h1[b-tgjssy766o] {
        font-size: 2rem;
    }

    .breadcrumb[b-tgjssy766o] {
        font-size: 0.9rem;
    }

    .product-main[b-tgjssy766o] {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .product-image-section[b-tgjssy766o] {
        position: static;
    }

    .product-header h2[b-tgjssy766o] {
        font-size: 1.75rem;
    }

    .product-description p[b-tgjssy766o] {
        font-size: 1rem;
    }

    .product-highlights[b-tgjssy766o] {
        padding: 20px;
    }

    .product-highlights h3[b-tgjssy766o] {
        font-size: 1.25rem;
    }

    .product-cta[b-tgjssy766o] {
        flex-direction: column;
    }

    .product-cta .btn[b-tgjssy766o] {
        width: 100%;
        justify-content: center;
    }

    .detailed-content h2[b-tgjssy766o] {
        font-size: 2rem;
    }

    .detailed-content p[b-tgjssy766o] {
        font-size: 1rem;
    }

    .detailed-content p:first-of-type[b-tgjssy766o] {
        font-size: 1.05rem;
    }

    .detailed-content p:first-of-type[b-tgjssy766o]::first-letter {
        font-size: 3rem;
    }

    .technical-grid[b-tgjssy766o],
    .benefits-grid[b-tgjssy766o] {
        grid-template-columns: 1fr;
    }

    .process-timeline[b-tgjssy766o]::before {
        left: 20px;
    }

    .step-number[b-tgjssy766o] {
        width: 50px;
        height: 50px;
        font-size: 1.25rem;
    }

    .step-content[b-tgjssy766o] {
        padding: 20px;
    }

    .step-content h3[b-tgjssy766o] {
        font-size: 1.25rem;
    }

    .faq-question[b-tgjssy766o] {
        padding: 20px;
    }

    .faq-question h3[b-tgjssy766o] {
        font-size: 1.1rem;
    }

    .faq-item.active .faq-answer[b-tgjssy766o] {
        padding: 0 20px 20px 20px;
    }

    .cta-content h2[b-tgjssy766o] {
        font-size: 2rem;
    }

    .cta-content p[b-tgjssy766o] {
        font-size: 1.05rem;
    }

    .cta-buttons[b-tgjssy766o] {
        flex-direction: column;
    }

    .btn-large[b-tgjssy766o] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .page-hero[b-tgjssy766o] {
        height: 250px;
    }

    .page-hero-content h1[b-tgjssy766o] {
        font-size: 1.75rem;
    }

    .product-header h2[b-tgjssy766o] {
        font-size: 1.5rem;
    }

    .detailed-content h2[b-tgjssy766o] {
        font-size: 1.75rem;
    }

    .detailed-content p[b-tgjssy766o] {
        font-size: 0.95rem;
    }

    .detailed-content p:first-of-type[b-tgjssy766o] {
        font-size: 1rem;
    }

    .detailed-content p:first-of-type[b-tgjssy766o]::first-letter {
        font-size: 2.5rem;
        margin: 3px 8px 0 0;
    }

    .technical-card[b-tgjssy766o],
    .benefit-card[b-tgjssy766o] {
        padding: 25px;
    }

    .technical-icon[b-tgjssy766o],
    .benefit-icon[b-tgjssy766o] {
        width: 60px;
        height: 60px;
    }

    .technical-icon i[b-tgjssy766o],
    .benefit-icon i[b-tgjssy766o] {
        font-size: 1.75rem;
    }

    .process-step[b-tgjssy766o] {
        gap: 20px;
    }

    .step-number[b-tgjssy766o] {
        width: 40px;
        height: 40px;
        font-size: 1.1rem;
    }

    .cta-content h2[b-tgjssy766o] {
        font-size: 1.75rem;
    }

    .cta-content p[b-tgjssy766o] {
        font-size: 1rem;
    }
}

/* ==========================================
   Animations
   ========================================== */

@keyframes fadeInUp-b-tgjssy766o {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Scroll Animations */
.product-detail[b-tgjssy766o],
.detailed-content[b-tgjssy766o],
.technical-details[b-tgjssy766o],
.benefits-section[b-tgjssy766o],
.process-section[b-tgjssy766o],
.faq-section[b-tgjssy766o] {
    animation: fadeIn-b-tgjssy766o 0.6s ease;
}

@keyframes fadeIn-b-tgjssy766o {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* _content/OzturkIzolasyon/Views/Home/SogutmaVanaYalitim.cshtml.rz.scp.css */
/* ==========================================
   Product Page Styles
   ========================================== */

/* Page Hero */
.page-hero[b-so1sw3bsgx] {
    position: relative;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
    overflow: hidden;
}

.page-hero-bg[b-so1sw3bsgx] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.page-hero[b-so1sw3bsgx]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.65), rgba(59, 130, 246, 0.45));
    z-index: 1;
}

.page-hero[b-so1sw3bsgx]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
    z-index: 2;
}

.page-hero-content[b-so1sw3bsgx] {
    position: relative;
    z-index: 3;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-so1sw3bsgx] {
    font-size: 3rem;
    font-weight: 800;
    margin-bottom: 20px;
    animation: fadeInUp-b-so1sw3bsgx 0.8s ease;
}

.breadcrumb[b-so1sw3bsgx] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 1rem;
    animation: fadeInUp-b-so1sw3bsgx 0.8s ease 0.2s backwards;
}

.breadcrumb a[b-so1sw3bsgx] {
    color: var(--white);
    opacity: 0.9;
    transition: var(--transition);
}

.breadcrumb a:hover[b-so1sw3bsgx] {
    opacity: 1;
    text-decoration: underline;
}

.breadcrumb span[b-so1sw3bsgx] {
    opacity: 0.7;
}

/* Product Detail Section */
.product-detail[b-so1sw3bsgx] {
    padding: 80px 0;
    background: var(--white);
}

.product-main[b-so1sw3bsgx] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: start;
}

.product-image-section[b-so1sw3bsgx] {
    position: sticky;
    top: 100px;
}

.product-image-main[b-so1sw3bsgx] {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-lg);
    background: #f3f4f6;
}

.product-image-main img[b-so1sw3bsgx] {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.5s ease;
}

.product-image-main:hover img[b-so1sw3bsgx] {
    transform: scale(1.05);
}

.product-info-section[b-so1sw3bsgx] {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.product-header[b-so1sw3bsgx] {
    border-bottom: 2px solid var(--border-color);
    padding-bottom: 20px;
}

.product-tag[b-so1sw3bsgx] {
    display: inline-block;
    padding: 6px 16px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.product-header h2[b-so1sw3bsgx] {
    font-size: 2.5rem;
    color: var(--dark-color);
    font-weight: 700;
    line-height: 1.2;
}

.product-description p[b-so1sw3bsgx] {
    font-size: 1.125rem;
    line-height: 1.8;
    color: var(--text-color);
    margin-bottom: 15px;
}

.product-highlights[b-so1sw3bsgx] {
    background: var(--light-color);
    padding: 30px;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.product-highlights h3[b-so1sw3bsgx] {
    font-size: 1.5rem;
    color: var(--dark-color);
    margin-bottom: 20px;
}

.product-highlights ul[b-so1sw3bsgx] {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.product-highlights ul li[b-so1sw3bsgx] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 1.05rem;
    color: var(--text-color);
}

.product-highlights ul li i[b-so1sw3bsgx] {
    color: var(--secondary-color);
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.product-cta[b-so1sw3bsgx] {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    padding-top: 20px;
}

.product-cta .btn[b-so1sw3bsgx] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 32px;
    font-size: 1.05rem;
}

/* Detailed Content Section */
.detailed-content[b-so1sw3bsgx] {
    padding: 80px 0;
    background: var(--white);
}

.detailed-content .content-wrapper[b-so1sw3bsgx] {
    max-width: 900px;
    margin: 0 auto;
}

.detailed-content h2[b-so1sw3bsgx] {
    font-size: 2.5rem;
    color: var(--dark-color);
    font-weight: 700;
    margin-bottom: 30px;
    text-align: center;
    position: relative;
    padding-bottom: 20px;
}

.detailed-content h2[b-so1sw3bsgx]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: var(--gradient);
    border-radius: 2px;
}

.detailed-content p[b-so1sw3bsgx] {
    font-size: 1.125rem;
    line-height: 1.9;
    color: var(--text-color);
    margin-bottom: 25px;
    text-align: justify;
}

.detailed-content p:first-of-type[b-so1sw3bsgx] {
    font-size: 1.2rem;
    font-weight: 500;
    color: var(--dark-color);
}

.detailed-content p:first-of-type[b-so1sw3bsgx]::first-letter {
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1;
    float: left;
    color: var(--primary-color);
}

/* Technical Details Section */
.technical-details[b-so1sw3bsgx] {
    padding: 80px 0;
    background: var(--light-color);
}

.technical-grid[b-so1sw3bsgx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
}

.technical-card[b-so1sw3bsgx] {
    background: var(--white);
    padding: 35px;
    border-radius: 12px;
    box-shadow: var(--shadow);
    transition: var(--transition);
}

.technical-card:hover[b-so1sw3bsgx] {
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
}

.technical-icon[b-so1sw3bsgx] {
    width: 70px;
    height: 70px;
    background: var(--gradient);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.technical-icon i[b-so1sw3bsgx] {
    font-size: 2rem;
    color: var(--white);
}

.technical-card h3[b-so1sw3bsgx] {
    font-size: 1.375rem;
    color: var(--dark-color);
    margin-bottom: 20px;
}

.technical-card ul[b-so1sw3bsgx] {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.technical-card ul li[b-so1sw3bsgx] {
    padding-left: 25px;
    position: relative;
    color: var(--text-color);
    line-height: 1.6;
}

.technical-card ul li[b-so1sw3bsgx]::before {
    content: '•';
    position: absolute;
    left: 8px;
    color: var(--primary-color);
    font-weight: bold;
    font-size: 1.2rem;
}

/* Benefits Section */
.benefits-section[b-so1sw3bsgx] {
    padding: 80px 0;
    background: var(--white);
}

.benefits-grid[b-so1sw3bsgx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
}

.benefit-card[b-so1sw3bsgx] {
    background: var(--light-color);
    padding: 35px;
    border-radius: 12px;
    transition: var(--transition);
    border: 2px solid transparent;
}

.benefit-card:hover[b-so1sw3bsgx] {
    border-color: var(--primary-color);
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
    background: var(--white);
}

.benefit-icon[b-so1sw3bsgx] {
    width: 70px;
    height: 70px;
    background: var(--gradient);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    transition: var(--transition);
}

.benefit-card:hover .benefit-icon[b-so1sw3bsgx] {
    transform: scale(1.1);
}

.benefit-icon i[b-so1sw3bsgx] {
    font-size: 2rem;
    color: var(--white);
}

.benefit-card h3[b-so1sw3bsgx] {
    font-size: 1.375rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.benefit-card p[b-so1sw3bsgx] {
    color: var(--text-color);
    line-height: 1.7;
}

/* Process Section */
.process-section[b-so1sw3bsgx] {
    padding: 80px 0;
    background: var(--light-color);
}

.process-timeline[b-so1sw3bsgx] {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 40px;
    position: relative;
}

.process-timeline[b-so1sw3bsgx]::before {
    content: '';
    position: absolute;
    left: 30px;
    top: 30px;
    bottom: 30px;
    width: 3px;
    background: linear-gradient(to bottom, var(--primary-color), var(--secondary-color));
}

.process-step[b-so1sw3bsgx] {
    display: flex;
    gap: 30px;
    position: relative;
}

.step-number[b-so1sw3bsgx] {
    width: 60px;
    height: 60px;
    background: var(--gradient);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--white);
    flex-shrink: 0;
    box-shadow: 0 4px 15px rgba(30, 64, 175, 0.3);
    position: relative;
    z-index: 2;
}

.step-content[b-so1sw3bsgx] {
    background: var(--white);
    padding: 25px 30px;
    border-radius: 12px;
    box-shadow: var(--shadow);
    flex: 1;
    transition: var(--transition);
}

.step-content:hover[b-so1sw3bsgx] {
    transform: translateX(10px);
    box-shadow: var(--shadow-lg);
}

.step-content h3[b-so1sw3bsgx] {
    font-size: 1.375rem;
    color: var(--dark-color);
    margin-bottom: 12px;
}

.step-content p[b-so1sw3bsgx] {
    color: var(--text-color);
    line-height: 1.7;
}

/* FAQ Section */
.faq-section[b-so1sw3bsgx] {
    padding: 80px 0;
    background: var(--white);
}

.faq-container[b-so1sw3bsgx] {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.faq-item[b-so1sw3bsgx] {
    background: var(--light-color);
    border-radius: 12px;
    overflow: hidden;
    transition: var(--transition);
}

.faq-item:hover[b-so1sw3bsgx] {
    box-shadow: var(--shadow);
}

.faq-question[b-so1sw3bsgx] {
    padding: 25px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    user-select: none;
    transition: var(--transition);
}

.faq-question:hover[b-so1sw3bsgx] {
    background: rgba(30, 64, 175, 0.05);
}

.faq-question h3[b-so1sw3bsgx] {
    font-size: 1.25rem;
    color: var(--dark-color);
    font-weight: 600;
    margin: 0;
}

.faq-question i[b-so1sw3bsgx] {
    font-size: 1.25rem;
    color: var(--primary-color);
    transition: transform 0.3s ease;
}

.faq-item.active .faq-question i[b-so1sw3bsgx] {
    transform: rotate(180deg);
}

.faq-answer[b-so1sw3bsgx] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
}

.faq-item.active .faq-answer[b-so1sw3bsgx] {
    max-height: 500px;
    padding: 0 30px 25px 30px;
}

.faq-answer p[b-so1sw3bsgx] {
    color: var(--text-color);
    line-height: 1.8;
    font-size: 1.05rem;
}

/* CTA Section */
.cta-section[b-so1sw3bsgx] {
    padding: 80px 0;
    background: var(--gradient);
    position: relative;
    overflow: hidden;
}

.cta-section[b-so1sw3bsgx]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.cta-content[b-so1sw3bsgx] {
    position: relative;
    z-index: 2;
    text-align: center;
    color: var(--white);
    max-width: 800px;
    margin: 0 auto;
}

.cta-content h2[b-so1sw3bsgx] {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.3;
}

.cta-content p[b-so1sw3bsgx] {
    font-size: 1.25rem;
    margin-bottom: 40px;
    opacity: 0.95;
    line-height: 1.7;
}

.cta-buttons[b-so1sw3bsgx] {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

.btn-large[b-so1sw3bsgx] {
    padding: 18px 40px;
    font-size: 1.125rem;
}

.cta-section .btn-secondary[b-so1sw3bsgx] {
    background: var(--white);
    color: var(--primary-color);
    border: 2px solid var(--white);
}

.cta-section .btn-secondary:hover[b-so1sw3bsgx] {
    background: transparent;
    color: var(--white);
}

/* ==========================================
   Responsive Design
   ========================================== */

@media (max-width: 1024px) {
    .page-hero-content h1[b-so1sw3bsgx] {
        font-size: 2.5rem;
    }

    .product-main[b-so1sw3bsgx] {
        gap: 40px;
    }

    .product-header h2[b-so1sw3bsgx] {
        font-size: 2rem;
    }

    .technical-grid[b-so1sw3bsgx],
    .benefits-grid[b-so1sw3bsgx] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .page-hero[b-so1sw3bsgx] {
        height: 300px;
        margin-top: 80px;
    }

    .page-hero-content h1[b-so1sw3bsgx] {
        font-size: 2rem;
    }

    .breadcrumb[b-so1sw3bsgx] {
        font-size: 0.9rem;
    }

    .product-main[b-so1sw3bsgx] {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .product-image-section[b-so1sw3bsgx] {
        position: static;
    }

    .product-header h2[b-so1sw3bsgx] {
        font-size: 1.75rem;
    }

    .product-description p[b-so1sw3bsgx] {
        font-size: 1rem;
    }

    .product-highlights[b-so1sw3bsgx] {
        padding: 20px;
    }

    .product-highlights h3[b-so1sw3bsgx] {
        font-size: 1.25rem;
    }

    .product-cta[b-so1sw3bsgx] {
        flex-direction: column;
    }

    .product-cta .btn[b-so1sw3bsgx] {
        width: 100%;
        justify-content: center;
    }

    .detailed-content h2[b-so1sw3bsgx] {
        font-size: 2rem;
    }

    .detailed-content p[b-so1sw3bsgx] {
        font-size: 1rem;
    }

    .detailed-content p:first-of-type[b-so1sw3bsgx] {
        font-size: 1.05rem;
    }

    .detailed-content p:first-of-type[b-so1sw3bsgx]::first-letter {
        font-size: 3rem;
    }

    .technical-grid[b-so1sw3bsgx],
    .benefits-grid[b-so1sw3bsgx] {
        grid-template-columns: 1fr;
    }

    .process-timeline[b-so1sw3bsgx]::before {
        left: 20px;
    }

    .step-number[b-so1sw3bsgx] {
        width: 50px;
        height: 50px;
        font-size: 1.25rem;
    }

    .step-content[b-so1sw3bsgx] {
        padding: 20px;
    }

    .step-content h3[b-so1sw3bsgx] {
        font-size: 1.25rem;
    }

    .faq-question[b-so1sw3bsgx] {
        padding: 20px;
    }

    .faq-question h3[b-so1sw3bsgx] {
        font-size: 1.1rem;
    }

    .faq-item.active .faq-answer[b-so1sw3bsgx] {
        padding: 0 20px 20px 20px;
    }

    .cta-content h2[b-so1sw3bsgx] {
        font-size: 2rem;
    }

    .cta-content p[b-so1sw3bsgx] {
        font-size: 1.05rem;
    }

    .cta-buttons[b-so1sw3bsgx] {
        flex-direction: column;
    }

    .btn-large[b-so1sw3bsgx] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .page-hero[b-so1sw3bsgx] {
        height: 250px;
    }

    .page-hero-content h1[b-so1sw3bsgx] {
        font-size: 1.75rem;
    }

    .product-header h2[b-so1sw3bsgx] {
        font-size: 1.5rem;
    }

    .detailed-content h2[b-so1sw3bsgx] {
        font-size: 1.75rem;
    }

    .detailed-content p[b-so1sw3bsgx] {
        font-size: 0.95rem;
    }

    .detailed-content p:first-of-type[b-so1sw3bsgx] {
        font-size: 1rem;
    }

    .detailed-content p:first-of-type[b-so1sw3bsgx]::first-letter {
        font-size: 2.5rem;
        margin: 3px 8px 0 0;
    }

    .technical-card[b-so1sw3bsgx],
    .benefit-card[b-so1sw3bsgx] {
        padding: 25px;
    }

    .technical-icon[b-so1sw3bsgx],
    .benefit-icon[b-so1sw3bsgx] {
        width: 60px;
        height: 60px;
    }

    .technical-icon i[b-so1sw3bsgx],
    .benefit-icon i[b-so1sw3bsgx] {
        font-size: 1.75rem;
    }

    .process-step[b-so1sw3bsgx] {
        gap: 20px;
    }

    .step-number[b-so1sw3bsgx] {
        width: 40px;
        height: 40px;
        font-size: 1.1rem;
    }

    .cta-content h2[b-so1sw3bsgx] {
        font-size: 1.75rem;
    }

    .cta-content p[b-so1sw3bsgx] {
        font-size: 1rem;
    }
}

/* ==========================================
   Animations
   ========================================== */

@keyframes fadeInUp-b-so1sw3bsgx {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Scroll Animations */
.product-detail[b-so1sw3bsgx],
.detailed-content[b-so1sw3bsgx],
.technical-details[b-so1sw3bsgx],
.benefits-section[b-so1sw3bsgx],
.process-section[b-so1sw3bsgx],
.faq-section[b-so1sw3bsgx] {
    animation: fadeIn-b-so1sw3bsgx 0.6s ease;
}

@keyframes fadeIn-b-so1sw3bsgx {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* _content/OzturkIzolasyon/Views/Home/TankIzolasyon.cshtml.rz.scp.css */
/* ==========================================
   Product Page Styles
   ========================================== */

/* Page Hero */
.page-hero[b-53rgh2bmkg] {
    position: relative;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
    overflow: hidden;
}

.page-hero-bg[b-53rgh2bmkg] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.page-hero[b-53rgh2bmkg]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.65), rgba(59, 130, 246, 0.45));
    z-index: 1;
}

.page-hero[b-53rgh2bmkg]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
    z-index: 2;
}

.page-hero-content[b-53rgh2bmkg] {
    position: relative;
    z-index: 3;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-53rgh2bmkg] {
    font-size: 3rem;
    font-weight: 800;
    margin-bottom: 20px;
    animation: fadeInUp-b-53rgh2bmkg 0.8s ease;
}

.breadcrumb[b-53rgh2bmkg] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 1rem;
    animation: fadeInUp-b-53rgh2bmkg 0.8s ease 0.2s backwards;
}

.breadcrumb a[b-53rgh2bmkg] {
    color: var(--white);
    opacity: 0.9;
    transition: var(--transition);
}

.breadcrumb a:hover[b-53rgh2bmkg] {
    opacity: 1;
    text-decoration: underline;
}

.breadcrumb span[b-53rgh2bmkg] {
    opacity: 0.7;
}

/* Product Detail Section */
.product-detail[b-53rgh2bmkg] {
    padding: 80px 0;
    background: var(--white);
}

.product-main[b-53rgh2bmkg] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: start;
}

.product-image-section[b-53rgh2bmkg] {
    position: sticky;
    top: 100px;
}

.product-image-main[b-53rgh2bmkg] {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-lg);
    background: #f3f4f6;
}

.product-image-main img[b-53rgh2bmkg] {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.5s ease;
}

.product-image-main:hover img[b-53rgh2bmkg] {
    transform: scale(1.05);
}

.product-info-section[b-53rgh2bmkg] {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.product-header[b-53rgh2bmkg] {
    border-bottom: 2px solid var(--border-color);
    padding-bottom: 20px;
}

.product-tag[b-53rgh2bmkg] {
    display: inline-block;
    padding: 6px 16px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.product-header h2[b-53rgh2bmkg] {
    font-size: 2.5rem;
    color: var(--dark-color);
    font-weight: 700;
    line-height: 1.2;
}

.product-description p[b-53rgh2bmkg] {
    font-size: 1.125rem;
    line-height: 1.8;
    color: var(--text-color);
    margin-bottom: 15px;
}

.product-highlights[b-53rgh2bmkg] {
    background: var(--light-color);
    padding: 30px;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.product-highlights h3[b-53rgh2bmkg] {
    font-size: 1.5rem;
    color: var(--dark-color);
    margin-bottom: 20px;
}

.product-highlights ul[b-53rgh2bmkg] {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.product-highlights ul li[b-53rgh2bmkg] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 1.05rem;
    color: var(--text-color);
}

.product-highlights ul li i[b-53rgh2bmkg] {
    color: var(--secondary-color);
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.product-cta[b-53rgh2bmkg] {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    padding-top: 20px;
}

.product-cta .btn[b-53rgh2bmkg] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 32px;
    font-size: 1.05rem;
}

/* Detailed Content Section */
.detailed-content[b-53rgh2bmkg] {
    padding: 80px 0;
    background: var(--white);
}

.detailed-content .content-wrapper[b-53rgh2bmkg] {
    max-width: 900px;
    margin: 0 auto;
}

.detailed-content h2[b-53rgh2bmkg] {
    font-size: 2.5rem;
    color: var(--dark-color);
    font-weight: 700;
    margin-bottom: 30px;
    text-align: center;
    position: relative;
    padding-bottom: 20px;
}

.detailed-content h2[b-53rgh2bmkg]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: var(--gradient);
    border-radius: 2px;
}

.detailed-content p[b-53rgh2bmkg] {
    font-size: 1.125rem;
    line-height: 1.9;
    color: var(--text-color);
    margin-bottom: 25px;
    text-align: justify;
}

.detailed-content p:first-of-type[b-53rgh2bmkg] {
    font-size: 1.2rem;
    font-weight: 500;
    color: var(--dark-color);
}

.detailed-content p:first-of-type[b-53rgh2bmkg]::first-letter {
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1;
    float: left;
    color: var(--primary-color);
}

/* Technical Details Section */
.technical-details[b-53rgh2bmkg] {
    padding: 80px 0;
    background: var(--light-color);
}

.technical-grid[b-53rgh2bmkg] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
}

.technical-card[b-53rgh2bmkg] {
    background: var(--white);
    padding: 35px;
    border-radius: 12px;
    box-shadow: var(--shadow);
    transition: var(--transition);
}

.technical-card:hover[b-53rgh2bmkg] {
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
}

.technical-icon[b-53rgh2bmkg] {
    width: 70px;
    height: 70px;
    background: var(--gradient);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.technical-icon i[b-53rgh2bmkg] {
    font-size: 2rem;
    color: var(--white);
}

.technical-card h3[b-53rgh2bmkg] {
    font-size: 1.375rem;
    color: var(--dark-color);
    margin-bottom: 20px;
}

.technical-card ul[b-53rgh2bmkg] {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.technical-card ul li[b-53rgh2bmkg] {
    padding-left: 25px;
    position: relative;
    color: var(--text-color);
    line-height: 1.6;
}

.technical-card ul li[b-53rgh2bmkg]::before {
    content: '•';
    position: absolute;
    left: 8px;
    color: var(--primary-color);
    font-weight: bold;
    font-size: 1.2rem;
}

/* Benefits Section */
.benefits-section[b-53rgh2bmkg] {
    padding: 80px 0;
    background: var(--white);
}

.benefits-grid[b-53rgh2bmkg] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
}

.benefit-card[b-53rgh2bmkg] {
    background: var(--light-color);
    padding: 35px;
    border-radius: 12px;
    transition: var(--transition);
    border: 2px solid transparent;
}

.benefit-card:hover[b-53rgh2bmkg] {
    border-color: var(--primary-color);
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
    background: var(--white);
}

.benefit-icon[b-53rgh2bmkg] {
    width: 70px;
    height: 70px;
    background: var(--gradient);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    transition: var(--transition);
}

.benefit-card:hover .benefit-icon[b-53rgh2bmkg] {
    transform: scale(1.1);
}

.benefit-icon i[b-53rgh2bmkg] {
    font-size: 2rem;
    color: var(--white);
}

.benefit-card h3[b-53rgh2bmkg] {
    font-size: 1.375rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.benefit-card p[b-53rgh2bmkg] {
    color: var(--text-color);
    line-height: 1.7;
}

/* Process Section */
.process-section[b-53rgh2bmkg] {
    padding: 80px 0;
    background: var(--light-color);
}

.process-timeline[b-53rgh2bmkg] {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 40px;
    position: relative;
}

.process-timeline[b-53rgh2bmkg]::before {
    content: '';
    position: absolute;
    left: 30px;
    top: 30px;
    bottom: 30px;
    width: 3px;
    background: linear-gradient(to bottom, var(--primary-color), var(--secondary-color));
}

.process-step[b-53rgh2bmkg] {
    display: flex;
    gap: 30px;
    position: relative;
}

.step-number[b-53rgh2bmkg] {
    width: 60px;
    height: 60px;
    background: var(--gradient);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--white);
    flex-shrink: 0;
    box-shadow: 0 4px 15px rgba(30, 64, 175, 0.3);
    position: relative;
    z-index: 2;
}

.step-content[b-53rgh2bmkg] {
    background: var(--white);
    padding: 25px 30px;
    border-radius: 12px;
    box-shadow: var(--shadow);
    flex: 1;
    transition: var(--transition);
}

.step-content:hover[b-53rgh2bmkg] {
    transform: translateX(10px);
    box-shadow: var(--shadow-lg);
}

.step-content h3[b-53rgh2bmkg] {
    font-size: 1.375rem;
    color: var(--dark-color);
    margin-bottom: 12px;
}

.step-content p[b-53rgh2bmkg] {
    color: var(--text-color);
    line-height: 1.7;
}

/* FAQ Section */
.faq-section[b-53rgh2bmkg] {
    padding: 80px 0;
    background: var(--white);
}

.faq-container[b-53rgh2bmkg] {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.faq-item[b-53rgh2bmkg] {
    background: var(--light-color);
    border-radius: 12px;
    overflow: hidden;
    transition: var(--transition);
}

.faq-item:hover[b-53rgh2bmkg] {
    box-shadow: var(--shadow);
}

.faq-question[b-53rgh2bmkg] {
    padding: 25px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    user-select: none;
    transition: var(--transition);
}

.faq-question:hover[b-53rgh2bmkg] {
    background: rgba(30, 64, 175, 0.05);
}

.faq-question h3[b-53rgh2bmkg] {
    font-size: 1.25rem;
    color: var(--dark-color);
    font-weight: 600;
    margin: 0;
}

.faq-question i[b-53rgh2bmkg] {
    font-size: 1.25rem;
    color: var(--primary-color);
    transition: transform 0.3s ease;
}

.faq-item.active .faq-question i[b-53rgh2bmkg] {
    transform: rotate(180deg);
}

.faq-answer[b-53rgh2bmkg] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
}

.faq-item.active .faq-answer[b-53rgh2bmkg] {
    max-height: 500px;
    padding: 0 30px 25px 30px;
}

.faq-answer p[b-53rgh2bmkg] {
    color: var(--text-color);
    line-height: 1.8;
    font-size: 1.05rem;
}

/* CTA Section */
.cta-section[b-53rgh2bmkg] {
    padding: 80px 0;
    background: var(--gradient);
    position: relative;
    overflow: hidden;
}

.cta-section[b-53rgh2bmkg]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.cta-content[b-53rgh2bmkg] {
    position: relative;
    z-index: 2;
    text-align: center;
    color: var(--white);
    max-width: 800px;
    margin: 0 auto;
}

.cta-content h2[b-53rgh2bmkg] {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.3;
}

.cta-content p[b-53rgh2bmkg] {
    font-size: 1.25rem;
    margin-bottom: 40px;
    opacity: 0.95;
    line-height: 1.7;
}

.cta-buttons[b-53rgh2bmkg] {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

.btn-large[b-53rgh2bmkg] {
    padding: 18px 40px;
    font-size: 1.125rem;
}

.cta-section .btn-secondary[b-53rgh2bmkg] {
    background: var(--white);
    color: var(--primary-color);
    border: 2px solid var(--white);
}

.cta-section .btn-secondary:hover[b-53rgh2bmkg] {
    background: transparent;
    color: var(--white);
}

/* ==========================================
   Responsive Design
   ========================================== */

@media (max-width: 1024px) {
    .page-hero-content h1[b-53rgh2bmkg] {
        font-size: 2.5rem;
    }

    .product-main[b-53rgh2bmkg] {
        gap: 40px;
    }

    .product-header h2[b-53rgh2bmkg] {
        font-size: 2rem;
    }

    .technical-grid[b-53rgh2bmkg],
    .benefits-grid[b-53rgh2bmkg] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .page-hero[b-53rgh2bmkg] {
        height: 300px;
        margin-top: 80px;
    }

    .page-hero-content h1[b-53rgh2bmkg] {
        font-size: 2rem;
    }

    .breadcrumb[b-53rgh2bmkg] {
        font-size: 0.9rem;
    }

    .product-main[b-53rgh2bmkg] {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .product-image-section[b-53rgh2bmkg] {
        position: static;
    }

    .product-header h2[b-53rgh2bmkg] {
        font-size: 1.75rem;
    }

    .product-description p[b-53rgh2bmkg] {
        font-size: 1rem;
    }

    .product-highlights[b-53rgh2bmkg] {
        padding: 20px;
    }

    .product-highlights h3[b-53rgh2bmkg] {
        font-size: 1.25rem;
    }

    .product-cta[b-53rgh2bmkg] {
        flex-direction: column;
    }

    .product-cta .btn[b-53rgh2bmkg] {
        width: 100%;
        justify-content: center;
    }

    .detailed-content h2[b-53rgh2bmkg] {
        font-size: 2rem;
    }

    .detailed-content p[b-53rgh2bmkg] {
        font-size: 1rem;
    }

    .detailed-content p:first-of-type[b-53rgh2bmkg] {
        font-size: 1.05rem;
    }

    .detailed-content p:first-of-type[b-53rgh2bmkg]::first-letter {
        font-size: 3rem;
    }

    .technical-grid[b-53rgh2bmkg],
    .benefits-grid[b-53rgh2bmkg] {
        grid-template-columns: 1fr;
    }

    .process-timeline[b-53rgh2bmkg]::before {
        left: 20px;
    }

    .step-number[b-53rgh2bmkg] {
        width: 50px;
        height: 50px;
        font-size: 1.25rem;
    }

    .step-content[b-53rgh2bmkg] {
        padding: 20px;
    }

    .step-content h3[b-53rgh2bmkg] {
        font-size: 1.25rem;
    }

    .faq-question[b-53rgh2bmkg] {
        padding: 20px;
    }

    .faq-question h3[b-53rgh2bmkg] {
        font-size: 1.1rem;
    }

    .faq-item.active .faq-answer[b-53rgh2bmkg] {
        padding: 0 20px 20px 20px;
    }

    .cta-content h2[b-53rgh2bmkg] {
        font-size: 2rem;
    }

    .cta-content p[b-53rgh2bmkg] {
        font-size: 1.05rem;
    }

    .cta-buttons[b-53rgh2bmkg] {
        flex-direction: column;
    }

    .btn-large[b-53rgh2bmkg] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .page-hero[b-53rgh2bmkg] {
        height: 250px;
    }

    .page-hero-content h1[b-53rgh2bmkg] {
        font-size: 1.75rem;
    }

    .product-header h2[b-53rgh2bmkg] {
        font-size: 1.5rem;
    }

    .detailed-content h2[b-53rgh2bmkg] {
        font-size: 1.75rem;
    }

    .detailed-content p[b-53rgh2bmkg] {
        font-size: 0.95rem;
    }

    .detailed-content p:first-of-type[b-53rgh2bmkg] {
        font-size: 1rem;
    }

    .detailed-content p:first-of-type[b-53rgh2bmkg]::first-letter {
        font-size: 2.5rem;
        margin: 3px 8px 0 0;
    }

    .technical-card[b-53rgh2bmkg],
    .benefit-card[b-53rgh2bmkg] {
        padding: 25px;
    }

    .technical-icon[b-53rgh2bmkg],
    .benefit-icon[b-53rgh2bmkg] {
        width: 60px;
        height: 60px;
    }

    .technical-icon i[b-53rgh2bmkg],
    .benefit-icon i[b-53rgh2bmkg] {
        font-size: 1.75rem;
    }

    .process-step[b-53rgh2bmkg] {
        gap: 20px;
    }

    .step-number[b-53rgh2bmkg] {
        width: 40px;
        height: 40px;
        font-size: 1.1rem;
    }

    .cta-content h2[b-53rgh2bmkg] {
        font-size: 1.75rem;
    }

    .cta-content p[b-53rgh2bmkg] {
        font-size: 1rem;
    }
}

/* ==========================================
   Animations
   ========================================== */

@keyframes fadeInUp-b-53rgh2bmkg {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Scroll Animations */
.product-detail[b-53rgh2bmkg],
.detailed-content[b-53rgh2bmkg],
.technical-details[b-53rgh2bmkg],
.benefits-section[b-53rgh2bmkg],
.process-section[b-53rgh2bmkg],
.faq-section[b-53rgh2bmkg] {
    animation: fadeIn-b-53rgh2bmkg 0.6s ease;
}

@keyframes fadeIn-b-53rgh2bmkg {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* _content/OzturkIzolasyon/Views/Home/TankIzolasyonuNedirBlog.cshtml.rz.scp.css */
/* ==========================================
   Blog Page Styles
   ========================================== */

/* Page Hero Section */
.page-hero[b-v8qys76l1c] {
    position: relative;
    height: 280px;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    padding-bottom: 40px;
}

.page-hero[b-v8qys76l1c]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.page-hero-overlay[b-v8qys76l1c] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
}

.page-hero-content[b-v8qys76l1c] {
    position: relative;
    z-index: 1;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-v8qys76l1c] {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.page-hero-content p[b-v8qys76l1c] {
    font-size: 1.25rem;
    margin-bottom: 2rem;
    opacity: 0.95;
}

.breadcrumb[b-v8qys76l1c] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    opacity: 0.9;
}

.breadcrumb a[b-v8qys76l1c] {
    color: var(--white);
    transition: opacity 0.3s ease;
}

.breadcrumb a:hover[b-v8qys76l1c] {
    opacity: 0.8;
}

.breadcrumb i[b-v8qys76l1c] {
    font-size: 0.75rem;
}

/* Blog Main Section */
.blog-main-section[b-v8qys76l1c] {
    padding: 80px 0;
    background-color: #f9fafb;
}

.blog-layout[b-v8qys76l1c] {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 40px;
}

/* Blog Content */
.blog-content[b-v8qys76l1c] {
    background: var(--white);
}

/* Featured Blog Post */
.featured-blog-post[b-v8qys76l1c] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    margin-bottom: 60px;
}

.featured-blog-image[b-v8qys76l1c] {
    position: relative;
    height: 500px;
    overflow: hidden;
}

.featured-blog-image img[b-v8qys76l1c] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.featured-blog-post:hover .featured-blog-image img[b-v8qys76l1c] {
    transform: scale(1.05);
}

.blog-category[b-v8qys76l1c] {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--primary-color);
    color: var(--white);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    z-index: 2;
}

.featured-blog-content[b-v8qys76l1c] {
    padding: 40px;
}

.blog-meta[b-v8qys76l1c] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    font-size: 0.875rem;
    color: #6b7280;
    flex-wrap: wrap;
}

.blog-meta span[b-v8qys76l1c] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.blog-meta i[b-v8qys76l1c] {
    color: var(--primary-color);
}

.featured-blog-content h2[b-v8qys76l1c] {
    font-size: 2.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    line-height: 1.3;
}

.blog-excerpt[b-v8qys76l1c] {
    font-size: 1.125rem;
    color: #4b5563;
    margin-bottom: 20px;
    line-height: 1.8;
    font-weight: 500;
}

.featured-blog-content p[b-v8qys76l1c] {
    font-size: 1rem;
    color: var(--text-color);
    margin-bottom: 20px;
    line-height: 1.8;
}

.featured-blog-content h3[b-v8qys76l1c] {
    font-size: 1.75rem;
    color: var(--dark-color);
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 600;
}

/* Blog List */
.blog-list[b-v8qys76l1c] {
    list-style: none;
    margin: 30px 0;
}

.blog-list li[b-v8qys76l1c] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-color);
}

.blog-list i[b-v8qys76l1c] {
    color: #10b981;
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.blog-list strong[b-v8qys76l1c] {
    color: var(--dark-color);
}

/* Blog Steps */
.blog-steps[b-v8qys76l1c] {
    margin: 30px 0;
}

.step-item[b-v8qys76l1c] {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    padding: 25px;
    background: #f9fafb;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.step-number[b-v8qys76l1c] {
    width: 50px;
    height: 50px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    flex-shrink: 0;
}

.step-content h4[b-v8qys76l1c] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 8px;
}

.step-content p[b-v8qys76l1c] {
    margin: 0;
    color: var(--text-color);
}

/* Blog Sectors */
.blog-sectors[b-v8qys76l1c] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 30px 0;
}

.sector-tag[b-v8qys76l1c] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid rgba(30, 64, 175, 0.2);
}

.sector-tag i[b-v8qys76l1c] {
    font-size: 1rem;
}

/* Blog Highlight */
.blog-highlight[b-v8qys76l1c] {
    display: flex;
    gap: 20px;
    padding: 30px;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-radius: 12px;
    margin: 40px 0;
    border-left: 4px solid #f59e0b;
}

.blog-highlight i[b-v8qys76l1c] {
    font-size: 2rem;
    color: #f59e0b;
    flex-shrink: 0;
}

.blog-highlight h4[b-v8qys76l1c] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 10px;
}

.blog-highlight p[b-v8qys76l1c] {
    margin: 0;
    color: #78350f;
}

/* Blog Tags */
.blog-tags[b-v8qys76l1c] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 40px 0;
    padding-top: 30px;
    border-top: 1px solid var(--border-color);
}

.blog-tags .tag[b-v8qys76l1c] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.blog-tags .tag:hover[b-v8qys76l1c] {
    background: var(--primary-color);
    color: var(--white);
}

.blog-tags .tag i[b-v8qys76l1c] {
    font-size: 0.75rem;
}

/* Blog Share */
.blog-share[b-v8qys76l1c] {
    padding: 30px 0;
    border-top: 1px solid var(--border-color);
}

.blog-share h4[b-v8qys76l1c] {
    font-size: 1.125rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.share-buttons[b-v8qys76l1c] {
    display: flex;
    gap: 12px;
}

.share-btn[b-v8qys76l1c] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    transition: all 0.3s ease;
    font-size: 1.125rem;
}

.share-btn:hover[b-v8qys76l1c] {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.share-btn.facebook[b-v8qys76l1c] {
    background: #1877f2;
}

.share-btn.twitter[b-v8qys76l1c] {
    background: #1da1f2;
}

.share-btn.linkedin[b-v8qys76l1c] {
    background: #0077b5;
}

.share-btn.whatsapp[b-v8qys76l1c] {
    background: #25d366;
}

/* More Posts Section */
.more-posts-section[b-v8qys76l1c] {
    margin-top: 60px;
}

.section-title[b-v8qys76l1c] {
    font-size: 2rem;
    color: var(--dark-color);
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid var(--primary-color);
    display: inline-block;
}

.blog-posts-grid[b-v8qys76l1c] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
}

.blog-post-card[b-v8qys76l1c] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.blog-post-card:hover[b-v8qys76l1c] {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.blog-post-image[b-v8qys76l1c] {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.blog-post-image img[b-v8qys76l1c] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.blog-post-card:hover .blog-post-image img[b-v8qys76l1c] {
    transform: scale(1.1);
}

.blog-post-content[b-v8qys76l1c] {
    padding: 25px;
}

.blog-post-content h3[b-v8qys76l1c] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 12px;
    line-height: 1.4;
}

.blog-post-content p[b-v8qys76l1c] {
    font-size: 0.95rem;
    color: var(--text-color);
    margin-bottom: 15px;
    line-height: 1.6;
}

.read-more-btn[b-v8qys76l1c] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.95rem;
    transition: gap 0.3s ease;
}

.read-more-btn:hover[b-v8qys76l1c] {
    gap: 12px;
}

/* Sidebar */
.blog-sidebar[b-v8qys76l1c] {
    position: sticky;
    top: 100px;
    height: fit-content;
}

.sidebar-widget[b-v8qys76l1c] {
    background: var(--white);
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.sidebar-widget h3[b-v8qys76l1c] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--border-color);
}

/* Search Widget */
.search-form[b-v8qys76l1c] {
    position: relative;
    display: flex;
}

.search-form input[b-v8qys76l1c] {
    width: 100%;
    padding: 12px 50px 12px 15px;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    font-size: 0.95rem;
    transition: border-color 0.3s ease;
}

.search-form input:focus[b-v8qys76l1c] {
    outline: none;
    border-color: var(--primary-color);
}

.search-form button[b-v8qys76l1c] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

.search-form button:hover[b-v8qys76l1c] {
    background: #1e3a8a;
}

/* Categories Widget */
.categories-list[b-v8qys76l1c] {
    list-style: none;
}

.categories-list li[b-v8qys76l1c] {
    margin-bottom: 12px;
}

.categories-list a[b-v8qys76l1c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    background: #f9fafb;
    border-radius: 8px;
    color: var(--text-color);
    transition: all 0.3s ease;
}

.categories-list a:hover[b-v8qys76l1c] {
    background: var(--primary-color);
    color: var(--white);
    transform: translateX(5px);
}

.categories-list i[b-v8qys76l1c] {
    margin-right: 10px;
    color: var(--primary-color);
    transition: color 0.3s ease;
}

.categories-list a:hover i[b-v8qys76l1c] {
    color: var(--white);
}

.categories-list span[b-v8qys76l1c] {
    font-size: 0.875rem;
    opacity: 0.8;
}

/* Recent Posts Widget */
.recent-posts-list[b-v8qys76l1c] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.recent-post-item[b-v8qys76l1c] {
    display: flex;
    gap: 15px;
    padding: 12px;
    border-radius: 8px;
    transition: background 0.3s ease;
}

.recent-post-item:hover[b-v8qys76l1c] {
    background: #f9fafb;
}

.recent-post-item img[b-v8qys76l1c] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.recent-post-info h4[b-v8qys76l1c] {
    font-size: 0.95rem;
    color: var(--dark-color);
    margin-bottom: 6px;
    line-height: 1.4;
}

.post-date[b-v8qys76l1c] {
    font-size: 0.8rem;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Tags Widget */
.tags-cloud[b-v8qys76l1c] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag-item[b-v8qys76l1c] {
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.tag-item:hover[b-v8qys76l1c] {
    background: var(--primary-color);
    color: var(--white);
}

/* CTA Widget */
.cta-widget[b-v8qys76l1c] {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    color: var(--white);
}

.cta-widget h3[b-v8qys76l1c] {
    color: var(--white);
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.cta-content[b-v8qys76l1c] {
    text-align: center;
}

.cta-content i[b-v8qys76l1c] {
    font-size: 3rem;
    margin-bottom: 15px;
    opacity: 0.9;
}

.cta-content p[b-v8qys76l1c] {
    margin-bottom: 20px;
    opacity: 0.95;
}

.cta-btn[b-v8qys76l1c] {
    display: inline-block;
    padding: 12px 30px;
    background: var(--white);
    color: var(--primary-color);
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.cta-btn:hover[b-v8qys76l1c] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .blog-layout[b-v8qys76l1c] {
        grid-template-columns: 1fr;
    }

    .blog-sidebar[b-v8qys76l1c] {
        position: static;
    }

    .sidebar-widget[b-v8qys76l1c] {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .page-hero[b-v8qys76l1c] {
        height: 220px;
        padding-bottom: 30px;
    }

    .page-hero-content h1[b-v8qys76l1c] {
        font-size: 2rem;
    }

    .page-hero-content p[b-v8qys76l1c] {
        font-size: 1rem;
    }

    .blog-main-section[b-v8qys76l1c] {
        padding: 40px 0;
    }

    .featured-blog-image[b-v8qys76l1c] {
        height: 300px;
    }

    .featured-blog-content[b-v8qys76l1c] {
        padding: 25px;
    }

    .featured-blog-content h2[b-v8qys76l1c] {
        font-size: 1.75rem;
    }

    .featured-blog-content h3[b-v8qys76l1c] {
        font-size: 1.5rem;
    }

    .blog-posts-grid[b-v8qys76l1c] {
        grid-template-columns: 1fr;
    }

    .blog-meta[b-v8qys76l1c] {
        gap: 15px;
    }

    .step-item[b-v8qys76l1c] {
        flex-direction: column;
        align-items: flex-start;
    }

    .blog-sectors[b-v8qys76l1c] {
        gap: 8px;
    }

    .sector-tag[b-v8qys76l1c] {
        font-size: 0.8rem;
        padding: 8px 15px;
    }

    .blog-highlight[b-v8qys76l1c] {
        flex-direction: column;
    }

    .share-buttons[b-v8qys76l1c] {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .page-hero-content h1[b-v8qys76l1c] {
        font-size: 1.5rem;
    }

    .featured-blog-content h2[b-v8qys76l1c] {
        font-size: 1.5rem;
    }

    .featured-blog-content[b-v8qys76l1c] {
        padding: 20px;
    }

    .sidebar-widget[b-v8qys76l1c] {
        padding: 20px;
    }

    .blog-meta[b-v8qys76l1c] {
        font-size: 0.8rem;
        gap: 10px;
    }
}

/* _content/OzturkIzolasyon/Views/Home/TankIzolasyonuPlanlama.cshtml.rz.scp.css */
/* ==========================================
   Blog Page Styles
   ========================================== */

/* Page Hero Section */
.page-hero[b-26zltnln0j] {
    position: relative;
    height: 280px;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    padding-bottom: 40px;
}

.page-hero[b-26zltnln0j]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.page-hero-overlay[b-26zltnln0j] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
}

.page-hero-content[b-26zltnln0j] {
    position: relative;
    z-index: 1;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-26zltnln0j] {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.page-hero-content p[b-26zltnln0j] {
    font-size: 1.25rem;
    margin-bottom: 2rem;
    opacity: 0.95;
}

.breadcrumb[b-26zltnln0j] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    opacity: 0.9;
}

.breadcrumb a[b-26zltnln0j] {
    color: var(--white);
    transition: opacity 0.3s ease;
}

.breadcrumb a:hover[b-26zltnln0j] {
    opacity: 0.8;
}

.breadcrumb i[b-26zltnln0j] {
    font-size: 0.75rem;
}

/* Blog Main Section */
.blog-main-section[b-26zltnln0j] {
    padding: 80px 0;
    background-color: #f9fafb;
}

.blog-layout[b-26zltnln0j] {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 40px;
}

/* Blog Content */
.blog-content[b-26zltnln0j] {
    background: var(--white);
}

/* Featured Blog Post */
.featured-blog-post[b-26zltnln0j] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    margin-bottom: 60px;
}

.featured-blog-image[b-26zltnln0j] {
    position: relative;
    height: 500px;
    overflow: hidden;
}

.featured-blog-image img[b-26zltnln0j] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.featured-blog-post:hover .featured-blog-image img[b-26zltnln0j] {
    transform: scale(1.05);
}

.blog-category[b-26zltnln0j] {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--primary-color);
    color: var(--white);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    z-index: 2;
}

.featured-blog-content[b-26zltnln0j] {
    padding: 40px;
}

.blog-meta[b-26zltnln0j] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    font-size: 0.875rem;
    color: #6b7280;
    flex-wrap: wrap;
}

.blog-meta span[b-26zltnln0j] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.blog-meta i[b-26zltnln0j] {
    color: var(--primary-color);
}

.featured-blog-content h2[b-26zltnln0j] {
    font-size: 2.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    line-height: 1.3;
}

.blog-excerpt[b-26zltnln0j] {
    font-size: 1.125rem;
    color: #4b5563;
    margin-bottom: 20px;
    line-height: 1.8;
    font-weight: 500;
}

.featured-blog-content p[b-26zltnln0j] {
    font-size: 1rem;
    color: var(--text-color);
    margin-bottom: 20px;
    line-height: 1.8;
}

.featured-blog-content h3[b-26zltnln0j] {
    font-size: 1.75rem;
    color: var(--dark-color);
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 600;
}

/* Blog List */
.blog-list[b-26zltnln0j] {
    list-style: none;
    margin: 30px 0;
}

.blog-list li[b-26zltnln0j] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-color);
}

.blog-list i[b-26zltnln0j] {
    color: #10b981;
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.blog-list strong[b-26zltnln0j] {
    color: var(--dark-color);
}

/* Blog Steps */
.blog-steps[b-26zltnln0j] {
    margin: 30px 0;
}

.step-item[b-26zltnln0j] {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    padding: 25px;
    background: #f9fafb;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.step-number[b-26zltnln0j] {
    width: 50px;
    height: 50px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    flex-shrink: 0;
}

.step-content h4[b-26zltnln0j] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 8px;
}

.step-content p[b-26zltnln0j] {
    margin: 0;
    color: var(--text-color);
}

/* Blog Sectors */
.blog-sectors[b-26zltnln0j] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 30px 0;
}

.sector-tag[b-26zltnln0j] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid rgba(30, 64, 175, 0.2);
}

.sector-tag i[b-26zltnln0j] {
    font-size: 1rem;
}

/* Blog Highlight */
.blog-highlight[b-26zltnln0j] {
    display: flex;
    gap: 20px;
    padding: 30px;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-radius: 12px;
    margin: 40px 0;
    border-left: 4px solid #f59e0b;
}

.blog-highlight i[b-26zltnln0j] {
    font-size: 2rem;
    color: #f59e0b;
    flex-shrink: 0;
}

.blog-highlight h4[b-26zltnln0j] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 10px;
}

.blog-highlight p[b-26zltnln0j] {
    margin: 0;
    color: #78350f;
}

/* Blog Tags */
.blog-tags[b-26zltnln0j] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 40px 0;
    padding-top: 30px;
    border-top: 1px solid var(--border-color);
}

.blog-tags .tag[b-26zltnln0j] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.blog-tags .tag:hover[b-26zltnln0j] {
    background: var(--primary-color);
    color: var(--white);
}

.blog-tags .tag i[b-26zltnln0j] {
    font-size: 0.75rem;
}

/* Blog Share */
.blog-share[b-26zltnln0j] {
    padding: 30px 0;
    border-top: 1px solid var(--border-color);
}

.blog-share h4[b-26zltnln0j] {
    font-size: 1.125rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.share-buttons[b-26zltnln0j] {
    display: flex;
    gap: 12px;
}

.share-btn[b-26zltnln0j] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    transition: all 0.3s ease;
    font-size: 1.125rem;
}

.share-btn:hover[b-26zltnln0j] {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.share-btn.facebook[b-26zltnln0j] {
    background: #1877f2;
}

.share-btn.twitter[b-26zltnln0j] {
    background: #1da1f2;
}

.share-btn.linkedin[b-26zltnln0j] {
    background: #0077b5;
}

.share-btn.whatsapp[b-26zltnln0j] {
    background: #25d366;
}

/* More Posts Section */
.more-posts-section[b-26zltnln0j] {
    margin-top: 60px;
}

.section-title[b-26zltnln0j] {
    font-size: 2rem;
    color: var(--dark-color);
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid var(--primary-color);
    display: inline-block;
}

.blog-posts-grid[b-26zltnln0j] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
}

.blog-post-card[b-26zltnln0j] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.blog-post-card:hover[b-26zltnln0j] {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.blog-post-image[b-26zltnln0j] {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.blog-post-image img[b-26zltnln0j] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.blog-post-card:hover .blog-post-image img[b-26zltnln0j] {
    transform: scale(1.1);
}

.blog-post-content[b-26zltnln0j] {
    padding: 25px;
}

.blog-post-content h3[b-26zltnln0j] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 12px;
    line-height: 1.4;
}

.blog-post-content p[b-26zltnln0j] {
    font-size: 0.95rem;
    color: var(--text-color);
    margin-bottom: 15px;
    line-height: 1.6;
}

.read-more-btn[b-26zltnln0j] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.95rem;
    transition: gap 0.3s ease;
}

.read-more-btn:hover[b-26zltnln0j] {
    gap: 12px;
}

/* Sidebar */
.blog-sidebar[b-26zltnln0j] {
    position: sticky;
    top: 100px;
    height: fit-content;
}

.sidebar-widget[b-26zltnln0j] {
    background: var(--white);
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.sidebar-widget h3[b-26zltnln0j] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--border-color);
}

/* Search Widget */
.search-form[b-26zltnln0j] {
    position: relative;
    display: flex;
}

.search-form input[b-26zltnln0j] {
    width: 100%;
    padding: 12px 50px 12px 15px;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    font-size: 0.95rem;
    transition: border-color 0.3s ease;
}

.search-form input:focus[b-26zltnln0j] {
    outline: none;
    border-color: var(--primary-color);
}

.search-form button[b-26zltnln0j] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

.search-form button:hover[b-26zltnln0j] {
    background: #1e3a8a;
}

/* Categories Widget */
.categories-list[b-26zltnln0j] {
    list-style: none;
}

.categories-list li[b-26zltnln0j] {
    margin-bottom: 12px;
}

.categories-list a[b-26zltnln0j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    background: #f9fafb;
    border-radius: 8px;
    color: var(--text-color);
    transition: all 0.3s ease;
}

.categories-list a:hover[b-26zltnln0j] {
    background: var(--primary-color);
    color: var(--white);
    transform: translateX(5px);
}

.categories-list i[b-26zltnln0j] {
    margin-right: 10px;
    color: var(--primary-color);
    transition: color 0.3s ease;
}

.categories-list a:hover i[b-26zltnln0j] {
    color: var(--white);
}

.categories-list span[b-26zltnln0j] {
    font-size: 0.875rem;
    opacity: 0.8;
}

/* Recent Posts Widget */
.recent-posts-list[b-26zltnln0j] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.recent-post-item[b-26zltnln0j] {
    display: flex;
    gap: 15px;
    padding: 12px;
    border-radius: 8px;
    transition: background 0.3s ease;
}

.recent-post-item:hover[b-26zltnln0j] {
    background: #f9fafb;
}

.recent-post-item img[b-26zltnln0j] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.recent-post-info h4[b-26zltnln0j] {
    font-size: 0.95rem;
    color: var(--dark-color);
    margin-bottom: 6px;
    line-height: 1.4;
}

.post-date[b-26zltnln0j] {
    font-size: 0.8rem;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Tags Widget */
.tags-cloud[b-26zltnln0j] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag-item[b-26zltnln0j] {
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.tag-item:hover[b-26zltnln0j] {
    background: var(--primary-color);
    color: var(--white);
}

/* CTA Widget */
.cta-widget[b-26zltnln0j] {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    color: var(--white);
}

.cta-widget h3[b-26zltnln0j] {
    color: var(--white);
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.cta-content[b-26zltnln0j] {
    text-align: center;
}

.cta-content i[b-26zltnln0j] {
    font-size: 3rem;
    margin-bottom: 15px;
    opacity: 0.9;
}

.cta-content p[b-26zltnln0j] {
    margin-bottom: 20px;
    opacity: 0.95;
}

.cta-btn[b-26zltnln0j] {
    display: inline-block;
    padding: 12px 30px;
    background: var(--white);
    color: var(--primary-color);
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.cta-btn:hover[b-26zltnln0j] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .blog-layout[b-26zltnln0j] {
        grid-template-columns: 1fr;
    }

    .blog-sidebar[b-26zltnln0j] {
        position: static;
    }

    .sidebar-widget[b-26zltnln0j] {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .page-hero[b-26zltnln0j] {
        height: 220px;
        padding-bottom: 30px;
    }

    .page-hero-content h1[b-26zltnln0j] {
        font-size: 2rem;
    }

    .page-hero-content p[b-26zltnln0j] {
        font-size: 1rem;
    }

    .blog-main-section[b-26zltnln0j] {
        padding: 40px 0;
    }

    .featured-blog-image[b-26zltnln0j] {
        height: 300px;
    }

    .featured-blog-content[b-26zltnln0j] {
        padding: 25px;
    }

    .featured-blog-content h2[b-26zltnln0j] {
        font-size: 1.75rem;
    }

    .featured-blog-content h3[b-26zltnln0j] {
        font-size: 1.5rem;
    }

    .blog-posts-grid[b-26zltnln0j] {
        grid-template-columns: 1fr;
    }

    .blog-meta[b-26zltnln0j] {
        gap: 15px;
    }

    .step-item[b-26zltnln0j] {
        flex-direction: column;
        align-items: flex-start;
    }

    .blog-sectors[b-26zltnln0j] {
        gap: 8px;
    }

    .sector-tag[b-26zltnln0j] {
        font-size: 0.8rem;
        padding: 8px 15px;
    }

    .blog-highlight[b-26zltnln0j] {
        flex-direction: column;
    }

    .share-buttons[b-26zltnln0j] {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .page-hero-content h1[b-26zltnln0j] {
        font-size: 1.5rem;
    }

    .featured-blog-content h2[b-26zltnln0j] {
        font-size: 1.5rem;
    }

    .featured-blog-content[b-26zltnln0j] {
        padding: 20px;
    }

    .sidebar-widget[b-26zltnln0j] {
        padding: 20px;
    }

    .blog-meta[b-26zltnln0j] {
        font-size: 0.8rem;
        gap: 10px;
    }
}

/* _content/OzturkIzolasyon/Views/Home/TekirdagIzolasyonBlog.cshtml.rz.scp.css */
/* ==========================================
   Blog Page Styles
   ========================================== */

/* Page Hero Section */
.page-hero[b-vnw71yaeah] {
    position: relative;
    height: 280px;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    padding-bottom: 40px;
}

.page-hero[b-vnw71yaeah]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.page-hero-overlay[b-vnw71yaeah] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
}

.page-hero-content[b-vnw71yaeah] {
    position: relative;
    z-index: 1;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-vnw71yaeah] {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.page-hero-content p[b-vnw71yaeah] {
    font-size: 1.25rem;
    margin-bottom: 2rem;
    opacity: 0.95;
}

.breadcrumb[b-vnw71yaeah] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    opacity: 0.9;
}

.breadcrumb a[b-vnw71yaeah] {
    color: var(--white);
    transition: opacity 0.3s ease;
}

.breadcrumb a:hover[b-vnw71yaeah] {
    opacity: 0.8;
}

.breadcrumb i[b-vnw71yaeah] {
    font-size: 0.75rem;
}

/* Blog Main Section */
.blog-main-section[b-vnw71yaeah] {
    padding: 80px 0;
    background-color: #f9fafb;
}

.blog-layout[b-vnw71yaeah] {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 40px;
}

/* Blog Content */
.blog-content[b-vnw71yaeah] {
    background: var(--white);
}

/* Featured Blog Post */
.featured-blog-post[b-vnw71yaeah] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    margin-bottom: 60px;
}

.featured-blog-image[b-vnw71yaeah] {
    position: relative;
    height: 500px;
    overflow: hidden;
}

.featured-blog-image img[b-vnw71yaeah] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.featured-blog-post:hover .featured-blog-image img[b-vnw71yaeah] {
    transform: scale(1.05);
}

.blog-category[b-vnw71yaeah] {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--primary-color);
    color: var(--white);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    z-index: 2;
}

.featured-blog-content[b-vnw71yaeah] {
    padding: 40px;
}

.blog-meta[b-vnw71yaeah] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    font-size: 0.875rem;
    color: #6b7280;
    flex-wrap: wrap;
}

.blog-meta span[b-vnw71yaeah] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.blog-meta i[b-vnw71yaeah] {
    color: var(--primary-color);
}

.featured-blog-content h2[b-vnw71yaeah] {
    font-size: 2.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    line-height: 1.3;
}

.blog-excerpt[b-vnw71yaeah] {
    font-size: 1.125rem;
    color: #4b5563;
    margin-bottom: 20px;
    line-height: 1.8;
    font-weight: 500;
}

.featured-blog-content p[b-vnw71yaeah] {
    font-size: 1rem;
    color: var(--text-color);
    margin-bottom: 20px;
    line-height: 1.8;
}

.featured-blog-content h3[b-vnw71yaeah] {
    font-size: 1.75rem;
    color: var(--dark-color);
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 600;
}

/* Blog List */
.blog-list[b-vnw71yaeah] {
    list-style: none;
    margin: 30px 0;
}

.blog-list li[b-vnw71yaeah] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-color);
}

.blog-list i[b-vnw71yaeah] {
    color: #10b981;
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.blog-list strong[b-vnw71yaeah] {
    color: var(--dark-color);
}

/* Blog Steps */
.blog-steps[b-vnw71yaeah] {
    margin: 30px 0;
}

.step-item[b-vnw71yaeah] {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    padding: 25px;
    background: #f9fafb;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.step-number[b-vnw71yaeah] {
    width: 50px;
    height: 50px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    flex-shrink: 0;
}

.step-content h4[b-vnw71yaeah] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 8px;
}

.step-content p[b-vnw71yaeah] {
    margin: 0;
    color: var(--text-color);
}

/* Blog Sectors */
.blog-sectors[b-vnw71yaeah] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 30px 0;
}

.sector-tag[b-vnw71yaeah] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid rgba(30, 64, 175, 0.2);
}

.sector-tag i[b-vnw71yaeah] {
    font-size: 1rem;
}

/* Blog Highlight */
.blog-highlight[b-vnw71yaeah] {
    display: flex;
    gap: 20px;
    padding: 30px;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-radius: 12px;
    margin: 40px 0;
    border-left: 4px solid #f59e0b;
}

.blog-highlight i[b-vnw71yaeah] {
    font-size: 2rem;
    color: #f59e0b;
    flex-shrink: 0;
}

.blog-highlight h4[b-vnw71yaeah] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 10px;
}

.blog-highlight p[b-vnw71yaeah] {
    margin: 0;
    color: #78350f;
}

/* Blog Tags */
.blog-tags[b-vnw71yaeah] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 40px 0;
    padding-top: 30px;
    border-top: 1px solid var(--border-color);
}

.blog-tags .tag[b-vnw71yaeah] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.blog-tags .tag:hover[b-vnw71yaeah] {
    background: var(--primary-color);
    color: var(--white);
}

.blog-tags .tag i[b-vnw71yaeah] {
    font-size: 0.75rem;
}

/* Blog Share */
.blog-share[b-vnw71yaeah] {
    padding: 30px 0;
    border-top: 1px solid var(--border-color);
}

.blog-share h4[b-vnw71yaeah] {
    font-size: 1.125rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.share-buttons[b-vnw71yaeah] {
    display: flex;
    gap: 12px;
}

.share-btn[b-vnw71yaeah] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    transition: all 0.3s ease;
    font-size: 1.125rem;
}

.share-btn:hover[b-vnw71yaeah] {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.share-btn.facebook[b-vnw71yaeah] {
    background: #1877f2;
}

.share-btn.twitter[b-vnw71yaeah] {
    background: #1da1f2;
}

.share-btn.linkedin[b-vnw71yaeah] {
    background: #0077b5;
}

.share-btn.whatsapp[b-vnw71yaeah] {
    background: #25d366;
}

/* More Posts Section */
.more-posts-section[b-vnw71yaeah] {
    margin-top: 60px;
}

.section-title[b-vnw71yaeah] {
    font-size: 2rem;
    color: var(--dark-color);
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid var(--primary-color);
    display: inline-block;
}

.blog-posts-grid[b-vnw71yaeah] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
}

.blog-post-card[b-vnw71yaeah] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.blog-post-card:hover[b-vnw71yaeah] {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.blog-post-image[b-vnw71yaeah] {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.blog-post-image img[b-vnw71yaeah] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.blog-post-card:hover .blog-post-image img[b-vnw71yaeah] {
    transform: scale(1.1);
}

.blog-post-content[b-vnw71yaeah] {
    padding: 25px;
}

.blog-post-content h3[b-vnw71yaeah] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 12px;
    line-height: 1.4;
}

.blog-post-content p[b-vnw71yaeah] {
    font-size: 0.95rem;
    color: var(--text-color);
    margin-bottom: 15px;
    line-height: 1.6;
}

.read-more-btn[b-vnw71yaeah] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.95rem;
    transition: gap 0.3s ease;
}

.read-more-btn:hover[b-vnw71yaeah] {
    gap: 12px;
}

/* Sidebar */
.blog-sidebar[b-vnw71yaeah] {
    position: sticky;
    top: 100px;
    height: fit-content;
}

.sidebar-widget[b-vnw71yaeah] {
    background: var(--white);
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.sidebar-widget h3[b-vnw71yaeah] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--border-color);
}

/* Search Widget */
.search-form[b-vnw71yaeah] {
    position: relative;
    display: flex;
}

.search-form input[b-vnw71yaeah] {
    width: 100%;
    padding: 12px 50px 12px 15px;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    font-size: 0.95rem;
    transition: border-color 0.3s ease;
}

.search-form input:focus[b-vnw71yaeah] {
    outline: none;
    border-color: var(--primary-color);
}

.search-form button[b-vnw71yaeah] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

.search-form button:hover[b-vnw71yaeah] {
    background: #1e3a8a;
}

/* Categories Widget */
.categories-list[b-vnw71yaeah] {
    list-style: none;
}

.categories-list li[b-vnw71yaeah] {
    margin-bottom: 12px;
}

.categories-list a[b-vnw71yaeah] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    background: #f9fafb;
    border-radius: 8px;
    color: var(--text-color);
    transition: all 0.3s ease;
}

.categories-list a:hover[b-vnw71yaeah] {
    background: var(--primary-color);
    color: var(--white);
    transform: translateX(5px);
}

.categories-list i[b-vnw71yaeah] {
    margin-right: 10px;
    color: var(--primary-color);
    transition: color 0.3s ease;
}

.categories-list a:hover i[b-vnw71yaeah] {
    color: var(--white);
}

.categories-list span[b-vnw71yaeah] {
    font-size: 0.875rem;
    opacity: 0.8;
}

/* Recent Posts Widget */
.recent-posts-list[b-vnw71yaeah] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.recent-post-item[b-vnw71yaeah] {
    display: flex;
    gap: 15px;
    padding: 12px;
    border-radius: 8px;
    transition: background 0.3s ease;
}

.recent-post-item:hover[b-vnw71yaeah] {
    background: #f9fafb;
}

.recent-post-item img[b-vnw71yaeah] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.recent-post-info h4[b-vnw71yaeah] {
    font-size: 0.95rem;
    color: var(--dark-color);
    margin-bottom: 6px;
    line-height: 1.4;
}

.post-date[b-vnw71yaeah] {
    font-size: 0.8rem;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Tags Widget */
.tags-cloud[b-vnw71yaeah] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag-item[b-vnw71yaeah] {
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.tag-item:hover[b-vnw71yaeah] {
    background: var(--primary-color);
    color: var(--white);
}

/* CTA Widget */
.cta-widget[b-vnw71yaeah] {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    color: var(--white);
}

.cta-widget h3[b-vnw71yaeah] {
    color: var(--white);
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.cta-content[b-vnw71yaeah] {
    text-align: center;
}

.cta-content i[b-vnw71yaeah] {
    font-size: 3rem;
    margin-bottom: 15px;
    opacity: 0.9;
}

.cta-content p[b-vnw71yaeah] {
    margin-bottom: 20px;
    opacity: 0.95;
}

.cta-btn[b-vnw71yaeah] {
    display: inline-block;
    padding: 12px 30px;
    background: var(--white);
    color: var(--primary-color);
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.cta-btn:hover[b-vnw71yaeah] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .blog-layout[b-vnw71yaeah] {
        grid-template-columns: 1fr;
    }

    .blog-sidebar[b-vnw71yaeah] {
        position: static;
    }

    .sidebar-widget[b-vnw71yaeah] {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .page-hero[b-vnw71yaeah] {
        height: 220px;
        padding-bottom: 30px;
    }

    .page-hero-content h1[b-vnw71yaeah] {
        font-size: 2rem;
    }

    .page-hero-content p[b-vnw71yaeah] {
        font-size: 1rem;
    }

    .blog-main-section[b-vnw71yaeah] {
        padding: 40px 0;
    }

    .featured-blog-image[b-vnw71yaeah] {
        height: 300px;
    }

    .featured-blog-content[b-vnw71yaeah] {
        padding: 25px;
    }

    .featured-blog-content h2[b-vnw71yaeah] {
        font-size: 1.75rem;
    }

    .featured-blog-content h3[b-vnw71yaeah] {
        font-size: 1.5rem;
    }

    .blog-posts-grid[b-vnw71yaeah] {
        grid-template-columns: 1fr;
    }

    .blog-meta[b-vnw71yaeah] {
        gap: 15px;
    }

    .step-item[b-vnw71yaeah] {
        flex-direction: column;
        align-items: flex-start;
    }

    .blog-sectors[b-vnw71yaeah] {
        gap: 8px;
    }

    .sector-tag[b-vnw71yaeah] {
        font-size: 0.8rem;
        padding: 8px 15px;
    }

    .blog-highlight[b-vnw71yaeah] {
        flex-direction: column;
    }

    .share-buttons[b-vnw71yaeah] {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .page-hero-content h1[b-vnw71yaeah] {
        font-size: 1.5rem;
    }

    .featured-blog-content h2[b-vnw71yaeah] {
        font-size: 1.5rem;
    }

    .featured-blog-content[b-vnw71yaeah] {
        padding: 20px;
    }

    .sidebar-widget[b-vnw71yaeah] {
        padding: 20px;
    }

    .blog-meta[b-vnw71yaeah] {
        font-size: 0.8rem;
        gap: 10px;
    }
}

/* _content/OzturkIzolasyon/Views/Home/TuzlaIzolasyonBlog.cshtml.rz.scp.css */
/* ==========================================
   Blog Page Styles
   ========================================== */

/* Page Hero Section */
.page-hero[b-n3m1szdxae] {
    position: relative;
    height: 280px;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    padding-bottom: 40px;
}

.page-hero[b-n3m1szdxae]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.page-hero-overlay[b-n3m1szdxae] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
}

.page-hero-content[b-n3m1szdxae] {
    position: relative;
    z-index: 1;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-n3m1szdxae] {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.page-hero-content p[b-n3m1szdxae] {
    font-size: 1.25rem;
    margin-bottom: 2rem;
    opacity: 0.95;
}

.breadcrumb[b-n3m1szdxae] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    opacity: 0.9;
}

.breadcrumb a[b-n3m1szdxae] {
    color: var(--white);
    transition: opacity 0.3s ease;
}

.breadcrumb a:hover[b-n3m1szdxae] {
    opacity: 0.8;
}

.breadcrumb i[b-n3m1szdxae] {
    font-size: 0.75rem;
}

/* Blog Main Section */
.blog-main-section[b-n3m1szdxae] {
    padding: 80px 0;
    background-color: #f9fafb;
}

.blog-layout[b-n3m1szdxae] {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 40px;
}

/* Blog Content */
.blog-content[b-n3m1szdxae] {
    background: var(--white);
}

/* Featured Blog Post */
.featured-blog-post[b-n3m1szdxae] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    margin-bottom: 60px;
}

.featured-blog-image[b-n3m1szdxae] {
    position: relative;
    height: 500px;
    overflow: hidden;
}

.featured-blog-image img[b-n3m1szdxae] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.featured-blog-post:hover .featured-blog-image img[b-n3m1szdxae] {
    transform: scale(1.05);
}

.blog-category[b-n3m1szdxae] {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--primary-color);
    color: var(--white);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    z-index: 2;
}

.featured-blog-content[b-n3m1szdxae] {
    padding: 40px;
}

.blog-meta[b-n3m1szdxae] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    font-size: 0.875rem;
    color: #6b7280;
    flex-wrap: wrap;
}

.blog-meta span[b-n3m1szdxae] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.blog-meta i[b-n3m1szdxae] {
    color: var(--primary-color);
}

.featured-blog-content h2[b-n3m1szdxae] {
    font-size: 2.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    line-height: 1.3;
}

.blog-excerpt[b-n3m1szdxae] {
    font-size: 1.125rem;
    color: #4b5563;
    margin-bottom: 20px;
    line-height: 1.8;
    font-weight: 500;
}

.featured-blog-content p[b-n3m1szdxae] {
    font-size: 1rem;
    color: var(--text-color);
    margin-bottom: 20px;
    line-height: 1.8;
}

.featured-blog-content h3[b-n3m1szdxae] {
    font-size: 1.75rem;
    color: var(--dark-color);
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 600;
}

/* Blog List */
.blog-list[b-n3m1szdxae] {
    list-style: none;
    margin: 30px 0;
}

.blog-list li[b-n3m1szdxae] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-color);
}

.blog-list i[b-n3m1szdxae] {
    color: #10b981;
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.blog-list strong[b-n3m1szdxae] {
    color: var(--dark-color);
}

/* Blog Steps */
.blog-steps[b-n3m1szdxae] {
    margin: 30px 0;
}

.step-item[b-n3m1szdxae] {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    padding: 25px;
    background: #f9fafb;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.step-number[b-n3m1szdxae] {
    width: 50px;
    height: 50px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    flex-shrink: 0;
}

.step-content h4[b-n3m1szdxae] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 8px;
}

.step-content p[b-n3m1szdxae] {
    margin: 0;
    color: var(--text-color);
}

/* Blog Sectors */
.blog-sectors[b-n3m1szdxae] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 30px 0;
}

.sector-tag[b-n3m1szdxae] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid rgba(30, 64, 175, 0.2);
}

.sector-tag i[b-n3m1szdxae] {
    font-size: 1rem;
}

/* Blog Highlight */
.blog-highlight[b-n3m1szdxae] {
    display: flex;
    gap: 20px;
    padding: 30px;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-radius: 12px;
    margin: 40px 0;
    border-left: 4px solid #f59e0b;
}

.blog-highlight i[b-n3m1szdxae] {
    font-size: 2rem;
    color: #f59e0b;
    flex-shrink: 0;
}

.blog-highlight h4[b-n3m1szdxae] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 10px;
}

.blog-highlight p[b-n3m1szdxae] {
    margin: 0;
    color: #78350f;
}

/* Blog Tags */
.blog-tags[b-n3m1szdxae] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 40px 0;
    padding-top: 30px;
    border-top: 1px solid var(--border-color);
}

.blog-tags .tag[b-n3m1szdxae] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.blog-tags .tag:hover[b-n3m1szdxae] {
    background: var(--primary-color);
    color: var(--white);
}

.blog-tags .tag i[b-n3m1szdxae] {
    font-size: 0.75rem;
}

/* Blog Share */
.blog-share[b-n3m1szdxae] {
    padding: 30px 0;
    border-top: 1px solid var(--border-color);
}

.blog-share h4[b-n3m1szdxae] {
    font-size: 1.125rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.share-buttons[b-n3m1szdxae] {
    display: flex;
    gap: 12px;
}

.share-btn[b-n3m1szdxae] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    transition: all 0.3s ease;
    font-size: 1.125rem;
}

.share-btn:hover[b-n3m1szdxae] {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.share-btn.facebook[b-n3m1szdxae] {
    background: #1877f2;
}

.share-btn.twitter[b-n3m1szdxae] {
    background: #1da1f2;
}

.share-btn.linkedin[b-n3m1szdxae] {
    background: #0077b5;
}

.share-btn.whatsapp[b-n3m1szdxae] {
    background: #25d366;
}

/* More Posts Section */
.more-posts-section[b-n3m1szdxae] {
    margin-top: 60px;
}

.section-title[b-n3m1szdxae] {
    font-size: 2rem;
    color: var(--dark-color);
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid var(--primary-color);
    display: inline-block;
}

.blog-posts-grid[b-n3m1szdxae] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
}

.blog-post-card[b-n3m1szdxae] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.blog-post-card:hover[b-n3m1szdxae] {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.blog-post-image[b-n3m1szdxae] {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.blog-post-image img[b-n3m1szdxae] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.blog-post-card:hover .blog-post-image img[b-n3m1szdxae] {
    transform: scale(1.1);
}

.blog-post-content[b-n3m1szdxae] {
    padding: 25px;
}

.blog-post-content h3[b-n3m1szdxae] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 12px;
    line-height: 1.4;
}

.blog-post-content p[b-n3m1szdxae] {
    font-size: 0.95rem;
    color: var(--text-color);
    margin-bottom: 15px;
    line-height: 1.6;
}

.read-more-btn[b-n3m1szdxae] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.95rem;
    transition: gap 0.3s ease;
}

.read-more-btn:hover[b-n3m1szdxae] {
    gap: 12px;
}

/* Sidebar */
.blog-sidebar[b-n3m1szdxae] {
    position: sticky;
    top: 100px;
    height: fit-content;
}

.sidebar-widget[b-n3m1szdxae] {
    background: var(--white);
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.sidebar-widget h3[b-n3m1szdxae] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--border-color);
}

/* Search Widget */
.search-form[b-n3m1szdxae] {
    position: relative;
    display: flex;
}

.search-form input[b-n3m1szdxae] {
    width: 100%;
    padding: 12px 50px 12px 15px;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    font-size: 0.95rem;
    transition: border-color 0.3s ease;
}

.search-form input:focus[b-n3m1szdxae] {
    outline: none;
    border-color: var(--primary-color);
}

.search-form button[b-n3m1szdxae] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

.search-form button:hover[b-n3m1szdxae] {
    background: #1e3a8a;
}

/* Categories Widget */
.categories-list[b-n3m1szdxae] {
    list-style: none;
}

.categories-list li[b-n3m1szdxae] {
    margin-bottom: 12px;
}

.categories-list a[b-n3m1szdxae] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    background: #f9fafb;
    border-radius: 8px;
    color: var(--text-color);
    transition: all 0.3s ease;
}

.categories-list a:hover[b-n3m1szdxae] {
    background: var(--primary-color);
    color: var(--white);
    transform: translateX(5px);
}

.categories-list i[b-n3m1szdxae] {
    margin-right: 10px;
    color: var(--primary-color);
    transition: color 0.3s ease;
}

.categories-list a:hover i[b-n3m1szdxae] {
    color: var(--white);
}

.categories-list span[b-n3m1szdxae] {
    font-size: 0.875rem;
    opacity: 0.8;
}

/* Recent Posts Widget */
.recent-posts-list[b-n3m1szdxae] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.recent-post-item[b-n3m1szdxae] {
    display: flex;
    gap: 15px;
    padding: 12px;
    border-radius: 8px;
    transition: background 0.3s ease;
}

.recent-post-item:hover[b-n3m1szdxae] {
    background: #f9fafb;
}

.recent-post-item img[b-n3m1szdxae] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.recent-post-info h4[b-n3m1szdxae] {
    font-size: 0.95rem;
    color: var(--dark-color);
    margin-bottom: 6px;
    line-height: 1.4;
}

.post-date[b-n3m1szdxae] {
    font-size: 0.8rem;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Tags Widget */
.tags-cloud[b-n3m1szdxae] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag-item[b-n3m1szdxae] {
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.tag-item:hover[b-n3m1szdxae] {
    background: var(--primary-color);
    color: var(--white);
}

/* CTA Widget */
.cta-widget[b-n3m1szdxae] {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    color: var(--white);
}

.cta-widget h3[b-n3m1szdxae] {
    color: var(--white);
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.cta-content[b-n3m1szdxae] {
    text-align: center;
}

.cta-content i[b-n3m1szdxae] {
    font-size: 3rem;
    margin-bottom: 15px;
    opacity: 0.9;
}

.cta-content p[b-n3m1szdxae] {
    margin-bottom: 20px;
    opacity: 0.95;
}

.cta-btn[b-n3m1szdxae] {
    display: inline-block;
    padding: 12px 30px;
    background: var(--white);
    color: var(--primary-color);
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.cta-btn:hover[b-n3m1szdxae] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .blog-layout[b-n3m1szdxae] {
        grid-template-columns: 1fr;
    }

    .blog-sidebar[b-n3m1szdxae] {
        position: static;
    }

    .sidebar-widget[b-n3m1szdxae] {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .page-hero[b-n3m1szdxae] {
        height: 220px;
        padding-bottom: 30px;
    }

    .page-hero-content h1[b-n3m1szdxae] {
        font-size: 2rem;
    }

    .page-hero-content p[b-n3m1szdxae] {
        font-size: 1rem;
    }

    .blog-main-section[b-n3m1szdxae] {
        padding: 40px 0;
    }

    .featured-blog-image[b-n3m1szdxae] {
        height: 300px;
    }

    .featured-blog-content[b-n3m1szdxae] {
        padding: 25px;
    }

    .featured-blog-content h2[b-n3m1szdxae] {
        font-size: 1.75rem;
    }

    .featured-blog-content h3[b-n3m1szdxae] {
        font-size: 1.5rem;
    }

    .blog-posts-grid[b-n3m1szdxae] {
        grid-template-columns: 1fr;
    }

    .blog-meta[b-n3m1szdxae] {
        gap: 15px;
    }

    .step-item[b-n3m1szdxae] {
        flex-direction: column;
        align-items: flex-start;
    }

    .blog-sectors[b-n3m1szdxae] {
        gap: 8px;
    }

    .sector-tag[b-n3m1szdxae] {
        font-size: 0.8rem;
        padding: 8px 15px;
    }

    .blog-highlight[b-n3m1szdxae] {
        flex-direction: column;
    }

    .share-buttons[b-n3m1szdxae] {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .page-hero-content h1[b-n3m1szdxae] {
        font-size: 1.5rem;
    }

    .featured-blog-content h2[b-n3m1szdxae] {
        font-size: 1.5rem;
    }

    .featured-blog-content[b-n3m1szdxae] {
        padding: 20px;
    }

    .sidebar-widget[b-n3m1szdxae] {
        padding: 20px;
    }

    .blog-meta[b-n3m1szdxae] {
        font-size: 0.8rem;
        gap: 10px;
    }
}

/* _content/OzturkIzolasyon/Views/Home/VanaCeketiNedirBlog.cshtml.rz.scp.css */
/* ==========================================
   Blog Page Styles
   ========================================== */

/* Page Hero Section */
.page-hero[b-5ascy9jo4o] {
    position: relative;
    height: 280px;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    padding-bottom: 40px;
}

.page-hero[b-5ascy9jo4o]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.page-hero-overlay[b-5ascy9jo4o] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
}

.page-hero-content[b-5ascy9jo4o] {
    position: relative;
    z-index: 1;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-5ascy9jo4o] {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.page-hero-content p[b-5ascy9jo4o] {
    font-size: 1.25rem;
    margin-bottom: 2rem;
    opacity: 0.95;
}

.breadcrumb[b-5ascy9jo4o] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    opacity: 0.9;
}

.breadcrumb a[b-5ascy9jo4o] {
    color: var(--white);
    transition: opacity 0.3s ease;
}

.breadcrumb a:hover[b-5ascy9jo4o] {
    opacity: 0.8;
}

.breadcrumb i[b-5ascy9jo4o] {
    font-size: 0.75rem;
}

/* Blog Main Section */
.blog-main-section[b-5ascy9jo4o] {
    padding: 80px 0;
    background-color: #f9fafb;
}

.blog-layout[b-5ascy9jo4o] {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 40px;
}

/* Blog Content */
.blog-content[b-5ascy9jo4o] {
    background: var(--white);
}

/* Featured Blog Post */
.featured-blog-post[b-5ascy9jo4o] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    margin-bottom: 60px;
}

.featured-blog-image[b-5ascy9jo4o] {
    position: relative;
    height: 500px;
    overflow: hidden;
}

.featured-blog-image img[b-5ascy9jo4o] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.featured-blog-post:hover .featured-blog-image img[b-5ascy9jo4o] {
    transform: scale(1.05);
}

.blog-category[b-5ascy9jo4o] {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--primary-color);
    color: var(--white);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    z-index: 2;
}

.featured-blog-content[b-5ascy9jo4o] {
    padding: 40px;
}

.blog-meta[b-5ascy9jo4o] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    font-size: 0.875rem;
    color: #6b7280;
    flex-wrap: wrap;
}

.blog-meta span[b-5ascy9jo4o] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.blog-meta i[b-5ascy9jo4o] {
    color: var(--primary-color);
}

.featured-blog-content h2[b-5ascy9jo4o] {
    font-size: 2.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    line-height: 1.3;
}

.blog-excerpt[b-5ascy9jo4o] {
    font-size: 1.125rem;
    color: #4b5563;
    margin-bottom: 20px;
    line-height: 1.8;
    font-weight: 500;
}

.featured-blog-content p[b-5ascy9jo4o] {
    font-size: 1rem;
    color: var(--text-color);
    margin-bottom: 20px;
    line-height: 1.8;
}

.featured-blog-content h3[b-5ascy9jo4o] {
    font-size: 1.75rem;
    color: var(--dark-color);
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 600;
}

/* Blog List */
.blog-list[b-5ascy9jo4o] {
    list-style: none;
    margin: 30px 0;
}

.blog-list li[b-5ascy9jo4o] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-color);
}

.blog-list i[b-5ascy9jo4o] {
    color: #10b981;
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.blog-list strong[b-5ascy9jo4o] {
    color: var(--dark-color);
}

/* Blog Steps */
.blog-steps[b-5ascy9jo4o] {
    margin: 30px 0;
}

.step-item[b-5ascy9jo4o] {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    padding: 25px;
    background: #f9fafb;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.step-number[b-5ascy9jo4o] {
    width: 50px;
    height: 50px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    flex-shrink: 0;
}

.step-content h4[b-5ascy9jo4o] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 8px;
}

.step-content p[b-5ascy9jo4o] {
    margin: 0;
    color: var(--text-color);
}

/* Blog Sectors */
.blog-sectors[b-5ascy9jo4o] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 30px 0;
}

.sector-tag[b-5ascy9jo4o] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid rgba(30, 64, 175, 0.2);
}

.sector-tag i[b-5ascy9jo4o] {
    font-size: 1rem;
}

/* Blog Highlight */
.blog-highlight[b-5ascy9jo4o] {
    display: flex;
    gap: 20px;
    padding: 30px;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-radius: 12px;
    margin: 40px 0;
    border-left: 4px solid #f59e0b;
}

.blog-highlight i[b-5ascy9jo4o] {
    font-size: 2rem;
    color: #f59e0b;
    flex-shrink: 0;
}

.blog-highlight h4[b-5ascy9jo4o] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 10px;
}

.blog-highlight p[b-5ascy9jo4o] {
    margin: 0;
    color: #78350f;
}

/* Blog Tags */
.blog-tags[b-5ascy9jo4o] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 40px 0;
    padding-top: 30px;
    border-top: 1px solid var(--border-color);
}

.blog-tags .tag[b-5ascy9jo4o] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.blog-tags .tag:hover[b-5ascy9jo4o] {
    background: var(--primary-color);
    color: var(--white);
}

.blog-tags .tag i[b-5ascy9jo4o] {
    font-size: 0.75rem;
}

/* Blog Share */
.blog-share[b-5ascy9jo4o] {
    padding: 30px 0;
    border-top: 1px solid var(--border-color);
}

.blog-share h4[b-5ascy9jo4o] {
    font-size: 1.125rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.share-buttons[b-5ascy9jo4o] {
    display: flex;
    gap: 12px;
}

.share-btn[b-5ascy9jo4o] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    transition: all 0.3s ease;
    font-size: 1.125rem;
}

.share-btn:hover[b-5ascy9jo4o] {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.share-btn.facebook[b-5ascy9jo4o] {
    background: #1877f2;
}

.share-btn.twitter[b-5ascy9jo4o] {
    background: #1da1f2;
}

.share-btn.linkedin[b-5ascy9jo4o] {
    background: #0077b5;
}

.share-btn.whatsapp[b-5ascy9jo4o] {
    background: #25d366;
}

/* More Posts Section */
.more-posts-section[b-5ascy9jo4o] {
    margin-top: 60px;
}

.section-title[b-5ascy9jo4o] {
    font-size: 2rem;
    color: var(--dark-color);
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid var(--primary-color);
    display: inline-block;
}

.blog-posts-grid[b-5ascy9jo4o] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
}

.blog-post-card[b-5ascy9jo4o] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.blog-post-card:hover[b-5ascy9jo4o] {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.blog-post-image[b-5ascy9jo4o] {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.blog-post-image img[b-5ascy9jo4o] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.blog-post-card:hover .blog-post-image img[b-5ascy9jo4o] {
    transform: scale(1.1);
}

.blog-post-content[b-5ascy9jo4o] {
    padding: 25px;
}

.blog-post-content h3[b-5ascy9jo4o] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 12px;
    line-height: 1.4;
}

.blog-post-content p[b-5ascy9jo4o] {
    font-size: 0.95rem;
    color: var(--text-color);
    margin-bottom: 15px;
    line-height: 1.6;
}

.read-more-btn[b-5ascy9jo4o] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.95rem;
    transition: gap 0.3s ease;
}

.read-more-btn:hover[b-5ascy9jo4o] {
    gap: 12px;
}

/* Sidebar */
.blog-sidebar[b-5ascy9jo4o] {
    position: sticky;
    top: 100px;
    height: fit-content;
}

.sidebar-widget[b-5ascy9jo4o] {
    background: var(--white);
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.sidebar-widget h3[b-5ascy9jo4o] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--border-color);
}

/* Search Widget */
.search-form[b-5ascy9jo4o] {
    position: relative;
    display: flex;
}

.search-form input[b-5ascy9jo4o] {
    width: 100%;
    padding: 12px 50px 12px 15px;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    font-size: 0.95rem;
    transition: border-color 0.3s ease;
}

.search-form input:focus[b-5ascy9jo4o] {
    outline: none;
    border-color: var(--primary-color);
}

.search-form button[b-5ascy9jo4o] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

.search-form button:hover[b-5ascy9jo4o] {
    background: #1e3a8a;
}

/* Categories Widget */
.categories-list[b-5ascy9jo4o] {
    list-style: none;
}

.categories-list li[b-5ascy9jo4o] {
    margin-bottom: 12px;
}

.categories-list a[b-5ascy9jo4o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    background: #f9fafb;
    border-radius: 8px;
    color: var(--text-color);
    transition: all 0.3s ease;
}

.categories-list a:hover[b-5ascy9jo4o] {
    background: var(--primary-color);
    color: var(--white);
    transform: translateX(5px);
}

.categories-list i[b-5ascy9jo4o] {
    margin-right: 10px;
    color: var(--primary-color);
    transition: color 0.3s ease;
}

.categories-list a:hover i[b-5ascy9jo4o] {
    color: var(--white);
}

.categories-list span[b-5ascy9jo4o] {
    font-size: 0.875rem;
    opacity: 0.8;
}

/* Recent Posts Widget */
.recent-posts-list[b-5ascy9jo4o] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.recent-post-item[b-5ascy9jo4o] {
    display: flex;
    gap: 15px;
    padding: 12px;
    border-radius: 8px;
    transition: background 0.3s ease;
}

.recent-post-item:hover[b-5ascy9jo4o] {
    background: #f9fafb;
}

.recent-post-item img[b-5ascy9jo4o] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.recent-post-info h4[b-5ascy9jo4o] {
    font-size: 0.95rem;
    color: var(--dark-color);
    margin-bottom: 6px;
    line-height: 1.4;
}

.post-date[b-5ascy9jo4o] {
    font-size: 0.8rem;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Tags Widget */
.tags-cloud[b-5ascy9jo4o] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag-item[b-5ascy9jo4o] {
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.tag-item:hover[b-5ascy9jo4o] {
    background: var(--primary-color);
    color: var(--white);
}

/* CTA Widget */
.cta-widget[b-5ascy9jo4o] {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    color: var(--white);
}

.cta-widget h3[b-5ascy9jo4o] {
    color: var(--white);
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.cta-content[b-5ascy9jo4o] {
    text-align: center;
}

.cta-content i[b-5ascy9jo4o] {
    font-size: 3rem;
    margin-bottom: 15px;
    opacity: 0.9;
}

.cta-content p[b-5ascy9jo4o] {
    margin-bottom: 20px;
    opacity: 0.95;
}

.cta-btn[b-5ascy9jo4o] {
    display: inline-block;
    padding: 12px 30px;
    background: var(--white);
    color: var(--primary-color);
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.cta-btn:hover[b-5ascy9jo4o] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .blog-layout[b-5ascy9jo4o] {
        grid-template-columns: 1fr;
    }

    .blog-sidebar[b-5ascy9jo4o] {
        position: static;
    }

    .sidebar-widget[b-5ascy9jo4o] {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .page-hero[b-5ascy9jo4o] {
        height: 220px;
        padding-bottom: 30px;
    }

    .page-hero-content h1[b-5ascy9jo4o] {
        font-size: 2rem;
    }

    .page-hero-content p[b-5ascy9jo4o] {
        font-size: 1rem;
    }

    .blog-main-section[b-5ascy9jo4o] {
        padding: 40px 0;
    }

    .featured-blog-image[b-5ascy9jo4o] {
        height: 300px;
    }

    .featured-blog-content[b-5ascy9jo4o] {
        padding: 25px;
    }

    .featured-blog-content h2[b-5ascy9jo4o] {
        font-size: 1.75rem;
    }

    .featured-blog-content h3[b-5ascy9jo4o] {
        font-size: 1.5rem;
    }

    .blog-posts-grid[b-5ascy9jo4o] {
        grid-template-columns: 1fr;
    }

    .blog-meta[b-5ascy9jo4o] {
        gap: 15px;
    }

    .step-item[b-5ascy9jo4o] {
        flex-direction: column;
        align-items: flex-start;
    }

    .blog-sectors[b-5ascy9jo4o] {
        gap: 8px;
    }

    .sector-tag[b-5ascy9jo4o] {
        font-size: 0.8rem;
        padding: 8px 15px;
    }

    .blog-highlight[b-5ascy9jo4o] {
        flex-direction: column;
    }

    .share-buttons[b-5ascy9jo4o] {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .page-hero-content h1[b-5ascy9jo4o] {
        font-size: 1.5rem;
    }

    .featured-blog-content h2[b-5ascy9jo4o] {
        font-size: 1.5rem;
    }

    .featured-blog-content[b-5ascy9jo4o] {
        padding: 20px;
    }

    .sidebar-widget[b-5ascy9jo4o] {
        padding: 20px;
    }

    .blog-meta[b-5ascy9jo4o] {
        font-size: 0.8rem;
        gap: 10px;
    }
}

/* _content/OzturkIzolasyon/Views/Home/VanaCeketiSecerkenDikkat.cshtml.rz.scp.css */
/* ==========================================
   Blog Page Styles
   ========================================== */

/* Page Hero Section */
.page-hero[b-d3obq38apg] {
    position: relative;
    height: 280px;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    padding-bottom: 40px;
}

.page-hero[b-d3obq38apg]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.page-hero-overlay[b-d3obq38apg] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
}

.page-hero-content[b-d3obq38apg] {
    position: relative;
    z-index: 1;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-d3obq38apg] {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.page-hero-content p[b-d3obq38apg] {
    font-size: 1.25rem;
    margin-bottom: 2rem;
    opacity: 0.95;
}

.breadcrumb[b-d3obq38apg] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    opacity: 0.9;
}

.breadcrumb a[b-d3obq38apg] {
    color: var(--white);
    transition: opacity 0.3s ease;
}

.breadcrumb a:hover[b-d3obq38apg] {
    opacity: 0.8;
}

.breadcrumb i[b-d3obq38apg] {
    font-size: 0.75rem;
}

/* Blog Main Section */
.blog-main-section[b-d3obq38apg] {
    padding: 80px 0;
    background-color: #f9fafb;
}

.blog-layout[b-d3obq38apg] {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 40px;
}

/* Blog Content */
.blog-content[b-d3obq38apg] {
    background: var(--white);
}

/* Featured Blog Post */
.featured-blog-post[b-d3obq38apg] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    margin-bottom: 60px;
}

.featured-blog-image[b-d3obq38apg] {
    position: relative;
    height: 500px;
    overflow: hidden;
}

.featured-blog-image img[b-d3obq38apg] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.featured-blog-post:hover .featured-blog-image img[b-d3obq38apg] {
    transform: scale(1.05);
}

.blog-category[b-d3obq38apg] {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--primary-color);
    color: var(--white);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    z-index: 2;
}

.featured-blog-content[b-d3obq38apg] {
    padding: 40px;
}

.blog-meta[b-d3obq38apg] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    font-size: 0.875rem;
    color: #6b7280;
    flex-wrap: wrap;
}

.blog-meta span[b-d3obq38apg] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.blog-meta i[b-d3obq38apg] {
    color: var(--primary-color);
}

.featured-blog-content h2[b-d3obq38apg] {
    font-size: 2.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    line-height: 1.3;
}

.blog-excerpt[b-d3obq38apg] {
    font-size: 1.125rem;
    color: #4b5563;
    margin-bottom: 20px;
    line-height: 1.8;
    font-weight: 500;
}

.featured-blog-content p[b-d3obq38apg] {
    font-size: 1rem;
    color: var(--text-color);
    margin-bottom: 20px;
    line-height: 1.8;
}

.featured-blog-content h3[b-d3obq38apg] {
    font-size: 1.75rem;
    color: var(--dark-color);
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 600;
}

/* Blog List */
.blog-list[b-d3obq38apg] {
    list-style: none;
    margin: 30px 0;
}

.blog-list li[b-d3obq38apg] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-color);
}

.blog-list i[b-d3obq38apg] {
    color: #10b981;
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.blog-list strong[b-d3obq38apg] {
    color: var(--dark-color);
}

/* Blog Steps */
.blog-steps[b-d3obq38apg] {
    margin: 30px 0;
}

.step-item[b-d3obq38apg] {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    padding: 25px;
    background: #f9fafb;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.step-number[b-d3obq38apg] {
    width: 50px;
    height: 50px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    flex-shrink: 0;
}

.step-content h4[b-d3obq38apg] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 8px;
}

.step-content p[b-d3obq38apg] {
    margin: 0;
    color: var(--text-color);
}

/* Blog Sectors */
.blog-sectors[b-d3obq38apg] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 30px 0;
}

.sector-tag[b-d3obq38apg] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid rgba(30, 64, 175, 0.2);
}

.sector-tag i[b-d3obq38apg] {
    font-size: 1rem;
}

/* Blog Highlight */
.blog-highlight[b-d3obq38apg] {
    display: flex;
    gap: 20px;
    padding: 30px;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-radius: 12px;
    margin: 40px 0;
    border-left: 4px solid #f59e0b;
}

.blog-highlight i[b-d3obq38apg] {
    font-size: 2rem;
    color: #f59e0b;
    flex-shrink: 0;
}

.blog-highlight h4[b-d3obq38apg] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 10px;
}

.blog-highlight p[b-d3obq38apg] {
    margin: 0;
    color: #78350f;
}

/* Blog Tags */
.blog-tags[b-d3obq38apg] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 40px 0;
    padding-top: 30px;
    border-top: 1px solid var(--border-color);
}

.blog-tags .tag[b-d3obq38apg] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.blog-tags .tag:hover[b-d3obq38apg] {
    background: var(--primary-color);
    color: var(--white);
}

.blog-tags .tag i[b-d3obq38apg] {
    font-size: 0.75rem;
}

/* Blog Share */
.blog-share[b-d3obq38apg] {
    padding: 30px 0;
    border-top: 1px solid var(--border-color);
}

.blog-share h4[b-d3obq38apg] {
    font-size: 1.125rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.share-buttons[b-d3obq38apg] {
    display: flex;
    gap: 12px;
}

.share-btn[b-d3obq38apg] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    transition: all 0.3s ease;
    font-size: 1.125rem;
}

.share-btn:hover[b-d3obq38apg] {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.share-btn.facebook[b-d3obq38apg] {
    background: #1877f2;
}

.share-btn.twitter[b-d3obq38apg] {
    background: #1da1f2;
}

.share-btn.linkedin[b-d3obq38apg] {
    background: #0077b5;
}

.share-btn.whatsapp[b-d3obq38apg] {
    background: #25d366;
}

/* More Posts Section */
.more-posts-section[b-d3obq38apg] {
    margin-top: 60px;
}

.section-title[b-d3obq38apg] {
    font-size: 2rem;
    color: var(--dark-color);
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid var(--primary-color);
    display: inline-block;
}

.blog-posts-grid[b-d3obq38apg] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
}

.blog-post-card[b-d3obq38apg] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.blog-post-card:hover[b-d3obq38apg] {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.blog-post-image[b-d3obq38apg] {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.blog-post-image img[b-d3obq38apg] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.blog-post-card:hover .blog-post-image img[b-d3obq38apg] {
    transform: scale(1.1);
}

.blog-post-content[b-d3obq38apg] {
    padding: 25px;
}

.blog-post-content h3[b-d3obq38apg] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 12px;
    line-height: 1.4;
}

.blog-post-content p[b-d3obq38apg] {
    font-size: 0.95rem;
    color: var(--text-color);
    margin-bottom: 15px;
    line-height: 1.6;
}

.read-more-btn[b-d3obq38apg] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.95rem;
    transition: gap 0.3s ease;
}

.read-more-btn:hover[b-d3obq38apg] {
    gap: 12px;
}

/* Sidebar */
.blog-sidebar[b-d3obq38apg] {
    position: sticky;
    top: 100px;
    height: fit-content;
}

.sidebar-widget[b-d3obq38apg] {
    background: var(--white);
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.sidebar-widget h3[b-d3obq38apg] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--border-color);
}

/* Search Widget */
.search-form[b-d3obq38apg] {
    position: relative;
    display: flex;
}

.search-form input[b-d3obq38apg] {
    width: 100%;
    padding: 12px 50px 12px 15px;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    font-size: 0.95rem;
    transition: border-color 0.3s ease;
}

.search-form input:focus[b-d3obq38apg] {
    outline: none;
    border-color: var(--primary-color);
}

.search-form button[b-d3obq38apg] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

.search-form button:hover[b-d3obq38apg] {
    background: #1e3a8a;
}

/* Categories Widget */
.categories-list[b-d3obq38apg] {
    list-style: none;
}

.categories-list li[b-d3obq38apg] {
    margin-bottom: 12px;
}

.categories-list a[b-d3obq38apg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    background: #f9fafb;
    border-radius: 8px;
    color: var(--text-color);
    transition: all 0.3s ease;
}

.categories-list a:hover[b-d3obq38apg] {
    background: var(--primary-color);
    color: var(--white);
    transform: translateX(5px);
}

.categories-list i[b-d3obq38apg] {
    margin-right: 10px;
    color: var(--primary-color);
    transition: color 0.3s ease;
}

.categories-list a:hover i[b-d3obq38apg] {
    color: var(--white);
}

.categories-list span[b-d3obq38apg] {
    font-size: 0.875rem;
    opacity: 0.8;
}

/* Recent Posts Widget */
.recent-posts-list[b-d3obq38apg] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.recent-post-item[b-d3obq38apg] {
    display: flex;
    gap: 15px;
    padding: 12px;
    border-radius: 8px;
    transition: background 0.3s ease;
}

.recent-post-item:hover[b-d3obq38apg] {
    background: #f9fafb;
}

.recent-post-item img[b-d3obq38apg] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.recent-post-info h4[b-d3obq38apg] {
    font-size: 0.95rem;
    color: var(--dark-color);
    margin-bottom: 6px;
    line-height: 1.4;
}

.post-date[b-d3obq38apg] {
    font-size: 0.8rem;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Tags Widget */
.tags-cloud[b-d3obq38apg] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag-item[b-d3obq38apg] {
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.tag-item:hover[b-d3obq38apg] {
    background: var(--primary-color);
    color: var(--white);
}

/* CTA Widget */
.cta-widget[b-d3obq38apg] {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    color: var(--white);
}

.cta-widget h3[b-d3obq38apg] {
    color: var(--white);
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.cta-content[b-d3obq38apg] {
    text-align: center;
}

.cta-content i[b-d3obq38apg] {
    font-size: 3rem;
    margin-bottom: 15px;
    opacity: 0.9;
}

.cta-content p[b-d3obq38apg] {
    margin-bottom: 20px;
    opacity: 0.95;
}

.cta-btn[b-d3obq38apg] {
    display: inline-block;
    padding: 12px 30px;
    background: var(--white);
    color: var(--primary-color);
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.cta-btn:hover[b-d3obq38apg] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .blog-layout[b-d3obq38apg] {
        grid-template-columns: 1fr;
    }

    .blog-sidebar[b-d3obq38apg] {
        position: static;
    }

    .sidebar-widget[b-d3obq38apg] {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .page-hero[b-d3obq38apg] {
        height: 220px;
        padding-bottom: 30px;
    }

    .page-hero-content h1[b-d3obq38apg] {
        font-size: 2rem;
    }

    .page-hero-content p[b-d3obq38apg] {
        font-size: 1rem;
    }

    .blog-main-section[b-d3obq38apg] {
        padding: 40px 0;
    }

    .featured-blog-image[b-d3obq38apg] {
        height: 300px;
    }

    .featured-blog-content[b-d3obq38apg] {
        padding: 25px;
    }

    .featured-blog-content h2[b-d3obq38apg] {
        font-size: 1.75rem;
    }

    .featured-blog-content h3[b-d3obq38apg] {
        font-size: 1.5rem;
    }

    .blog-posts-grid[b-d3obq38apg] {
        grid-template-columns: 1fr;
    }

    .blog-meta[b-d3obq38apg] {
        gap: 15px;
    }

    .step-item[b-d3obq38apg] {
        flex-direction: column;
        align-items: flex-start;
    }

    .blog-sectors[b-d3obq38apg] {
        gap: 8px;
    }

    .sector-tag[b-d3obq38apg] {
        font-size: 0.8rem;
        padding: 8px 15px;
    }

    .blog-highlight[b-d3obq38apg] {
        flex-direction: column;
    }

    .share-buttons[b-d3obq38apg] {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .page-hero-content h1[b-d3obq38apg] {
        font-size: 1.5rem;
    }

    .featured-blog-content h2[b-d3obq38apg] {
        font-size: 1.5rem;
    }

    .featured-blog-content[b-d3obq38apg] {
        padding: 20px;
    }

    .sidebar-widget[b-d3obq38apg] {
        padding: 20px;
    }

    .blog-meta[b-d3obq38apg] {
        font-size: 0.8rem;
        gap: 10px;
    }
}

/* _content/OzturkIzolasyon/Views/Home/VanaCeketiVanaOmruBlog.cshtml.rz.scp.css */
/* ==========================================
   Blog Page Styles
   ========================================== */

/* Page Hero Section */
.page-hero[b-thlki1nxg8] {
    position: relative;
    height: 280px;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    padding-bottom: 40px;
}

.page-hero[b-thlki1nxg8]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.page-hero-overlay[b-thlki1nxg8] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
}

.page-hero-content[b-thlki1nxg8] {
    position: relative;
    z-index: 1;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-thlki1nxg8] {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.page-hero-content p[b-thlki1nxg8] {
    font-size: 1.25rem;
    margin-bottom: 2rem;
    opacity: 0.95;
}

.breadcrumb[b-thlki1nxg8] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    opacity: 0.9;
}

.breadcrumb a[b-thlki1nxg8] {
    color: var(--white);
    transition: opacity 0.3s ease;
}

.breadcrumb a:hover[b-thlki1nxg8] {
    opacity: 0.8;
}

.breadcrumb i[b-thlki1nxg8] {
    font-size: 0.75rem;
}

/* Blog Main Section */
.blog-main-section[b-thlki1nxg8] {
    padding: 80px 0;
    background-color: #f9fafb;
}

.blog-layout[b-thlki1nxg8] {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 40px;
}

/* Blog Content */
.blog-content[b-thlki1nxg8] {
    background: var(--white);
}

/* Featured Blog Post */
.featured-blog-post[b-thlki1nxg8] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    margin-bottom: 60px;
}

.featured-blog-image[b-thlki1nxg8] {
    position: relative;
    height: 500px;
    overflow: hidden;
}

.featured-blog-image img[b-thlki1nxg8] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.featured-blog-post:hover .featured-blog-image img[b-thlki1nxg8] {
    transform: scale(1.05);
}

.blog-category[b-thlki1nxg8] {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--primary-color);
    color: var(--white);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    z-index: 2;
}

.featured-blog-content[b-thlki1nxg8] {
    padding: 40px;
}

.blog-meta[b-thlki1nxg8] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    font-size: 0.875rem;
    color: #6b7280;
    flex-wrap: wrap;
}

.blog-meta span[b-thlki1nxg8] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.blog-meta i[b-thlki1nxg8] {
    color: var(--primary-color);
}

.featured-blog-content h2[b-thlki1nxg8] {
    font-size: 2.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    line-height: 1.3;
}

.blog-excerpt[b-thlki1nxg8] {
    font-size: 1.125rem;
    color: #4b5563;
    margin-bottom: 20px;
    line-height: 1.8;
    font-weight: 500;
}

.featured-blog-content p[b-thlki1nxg8] {
    font-size: 1rem;
    color: var(--text-color);
    margin-bottom: 20px;
    line-height: 1.8;
}

.featured-blog-content h3[b-thlki1nxg8] {
    font-size: 1.75rem;
    color: var(--dark-color);
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 600;
}

/* Blog List */
.blog-list[b-thlki1nxg8] {
    list-style: none;
    margin: 30px 0;
}

.blog-list li[b-thlki1nxg8] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-color);
}

.blog-list i[b-thlki1nxg8] {
    color: #10b981;
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.blog-list strong[b-thlki1nxg8] {
    color: var(--dark-color);
}

/* Blog Steps */
.blog-steps[b-thlki1nxg8] {
    margin: 30px 0;
}

.step-item[b-thlki1nxg8] {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    padding: 25px;
    background: #f9fafb;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.step-number[b-thlki1nxg8] {
    width: 50px;
    height: 50px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    flex-shrink: 0;
}

.step-content h4[b-thlki1nxg8] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 8px;
}

.step-content p[b-thlki1nxg8] {
    margin: 0;
    color: var(--text-color);
}

/* Blog Sectors */
.blog-sectors[b-thlki1nxg8] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 30px 0;
}

.sector-tag[b-thlki1nxg8] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid rgba(30, 64, 175, 0.2);
}

.sector-tag i[b-thlki1nxg8] {
    font-size: 1rem;
}

/* Blog Highlight */
.blog-highlight[b-thlki1nxg8] {
    display: flex;
    gap: 20px;
    padding: 30px;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-radius: 12px;
    margin: 40px 0;
    border-left: 4px solid #f59e0b;
}

.blog-highlight i[b-thlki1nxg8] {
    font-size: 2rem;
    color: #f59e0b;
    flex-shrink: 0;
}

.blog-highlight h4[b-thlki1nxg8] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 10px;
}

.blog-highlight p[b-thlki1nxg8] {
    margin: 0;
    color: #78350f;
}

/* Blog Tags */
.blog-tags[b-thlki1nxg8] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 40px 0;
    padding-top: 30px;
    border-top: 1px solid var(--border-color);
}

.blog-tags .tag[b-thlki1nxg8] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.blog-tags .tag:hover[b-thlki1nxg8] {
    background: var(--primary-color);
    color: var(--white);
}

.blog-tags .tag i[b-thlki1nxg8] {
    font-size: 0.75rem;
}

/* Blog Share */
.blog-share[b-thlki1nxg8] {
    padding: 30px 0;
    border-top: 1px solid var(--border-color);
}

.blog-share h4[b-thlki1nxg8] {
    font-size: 1.125rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.share-buttons[b-thlki1nxg8] {
    display: flex;
    gap: 12px;
}

.share-btn[b-thlki1nxg8] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    transition: all 0.3s ease;
    font-size: 1.125rem;
}

.share-btn:hover[b-thlki1nxg8] {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.share-btn.facebook[b-thlki1nxg8] {
    background: #1877f2;
}

.share-btn.twitter[b-thlki1nxg8] {
    background: #1da1f2;
}

.share-btn.linkedin[b-thlki1nxg8] {
    background: #0077b5;
}

.share-btn.whatsapp[b-thlki1nxg8] {
    background: #25d366;
}

/* More Posts Section */
.more-posts-section[b-thlki1nxg8] {
    margin-top: 60px;
}

.section-title[b-thlki1nxg8] {
    font-size: 2rem;
    color: var(--dark-color);
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid var(--primary-color);
    display: inline-block;
}

.blog-posts-grid[b-thlki1nxg8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
}

.blog-post-card[b-thlki1nxg8] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.blog-post-card:hover[b-thlki1nxg8] {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.blog-post-image[b-thlki1nxg8] {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.blog-post-image img[b-thlki1nxg8] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.blog-post-card:hover .blog-post-image img[b-thlki1nxg8] {
    transform: scale(1.1);
}

.blog-post-content[b-thlki1nxg8] {
    padding: 25px;
}

.blog-post-content h3[b-thlki1nxg8] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 12px;
    line-height: 1.4;
}

.blog-post-content p[b-thlki1nxg8] {
    font-size: 0.95rem;
    color: var(--text-color);
    margin-bottom: 15px;
    line-height: 1.6;
}

.read-more-btn[b-thlki1nxg8] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.95rem;
    transition: gap 0.3s ease;
}

.read-more-btn:hover[b-thlki1nxg8] {
    gap: 12px;
}

/* Sidebar */
.blog-sidebar[b-thlki1nxg8] {
    position: sticky;
    top: 100px;
    height: fit-content;
}

.sidebar-widget[b-thlki1nxg8] {
    background: var(--white);
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.sidebar-widget h3[b-thlki1nxg8] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--border-color);
}

/* Search Widget */
.search-form[b-thlki1nxg8] {
    position: relative;
    display: flex;
}

.search-form input[b-thlki1nxg8] {
    width: 100%;
    padding: 12px 50px 12px 15px;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    font-size: 0.95rem;
    transition: border-color 0.3s ease;
}

.search-form input:focus[b-thlki1nxg8] {
    outline: none;
    border-color: var(--primary-color);
}

.search-form button[b-thlki1nxg8] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

.search-form button:hover[b-thlki1nxg8] {
    background: #1e3a8a;
}

/* Categories Widget */
.categories-list[b-thlki1nxg8] {
    list-style: none;
}

.categories-list li[b-thlki1nxg8] {
    margin-bottom: 12px;
}

.categories-list a[b-thlki1nxg8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    background: #f9fafb;
    border-radius: 8px;
    color: var(--text-color);
    transition: all 0.3s ease;
}

.categories-list a:hover[b-thlki1nxg8] {
    background: var(--primary-color);
    color: var(--white);
    transform: translateX(5px);
}

.categories-list i[b-thlki1nxg8] {
    margin-right: 10px;
    color: var(--primary-color);
    transition: color 0.3s ease;
}

.categories-list a:hover i[b-thlki1nxg8] {
    color: var(--white);
}

.categories-list span[b-thlki1nxg8] {
    font-size: 0.875rem;
    opacity: 0.8;
}

/* Recent Posts Widget */
.recent-posts-list[b-thlki1nxg8] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.recent-post-item[b-thlki1nxg8] {
    display: flex;
    gap: 15px;
    padding: 12px;
    border-radius: 8px;
    transition: background 0.3s ease;
}

.recent-post-item:hover[b-thlki1nxg8] {
    background: #f9fafb;
}

.recent-post-item img[b-thlki1nxg8] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.recent-post-info h4[b-thlki1nxg8] {
    font-size: 0.95rem;
    color: var(--dark-color);
    margin-bottom: 6px;
    line-height: 1.4;
}

.post-date[b-thlki1nxg8] {
    font-size: 0.8rem;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Tags Widget */
.tags-cloud[b-thlki1nxg8] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag-item[b-thlki1nxg8] {
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.tag-item:hover[b-thlki1nxg8] {
    background: var(--primary-color);
    color: var(--white);
}

/* CTA Widget */
.cta-widget[b-thlki1nxg8] {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    color: var(--white);
}

.cta-widget h3[b-thlki1nxg8] {
    color: var(--white);
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.cta-content[b-thlki1nxg8] {
    text-align: center;
}

.cta-content i[b-thlki1nxg8] {
    font-size: 3rem;
    margin-bottom: 15px;
    opacity: 0.9;
}

.cta-content p[b-thlki1nxg8] {
    margin-bottom: 20px;
    opacity: 0.95;
}

.cta-btn[b-thlki1nxg8] {
    display: inline-block;
    padding: 12px 30px;
    background: var(--white);
    color: var(--primary-color);
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.cta-btn:hover[b-thlki1nxg8] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .blog-layout[b-thlki1nxg8] {
        grid-template-columns: 1fr;
    }

    .blog-sidebar[b-thlki1nxg8] {
        position: static;
    }

    .sidebar-widget[b-thlki1nxg8] {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .page-hero[b-thlki1nxg8] {
        height: 220px;
        padding-bottom: 30px;
    }

    .page-hero-content h1[b-thlki1nxg8] {
        font-size: 2rem;
    }

    .page-hero-content p[b-thlki1nxg8] {
        font-size: 1rem;
    }

    .blog-main-section[b-thlki1nxg8] {
        padding: 40px 0;
    }

    .featured-blog-image[b-thlki1nxg8] {
        height: 300px;
    }

    .featured-blog-content[b-thlki1nxg8] {
        padding: 25px;
    }

    .featured-blog-content h2[b-thlki1nxg8] {
        font-size: 1.75rem;
    }

    .featured-blog-content h3[b-thlki1nxg8] {
        font-size: 1.5rem;
    }

    .blog-posts-grid[b-thlki1nxg8] {
        grid-template-columns: 1fr;
    }

    .blog-meta[b-thlki1nxg8] {
        gap: 15px;
    }

    .step-item[b-thlki1nxg8] {
        flex-direction: column;
        align-items: flex-start;
    }

    .blog-sectors[b-thlki1nxg8] {
        gap: 8px;
    }

    .sector-tag[b-thlki1nxg8] {
        font-size: 0.8rem;
        padding: 8px 15px;
    }

    .blog-highlight[b-thlki1nxg8] {
        flex-direction: column;
    }

    .share-buttons[b-thlki1nxg8] {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .page-hero-content h1[b-thlki1nxg8] {
        font-size: 1.5rem;
    }

    .featured-blog-content h2[b-thlki1nxg8] {
        font-size: 1.5rem;
    }

    .featured-blog-content[b-thlki1nxg8] {
        padding: 20px;
    }

    .sidebar-widget[b-thlki1nxg8] {
        padding: 20px;
    }

    .blog-meta[b-thlki1nxg8] {
        font-size: 0.8rem;
        gap: 10px;
    }
}

/* _content/OzturkIzolasyon/Views/Home/YagBorusuKorozyonOnleme.cshtml.rz.scp.css */
/* ==========================================
   Blog Page Styles
   ========================================== */

/* Page Hero Section */
.page-hero[b-7bwxt3wdqu] {
    position: relative;
    height: 280px;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    padding-bottom: 40px;
}

.page-hero[b-7bwxt3wdqu]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.page-hero-overlay[b-7bwxt3wdqu] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
}

.page-hero-content[b-7bwxt3wdqu] {
    position: relative;
    z-index: 1;
    text-align: center;
    color: var(--white);
}

.page-hero-content h1[b-7bwxt3wdqu] {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.page-hero-content p[b-7bwxt3wdqu] {
    font-size: 1.25rem;
    margin-bottom: 2rem;
    opacity: 0.95;
}

.breadcrumb[b-7bwxt3wdqu] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    opacity: 0.9;
}

.breadcrumb a[b-7bwxt3wdqu] {
    color: var(--white);
    transition: opacity 0.3s ease;
}

.breadcrumb a:hover[b-7bwxt3wdqu] {
    opacity: 0.8;
}

.breadcrumb i[b-7bwxt3wdqu] {
    font-size: 0.75rem;
}

/* Blog Main Section */
.blog-main-section[b-7bwxt3wdqu] {
    padding: 80px 0;
    background-color: #f9fafb;
}

.blog-layout[b-7bwxt3wdqu] {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 40px;
}

/* Blog Content */
.blog-content[b-7bwxt3wdqu] {
    background: var(--white);
}

/* Featured Blog Post */
.featured-blog-post[b-7bwxt3wdqu] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    margin-bottom: 60px;
}

.featured-blog-image[b-7bwxt3wdqu] {
    position: relative;
    height: 500px;
    overflow: hidden;
}

.featured-blog-image img[b-7bwxt3wdqu] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.featured-blog-post:hover .featured-blog-image img[b-7bwxt3wdqu] {
    transform: scale(1.05);
}

.blog-category[b-7bwxt3wdqu] {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--primary-color);
    color: var(--white);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    z-index: 2;
}

.featured-blog-content[b-7bwxt3wdqu] {
    padding: 40px;
}

.blog-meta[b-7bwxt3wdqu] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    font-size: 0.875rem;
    color: #6b7280;
    flex-wrap: wrap;
}

.blog-meta span[b-7bwxt3wdqu] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.blog-meta i[b-7bwxt3wdqu] {
    color: var(--primary-color);
}

.featured-blog-content h2[b-7bwxt3wdqu] {
    font-size: 2.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    line-height: 1.3;
}

.blog-excerpt[b-7bwxt3wdqu] {
    font-size: 1.125rem;
    color: #4b5563;
    margin-bottom: 20px;
    line-height: 1.8;
    font-weight: 500;
}

.featured-blog-content p[b-7bwxt3wdqu] {
    font-size: 1rem;
    color: var(--text-color);
    margin-bottom: 20px;
    line-height: 1.8;
}

.featured-blog-content h3[b-7bwxt3wdqu] {
    font-size: 1.75rem;
    color: var(--dark-color);
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 600;
}

/* Blog List */
.blog-list[b-7bwxt3wdqu] {
    list-style: none;
    margin: 30px 0;
}

.blog-list li[b-7bwxt3wdqu] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-color);
}

.blog-list i[b-7bwxt3wdqu] {
    color: #10b981;
    font-size: 1.25rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.blog-list strong[b-7bwxt3wdqu] {
    color: var(--dark-color);
}

/* Blog Steps */
.blog-steps[b-7bwxt3wdqu] {
    margin: 30px 0;
}

.step-item[b-7bwxt3wdqu] {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    padding: 25px;
    background: #f9fafb;
    border-radius: 12px;
    border-left: 4px solid var(--primary-color);
}

.step-number[b-7bwxt3wdqu] {
    width: 50px;
    height: 50px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    flex-shrink: 0;
}

.step-content h4[b-7bwxt3wdqu] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 8px;
}

.step-content p[b-7bwxt3wdqu] {
    margin: 0;
    color: var(--text-color);
}

/* Blog Sectors */
.blog-sectors[b-7bwxt3wdqu] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 30px 0;
}

.sector-tag[b-7bwxt3wdqu] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.1), rgba(59, 130, 246, 0.1));
    color: var(--primary-color);
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid rgba(30, 64, 175, 0.2);
}

.sector-tag i[b-7bwxt3wdqu] {
    font-size: 1rem;
}

/* Blog Highlight */
.blog-highlight[b-7bwxt3wdqu] {
    display: flex;
    gap: 20px;
    padding: 30px;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-radius: 12px;
    margin: 40px 0;
    border-left: 4px solid #f59e0b;
}

.blog-highlight i[b-7bwxt3wdqu] {
    font-size: 2rem;
    color: #f59e0b;
    flex-shrink: 0;
}

.blog-highlight h4[b-7bwxt3wdqu] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 10px;
}

.blog-highlight p[b-7bwxt3wdqu] {
    margin: 0;
    color: #78350f;
}

/* Blog Tags */
.blog-tags[b-7bwxt3wdqu] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 40px 0;
    padding-top: 30px;
    border-top: 1px solid var(--border-color);
}

.blog-tags .tag[b-7bwxt3wdqu] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.blog-tags .tag:hover[b-7bwxt3wdqu] {
    background: var(--primary-color);
    color: var(--white);
}

.blog-tags .tag i[b-7bwxt3wdqu] {
    font-size: 0.75rem;
}

/* Blog Share */
.blog-share[b-7bwxt3wdqu] {
    padding: 30px 0;
    border-top: 1px solid var(--border-color);
}

.blog-share h4[b-7bwxt3wdqu] {
    font-size: 1.125rem;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.share-buttons[b-7bwxt3wdqu] {
    display: flex;
    gap: 12px;
}

.share-btn[b-7bwxt3wdqu] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    transition: all 0.3s ease;
    font-size: 1.125rem;
}

.share-btn:hover[b-7bwxt3wdqu] {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.share-btn.facebook[b-7bwxt3wdqu] {
    background: #1877f2;
}

.share-btn.twitter[b-7bwxt3wdqu] {
    background: #1da1f2;
}

.share-btn.linkedin[b-7bwxt3wdqu] {
    background: #0077b5;
}

.share-btn.whatsapp[b-7bwxt3wdqu] {
    background: #25d366;
}

/* More Posts Section */
.more-posts-section[b-7bwxt3wdqu] {
    margin-top: 60px;
}

.section-title[b-7bwxt3wdqu] {
    font-size: 2rem;
    color: var(--dark-color);
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid var(--primary-color);
    display: inline-block;
}

.blog-posts-grid[b-7bwxt3wdqu] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
}

.blog-post-card[b-7bwxt3wdqu] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.blog-post-card:hover[b-7bwxt3wdqu] {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.blog-post-image[b-7bwxt3wdqu] {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.blog-post-image img[b-7bwxt3wdqu] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.blog-post-card:hover .blog-post-image img[b-7bwxt3wdqu] {
    transform: scale(1.1);
}

.blog-post-content[b-7bwxt3wdqu] {
    padding: 25px;
}

.blog-post-content h3[b-7bwxt3wdqu] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 12px;
    line-height: 1.4;
}

.blog-post-content p[b-7bwxt3wdqu] {
    font-size: 0.95rem;
    color: var(--text-color);
    margin-bottom: 15px;
    line-height: 1.6;
}

.read-more-btn[b-7bwxt3wdqu] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.95rem;
    transition: gap 0.3s ease;
}

.read-more-btn:hover[b-7bwxt3wdqu] {
    gap: 12px;
}

/* Sidebar */
.blog-sidebar[b-7bwxt3wdqu] {
    position: sticky;
    top: 100px;
    height: fit-content;
}

.sidebar-widget[b-7bwxt3wdqu] {
    background: var(--white);
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.sidebar-widget h3[b-7bwxt3wdqu] {
    font-size: 1.25rem;
    color: var(--dark-color);
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--border-color);
}

/* Search Widget */
.search-form[b-7bwxt3wdqu] {
    position: relative;
    display: flex;
}

.search-form input[b-7bwxt3wdqu] {
    width: 100%;
    padding: 12px 50px 12px 15px;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    font-size: 0.95rem;
    transition: border-color 0.3s ease;
}

.search-form input:focus[b-7bwxt3wdqu] {
    outline: none;
    border-color: var(--primary-color);
}

.search-form button[b-7bwxt3wdqu] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

.search-form button:hover[b-7bwxt3wdqu] {
    background: #1e3a8a;
}

/* Categories Widget */
.categories-list[b-7bwxt3wdqu] {
    list-style: none;
}

.categories-list li[b-7bwxt3wdqu] {
    margin-bottom: 12px;
}

.categories-list a[b-7bwxt3wdqu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    background: #f9fafb;
    border-radius: 8px;
    color: var(--text-color);
    transition: all 0.3s ease;
}

.categories-list a:hover[b-7bwxt3wdqu] {
    background: var(--primary-color);
    color: var(--white);
    transform: translateX(5px);
}

.categories-list i[b-7bwxt3wdqu] {
    margin-right: 10px;
    color: var(--primary-color);
    transition: color 0.3s ease;
}

.categories-list a:hover i[b-7bwxt3wdqu] {
    color: var(--white);
}

.categories-list span[b-7bwxt3wdqu] {
    font-size: 0.875rem;
    opacity: 0.8;
}

/* Recent Posts Widget */
.recent-posts-list[b-7bwxt3wdqu] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.recent-post-item[b-7bwxt3wdqu] {
    display: flex;
    gap: 15px;
    padding: 12px;
    border-radius: 8px;
    transition: background 0.3s ease;
}

.recent-post-item:hover[b-7bwxt3wdqu] {
    background: #f9fafb;
}

.recent-post-item img[b-7bwxt3wdqu] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.recent-post-info h4[b-7bwxt3wdqu] {
    font-size: 0.95rem;
    color: var(--dark-color);
    margin-bottom: 6px;
    line-height: 1.4;
}

.post-date[b-7bwxt3wdqu] {
    font-size: 0.8rem;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Tags Widget */
.tags-cloud[b-7bwxt3wdqu] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag-item[b-7bwxt3wdqu] {
    padding: 8px 16px;
    background: #f3f4f6;
    color: var(--text-color);
    border-radius: 50px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.tag-item:hover[b-7bwxt3wdqu] {
    background: var(--primary-color);
    color: var(--white);
}

/* CTA Widget */
.cta-widget[b-7bwxt3wdqu] {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    color: var(--white);
}

.cta-widget h3[b-7bwxt3wdqu] {
    color: var(--white);
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.cta-content[b-7bwxt3wdqu] {
    text-align: center;
}

.cta-content i[b-7bwxt3wdqu] {
    font-size: 3rem;
    margin-bottom: 15px;
    opacity: 0.9;
}

.cta-content p[b-7bwxt3wdqu] {
    margin-bottom: 20px;
    opacity: 0.95;
}

.cta-btn[b-7bwxt3wdqu] {
    display: inline-block;
    padding: 12px 30px;
    background: var(--white);
    color: var(--primary-color);
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.cta-btn:hover[b-7bwxt3wdqu] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .blog-layout[b-7bwxt3wdqu] {
        grid-template-columns: 1fr;
    }

    .blog-sidebar[b-7bwxt3wdqu] {
        position: static;
    }

    .sidebar-widget[b-7bwxt3wdqu] {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .page-hero[b-7bwxt3wdqu] {
        height: 220px;
        padding-bottom: 30px;
    }

    .page-hero-content h1[b-7bwxt3wdqu] {
        font-size: 2rem;
    }

    .page-hero-content p[b-7bwxt3wdqu] {
        font-size: 1rem;
    }

    .blog-main-section[b-7bwxt3wdqu] {
        padding: 40px 0;
    }

    .featured-blog-image[b-7bwxt3wdqu] {
        height: 300px;
    }

    .featured-blog-content[b-7bwxt3wdqu] {
        padding: 25px;
    }

    .featured-blog-content h2[b-7bwxt3wdqu] {
        font-size: 1.75rem;
    }

    .featured-blog-content h3[b-7bwxt3wdqu] {
        font-size: 1.5rem;
    }

    .blog-posts-grid[b-7bwxt3wdqu] {
        grid-template-columns: 1fr;
    }

    .blog-meta[b-7bwxt3wdqu] {
        gap: 15px;
    }

    .step-item[b-7bwxt3wdqu] {
        flex-direction: column;
        align-items: flex-start;
    }

    .blog-sectors[b-7bwxt3wdqu] {
        gap: 8px;
    }

    .sector-tag[b-7bwxt3wdqu] {
        font-size: 0.8rem;
        padding: 8px 15px;
    }

    .blog-highlight[b-7bwxt3wdqu] {
        flex-direction: column;
    }

    .share-buttons[b-7bwxt3wdqu] {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .page-hero-content h1[b-7bwxt3wdqu] {
        font-size: 1.5rem;
    }

    .featured-blog-content h2[b-7bwxt3wdqu] {
        font-size: 1.5rem;
    }

    .featured-blog-content[b-7bwxt3wdqu] {
        padding: 20px;
    }

    .sidebar-widget[b-7bwxt3wdqu] {
        padding: 20px;
    }

    .blog-meta[b-7bwxt3wdqu] {
        font-size: 0.8rem;
        gap: 10px;
    }
}