.factory-image { width: 100%; height: 250px; object-fit: cover; border-radius: 15px; box-shadow: 0 8px 25px rgba(0,0,0,0.1); transition: transform 0.3s ease; }

    .factory-image:hover { transform: translateY(-5px); }

.small-factory-image { width: 100%; height: 180px; object-fit: cover; border-radius: 15px; box-shadow: 0 8px 25px rgba(0,0,0,0.1); transition: transform 0.3s ease; }

    .small-factory-image:hover { transform: translateY(-5px); }

.content-section { padding-left: 40px; }

.section-title { color: #0d6efd; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px; }

.main-title { font-size: 48px; font-weight: 700; color: #2c3e50; line-height: 1.2; margin-bottom: 25px; }

.description { font-size: 16px; color: #6c757d; line-height: 1.6; margin-bottom: 35px; }

.btn-explore { background-color: #0d6efd; color: white; padding: 15px 35px; border-radius: 50px; text-decoration: none; font-weight: 600; font-size: 16px; transition: all 0.3s ease; border: none; display: inline-flex; align-items: center; gap: 10px; }

    .btn-explore:hover { background-color: #0b5ed7; color: white; transform: translateY(-2px); box-shadow: 0 8px 25px rgba(13, 110, 253, 0.3); }

    .btn-explore::after { content: "→"; font-size: 18px; transition: transform 0.3s ease; }

    .btn-explore:hover::after { transform: translateX(5px); }

.btn_all_blog { color: black; text-decoration: none; font-weight: 600; font-size: 16px; transition: all 0.3s ease; border: none; display: inline-flex; }

    .btn_all_blog:hover { color: #e30614; transform: translateY(-2px); }

    .btn_all_blog::after { content: "→"; font-size: 18px; transition: transform 0.3s ease; }

    .btn_all_blog:hover::after { transform: translateX(5px); }

@media (max-width: 768px) {
    .content-section { padding-left: 0; margin-top: 40px; text-align: center; }

    .main-title { font-size: 36px; }

    .factory-image,
    .small-factory-image { margin-bottom: 20px; }
}

.slider_h1 .title, .slider_h1 span { color: #fff !important; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); }
.factory-section { background-color: #f8f9fa; padding: 60px 0; }

.factory-image { width: 100%; height: 250px; object-fit: cover; border-radius: 15px; box-shadow: 0 8px 25px rgba(0,0,0,0.1); transition: transform 0.3s ease; }

    .factory-image:hover { transform: translateY(-5px); }

.small-factory-image { width: 100%; height: 180px; object-fit: cover; border-radius: 15px; box-shadow: 0 8px 25px rgba(0,0,0,0.1); transition: transform 0.3s ease; }

    .small-factory-image:hover { transform: translateY(-5px); }

.content-section { padding-left: 40px; }

.section-title { color: #e30614; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px; }

.main-title { font-size: 48px; font-weight: 700; color: #111; line-height: 1.2; margin-bottom: 25px; }

.description { font-size: 16px; color: #6c757d; line-height: 1.6; margin-bottom: 35px; }

.btn-explore { background-color: #e30614; color: white; padding: 15px 35px; border-radius: 50px; text-decoration: none; font-weight: 600; font-size: 16px; transition: all 0.3s ease; border: none; display: inline-flex; align-items: center; gap: 10px; }

    .btn-explore:hover { background-color: #e30614; color: white; transform: translateY(-2px); box-shadow: 0 8px 25px rgba(13, 110, 253, 0.3); }

    .btn-explore::after { content: "→"; font-size: 18px; transition: transform 0.3s ease; }

    .btn-explore:hover::after { transform: translateX(5px); }

@media (max-width: 768px) {
    .content-section { padding-left: 0; margin-top: 40px; text-align: center; }

    .main-title { font-size: 36px; }

    .factory-image,
    .small-factory-image { margin-bottom: 20px; }
}

.online_a { background-color: #e30614; color: white !important; padding: 15px; border-radius: 50px; text-decoration: none; font-weight: 600; font-size: 16px; transition: all 0.3s ease; border: none; display: inline-flex; align-items: center; gap: 10px; }

    .online_a:hover { background-color: #e30614; color: white; transform: translateY(-2px); box-shadow: 0 8px 25px rgba(13, 110, 253, 0.3); }

    .online_a::after { content: "→"; font-size: 18px; transition: transform 0.3s ease; }

    .online_a:hover::after { transform: translateX(5px); }

.saga-hizala { display: flex; flex-direction: column; align-items: flex-end; /* li'leri sağa yaslar */ }

.services-section { padding: 80px 0; background-color: #fff; }

.service-card { background: white; border-radius: 3px; padding: 0; box-shadow: 0 10px 30px rgba(0,0,0,0.1); transition: all 0.3s ease; overflow: hidden; height: 100%; border: none; }

    .service-card:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(0,0,0,0.15); }

.service-image { width: 100%; height: 250px; object-fit: cover; transition: transform 0.3s ease; }

.service-card:hover .service-image { transform: scale(1.05); }

.service-content { padding: 30px; text-align: center; }

.service-title { font-size: 1.5rem; font-weight: 700; color: #2c3e50; margin-bottom: 20px; }

.service-description { color: #6c757d; font-size: 1rem; line-height: 1.6; margin-bottom: 25px; }

.btn-service { background: linear-gradient(135deg, #ff4d58 0%, #e30614 100%); border: none; border-radius: 25px; padding: 12px 30px; font-weight: 600; color: white; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; transition: all 0.3s ease; font-size: 0.95rem; }

    .btn-service:hover { background: linear-gradient(135deg, #e30614 0%, #ff4d58 100%); color: white; transform: translateY(-2px); box-shadow: 0 8px 20px rgb(255, 7, 7, 0,40); }

    .btn-service::after { content: "→"; font-size: 16px; transition: transform 0.3s ease; }

    .btn-service:hover::after { transform: translateX(3px); }

.section-header { text-align: center; margin-bottom: 60px; }

.section-title { font-size: 1.5rem; font-weight: 700; color: #e30614; margin-bottom: 20px; }

.section-subtitle { font-size: 1.1rem; color: #6c757d; max-width: 600px; margin: 0 auto; }

.image-overlay { position: relative; overflow: hidden; }

    .image-overlay::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(45deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%); z-index: 1; transition: opacity 0.3s ease; }

.service-card:hover .image-overlay::before { opacity: 0; }

@media (max-width: 768px) {
    .services-section { padding: 50px 0; }

    .section-title { font-size: 2rem; }

    .service-content { padding: 25px 20px; }

    .service-title { font-size: 1.3rem; }

    .service-description { font-size: 0.95rem; }
}

/* Animation for cards */
.service-card { animation: fadeInUp 0.6s ease-out; }

    .service-card:nth-child(2) { animation-delay: 0.2s; }

    .service-card:nth-child(3) { animation-delay: 0.4s; }

@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}

.service-block a:hover h5 { color: #fff; }
.mt-80 { margin-top: 80px; }
.mt-120 { margin-top: 130px; }
.pt-140 { padding-top: 140px; }

.sec-title h1 { position: relative; color: #000001; font-weight: 400; line-height: 1.1em; margin-top: 15px; font-size:60px; }
#detayAlani h2, #detayAlani h3, #detayAlani h4, #detayAlani h5, #detayAlani h6 { color: #111; font-weight: 600; line-height: 1.1em; margin-top: 15px; font-size: 24px; margin-bottom:15px;  }

.urun-h2{font-size:36px!important; color:black;}
.color-primary-red { color: #e30614!important; }

.contact-wrapper-custom { padding: 40px 0 0; }

.contact-container-custom { overflow: hidden; max-width: 1200px; margin: 0 auto; }

.contact-info-section-custom { color: black; padding: 40px 40px 0; position: relative; }

    .contact-info-section-custom::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="rgba(255,255,255,0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>'); opacity: 0.3; }

    .contact-info-section-custom > * { position: relative; z-index: 2; }

.contact-form-section-custom { padding: 40px; }

.contact-title-custom { font-size: 2.2rem; font-weight: 700; margin-bottom: 30px; color: #2c3e50; position: relative; }

    .contact-title-custom::after { content: ''; position: absolute; bottom: -10px; left: 0; width: 60px; height: 4px; background: linear-gradient(90deg, #e30614, #e67e22); border-radius: 2px; }

.contact-info-title-custom { font-size: 2.2rem; font-weight: 700; margin-bottom: 30px; position: relative; }

    .contact-info-title-custom::after { content: ''; position: absolute; bottom: -10px; left: 0; width: 60px; height: 4px; background: linear-gradient(90deg, #e30614, #d90614); border-radius: 2px; }

.contact-info-item-custom { margin-bottom: 25px; padding: 15px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

    .contact-info-item-custom:last-child { border-bottom: none; }

.contact-info-label-custom { font-weight: 600; margin-bottom: 8px; font-size: 1.1rem; color: #e30614; }

.contact-info-text-custom { font-size: 0.95rem; line-height: 1.6; opacity: 0.9; }

.contact-form-group-custom { margin-bottom: 25px; }

.contact-form-label-custom { font-weight: 600; margin-bottom: 8px; color: #2c3e50; font-size: 0.95rem; }

.contact-form-control-custom { border: 2px solid #e9ecef; border-radius: 10px; padding: 12px 15px; font-size: 0.95rem; transition: all 0.3s ease; background: #f8f9fa; }

    .contact-form-control-custom:focus { border-color: #e30614; box-shadow: 0 0 0 0.2rem rgba(243, 156, 18, 0.25); background: white; }

.contact-textarea-custom { min-height: 120px; resize: vertical; }

.contact-btn-custom { background: linear-gradient(135deg, #e30614 0%, #d90614 100%); border: none; padding: 15px 40px; border-radius: 50px; font-weight: 600; font-size: 1rem; color: white; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(255, 0, 0, 0.3); }

    .contact-btn-custom:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(243, 156, 18, 0.4); color: white; }

    .contact-btn-custom:active { transform: translateY(0); }

.contact-icon-custom { width: 40px; height: 40px; background: rgba(253, 208, 208, 0.2); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin-right: 15px; color: #e30614; font-size: 1.1rem; }

.contact-phone-item-custom { display: flex; align-items: center; margin-bottom: 10px; }

    .contact-phone-item-custom:last-child { margin-bottom: 0; }

@media (max-width: 768px) {
    .contact-container-custom { margin: 20px; border-radius: 15px; }

    .contact-info-section-custom,
    .contact-form-section-custom { padding: 25px; }

    .contact-title-custom,
    .contact-info-title-custom { font-size: 1.8rem; }
}



/* Online İşlemler Dropdown - Özelleştirilmiş CSS */
.outer-box.online-islemler-container { z-index: 999 !important; }

    .outer-box.online-islemler-container .language-nav.saga-hizala { list-style: none !important; margin: 0 !important; padding: 0 !important; display: flex !important; justify-content: flex-start !important; }

        .outer-box.online-islemler-container .language-nav.saga-hizala li { position: relative !important; display: inline-block !important; }



    .outer-box.online-islemler-container .online_a.dropdown-trigger:hover { background-color: #b91c1c !important; transform: translateY(-1px) !important; box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3) !important; }

    .outer-box.online-islemler-container .online_a.dropdown-trigger::after { content: "→" !important; margin-left: 8px !important; transition: transform 0.3s ease !important; }

    .outer-box.online-islemler-container .online_a.dropdown-trigger:hover::after { transform: translateX(3px) !important; }

    /* Dropdown Menu Styles - Özelleştirilmiş */
    .outer-box.online-islemler-container .custom-dropdown-menu { position: absolute !important; top: calc(100% + 8px) !important; left: 0 !important; background: #ffffff !important; min-width: 200px !important; border-radius: 12px !important; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important; opacity: 0 !important; visibility: hidden !important; transform: translateY(-10px) !important; transition: all 0.3s ease !important; z-index: 9999 !important; border: 1px solid #e5e7eb !important; overflow: hidden !important; }

    .outer-box.online-islemler-container li:hover .custom-dropdown-menu { opacity: 1 !important; visibility: visible !important; transform: translateY(0) !important; }

    .outer-box.online-islemler-container .custom-dropdown-menu::before { content: '' !important; position: absolute !important; top: -8px !important; left: 24px !important; width: 0 !important; height: 0 !important; border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-bottom: 8px solid #ffffff !important; z-index: 10000 !important; }

    .outer-box.online-islemler-container .custom-dropdown-menu::after { content: '' !important; position: absolute !important; top: -9px !important; left: 23px !important; width: 0 !important; height: 0 !important; border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-bottom: 9px solid #e5e7eb !important; z-index: 9999 !important; }

    .outer-box.online-islemler-container .custom-dropdown-item { display: block !important; padding: 12px 20px !important; color: #374151 !important; text-decoration: none !important; transition: all 0.2s ease !important; border-bottom: 1px solid #f3f4f6 !important; font-size: 14px !important; font-weight: normal !important; line-height: 1.4 !important; }

        .outer-box.online-islemler-container .custom-dropdown-item:first-child { border-radius: 12px 12px 0 0 !important; }

        .outer-box.online-islemler-container .custom-dropdown-item:last-child { border-bottom: none !important; border-radius: 0 0 12px 12px !important; }

        .outer-box.online-islemler-container .custom-dropdown-item:hover { background-color: #dc2626 !important; color: #ffffff !important; padding-left: 24px !important; }

        .icon-payment::before { content: "💳" !important; margin-right: 8px !important; font-size: 14px !important; }

        .icon-order::before { content: "📦" !important; margin-right: 8px !important; font-size: 14px !important; }

/* Responsive */
@media (max-width: 768px) {
    .dropdown-menu { min-width: 180px; left: -20px; }

    .dropdown-menu::before { left: 44px; }
}
/* Sadece masaüstü için gizle */
@media (min-width: 1024px) {
    .only-mobil { display: none !important;  }
    .pt-130{padding-top:130px;}
}

/* Sadece mobil için göster */
@media (max-width: 1023px) {
    .only-mobil { display: block !important; }
    .pt-130 { padding-top: 0; }
}
.blog-detail-desc p, .blog-detail-desc li { font-size: 1.01rem; line-height: 1.5; color: #333; }
.blog-detail-desc h2, .blog-detail-desc h3, .blog-detail-desc h4, .blog-detail-desc h5, .blog-detail-desc h6 { font-size: 1.3rem; line-height: 1.5; font-weight: 600; margin-top: 20px; color: #111; }
.blog-detail-desc li { list-style: disc; margin-left: 20px; margin-bottom: 10px; color: #333;  }
.blog-detail-desc ul { padding-left: 2rem; }

.author-img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }
.cover-img { width: 100%; max-height: 440px; object-fit: cover; border-radius: 12px; margin-bottom: 1rem; }