.factory-image { width: 100%; height: 250px; object-fit: cover; border-radius: 15px; box-shadow: 0 8px 25px #0000001a; transition: transform .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 #0000001a; transition: transform .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: #fff; padding: 15px 35px; border-radius: 50px; text-decoration: none; font-weight: 600; font-size: 16px; transition: all .3s ease; border: none; display: inline-flex; align-items: center; gap: 10px }
    .btn-explore:hover { background-color: #0b5ed7; color: #fff; transform: translateY(-2px); box-shadow: 0 8px 25px #0d6efd4d }
    .btn-explore::after { content: "→"; font-size: 18px; transition: transform .3s ease }
    .btn-explore:hover::after { transform: translateX(5px) }
.btn_all_blog { color: #000; text-decoration: none; font-weight: 600; font-size: 16px; transition: all .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 .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 #00000080 }
.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 #0000001a; transition: transform .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 #0000001a; transition: transform .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: transparent;
  color: #195363;
  padding: 12px 32px;
  border-radius: 40px;
  border: 2px solid #195363;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

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

.btn-explore:hover {
  background: #195363;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(25, 83, 99, 0.3);
}

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

@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: #fff !important; padding: 15px; border-radius: 50px; text-decoration: none; font-weight: 600; font-size: 16px; transition: all .3s ease; border: none; display: inline-flex; align-items: center; gap: 10px }
    .online_a:hover { background-color: #e30614; color: #fff; transform: translateY(-2px); box-shadow: 0 8px 25px #0d6efd4d }
    .online_a::after { content: "→"; font-size: 18px; transition: transform .3s ease }
    .online_a:hover::after { transform: translateX(5px) }
.saga-hizala { display: flex; flex-direction: column; align-items: flex-end }
.services-section { padding: 80px 0; background-color: #fff }
.service-card { background: #fff; border-radius: 3px; padding: 0; box-shadow: 0 10px 30px #0000001a; transition: all .3s ease; overflow: hidden; height: 100%; border: none }
    .service-card:hover { transform: translateY(-10px); box-shadow: 0 20px 40px #00000026 }
.service-image { width: 100%; height: 250px; object-fit: cover; transition: transform .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: #fff; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; transition: all .3s ease; font-size: .95rem }
    .btn-service:hover { background: linear-gradient(135deg,#e30614 0%,#ff4d58 100%); color: #fff; transform: translateY(-2px); box-shadow: 0 8px 20px #ff070700 }
    .btn-service::after { content: "→"; font-size: 16px; transition: transform .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,#0000001a 0%,#0000 100%); z-index: 1; transition: opacity .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: .95rem }
}
.service-card { animation: fadeInUp .6s ease-out }
    .service-card:nth-child(2) { animation-delay: .2s }
    .service-card:nth-child(3) { animation-delay: .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: #000 }
.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: #000; 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="#ffffff0d"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>'); opacity: .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 #ffffff1a }
    .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: .95rem; line-height: 1.6; opacity: .9 }
.contact-form-group-custom { margin-bottom: 25px }
.contact-form-label-custom { font-weight: 600; margin-bottom: 8px; color: #2c3e50; font-size: .95rem }
.contact-form-control-custom { border: 2px solid #e9ecef; border-radius: 10px; padding: 12px 15px; font-size: .95rem; transition: all .3s ease; background: #f8f9fa }
    .contact-form-control-custom:focus { border-color: #e30614; box-shadow: 0 0 0 .2rem #f39c1240; background: #fff }
.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: #fff; transition: all .3s ease; box-shadow: 0 4px 15px #ff00004d }
    .contact-btn-custom:hover { transform: translateY(-2px); box-shadow: 0 6px 20px #f39c1266; color: #fff }
    .contact-btn-custom:active { transform: translateY(0) }
.contact-icon-custom { width: 40px; height: 40px; background: #fdd0d033; 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 }
    .dropdown-menu { min-width: 180px; left: -20px }
        .dropdown-menu::before { left: 44px }
}
@media (min-width: 1024px) {
    .only-mobil { display: none !important }
    .pt-130 { padding-top: 130px }
}
.pt-slider { padding-top: 200px; padding-bottom: 30px }
.slider_h1 { font-size: 5rem }
@media (max-width: 1023px) {
    .only-mobil { display: block !important }
    .pt-130 { padding-top: 0 }
    .pt-slider { padding-top: 75px; padding-bottom: 10px }
    .slider_h1 { font-size: 2.5rem }
}
.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 }
.bg-acik-gri { background-color: #f5f5f5 !important }
.bg-acik-kirmizi { background-color: #ffe9eb !important }
.ilgiCekicih3 { font-size: 48px !important; color: #000; font-weight: 400; margin-bottom: 20px; text-align: center }
.footer-nav small a { text-decoration: none; font-size: .8rem; text-transform: Capitalize !important }
._h4 { font-size: 1.3rem; color: #000; font-weight: 900; margin-bottom: 10px }
.main-slider-carousel .swiper-slide { aspect-ratio: 16/9; background-size: cover; background-position: center }
.swiper-slide {
    position: relative; /* overlay için gerekli */
}

.overlay-slide {
    position: relative;
}

.overlay-slide::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(50, 50, 50, 0.5); /* gri tonlu yarı saydam tabaka */
    z-index: 1;
 
}

.overlay-slide .slider_h1 {
    position: relative;
        line-height: 1.5;
  font-family: 'Alex Brush';
    font-size: 3rem;
    z-index: 2; /* overlay’in üstünde görünsün */
    color: #fff;
    text-align: center;
}

.overlay-slide .slider_h1 span {
    display: block;
    font-size: 2.5rem;
    font-weight: bold;
    text-shadow: 2px 2px 6px rgba(0,0,0,0.7);
}