@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&display=swap');
 @import url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css');

 .header9001 {
   width: 100%;
   background: #fff;
   border-bottom: 1px solid #e5e5e5;
   position: sticky;
   top: 0;
   z-index: 999;
 }

 .container9001 {
   max-width: 1325px;
   margin: 0 auto;
   padding: 0.75rem 1rem;
   display: flex;
   align-items: center;
   justify-content: space-between;
   font-family: 'Poppins', sans-serif;
 }

 /* === LOGO === */
 .brand9001 {
   text-decoration: none;
   font-size: 1.75rem;
   font-weight: 700;
   display: flex;
   align-items: center;
 }

 .logo-mobil9001 {
   color: #000;
 }

 .logo-ecu9001 {
   color: #008523;
   margin-left: 3px;
 }

 /* === NAVIGATION === */
 .nav9001 {
   display: flex;
   align-items: center;
   gap: 2rem;
 }

 .nav-link9001 {
   text-decoration: none;
   color: #333;
   font-weight: 500;
   transition: all 0.25s ease;
   font-size: 0.95rem;
 }

 .nav-link9001:hover {
   color: #008523;
 }

 /* === CALL BUTTON === */
 .call-btn9001 {
   background-color: #008523;
   color: #fff;
   text-decoration: none;
   padding: 0.6rem 1.1rem;
   border-radius: 8px;
   font-weight: 600;
   font-size: 0.95rem;
   transition: all 0.25s ease;
   display: inline-flex;
   align-items: center;
 }

 .call-btn9001:hover {
   background-color: #006e1e;
 }

 /* === MOBILE === */
 .mobile-only9001 {
   display: none;
 }

 @media (max-width: 768px) {
   .nav9001 {
     display: none;
   }

   .mobile-only9001 {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     font-size: 0.9rem;
     padding: 0.55rem 0.9rem;
   }

   .brand9001 {
     font-size: 1.5rem;
   }
 }

 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
 @import url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css');

 .hero9002 {
   font-family: 'Poppins', sans-serif;
   background: linear-gradient(180deg, #ffffff 0%, #f9fbf9 100%);
   padding-top: 2rem;
   padding-bottom: 2rem;
 }

 .container9002 {
   max-width: 1325px;
   margin: 0 auto;
   padding: 0 1rem;
 }

 .row9002 {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 2rem;
 }

 .col9002 {
   flex: 1 1 500px;
 }

 .text9002 {
   color: #212529;
 }

 .badge9002 {
   display: inline-block;
   background-color: #e8f6eb;
   color: #008523;
   padding: 0.4rem 0.9rem;
   border-radius: 999px;
   font-size: 0.85rem;
   font-weight: 500;
 }

 .title9002 {
   font-size: 2.4rem;
   font-weight: 700;
   line-height: 1.3;
   margin-bottom: 1rem;
 }

 .text-brand9002 {
   color: #008523;
 }

 .desc9002 {
   font-size: 1.05rem;
   color: #555;
   line-height: 1.6;
 }

 /* === BUTTONS === */
 .btn-group9002 {
   display: flex;
   flex-wrap: wrap;
   gap: 0.75rem;
   margin-bottom: 1.5rem;
 }

 .btn9002 {
   display: inline-flex;
   align-items: center;
   text-decoration: none;
   font-weight: 600;
   font-size: 1rem;
   border-radius: 8px;
   transition: all 0.25s ease;
 }

 .btn-main9002 {
   background-color: #008523;
   color: #fff;
   padding: 0.75rem 1.3rem;
 }

 .btn-main9002:hover {
   background-color: #006d1c;
 }

 .btn-outline9002 {
   border: 2px solid #008523;
   color: #008523;
   padding: 0.7rem 1.25rem;
 }

 .btn-outline9002:hover {
   background-color: #008523;
   color: #fff;
 }

 /* === FEATURES === */
 .features9002 {
   list-style: none;
   margin: 0;
   padding: 0;
   font-size: 0.95rem;
   color: #555;
 }

 .features9002 li {
   display: flex;
   align-items: center;
   margin-bottom: 0.5rem;
 }

 /* === IMAGE === */
 .hero-image9002 {
   width: 100%;
   border-radius: 16px;
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
 }

 /* === RESPONSIVE === */
 @media (max-width: 992px) {
   .title9002 {
     font-size: 2rem;
   }

   .desc9002 {
     font-size: 1rem;
   }
 }

 @media (max-width: 768px) {
   .row9002 {
     flex-direction: column-reverse;
     text-align: center;
   }

   .btn-group9002 {
     justify-content: center;
   }

   .features9002 {
     text-align: left;
     margin: 0 auto;
     max-width: 320px;
   }
 }

 /* === SERVİS KARTLARI === */
 .service-row9002 {
   display: flex;
   flex-wrap: wrap;
   gap: 1.5rem;
   margin-top: 1rem;
 }

 .service-col9002 {
   flex: 1 1 350px;
   display: flex;
 }

 .service-card9002 {
   background: #fff;
   border: 1px solid #e5e5e5;
   border-radius: 16px;
   padding: 1.5rem;
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
   transition: all 0.3s ease;
 }

 .service-card9002:hover {
   border-color: #008523;
   box-shadow: 0 8px 24px rgba(0, 133, 35, 0.12);
   transform: translateY(-4px);
 }

 .service-head9002 {
   display: flex;
   align-items: flex-start;
   gap: 1rem;
 }

 .service-icon9002 svg {
   flex-shrink: 0;
 }

 .service-icon9002.warm9002 svg path {
   stroke: #ff9900;
 }

 .service-text9002 {
   flex-grow: 1;
 }

 .service-title9002 {
   font-size: 1.05rem;
   font-weight: 600;
   margin-bottom: 0.5rem;
   color: #111;
 }

 .service-desc9002 {
   font-size: 0.9rem;
   color: #555;
   line-height: 1.5;
 }

 .tag-row9002 {
   display: flex;
   flex-wrap: wrap;
   gap: 0.4rem;
   margin-top: auto;
   padding-top: 1rem;
 }

 .tag9002 {
   background: #e8f6eb;
   color: #008523;
   border-radius: 6px;
   padding: 0.25rem 0.6rem;
   font-size: 0.8rem;
   font-weight: 500;
 }

 /* === Responsive === */
 @media (max-width: 992px) {
   .service-row9002 {
     margin-top: 1rem;
   }
 }

 @media (max-width: 768px) {
   .service-row9002 {
     flex-direction: column;
   }
 }

 .snippet-icon9002 {
   font-size: 1.8rem;
   color: #008523;
   margin-bottom: 1rem;
 }

 .snippet-icon9002.warm9002 {
   color: #ff9900;
 }

 .snippet-row9002 {
   display: flex;
   flex-wrap: wrap;
   gap: 1.5rem;
   margin-top: 3rem;
   align-items: stretch;
   /* Tüm kartları aynı hizaya getirir */
 }

 .snippet-card9002 {
   flex: 1 1 350px;
   background: #fff;
   border: 1px solid #e5e5e5;
   border-radius: 14px;
   padding: 1.5rem;
   display: flex;
   flex-direction: column;
   justify-content: stretch;
   box-shadow: 0 3px 12px rgba(0, 0, 0, 0.04);
   transition: all 0.3s ease;
 }

 .snippet-card9002:hover {
   border-color: #008523;
   box-shadow: 0 6px 20px rgba(0, 133, 35, 0.12);
   transform: translateY(-4px);
 }

 .snippet-body9002 {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
 }

 .snippet-title9002 {
   font-size: 1.05rem;
   font-weight: 600;
   color: #111;
   margin-bottom: 0.5rem;
 }

 .snippet-desc9002 {
   color: #555;
   font-size: 0.9rem;
 }


 /* === Responsive === */
 @media (max-width: 992px) {
   .snippet-row9002 {
     gap: 1rem;
   }
 }

 @media (max-width: 768px) {
   .snippet-row9002 {
     flex-direction: column;
   }
 }

 /* === Mobil görünüm spacing fix === */
 @media (max-width: 768px) {

   /* Görsel sütun yüksekliği sıfırla */
   .col9002.visual9002 {
     flex: 1 1 auto !important;
   }

   /* Görsel altındaki fazla boşluğu kaldır */
   .snippet-row9002 {
     margin-top: 1.25rem !important;
     /* Eskiden 3rem idi */
   }
 }

 @media (max-width: 768px) {
   .snippet-card9002 {
     flex: unset !important;
     /* flex:1 1 350px'i devre dışı bırak */
   }
 }

 .brands-area9003 {
   background: #fff;
   overflow: hidden;
   position: relative;
 }

 .container9003 {
   max-width: 1325px;
   margin: 0 auto;
   padding: 0 1rem;
 }

 /* === Başlık kısmı === */
 .section-title9003 {
   text-align: center;
   margin-bottom: 2rem;
 }

 .title9003 {
   font-size: 2rem;
   font-weight: 700;
   color: #111;
   margin-bottom: 0.5rem;
   font-family: 'Poppins', sans-serif;
 }

 .subtitle9003 {
   font-size: 1rem;
   color: #666;
   max-width: 700px;
   margin: 0 auto;
 }

 /* === Slider Yapısı === */
 .swiper9003 {
   display: flex;
   overflow-x: auto;
   scroll-behavior: smooth;
   gap: 20px;
   scrollbar-width: none;
   -ms-overflow-style: none;
 }

 .swiper9003::-webkit-scrollbar {
   display: none;
 }

 .swiper-wrapper9003 {
   display: flex;
   align-items: center;
   animation: scroll9003 40s linear infinite;
   gap: 20px;
 }

 .swiper-slide9003 {
   flex: 0 0 auto;
   width: auto;
   display: flex;
   justify-content: center;
   align-items: center;
   user-select: none;
   margin: 0;
   padding: 0;
 }

 .brand-item9003 {
   display: flex;
   align-items: center;
   justify-content: center;
   transition: transform 0.3s ease;
   filter: grayscale(1);
   opacity: 0.8;
 }

 .brand-item9003:hover {
   transform: scale(1.1);
   filter: grayscale(0);
   opacity: 1;
 }

 /* === Görseller === */
 .brand-item9003 img {
   max-width: 200px;
   height: auto;
   object-fit: contain;
 }

 /* === Animasyon === */
 @keyframes scroll9003 {
   0% {
     transform: translateX(0);
   }

   100% {
     transform: translateX(-50%);
   }
 }

 /* Hover Durunca Kayma Dursun */
 .swiper9003:hover .swiper-wrapper9003 {
   animation-play-state: paused;
 }

 /* === Responsive (mobil) === */
 @media (max-width: 768px) {
   .title9003 {
     font-size: 1.6rem;
   }

   .swiper-wrapper9003 {
     gap: 0 !important;
   }

   .swiper-slide9003 {
     margin: 0 !important;
     padding: 0 !important;
     justify-content: center;
     align-items: center;
   }

   .brand-item9003 img {
     width: auto;
     height: 100%;
     object-fit: contain;
   }
 }



 @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css");

 .blog-area9004 {
   background: #fbfcfb;
   font-family: 'Poppins', sans-serif;
   padding: 3rem 0;
 }

 .container9004 {
   max-width: 1325px;
   margin: 0 auto;
   padding: 0 1rem;
 }

 .section-title9004 {
   text-align: center;
   max-width: 800px;
   margin: 0 auto 3rem;
 }

 .title9004 {
   font-size: 2rem;
   font-weight: 700;
   color: #111;
 }

 .subtitle9004 {
   color: #666;
   font-size: 1rem;
   margin-top: .5rem;
 }

 /* === GRID === */
 .row9004 {
   display: grid;
   grid-template-columns: 2fr 1fr;
   gap: 2rem;
   align-items: stretch;
   height: 100%;
 }

 .col-left9004,
 .col-right9004 {
   flex-direction: column;
   height: 100%;
 }

 /* === ANA BLOG === */
 .main-blog9004 {
   border: 1px solid #e7e7e7;
   border-radius: 16px;
   box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
   background: #fff;
   display: flex;
   flex-direction: column;
   flex: 1;
 }

 .main-img-wrapper9004 {
   position: relative;
 }

 /* Görselin üstüne koyu overlay */
 .main-img-wrapper9004 {
   position: relative;
   overflow: hidden;
 }

 .main-img-wrapper9004::after {
   content: "";
   position: absolute;
   inset: 0;
   background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 10%, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0));
   pointer-events: none;
   z-index: 1;
 }

 /* Başlık ve meta bilgiyi overlay üzerine taşı */
 .main-title-overlay9004 {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   z-index: 2;
   color: #fff;
   padding: 1.2rem 1.5rem;
   text-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);
 }

 /* Başlık okunabilir olsun */
 .main-title9004 {
   font-size: 1.5rem;
   font-weight: 700;
   color: #fff;
   margin-bottom: .25rem;
 }

 /* Meta bilgiler (göz ikonu + tarih) */
 .main-meta9004 span {
   font-size: .9rem;
   color: rgba(255, 255, 255, 0.85);
   margin-right: 1rem;
 }

 .main-img9004 {
   width: 100%;
   height: 380px;
   object-fit: cover;
   border-top-left-radius: 16px;
   border-top-right-radius: 16px;
 }

 .main-title-overlay9004 {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   background: linear-gradient(to top, rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
   padding: 1rem 1.5rem;
   color: #fff;
 }

 .main-title9004 {
   font-size: 1.3rem;
   font-weight: 600;
   margin-bottom: .3rem;
   text-shadow: 0 2px 4px rgba(0, 0, 0, .4);
 }

 .main-meta9004 {
   display: flex;
   gap: 1rem;
   font-size: .9rem;
   color: #bfe8bf;
 }

 .main-meta9004 i {
   margin-right: 4px;
   color: #b2ffb8;
 }

 .main-body9004 {
   padding: 1.5rem;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   flex: 1;
 }

 .main-body9004 p {
   line-height: 1.7;
   color: #444;
   font-size: 1rem;
   margin-bottom: 1rem;
 }

 .main-tags9004 {
   margin-top: auto;
 }

 .main-tags9004 span {
   background: #e9f6ec;
   color: #008523;
   font-size: .85rem;
   padding: .4rem .8rem;
   border-radius: 20px;
   margin-right: .4rem;
   display: inline-block;
 }

 .main-tags9004 span:hover {
   background: #008523;
   color: #fff;
 }

 /* === MINI BLOGLAR === */
 .mini-list9004 {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   flex: 1;
   gap: 12px;
 }

 .mini-blog9004 {
   display: flex;
   align-items: center;
   gap: .8rem;
   border: 1px solid #e7e7e7;
   background: #fff;
   border-radius: 12px;
   padding: .8rem;
   transition: all .3s ease;
   flex: 1;
   min-height: 110px;
 }

 .mini-blog9004.active9004,
 .mini-blog9004:hover {
   border-color: #00a45b;
   background: #fefefe;
   box-shadow: 0 2px 8px rgba(0, 164, 91, 0.15);
 }

 .mini-thumb9004 {
   width: 90px;
   height: 90px;
   object-fit: cover;
   border-radius: 8px;
 }

 .mini-body9004 h4 {
   font-size: 1rem;
   margin-bottom: .3rem;
   font-weight: 600;
 }

 .mini-body9004 p {
   font-size: .85rem;
   color: #555;
   line-height: 1.3;
   margin-bottom: .4rem;
 }

 .mini-meta9004 {
   display: flex;
   gap: .8rem;
   font-size: .8rem;
   color: #777;
 }

 .mini-meta9004 i {
   color: #00a45b;
 }

 /* === RESPONSIVE === */
 @media (max-width: 991px) {
   .row9004 {
     grid-template-columns: 1fr;
   }

   .main-img9004 {
     height: 260px;
   }

   .col-right9004 {
     flex-direction: row;
     overflow-x: auto;
   }

   .mini-blog9004 {
     min-width: 230px;
     flex: 0 0 auto;
   }
 }

 @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css");

 .contact-area9005 {
   background: #fbfcfb;
   font-family: 'Poppins', sans-serif;
 }

 .container9005 {
   max-width: 1325px;
   margin: 0 auto;
   padding: 0 1.5rem;
 }

 .row9005 {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 2.5rem;
   align-items: stretch;
 }

 /* --- Başlık --- */
 .section-title9005 {
   text-align: center;
   max-width: 850px;
   margin: 0 auto 3rem;
 }

 .title9005 {
   font-size: 2rem;
   font-weight: 700;
   color: #111;
 }

 .text-brand9005 {
   color: #00a45b;
 }

 .subtitle9005 {
   color: #555;
   font-size: 1rem;
   line-height: 1.6;
   margin-top: .5rem;
 }

 /* --- Kart Tasarımı --- */
 .glass9005 {
   background: rgba(255, 255, 255, 0.85);
   backdrop-filter: blur(12px);
   border: 1px solid #e7e7e7;
   border-left: 4px solid #00a45b;
   border-radius: 18px;
   padding: 2rem;
   box-shadow: 0 8px 28px rgba(0, 0, 0, 0.06);
   transition: all .3s ease;
 }

 .glass9005:hover {
   transform: translateY(-3px);
   box-shadow: 0 12px 30px rgba(0, 164, 91, 0.15);
 }

 /* --- Header --- */
 .contact-header9005 {
   border-bottom: 1px solid #e9e9e9;
   margin-bottom: 1.2rem;
   padding-bottom: .75rem;
 }

 .brand-line9005 {
   width: 45px;
   height: 3px;
   background: #00a45b;
   border-radius: 10px;
   margin-bottom: .5rem;
 }

 .contact-heading9005 {
   font-size: 1.25rem;
   font-weight: 600;
   color: #111;
 }

 .contact-sub9005 {
   font-size: .9rem;
   color: #777;
 }

 /* --- İç Satırlar --- */
 .contact-section9005 {
   display: flex;
   gap: 1rem;
   margin-bottom: 1.2rem;
 }

 .icon-box9005 {
   font-size: 1.35rem;
   color: #00a45b;
   background: #e9f7ef;
   width: 44px;
   height: 44px;
   border-radius: 10px;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
 }

 .info-box9005 .label9005 {
   font-weight: 600;
   font-size: .95rem;
   color: #222;
 }

 .info-box9005 .value9005 {
   color: #555;
   font-size: .9rem;
   line-height: 1.5;
 }

 .info-box9005 a {
   color: #00a45b;
   font-weight: 600;
   text-decoration: none;
 }

 .info-box9005 a:hover {
   text-decoration: underline;
 }

 /* --- CTA --- */
 .contact-footer9005 {
   border-top: 1px solid #eee;
   padding-top: 1.5rem;
   margin-top: .5rem;
 }

 .btn-call9005 {
   display: inline-flex;
   align-items: center;
   gap: .4rem;
   background: linear-gradient(135deg, #00a45b, #009a52);
   color: #fff;
   padding: .8rem 1.6rem;
   font-weight: 600;
   border-radius: 10px;
   text-decoration: none;
   transition: all .3s ease;
   box-shadow: 0 4px 14px rgba(0, 164, 91, 0.2);
 }

 .btn-call9005:hover {
   background: linear-gradient(135deg, #009a52, #00a45b);
   box-shadow: 0 8px 20px rgba(0, 164, 91, 0.25);
   transform: translateY(-2px);
 }

 /* --- Harita --- */
 .map-wrapper9005 {
   border-radius: 16px;
   overflow: hidden;
   border: 1px solid #e7e7e7;
   box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
 }

 .contact-map9005 {
   width: 100%;
   height: 100%;
   min-height: 480px;
   border: 0;
 }

 /* --- Responsive --- */
 @media (max-width: 991px) {
   .row9005 {
     grid-template-columns: 1fr;
   }

   .contact-map9005 {
     min-height: 320px;
   }
 }

 @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css");


 /* === Brand Area === */
 .brand9001 {
   text-decoration: none;
   font-weight: 700;
   font-size: 1.6rem;
   letter-spacing: -0.5px;
 }

 .logo-mobil9001 {
   color: #111;
 }

 .logo-ecu9001 {
   color: #00a45b;
 }


 .footer9006 {
   background: #f1f1f1;
   padding: 4rem 0 2rem;
   font-family: 'Poppins', sans-serif;
   color: #333;
 }

 .container9006 {
   max-width: 1325px;
   margin: 0 auto;
   padding: 0 1.5rem;
 }

 /* === Top Area === */
 .footer-top9006 {
   display: grid;
   grid-template-columns: 1.2fr 1fr 1fr;
   gap: 2.5rem;
   align-items: start;
 }

 .footer-col9006 h4 {
   font-size: 1.1rem;
   font-weight: 600;
   margin-bottom: 1rem;
   color: #111;
 }

 .footer-desc9006 {
   color: #555;
   font-size: .95rem;
   line-height: 1.6;
   margin-bottom: 1.5rem;
   max-width: 360px;
 }

 .footer-desc9006 strong {
   color: #111;
   font-weight: 600;
 }

 /* === Social Icons === */
 .social-icons9006 a {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 36px;
   height: 36px;
   background: #fff;
   border-radius: 50%;
   color: #00a45b;
   font-size: 1.2rem;
   margin-right: .5rem;
   border: 1px solid #e0e0e0;
   transition: all .3s ease;
 }

 .social-icons9006 a:hover {
   background: #00a45b;
   color: #fff;
   transform: translateY(-2px);
 }

 /* === Links === */
 .footer-links9006 {
   display: flex;
   justify-content: space-between;
   gap: 1.5rem;
 }

 .footer-inner9006 ul {
   list-style: none;
   padding: 0;
   margin: 0;
 }

 .footer-inner9006 ul li {
   margin-bottom: .5rem;
 }

 .footer-inner9006 ul li a {
   text-decoration: none;
   color: #444;
   font-size: .95rem;
   transition: color .3s ease;
 }

 .footer-inner9006 ul li a:hover {
   color: #00a45b;
 }

 /* === Contact === */
 .footer-contact9006 ul {
   list-style: none;
   padding: 0;
   margin: 0;
 }

 .contact-list9006 li {
   margin-bottom: .8rem;
   font-size: .95rem;
   display: flex;
   align-items: flex-start;
   gap: .6rem;
   color: #444;
 }

 .contact-list9006 i {
   font-size: 1.1rem;
   margin-top: 2px;
 }

 .contact-list9006 a {
   color: #00a45b;
   text-decoration: none;
   font-weight: 600;
 }

 .contact-list9006 a:hover {
   text-decoration: underline;
 }

 /* === Bottom Bar === */
 .footer-bottom9006 {
   display: flex;
   justify-content: space-between;
   align-items: center;
   border-top: 1px solid #ddd;
   padding-top: 1.2rem;
   margin-top: 2rem;
   font-size: .9rem;
   color: #555;
 }

 .footer-bottom9006 a {
   color: #00a45b;
   text-decoration: none;
   font-weight: 600;
 }

 .footer-bottom9006 a:hover {
   text-decoration: underline;
 }

 .footer-left9006,
 .footer-right9006 {
   display: flex;
   align-items: center;
   gap: .3rem;
 }

 /* === Responsive === */
 @media (max-width: 991px) {
   .footer-top9006 {
     grid-template-columns: 1fr;
   }

   .footer-bottom9006 {
     flex-direction: column;
     gap: .5rem;
   }
 }

 @media (max-width: 768px) {
   .footer9006 {
     padding: 2.5rem 0 1.5rem;
     text-align: center;
   }

   .footer-top9006 {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 2rem !important;
   }

   /* Marka bölümü */
   .footer-brand9006 {
     text-align: center;
   }

   .footer-desc9006 {
     margin: 0 auto 1.5rem;
     max-width: 90%;
   }

   .social-icons9006 {
     justify-content: center;
   }

   /* Hizmetler & Markalar blokları alt alta gelsin */
   .footer-links9006 {
     flex-direction: column;
     align-items: center;
     text-align: center;
     gap: 1.5rem;
   }

   .footer-inner9006 h4 {
     margin-bottom: 0.6rem;
   }

   .footer-inner9006 ul li {
     margin-bottom: 0.4rem;
   }

   /* İletişim alanı ortalanmış */
   .footer-contact9006 {
     text-align: center;
   }

   .contact-list9006 {
     align-items: center;
   }

   .contact-list9006 li {
     justify-content: center;
   }

   /* Alt bar */
   .footer-bottom9006 {
     flex-direction: column;
     text-align: center;
     gap: 0.4rem;
   }

   .footer-left9006,
   .footer-right9006 {
     justify-content: center;
   }
 }


 @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css");

 .whatsapp-btn9007 {
   position: fixed;
   bottom: 24px;
   right: 24px;
   background: linear-gradient(135deg, #00a45b, #00964f);
   color: #fff;
   font-weight: 600;
   border-radius: 50px;
   padding: 0.8rem 1.4rem;
   display: flex;
   align-items: center;
   gap: 0.6rem;
   text-decoration: none;
   box-shadow: 0 8px 25px rgba(0, 164, 91, 0.3);
   transition: all 0.3s ease;
   z-index: 9999;
 }

 .whatsapp-btn9007:hover {
   background: linear-gradient(135deg, #00964f, #00a45b);
   transform: translateY(-3px);
   box-shadow: 0 10px 30px rgba(0, 164, 91, 0.35);
 }

 .whatsapp-btn9007 i {
   font-size: 1.4rem;
   line-height: 1;
 }

 .whatsapp-text9007 {
   font-size: 0.95rem;
   letter-spacing: 0.2px;
 }

 /* === Mobilde sadece ikon görünür === */
 @media (max-width: 576px) {
   .whatsapp-btn9007 {
     padding: 0.9rem;
     border-radius: 50%;
   }

   .whatsapp-text9007 {
     display: none;
   }
 }

 .tractor-info9008 {
   background: #fbfcfb;
   padding: 1rem 0;
   font-family: 'Poppins', sans-serif;
 }

 .container9008 {
   max-width: 1325px;
   margin: 0 auto;
   padding: 0 1.5rem;
 }

 /* === KART === */
 .tractor-card9008 {
   background: #fff;
   border: 1px solid #e6e6e6;
   border-radius: 18px;
   padding: 2rem 2.5rem;
   display: flex;
   align-items: center;
   gap: 2rem;
   box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
   transition: all 0.3s ease;
 }

 .tractor-card9008:hover {
   box-shadow: 0 10px 30px rgba(0, 164, 91, 0.12);
   transform: translateY(-3px);
 }

 /* === LOGO === */
 .tractor-logo9008 img {
   width: 300px;
   height: auto;
   object-fit: contain;
   filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
   transition: transform .3s ease;
 }

 .tractor-card9008:hover .tractor-logo9008 img {
   transform: scale(1.05);
 }

 /* === METİN ALANI === */
 .tractor-info-body9008 {
   flex: 1;
 }

 .tractor-title9008 {
   font-size: 2rem;
   font-weight: 700;
   color: #111;
 }

 .tractor-subtitle9008 {
   color: #008c4e;
   font-weight: 500;
   font-size: 1rem;
 }

 .tractor-subtitle9008111 {
   color: #313131;
   font-weight: 500;
   font-size: 1rem;
 }

 .tractor-desc9008 {
   color: #444;
   font-size: 1rem;
   line-height: 1.6;
   max-width: 800px;
 }

 /* === RESPONSIVE === */
 @media (max-width: 768px) {
   .tractor-card9008 {
     flex-direction: column;
     text-align: center;
     padding: 2rem 1.5rem;
   }

   .tractor-logo9008 img {
     width: 120px;
   }

   .tractor-title9008 {
     font-size: 1.4rem;
   }
 }

 @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css");

 .tractor-card9010 {
   background: #fbfcfb;
   font-family: 'Poppins', sans-serif;
   padding: 2rem 0;
 }

 .container9010 {
   max-width: 1325px;
   margin: 0 auto;
   padding: 0 1.5rem;
 }

 /* === CARD === */
 .tractor-article9010 {
   display: flex;
   justify-content: space-between;
   gap: 2.5rem;
   background: #fff;
   border: 1px solid #e6e6e6;
   border-radius: 18px;
   padding: 2.5rem;
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
 }

 /* === SOL YAZI === */
 .tractor-text9010 {
   flex: 1.2;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
 }

 .tractor-title9010 {
   font-size: 1.9rem;
   font-weight: 700;
   color: #111;
   margin-bottom: .4rem;
 }

 .tractor-subtitle9010 {
   font-size: 1.05rem;
   color: #00a45b;
   font-weight: 500;
   margin-bottom: 1.5rem;
 }

 .tractor-desc9010 {
   color: #444;
   line-height: 1.8;
   margin-bottom: 1rem;
   font-size: 1rem;
 }

 .tractor-desc9010 strong {
   color: #00a45b;
   font-weight: 600;
 }

 /* === SAĞ GÖRSEL === */
 .tractor-image-box9010 {
   flex: 0 0 38%;
   display: flex;
   flex-direction: column;
   align-items: flex-end;
 }

 .tractor-img9010 {
   width: 100%;
   border-radius: 12px;
   box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
   margin-bottom: 1.2rem;
   object-fit: cover;
 }

 /* === MOTOR ÖZELLİKLERİ === */
 .tractor-specs9010 {
   background: #f9faf9;
   border: 1px solid #e7e7e7;
   border-radius: 10px;
   padding: 1rem 1.25rem;
   width: 100%;
   margin-bottom: 1.2rem;
 }

 .tractor-specs9010 ul {
   list-style: none;
   margin: 0;
   padding: 0;
 }

 .tractor-specs9010 li {
   font-size: .95rem;
   color: #333;
   display: flex;
   align-items: center;
   gap: .6rem;
   margin-bottom: .4rem;
 }

 .tractor-specs9010 i {
   color: #00a45b;
   font-size: 1.1rem;
 }

 /* === HASHTAGLER === */
 .tractor-tags9010 {
   display: flex;
   flex-wrap: wrap;
   gap: .5rem;
   justify-content: flex-start;
   /* sol hizalı */
   margin-top: 1.5rem;
 }

 .tractor-tags9010 span {
   background: #e9f6ec;
   color: #008523;
   font-size: .85rem;
   padding: .4rem .8rem;
   border-radius: 20px;
   transition: all .3s ease;
 }

 .tractor-tags9010 span:hover {
   background: #008523;
   color: #fff;
 }

 /* === RESPONSIVE === */
 @media (max-width: 991px) {
   .tractor-article9010 {
     flex-direction: column;
     text-align: center;
     padding: 2rem 1.5rem;
   }

   .tractor-image-box9010 {
     align-items: center;
   }

   .tractor-specs9010 {
     justify-content: center;
   }

   .tractor-tags9010 {
     justify-content: center;
     margin-top: 1rem;
   }
 }

 .fade9004 {
   opacity: 0;
   transition: opacity .5s ease-in-out;
 }

 .fade9004.show {
   opacity: 1;
 }

 /* === Mobil Menü Sistemi (9011) === */
 .menu-btn9011 {
   background: #008523;
   color: #fff;
   border: none;
   border-radius: 8px;
   font-size: 1.8rem;
   width: 44px;
   height: 44px;
   display: none;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   transition: background 0.3s ease;
   z-index: 1002;
 }

 .menu-btn9011.active {
   background: #c82333;
 }

 .menu-btn9011 i {
   pointer-events: none;
 }

 .menu9011 {
   position: fixed;
   top: 0;
   right: -100%;
   width: 80%;
   height: 100vh;
   background: linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%);
   box-shadow: -6px 0 18px rgba(0, 0, 0, 0.25);
   transition: right 0.35s ease;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   z-index: 1001;
 }

 /* Açık durum */
 .menu9011.active {
   right: 0;
 }

 /* Üst kısım (Logo + kapatma) */
 .menu-header9011 {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 1.25rem 1.75rem;
   border-bottom: 1px solid #e9ecef;
 }

 .menu-logo9011 {
   font-size: 1.5rem;
   font-weight: 700;
   text-decoration: none;
   color: #111;
 }

 .menu-logo9011 span.logo-ecu9001 {
   color: #008523;
 }

 .close-btn9011 {
   background: #c82333;
   color: #fff;
   border: none;
   border-radius: 8px;
   width: 40px;
   height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 1.2rem;
   cursor: pointer;
 }

 /* Menü linkleri */
 .menu-links9011 {
   flex-grow: 1;
   padding: 2rem 1.75rem;
 }

 .menu-links9011 a {
   display: flex;
   align-items: center;
   gap: 0.5rem;
   font-size: 1.1rem;
   color: #222;
   text-decoration: none;
   margin-bottom: 1.25rem;
   font-weight: 500;
   padding: 0.4rem 0.2rem;
   border-radius: 6px;
   transition: all 0.25s ease;
 }

 .menu-links9011 a:hover {
   background: rgba(0, 133, 35, 0.1);
   color: #008523;
 }

 /* Alt kısım */
 .menu-footer9011 {
   padding: 1.75rem;
   border-top: 1px solid #e9ecef;
   text-align: center;
   background: #fff;
   box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.05);
 }

 .menu-call9011 {
   display: inline-block;
   background: #008523;
   color: #fff !important;
   padding: 0.9rem 1.4rem;
   border-radius: 8px;
   font-weight: 600;
   width: 100%;
   text-align: center;
   font-size: 1rem;
   transition: background 0.3s ease;
 }

 .menu-call9011:hover {
   background: #00701f;
 }

 .menu-desc9011 {
   font-size: 0.9rem;
   color: #666;
   margin-top: 0.75rem;
 }

 /* Overlay */
 .overlay9011 {
   position: fixed;
   inset: 0;
   background: rgba(0, 0, 0, 0.45);
   display: none;
   opacity: 0;
   transition: opacity 0.3s ease;
   z-index: 1000;
 }

 .overlay9011.active {
   display: block;
   opacity: 1;
 }

 /* Mobil görünüm */
 @media (max-width: 768px) {
   .menu-btn9011 {
     display: flex;
   }

   .mobile-buttons9011 {
     display: flex;
     align-items: center;
     gap: 0.6rem;
   }

   .nav9001 {
     display: none !important;
   }
 }

 /* Masaüstü görünümde gizle */
 @media (min-width: 769px) {

   .menu9011,
   .overlay9011 {
     display: none;
   }

   .mobile-buttons9011 {
     display: none !important;
   }
 }

 /* Aktif menü vurgusu (9011) */
 .nav9001 a.active9011,
 .menu9011 a.active9011 {
   color: #008523 !important;
   font-weight: 600;
   position: relative;
 }

 .nav9001 a.active9011::after,
 .menu9011 a.active9011::after {
   content: '';
   position: absolute;
   bottom: -4px;
   left: 0;
   width: 100%;
   height: 2px;
   background: #008523;
   border-radius: 2px;
 }

 .blog-content9009 {
   font-size: 1.05rem;
   line-height: 1.8;
   color: #333;
 }

 .related-card9009 {
   transition: all .25s ease;
   border-radius: 10px;
 }

 .related-card9009:hover {
   transform: translateY(-3px);
   box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
 }

 .related-card9009 img {
   object-fit: cover;
   height: 100%;
   width: 100%;
   border-top-left-radius: 10px;
   border-bottom-left-radius: 10px;
 }

 /* =========================
   BLOG VIEW (classadi9951)
   ========================= */
 .blogview-wrapper9951 {
   padding-top: 3.5rem;
   /* navbar ile içerik arası ideal boşluk */
   padding-bottom: 4.5rem;
   /* footer’a yapışmayı engeller */
   background-color: #f8f9fa;
 }


 .blog-main9951 {
   background: #fff;
   border-radius: 1rem;
   box-shadow: 0 3px 15px rgba(0, 0, 0, 0.06);
   overflow: hidden;
   transition: all 0.3s ease;
 }

 .blog-main9951 img {
   border-radius: 1rem 1rem 0 0;
   width: 100%;
   height: auto;
 }

 .blog-main9951 .card-body {
   padding: 2rem;
 }

 .blog-main9951 h1 {
   font-size: 1.8rem;
   line-height: 1.4;
 }

 .blog-main9951 .meta9951 {
   display: flex;
   align-items: center;
   gap: 1rem;
   margin-bottom: 1.25rem;
   color: #6c757d;
   font-size: 0.9rem;
 }

 .blog-main9951 .meta9951 i {
   color: #198754;
 }

 .blog-content9951 p {
   color: #333;
   font-size: 1rem;
   line-height: 1.75;
   margin-bottom: 1.25rem;
 }

 /* Hashtagler */
 .blog-tags9951 {
   margin-top: 1.5rem;
 }

 .blog-tags9951 .badge {
   font-weight: 500;
   background-color: #e8f8ee;
   color: #198754;
   border: 1px solid #b8eac7;
   padding: 0.5rem 0.9rem;
   border-radius: 50px;
   font-size: 0.9rem;
   transition: all 0.2s ease;
 }

 .blog-tags9951 .badge:hover {
   background-color: #198754;
   color: #fff;
 }

 /* Sağdaki önerilen makaleler */
 .related-card9951 {
   border: 1px solid #e8ecef;
   border-radius: 1rem;
   transition: transform 0.25s ease, box-shadow 0.25s ease;
 }

 .related-card9951:hover {
   transform: translateY(-4px);
   box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
 }

 .related-card9951 img {
   object-fit: cover;
   height: 100%;
   border-radius: 1rem 0 0 1rem;
 }

 .related-card9951 .card-body {
   padding: 0.75rem 1rem;
 }

 .related-card9951 h6 {
   font-size: 0.95rem;
   color: #212529;
 }

 .related-card9951 p {
   font-size: 0.8rem;
   color: #6c757d;
   margin-bottom: 0.3rem;
 }

 .related-card9951 .meta9951 {
   font-size: 0.75rem;
   color: #999;
 }

 /* Responsive düzen */
 @media (max-width: 992px) {
   .blogview-wrapper9951 {
     padding-top: 2.5rem;
     padding-bottom: 3rem;
   }

   .blog-main9951 .card-body {
     padding: 1.5rem;
   }
 }

 /* === Traktör markaları mobil görünüm düzeltme === */
 @media (max-width: 768px) {
   .swiper9003 {
     padding: 1rem 0 !important;
   }

   .swiper-slide9003 {
     flex: 0 0 35% !important;
     /* kart genişliği büyüt */
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .brand-item9003 img {
     width: auto;
     height: auto !important;
     /* logoların yüksekliğini büyüt */
     max-width: 200px;
     object-fit: contain;
   }
 }

 @media (max-width: 768px) {
   .tractor-article9010 {
     display: flex;
     flex-direction: column-reverse;
     /* yazı alta, görsel üste */
     align-items: center;
     text-align: center;
   }

   .tractor-text9010 {
     margin-top: 1rem;
   }

   .tractor-image-box9010 img {
     width: 100%;
     height: auto;
     border-radius: 12px;
   }

   .tractor-specs9010 {
     margin-top: 0.5rem;
   }
 }

 .final-logo {
   font-family: "Inter", sans-serif;
   text-decoration: none;
   display: inline-flex;
   flex-direction: column;
   align-items: flex-start;
   line-height: 1.1;
 }

 .brand-top {
   font-weight: 800;
   font-size: 1.45rem;
   letter-spacing: -0.3px;
   color: #111;
   display: flex;
   align-items: center;
 }

 .brand-top .accent {
   color: #0ea94b;
   margin-left: 2px;
 }

 .brand-line {
   width: 85%;
   height: 3px;
   background-color: #0ea94b;
   border-radius: 2px;
   margin: 6px 0 4px 0;
 }

 .brand-sub {
   font-weight: 600;
   font-size: 0.95rem;
   color: #555;
   letter-spacing: 0.2px;
   margin-top: 2px;
 }

 /* mevcut stiller aynı kalacak */

 /* sadece footer için mobil ortalama */
 @media (max-width: 768px) {
   .footer-logo {
     align-items: center;
     text-align: center;
   }

   .footer-logo .brand-line {
     margin: 6px auto 4px auto;
     width: 60%;
   }
 }