@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

 body,
 html {
   margin: 0;
   padding: 0;
   height: 100%;
   font-family: 'Montserrat', Arial, sans-serif;
   background: #5f6662;
   overflow-x: hidden;
   /* ← bunu buraya ekle */
 }

 .hero-section {
   position: relative;
   width: 100%;
   min-height: 90vh;
 }

 .video-bg {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   z-index: 0;
 }

 .overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(10, 23, 17, 0.68);
   z-index: 1;
   pointer-events: none;
 }

 .header,
 .hero-content {
   position: relative;
   z-index: 2;
 }

 .header {
   width: 100vw;
   max-width: 1440px;
   margin: 0 auto;
   padding: 28px 0 0 0;
   display: flex;
   flex-direction: column;
 }

 .header-top {
   display: flex;
   justify-content: flex-end;
   align-items: center;
   gap: 8px;
   font-size: 1.1rem;
   color: #fff;
   margin-bottom: 0.5rem;
   margin-right: 38px;
 }

 .header-main {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
   max-width: 1400px;
   margin: 0 auto 10px auto;
   padding: 0 48px;
 }

 .logo-text img {
   height: 160px;
   /* eski: 125px → büyüttük */
   max-width: 220px;
   /* eski: 170px → büyüttük */
   margin-right: 12px;
   /* görsel ile yazı arasına boşluk */
   filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.7));
   /* Logoyu okunabilir kılar */
 }

 .menu {
   display: flex;
   gap: 32px;
   font-size: 1.2rem;
   font-weight: 500;
   color: #fff;
   flex: 1;
   justify-content: center;
 }

 .menu a {
   color: #fff;
   text-decoration: none;
   transition: color 0.2s;
   text-shadow: 0 2px 5px rgba(0, 0, 0, 0.6);
 }

 .menu a:hover {
   color: #2ecd62;
 }

 .header-right {
   display: flex;
   align-items: center;
   gap: 18px;
 }

 .lang-flags img {
   width: 26px;
   height: 20px;
   margin-left: 3px;
   vertical-align: middle;
 }

 .hero-content {
   min-height: 90vh;
   display: flex;
   align-items: center;
   justify-content: flex-start;

 }

 .hero-box {
   background: rgba(3, 69, 29, 0.45);
   backdrop-filter: blur(14px) saturate(180%);
   -webkit-backdrop-filter: blur(14px) saturate(180%);
   color: #fff;
   width: 420px;
   min-width: 0;
   min-height: 0;
   margin-left: 110px;
   padding: 40px 34px 34px 34px;
   border-radius: 20px;
   box-shadow: 0 10px 40px rgba(0, 0, 0, 0.35);
   border: 1px solid rgba(255, 255, 255, 0.25);
   display: flex;
   flex-direction: column;
   gap: 18px;
   align-items: flex-start;
   justify-content: center;
   box-sizing: border-box;
 }

 .hero-box hr {
   width: 48px;
   height: 2.2px;
   background: #fff;
   border: none;
   margin: 0 0 18px 0;
   opacity: .7;
 }

 .hero-box h2 {
   font-size: 1.56rem;
   margin: 0 0 10px 0;
   font-weight: 600;
   line-height: 1.17;
   letter-spacing: 1px;
 }

 .hero-box p {
   font-size: 1.04rem;
   font-weight: 400;
   line-height: 1.6;
   margin: 0 0 18px 0;
   color: #e0f7e9;
 }

 .hero-btn {
   margin-top: 8px;
   background: #fdbb2d;
   color: #03451d;
   font-weight: 700;
   font-size: 1.05rem;
   padding: 14px 36px;
   border-radius: 8px;
   border: none;
   text-decoration: none;
   display: inline-block;
   letter-spacing: .5px;
   box-shadow: 0 6px 16px rgba(253, 187, 45, 0.35);
   transition: all 0.2s cubic-bezier(.4, 2, .6, .6);
   text-align: center;
   outline: none;
   font-family: inherit;
 }

 .hero-btn:hover {
   background: #e6a827;
   color: #000;
   box-shadow: 0 8px 24px rgba(253, 187, 45, 0.5);
   transform: translateY(-2px) scale(1.04);
 }

 /* Hakkımızda */
 .about-section {
   width: 100%;
   background: #fff;
   padding: 62px 0 54px 0;
   box-sizing: border-box;
 }

 .about-container {
   max-width: 1460px;
   margin: 0 auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 32px;
   padding: 0 5vw;
 }

 .about-left {
   flex: 1 1 0;
   min-width: 300px;
 }

 .about-left h3 {
   color: #189e62;
   font-size: 1.22rem;
   letter-spacing: .9px;
   font-weight: 600;
   margin-bottom: 15px;
 }

 .about-left p {
   color: #111;
   font-size: 1.14rem;
   line-height: 1.6;
   font-family: 'Montserrat', Arial, sans-serif;
   margin: 0;
 }

 .about-right {
   flex-shrink: 0;
   display: flex;
   align-items: center;
   justify-content: flex-end;
   min-width: 230px;
 }

 .about-btn {
   background: #0e9651;
   color: #fff;
   font-size: 1.08rem;
   padding: 16px 38px;
   border: none;
   border-radius: 2px;
   text-decoration: none;
   font-weight: 500;
   transition: background 0.18s;
   letter-spacing: 1px;
   display: inline-block;
   text-align: center;
 }

 .about-btn:hover {
   background: #0c7440;
   color: #fff;
 }

 @media (max-width: 950px) {
   .about-container {
     flex-direction: column;
     align-items: flex-start;
     gap: 36px;
     padding: 0 2vw;
   }

   .about-right {
     width: 100%;
     justify-content: flex-start;
   }
 }

 @media (max-width: 800px) {
   .hero-box {
     margin: 18px 5vw;
     width: 90vw;
   }
 }

 @media (max-width: 480px) {
   .hero-box {
     margin: 10px 1vw;
     padding: 14px 6px;
     border-radius: 8px;
     width: 97vw;
   }

   .hero-box h2 {
     font-size: 1.07rem;
   }

   .hero-box p {
     font-size: .97rem;
   }
 }

 /* DÜZENLEME BAŞLANGIÇ */
 .category-slider {
   width: 100vw;
   background: #fff;
   padding: 80px 0;
   margin: 0;
 }

 .category-row {
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
   align-items: stretch;
   gap: 20px;
   max-width: 1540px;
   margin: 0 auto;
   padding: 0 40px 30px 40px;
   overflow-x: auto;
   scrollbar-width: thin;
   scrollbar-color: #0c7440 transparent;
 }

 .category-row::-webkit-scrollbar {
   height: 8px;
 }

 .category-row::-webkit-scrollbar-track {
   background: transparent;
 }

 .category-row::-webkit-scrollbar-thumb {
   background-color: #0c7440;
   border-radius: 20px;
 }

 .category-col {
   flex: 1 1 0;
   min-width: 180px;
   /* Compressibility so 5 cards fit easily without scroll on 1080p width */
   background: #0c7440;
   border-radius: 20px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: flex-end;
   text-align: center;
   box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
   position: relative;
   overflow: hidden;
   color: #fff;
   text-decoration: none;
   height: 420px;
   transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s;
 }

 .category-col::before {
   content: '';
   position: absolute;
   inset: 0;
   background: var(--img, #222) center center / cover no-repeat;
   z-index: 0;
   transition: transform 0.7s ease;
 }

 .category-col::after {
   content: '';
   position: absolute;
   inset: 0;
   background: linear-gradient(to top, rgba(12, 116, 64, 0.95) 0%, rgba(12, 116, 64, 0.45) 50%, rgba(12, 116, 64, 0.05) 100%);
   z-index: 1;
   transition: background 0.4s ease;
 }

 .category-title {
   position: relative;
   font-size: 1.45rem;
   font-weight: 700;
   color: #fff;
   z-index: 2;
   margin-bottom: 20px;
   text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
   letter-spacing: 0.5px;
 }

 .category-btn {
   position: relative;
   background: #fdbb2d;
   color: #0c7440;
   padding: 14px 34px;
   border-radius: 30px;
   font-size: 1.1rem;
   font-weight: 700;
   text-decoration: none;
   z-index: 2;
   margin-bottom: 40px;
   transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
   border: none;
   box-shadow: 0 6px 18px rgba(253, 187, 45, 0.35);
   transform: translateY(30px);
   opacity: 0;
 }

 .category-col:hover {
   transform: translateY(-10px);
   box-shadow: 0 20px 40px rgba(12, 116, 64, 0.25);
 }

 .category-col:hover::before {
   transform: scale(1.08);
 }

 .category-col:hover::after {
   background: linear-gradient(to top, rgba(12, 116, 64, 0.98) 0%, rgba(12, 116, 64, 0.65) 60%, rgba(12, 116, 64, 0.2) 100%);
 }

 .category-col:hover .category-btn {
   transform: translateY(0);
   opacity: 1;
 }

 .category-col:hover .category-btn:hover {
   background: #e6a827;
   transform: translateY(-3px);
   box-shadow: 0 8px 22px rgba(253, 187, 45, 0.5);
 }

 /* ✅ GRANAR Harfi (Arka Plan Filigranı) */
 .letter-overlay {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   font-size: 14rem;
   font-weight: 800;
   color: rgba(255, 255, 255, 0.45);
   z-index: 2;
   pointer-events: none;
   transition: opacity 0.3s ease, transform 0.4s ease;
 }

 .category-col:hover .letter-overlay {
   opacity: 0;
   transform: translate(-50%, -60%);
 }

 @media (max-width: 900px) {
   .category-slider {
     padding: 50px 0;
   }

   .category-row {
     flex-direction: column;
     justify-content: flex-start;
     align-items: stretch;
     flex-wrap: nowrap;
     gap: 24px;
     padding: 0 20px 20px 20px;
     overflow-x: hidden;
   }

   .category-col {
     flex: none;
     width: 100%;
     min-width: unset;
     height: 300px;
     scroll-snap-align: none;
   }

   .category-title {
     font-size: 1.35rem;
   }

   .category-btn {
     transform: translateY(0);
     opacity: 1;
     padding: 12px 28px;
     font-size: 1.05rem;
     margin-bottom: 30px;
   }

   .letter-overlay {
     font-size: 11rem;
   }
 }

 @media (max-width: 600px) {
   .category-col {
     height: 260px;
   }
 }


 /* SOCIAL SECTION DÜZENLEME */
 .social-section {
   width: 100vw;
   background: #fff;
   /* TAMAMEN BEYAZ! */
   margin: 0;
   padding: 72px 0 76px 0;
   display: flex;
   align-items: center;
   justify-content: center;
   min-height: 340px;
   box-sizing: border-box;
 }

 .social-content {
   max-width: 720px;
   margin-left: auto;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;
   gap: 16px;
 }

 .social-desc {
   font-size: 1rem;
   color: #000;
   font-family: 'Montserrat', Arial, sans-serif;
   margin: 0 0 14px 0;
   font-weight: 400;
   line-height: 1.4;
 }

 .social-hashtag {
   font-size: 1.13rem;
   color: #0e9651;
   font-weight: 700;
   margin-bottom: 6px;
 }

 .social-line {
   width: 54px;
   height: 3px;
   background: #0e9651;
   border-radius: 2px;
   margin-bottom: 12px;
   opacity: 0.35;
 }

 .social-icons a {
   font-size: 1.45rem;
   color: #0e9651;
   margin-right: 22px;
   transition: color 0.2s;
   text-decoration: none;
 }

 .social-icons a:hover {
   color: #076e35;

 }

 .feature-section {
   width: 100vw;
   background: #f5f6fa;
   padding: 64px 0 64px 0;
   display: flex;
   justify-content: center;
 }

 .feature-container {
   max-width: 1200px;
   width: 100%;
   display: flex;
   align-items: flex-start;
   gap: 74px;
   margin: 0 auto;
   padding: 0 32px;
 }

 .feature-images {
   flex: 0 0 370px;
   display: flex;
   flex-direction: column;
   gap: 22px;
 }

 .feature-img {
   width: 370px;
   height: 170px;
   object-fit: cover;
   border-radius: 7px;
   box-shadow: 0 4px 16px 0 #0001;
   background: #ddd;
 }

 .feature-content {
   flex: 1 1 0;
   display: flex;
   flex-direction: column;
   justify-content: center;
   min-width: 270px;
   max-width: 600px;
 }

 .feature-content h2 {
   font-size: 2rem;
   font-weight: 400;
   color: #202938;
   margin: 0 0 8px 0;
   font-family: 'Montserrat', Arial, sans-serif;
 }

 .feature-underline {
   width: 54px;
   height: 3px;
   background: #18a352;
   margin-bottom: 22px;
   border-radius: 1.5px;
 }

 .feature-content p {
   font-size: 1.08rem;
   color: #464851;
   line-height: 1.6;
   margin-bottom: 32px;
 }

 .feature-btn {
   background: #18a352;
   color: #fff;
   font-size: 0.97rem;
   font-weight: 600;
   border: none;
   padding: 8px 20px;
   /* KISA ve KOMPAKT */
   border-radius: 5px;
   /* Hafif yuvarlatma */
   text-decoration: none;
   transition: background 0.16s, transform 0.12s;
   letter-spacing: 0.3px;
   display: inline-block;
   box-shadow: 0 1px 6px 0 #0001;
 }

 .feature-btn:hover {
   background: #116e37;
   transform: translateY(-2px) scale(1.04);
 }



 .why-section {
   width: 100vw;
   background: #14a348;
   color: #fff;
   padding: 64px 0 54px 0;
   display: flex;
   justify-content: center;
 }

 .why-container {
   max-width: 1400px;
   width: 100%;
   margin: 0 auto;
   display: flex;
   gap: 54px;
   align-items: flex-start;
   padding: 0 36px;
 }

 .why-box {
   flex: 1 1 0;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: flex-start;
   min-width: 230px;
   margin-top: 0;
 }

 .why-box-main {
   flex: 2 1 0;
   align-items: flex-start;
   justify-content: center;
   margin-right: 40px;
 }

 .why-label {
   font-size: 1.12rem;
   letter-spacing: 1px;
   opacity: .84;
   margin-bottom: 16px;
   font-family: 'Montserrat', Arial, sans-serif;
 }

 .why-title {
   font-size: 2.1rem;
   font-weight: 300;
   line-height: 1.1;
   font-family: 'Montserrat', Arial, sans-serif;
 }

 .why-icon {
   margin-bottom: 18px;
   font-size: 2.6rem;
   color: #fff;
   opacity: 1;
 }

 .why-subtitle {
   font-size: 1.28rem;
   font-weight: 600;
   margin-bottom: 7px;
   margin-top: 0;
 }

 .why-desc {
   font-size: 1.07rem;
   font-weight: 400;
   line-height: 1.4;
   opacity: 0.97;
 }






 .contact-section {
   width: 100vw;
   background: #142333 url('images/bg-blur.jpg') center center/cover no-repeat;
   /* Arka plan için istersen görsel ekleyebilirsin */
   padding: 60px 0 68px 0;
   display: flex;
   justify-content: center;
   align-items: center;
   min-height: 260px;
   position: relative;
 }

 .contact-section::before {
   content: "";
   position: absolute;
   inset: 0;
   background: rgba(13, 29, 36, 0.82);
   /* Koyu transparan maske efekti */
   z-index: 1;
 }

 .contact-container {
   position: relative;
   z-index: 2;
   max-width: 900px;
   margin: 0 auto;
   text-align: center;
   color: #fff;
   display: flex;
   flex-direction: column;
   align-items: center;
 }

 .contact-label {
   font-size: 1.11rem;
   color: #26c067;
   letter-spacing: 1px;
   margin-bottom: 22px;
   font-family: 'Montserrat', Arial, sans-serif;
   font-weight: 500;
 }

 .contact-title {
   font-size: 2.17rem;
   font-family: 'Montserrat', Arial, sans-serif;
   font-weight: 400;
   line-height: 1.19;
   margin-bottom: 36px;
 }

 .contact-btn {
   background: #18a352;
   color: #fff;
   font-size: 1.11rem;
   font-weight: 600;
   border: none;
   padding: 18px 54px;
   border-radius: 2px;
   text-decoration: none;
   transition: background 0.16s, transform 0.13s;
   letter-spacing: 0.4px;
   display: inline-block;
   box-shadow: 0 2px 14px 0 #0002;
 }

 .contact-btn:hover {
   background: #116e37;
   transform: translateY(-2px) scale(1.04);
 }




 .footer-section {
   width: 100vw;
   background: #fff;
   color: #292929;
   font-family: 'Montserrat', Arial, sans-serif;
   font-size: 1.01rem;
   margin-top: 0;
 }

 .footer-divider {
   width: 100vw;
   height: 1.5px;
   background: #e9e9e9;
   margin: 0 0 30px 0;
 }

 .footer-content {
   max-width: 1400px;
   margin: 0 auto;
   display: flex;
   gap: 60px;
   justify-content: space-between;
   align-items: flex-start;
   padding: 22px 30px 18px 30px;
   flex-wrap: wrap;
 }

 .footer-col {
   flex: 1 1 180px;
   display: flex;
   flex-direction: column;
   gap: 5px;
   min-width: 170px;
   max-width: 300px;
 }

 .footer-logo-contact {
   min-width: 230px;
   max-width: 300px;
   gap: 10px;
 }

 .footer-logo {
   width: 110px;
   margin-bottom: 16px;
 }

 .footer-contact {
   font-size: 1.01rem;
   color: #484848;
   display: flex;
   flex-direction: column;
   gap: 7px;
 }

 .footer-contact i {
   color: #1b8b44;
   margin-right: 7px;
   font-size: 1.09rem;
 }

 .footer-title {
   color: #179143;
   font-weight: 700;
   margin-bottom: 9px;
   letter-spacing: 0.5px;
   font-size: 1.05rem;
 }

 .footer-col a {
   color: #222;
   text-decoration: none;
   font-size: 1.02rem;
   margin-bottom: 2px;
   transition: color 0.14s;
 }

 .footer-col a:hover {
   color: #18a352;
 }

 .footer-social {
   display: flex;
   gap: 18px;
   margin-top: 18px;
 }

 .footer-social a {
   font-size: 1.4rem;
   color: #1b8b44;
   transition: color 0.18s;
 }

 .footer-social a:hover {
   color: #128d3e;
 }

 .footer-bottom {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
 }

 .fb-left,
 .fb-center,
 .fb-right {
   flex: 1;
   text-align: center;
 }

 .fb-left {
   text-align: left;
 }

 .fb-right {
   text-align: right;
 }

 .footer-bottom .sep {
   opacity: 0.5;
   margin: 0 6px;
 }

 @media (max-width: 950px) {
   .footer-bottom {
     flex-direction: column;
     gap: 8px;
     text-align: center;
   }

   .fb-left,
   .fb-center,
   .fb-right {
     flex: unset;
     text-align: center;
   }
 }

 .agency-link {
   display: inline-block;
   position: relative;
   font-weight: 900;
   font-size: 1.2em;
   line-height: 1;
   /* sıçrama olmasın */
   text-decoration: none;
   background: linear-gradient(270deg, #00ff7f, #1b8b44, #00e5ff, #00ff7f);
   background-size: 400% 400%;
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   animation: galaxyMove 6s ease infinite;
   transition: transform .25s ease, text-shadow .25s ease;
   transform-origin: left bottom;
   /* büyüyünce aşağı taşmasın */
 }

 /* Metnin blur'lu kopyası = kontrollü glow */
 .agency-link::after {
   content: attr(data-text);
   position: absolute;
   inset: 0;
   font: inherit;
   /* aynı font/kalınlık */
   background: inherit;
   /* aynı gradient */
   background-size: inherit;
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   filter: blur(6px);
   opacity: 0;
   pointer-events: none;
   /* tıklamayı engellemesin */
   transition: opacity .25s ease, filter .25s ease;
 }

 /* Hover efektleri */
 .agency-link:hover {
   transform: scale(1.08);
   text-shadow: 0 0 8px rgba(0, 255, 170, .45), 0 0 14px rgba(0, 229, 255, .25);
 }

 .agency-link:hover::after {
   opacity: .9;
   /* parıltı görünür */
   filter: blur(10px);
   /* yumuşak neon */
 }

 /* Sürekli akan gradient */
 @keyframes galaxyMove {
   0% {
     background-position: 0% 50%
   }

   50% {
     background-position: 100% 50%
   }

   100% {
     background-position: 0% 50%
   }
 }








 .footer-bottom a {
   color: #179143;
   text-decoration: none;
   font-weight: 500;
   margin-right: 12px;
 }

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









 .blog-cta-section {
   width: 100vw;
   background: #fff;
   padding: 60px 0 30px 0;
   display: flex;
   justify-content: center;
 }

 .blog-cta-container {
   width: 100%;
   max-width: 1400px;
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   padding: 0 60px;
   box-sizing: border-box;
   flex-wrap: wrap;
 }

 .blog-cta-left {
   flex: 1 1 400px;
   display: flex;
   flex-direction: column;
   gap: 18px;
 }

 .blog-cta-label {
   color: #18a352;
   font-size: 1rem;
   letter-spacing: 2px;
   font-weight: 500;
   margin-bottom: 7px;
   font-family: 'Montserrat', Arial, sans-serif;
 }

 .blog-cta-title {
   font-size: 1.45rem;
   /* Daha küçük başlık boyutu */
   font-family: 'Montserrat', Arial, sans-serif;
   font-weight: 400;
   color: #242526;
   margin-bottom: 2px;
   line-height: 1.13;
 }

 /* Blog bölümü ile footer arası mesafe */
 .blog-cta-section {
   width: 100vw;
   background: #fff;
   padding: 38px 0 48px 0;
   /* Alt padding 48px ile footer'a mesafe bırakır */
   display: flex;
   justify-content: center;
 }

 .blog-cta-right {
   display: flex;
   align-items: flex-start;
   justify-content: flex-end;
   flex: 1 1 280px;
   min-width: 240px;
   margin-top: 13px;
 }

 .blog-cta-btn {
   background: #09984b;
   color: #fff;
   font-size: 1rem;
   font-family: 'Montserrat', Arial, sans-serif;
   font-weight: 600;
   border: none;
   padding: 10px 28px;
   /* Yüksekliği ve genişliği küçüldü */
   border-radius: 2.5px;
   text-decoration: none;
   letter-spacing: 0.6px;
   transition: background 0.15s, transform 0.13s;
   display: inline-block;
   box-shadow: 0 1px 10px 0 #0001;
 }

 .blog-cta-btn:hover {
   background: #046b31;
   transform: translateY(-2px) scale(1.04);
 }


 .logo-text {
   display: flex;
   align-items: center;
   color: #09984b;
   font-size: 2.1rem;
   font-weight: 700;
   letter-spacing: 2px;
   text-transform: uppercase;
   font-family: 'Montserrat', Arial, sans-serif;
 }

 .logo-text img {
   height: 52px;
   margin-right: 9px;
 }

 .menu {
   display: flex;
   gap: 32px;
   font-size: 1.09rem;
   font-weight: 500;
 }





 /* Responsive */
 @media (max-width: 950px) {
   .blog-cta-container {
     flex-direction: column;
     gap: 30px;
     padding: 0 5vw;
   }

   .blog-cta-right {
     justify-content: flex-start;
     margin-top: 0;
   }
 }

 @media (max-width: 600px) {
   .blog-cta-title {
     font-size: 1.35rem;
   }

   .blog-cta-btn {
     width: 100%;
     text-align: center;
     padding: 16px 0;
     font-size: 1rem;
   }

   .blog-cta-section {
     padding: 38px 0 18px 0;
   }
 }









 /* Responsive */
 @media (max-width: 950px) {
   .footer-content {
     flex-direction: column;
     gap: 35px;
     padding: 22px 4vw 18px 4vw;
     align-items: center !important;
     /* Satırdaki kolonlar ortaya */
     text-align: center !important;
     /* Tüm içerikler ortaya */
     justify-content: center !important;
   }

   .footer-bottom {
     flex-direction: column;
     gap: 8px;
     padding: 14px 4vw 14px 4vw;
     text-align: center;
   }

   .footer-col {
     align-items: center !important;
     text-align: center !important;
   }
 }







 @media (max-width: 700px) {
   .contact-title {
     font-size: 1.1rem;
   }

   .contact-btn {
     padding: 13px 0;
     width: 98vw;
     text-align: center;
   }

   .contact-section {
     padding: 36px 0 40px 0;
   }
 }







 @media (max-width: 1100px) {
   .why-container {
     flex-direction: column;
     gap: 38px;
     padding: 0 4vw;
   }

   .why-box-main {
     margin-right: 0;
   }
 }



 /* Responsive */
 @media (max-width: 1000px) {
   .feature-container {
     flex-direction: column;
     gap: 38px;
     align-items: center;
   }

   .feature-images {
     flex-direction: row;
     gap: 18px;
   }

   .feature-img {
     width: 44vw;
     height: 140px;
     max-width: 350px;
   }

   .feature-content {
     max-width: 98vw;
   }
 }

 @media (max-width: 700px) {
   .feature-container {
     flex-direction: column;
     gap: 20px;
     padding: 0 5vw;
   }

   .feature-images {
     flex-direction: column;
     gap: 10px;
   }

   .feature-img {
     width: 92vw;
     height: 36vw;
     max-width: 100vw;
   }

   .feature-content h2 {
     font-size: 1.25rem;
   }

   .feature-btn {
     padding: 13px 0;
     width: 100%;
     text-align: center;
   }
 }







 /* ==========================
      RESPONSIVE TASARIM
========================== */

 /* Hamburger Menü */
 .mobile-toggle {
   right: 44px !important;
   display: none;
   font-size: 2.3rem;
   color: #195f36;
   cursor: pointer;
   margin-left: 16px;
   user-select: none;
   z-index: 120;
 }

 /* Masaüstünde görünen bayraklar */
 .desktop-only {
   display: flex;
   gap: 10px;
 }

 /* Mobil menüde görünen bayraklar */
 .lang-flags-mobile {
   display: none;
   justify-content: center;
   gap: 10px;
   padding: 10px 0;
 }

 @media (max-width: 1100px) {
   .contact-map-area {
     flex-direction: column;
     align-items: center;
     gap: 26px;
     padding: 24px 0 30px 0;
     width: 100vw !important;
     max-width: 100vw !important;
   }

   .contact-map-img,
   .contact-main-card {
     width: 100vw !important;
     max-width: 510px;
     min-width: 0 !important;
     margin: 0 auto;
     box-sizing: border-box;
   }

   .contact-main-card {
     flex-direction: column;
     align-items: stretch;
     gap: 18px;
     padding: 24px 12px;
   }
 }

 @media (max-width: 900px) {
   .footer-content {
     flex-direction: column;
     align-items: stretch;
     gap: 16px;
     padding: 0 6vw;
   }

   .mobile-toggle {
     display: block !important;
   }

   .menu {
     display: none !important;
     flex-direction: column;
     position: fixed !important;
     /* absolute değil, fixed olacak */
     top: 0;
     left: 0;
     width: 100vw !important;
     height: 100vh !important;
     /* Tam ekran kaplasın */
     background: rgba(25, 29, 22, 0.98);
     /* Koyu overlay, istersen #fff bırakabilirsin */
     z-index: 99999 !important;
     /* En önde olacak */
     padding: 110px 0 0 0;
     /* header yüksekliği kadar yukarıdan boşluk */
     border-radius: 0 !important;
     box-shadow: none !important;
     text-align: left;
     gap: 22px;
     overflow-y: auto;
   }

   .menu.open {
     display: flex !important;
   }

   .menu a {
     color: #fff !important;
     font-size: 1.2rem;
     padding: 10px 38px 10px 32px;
     margin-bottom: 5px;
     border-radius: 7px;
     display: block;
     font-weight: 500;
     transition: background 0.18s, color 0.18s;
   }

   .menu a:hover {
     background: #1b3320;
     color: #2ecd62 !important;
   }

   .lang-flags-mobile {
     margin-top: 28px;
     display: flex !important;
     gap: 18px;
     padding-left: 32px;
   }

   .header {
     position: relative !important;
     z-index: 110 !important;
   }
 }


 .header-main {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
   gap: 0;
   padding: 10px 2vw;
   position: relative;
 }

 .logo-text {
   margin-right: 6px;
   flex-shrink: 0;
   display: flex;
   align-items: center;
 }

 .mobile-toggle {
   margin-left: 0;
   margin-right: 10px;
   order: 2;
 }

 .header-right {
   margin-left: auto;
   display: flex;
   align-items: center;
   order: 3;
 }

 /* Masaüstü bayrakları gizle, mobil göster */
 .desktop-only {
   display: none !important;
 }

 .lang-flags-mobile {
   display: flex !important;
 }


 @media (max-width: 780px) {
   .header-main {
     flex-direction: column;
     align-items: flex-start;
     padding: 12px 8vw;
     gap: 18px;
   }

   .menu {
     gap: 8px;
     flex-wrap: wrap;
     font-size: 1.02rem;
   }

   .logo-text img {
     height: 150px;
     /* eski: 52px → büyüttük */
     max-width: 150px;
     /* eski: 86px → büyüttük */

   }
 }

 @media (max-width: 600px) {

   .header-main,
   .header-top {
     padding-left: 2vw;
     padding-right: 2vw;
   }

   .green-hero {
     padding: 19px 0 10px 0;
   }

   .green-hero-title {
     font-size: 1.25rem;
   }

   .contact-map-img {
     height: 170px !important;
     min-width: 0 !important;
     width: 100vw !important;
     max-width: 100vw !important;
     box-sizing: border-box;
   }

   .contact-main-card {
     max-width: 99vw;
     width: 99vw !important;
     padding: 14px 4px;
     border-radius: 11px;
     min-width: 0 !important;
   }

   .contact-info-side,
   .contact-form-side {
     min-width: 120px;
     font-size: 0.97rem;
   }

   .footer-col {
     min-width: 110px;
     font-size: 0.97rem;
   }

   .footer-logo {
     max-width: 65px;
     margin-bottom: 10px;
   }

   .footer-title {
     font-size: 0.97rem;
     margin-bottom: 5px;
   }

   .footer-content,
   .footer-section,
   .footer-bottom {
     width: 100vw !important;
     max-width: 100vw !important;
     box-sizing: border-box;
     padding-left: 0 !important;
     padding-right: 0 !important;
   }
 }

 @media (max-width: 900px) {
   .header-main {
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: space-between;
     gap: 0;
     padding: 10px 2vw;
     position: relative;
   }

   .logo-text {
     margin-right: 6px;
     flex-shrink: 0;
     display: flex;
     align-items: center;
   }

   .mobile-toggle {
     position: absolute;
     right: 0;
     top: 50%;
     transform: translateY(-50%);
     margin: 0;
     z-index: 200;
   }

   .header-right {
     margin-left: auto;
     display: flex;
     align-items: center;
     order: 3;
   }
 }


 .lang-flags-mobile img {
   width: 24px;
   height: 24px;
   object-fit: contain;
   transition: transform 0.2s ease;
 }

 .lang-flags-mobile img:hover {
   transform: scale(1.1);
 }






 @media (max-width: 700px) {
   .blog-cta-section {
     padding: 22px 0 22px 0 !important;
     min-height: unset !important;
   }

   .blog-cta-container {
     flex-direction: column !important;
     align-items: flex-start !important;
     padding: 0 12px !important;
     gap: 12px !important;
   }

   .blog-cta-left,
   .blog-cta-right {
     width: 100% !important;
     min-width: 0 !important;
     flex: none !important;
     margin-top: 0 !important;
     align-items: flex-start !important;
     justify-content: flex-start !important;
   }

   .blog-cta-right {
     margin-top: 18px !important;
     display: block !important;
     width: 100% !important;
   }

   .blog-cta-btn {
     width: 100% !important;
     max-width: 350px;
     margin: 0 auto;
     display: block !important;
     text-align: center !important;
     padding: 12px 0 !important;
     font-size: 1rem !important;
   }
 }






 /* Responsive */
 @media (max-width: 950px) {
   .blog-cta-container {
     flex-direction: column;
     gap: 30px;
     padding: 0 5vw;
   }

   .blog-cta-right {
     justify-content: flex-start;
     margin-top: 0;
   }
 }

 @media (max-width: 600px) {
   .blog-cta-title {
     font-size: 1.35rem;
   }

   .blog-cta-btn {
     width: 100%;
     text-align: center;
     padding: 16px 0;
     font-size: 1rem;
   }

   .blog-cta-section {
     padding: 38px 0 18px 0;
   }
 }





 .menu-back-btn {
   display: none !important;
 }

 /* Sadece mobilde göster */
 @media (max-width: 900px) {
   .menu-back-btn {
     display: flex !important;
     margin-bottom: 10px;
     font-size: 1.07rem;
     padding-left: 12px;
     padding-right: 12px;
     align-items: center;
     gap: 7px;
   }
 }