/*--------------------------------------------------------------
# Brand One
--------------------------------------------------------------*/
.brand-one {
    position: relative;
    display: block;
    z-index: 1;
}

.brand-one__inner {
    position: relative;
    display: block;
    background-color: var(--cess-black);
    padding: 53px 0;
    border-radius: 20px;
}

.brand-one__carousel {
    position: relative;
    display: block;
}

.brand-one__single {
    position: relative;
    display: block;
    text-align: center;
}

.brand-one__img {
    position: relative;
    display: block;
}

.brand-one__img a{
    position: relative;
    display: block;
}

.brand-one__img>img {
    width: auto !important;
    margin: 0 auto 0;
    transition: all 500ms linear;
    transition-delay: 0.1s;
    transform: scale(1);
}

.brand-one__img>a>img {
    width: auto !important;
    margin: 0 auto 0;
    transition: all 500ms linear;
    transition-delay: 0.1s;
    transform: scale(1);
}

.brand-one__single:hover .brand-one__img>img {
    transform: scale(.9);
}

.brand-one__single:hover .brand-one__img>a>img {
    transform: scale(.9);
}


/*--------------------------------------------------------------
# Brand Two
--------------------------------------------------------------*/
.brand-two {
    position: relative;
    display: block;
    padding: 0 0 120px;
    z-index: 1;
}

.brand-two__inner {
    position: relative;
    display: block;
    background-color: var(--cess-white);
    padding: 53px 0;
    border-radius: 20px;
}

.brand-two__carousel {
    position: relative;
    display: block;
}

.brand-two__single {
    position: relative;
    display: block;
    text-align: center;
}

.brand-two__img {
    position: relative;
    display: block;
}

.brand-two__img>img {
    width: auto !important;
    margin: 0 auto 0;
    transition: all 500ms linear;
    transition-delay: 0.1s;
    transform: scale(1);
}

.brand-two__img>a>img {
    width: auto !important;
    margin: 0 auto 0;
    transition: all 500ms linear;
    transition-delay: 0.1s;
    transform: scale(1);
}

.brand-two__single:hover .brand-two__img>img {
    transform: scale(.9);
}

.brand-two__single:hover .brand-two__img>a>img {
    transform: scale(.9);
}

/*--------------------------------------------------------------
# Brand Three
--------------------------------------------------------------*/
.brand-three {
    padding: 90px 0px 0px;
}
.brand-projects-section { padding-bottom: 80px; }
          /* Çift sıradaki satırları tersine çevir (Sağda Resim, Solda Yazı) */
          .project-row:nth-child(odd) { flex-direction: row-reverse; }
          .project-row:nth-child(odd) .project-content-col { padding-left: calc(var(--bs-gutter-x) * .5) !important; padding-right: 3rem !important; }

          .interactive-gallery {
              position: relative;
              width: 100%;
              height: 400px;
              border-radius: 20px;
              background: #f8f9fa;
              box-shadow: 0 15px 40px rgba(0,0,0,0.08);
              overflow: hidden;
              transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
          }
          .ig-main-image {
              position: absolute; top: 0; left: 0; right: auto; width: 100%; height: 100%; object-fit: cover;
              transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; z-index: 2;
          }
          /* Çift sıralarda (resim sağdayken) animasyonun sağdan başlaması için taban noktası right: 0 yapılır */
          .project-row:nth-child(odd) .ig-main-image {
              left: auto; right: 0;
          }
          .ig-overlay {
              position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
              z-index: 3; display: flex; align-items: flex-end; padding: 30px; transition: opacity 0.3s; pointer-events: none;
          }
          .ig-overlay span { color: #fff; font-size: 16px; font-weight: 500; display: flex; align-items: center; gap: 8px; }
          .interactive-gallery:hover .ig-main-image { transform: scale(1.03); }

          /* Genişletilmiş (Expanded) Durum */
          .interactive-gallery.expanded .ig-main-image {
              width: 45%; height: 80%; top: 10%; left: 5%; right: auto; border-radius: 12px;
              box-shadow: 0 10px 30px rgba(0,0,0,0.2); transform: scale(1); cursor: default;
          }
          /* Çift satırlarda resim sağa küçülsün */
          .project-row:nth-child(odd) .interactive-gallery.expanded .ig-main-image { left: auto; right: 5%; }
          
          .interactive-gallery.expanded .ig-overlay { opacity: 0; }

          .ig-thumbnails {
              position: absolute; top: 10%; right: 5%; width: 40%; height: 80%;
              display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 15px;
              opacity: 0; transform: translateX(30px); transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
              pointer-events: none; z-index: 1;
          }
          /* Çift satırlarda grid sola gelsin */
          .project-row:nth-child(odd) .ig-thumbnails { right: auto; left: 5%; transform: translateX(-30px); }
          
          .interactive-gallery.expanded .ig-thumbnails { opacity: 1; transform: translateX(0); pointer-events: auto; }

          .ig-thumb-item { width: 100%; height: 100%; border-radius: 8px; overflow: hidden; display: block; position: relative; }
          .ig-thumb-item img { width: 100%; height: 100%; object-fit: cover; transition: 0.3s; }
          .ig-thumb-item:hover img { transform: scale(1.1); }

          .ig-close {
              position: absolute; top: 15px; right: 15px; background: #fff; color: var(--cess-black);
              width: 35px; height: 35px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
              cursor: pointer; z-index: 10; opacity: 0; transform: scale(0.8); transition: 0.3s; box-shadow: 0 5px 15px rgba(0,0,0,0.2);
          }
          .interactive-gallery.expanded .ig-close { opacity: 1; transform: scale(1); }
          .ig-more-overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.6); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: bold; z-index: 2; }

          /* İçerik Metinleri */
          .project-category { color: var(--cess-base); font-weight: 600; text-transform: uppercase; letter-spacing: 1px; font-size: 13px; margin-bottom: 8px; display: block; }
          .project-title { font-size: 28px; font-weight: 700; color: var(--cess-black); margin-bottom: 15px; line-height: 1.3; }
          .project-desc { color: #666; line-height: 1.8; font-size: 16px; margin-bottom: 0; }

          /* Mobil Düzenleme */
          @media (max-width: 991px) {
              .interactive-gallery { height: 320px; }
              .project-row:nth-child(odd) .project-content-col { padding-left: calc(var(--bs-gutter-x) * .5) !important; padding-right: calc(var(--bs-gutter-x) * .5) !important; }
              .interactive-gallery.expanded .ig-main-image { width: 90%; height: 40%; top: 5%; left: 5% !important; right: 5% !important; }
              .interactive-gallery.expanded .ig-thumbnails { width: 90%; height: 45%; top: 50%; left: 5% !important; right: 5% !important; transform: none !important; }
          }

  
          .brand-logo-tab-container {
              margin-top: -90px;
              position: relative;
              z-index: 10;
              text-align: left;
              margin-bottom: 80px;
          }
          .brand-logo-tab {
              display: inline-block;
              background-color: #fff;
              padding: 25px;
              border-radius: 0 0 15px 15px;
              box-shadow: 0 10px 30px rgba(0,0,0,0.07);
              max-width: 280px;
              border: 1px solid #f0f0f0;
              border-top: none;
              margin-top: 90px;
          }
          .brand-logo-tab img {
              max-height: 100px;
              width: auto;
              object-fit: contain;
              border-bottom-left-radius: 10px;
              border-bottom-right-radius: 10px;
          }

          .brand-projects-section { padding-bottom: 80px; padding-top: 0; margin-top: -100px;}
          .project-row { position: relative; z-index: 1; }
          /* Çift sıradaki satırları tersine çevir (Sağda Resim, Solda Yazı) */
          .project-row:nth-child(odd) { flex-direction: row-reverse; }
          .project-row:nth-child(odd) .project-content-col { padding-left: calc(var(--bs-gutter-x) * .5) !important; padding-right: 3rem !important; }

          /* Alternating background with skew */
          .project-row:nth-child(odd) { padding-top: 100px; padding-bottom: 100px; overflow: hidden; }
          .project-row:nth-child(odd)::before { content: ''; position: absolute; top: 0; left: -100%; width: 300%; height: 100%; background-color: #ffffff; transform: skewY(-1deg); z-index: -1; }

          /* Interactive Gallery - Base */
          .interactive-gallery {
              position: relative;
              width: 100%;
              height: 400px;
              border-radius: 20px;
              background: #f8f9fa;
              box-shadow: 0 15px 40px rgba(0,0,0,0.08);
              overflow: hidden;
              transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
          }
          .ig-main-image {
              position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;
              transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; z-index: 2;
          }
          .ig-overlay {
              position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
              z-index: 3; display: flex; align-items: flex-end; padding: 30px; transition: opacity 0.3s; pointer-events: none;
          }
          .ig-overlay span { color: #fff; font-size: 16px; font-weight: 500; display: flex; align-items: center; gap: 8px; }
          .interactive-gallery:hover .ig-main-image { transform: scale(1.03); }

          /* Genişletilmiş (Expanded) Durum */
          .interactive-gallery.expanded .ig-main-image {
              width: 45%; height: 80%; top: 10%; left: 5%; border-radius: 12px;
              box-shadow: 0 10px 30px rgba(0,0,0,0.2); transform: scale(1); cursor: default;
          }
          /* Çift satırlarda resim sağa küçülsün */
          .project-row:nth-child(odd) .interactive-gallery.expanded .ig-main-image { left: auto; right: 5%; }
          
          .interactive-gallery.expanded .ig-overlay { opacity: 0; }

          .ig-thumbnails {
              position: absolute; top: 10%; right: 5%; width: 40%; height: 80%;
              display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 15px;
              opacity: 0; transform: translateX(30px); transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
              pointer-events: none; z-index: 1;
          }
          /* Çift satırlarda grid sola gelsin */
          .project-row:nth-child(odd) .ig-thumbnails { right: auto; left: 5%; transform: translateX(-30px); }
          
          .interactive-gallery.expanded .ig-thumbnails { opacity: 1; transform: translateX(0); pointer-events: auto; }

          .ig-thumb-item { width: 100%; height: 100%; border-radius: 8px; overflow: hidden; display: block; position: relative; }
          .ig-thumb-item img { width: 100%; height: 100%; object-fit: cover; transition: 0.3s; }
          .ig-thumb-item:hover img { transform: scale(1.1); }

          .ig-close {
              position: absolute; top: 15px; right: 15px; background: #fff; color: var(--cess-black);
              width: 35px; height: 35px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
              cursor: pointer; z-index: 10; opacity: 0; transform: scale(0.8); transition: 0.3s; box-shadow: 0 5px 15px rgba(0,0,0,0.2);
          }
          .interactive-gallery.expanded .ig-close { opacity: 1; transform: scale(1); }
          .ig-more-overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.6); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: bold; z-index: 2; }

          /* İçerik Metinleri */
          .project-category { color: var(--cess-base); font-weight: 600; text-transform: uppercase; letter-spacing: 1px; font-size: 13px; margin-bottom: 8px; display: block; }
          .project-title { font-size: 28px; font-weight: 700; color: var(--cess-black); margin-bottom: 15px; line-height: 1.3; }
          .project-desc { color: #666; line-height: 1.8; font-size: 16px; margin-bottom: 0; }

          /* Mobil Düzenleme */
          @media (max-width: 991px) {
              .interactive-gallery { height: 320px; }
              .project-row:nth-child(odd) .ig-main-image { left: 0 !important; right: auto !important; }
              .project-row:nth-child(odd) { padding-top: 60px; padding-bottom: 60px; }
              .project-row:nth-child(odd) .project-content-col { padding-left: calc(var(--bs-gutter-x) * .5) !important; padding-right: calc(var(--bs-gutter-x) * .5) !important; }
              .interactive-gallery.expanded .ig-main-image { width: 90%; height: 40%; top: 5%; left: 5% !important; right: auto !important; }
              .interactive-gallery.expanded .ig-thumbnails { width: 90%; height: 45%; top: 50%; left: 5% !important; right: auto !important; transform: none !important; }
          }

        .brand-projects-section .container ,.brand-projects-section .row
        {
            overflow: visible;
        }






/* The End */