:root {
--cubic-default: cubic-bezier(0.65, 0.05, 0, 1);
--ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
--duration-default: 0.735s;
--duration-l: 1.2s;
--cubic-smooth: ease-out;
--duration-long: 1s;
--animation-default: var(--duration-default) var(--cubic-default);
--gap: 2em;
--section-padding: calc(3.5em + (var(--gap) * 2));
--container-padding: 4em;
--header-height: calc(1.5em + (var(--gap) * 2));
--footer-height: calc(2.785em + (var(--gap) * 2));
--size-unit: 16;
--size-container-ideal: 1728;
--size-container-min: 992px;
--size-container-max: 1920px;
--size-container: clamp(var(--size-container-min), 100vw, var(--size-container-max));
--size-font: calc(var(--size-container) / (var(--size-container-ideal) / var(--size-unit)));
--header-height: 4.6em;
}

/* Tablet */
@media screen and (max-width: 991px) {
:root {
--container-padding: 1.5em;
--header-height: 5em;
--size-container-ideal: 900;
/* screen-size in design - no px */
--size-container-min: 768px;
--size-container-max: 991px;
}
}

/* Mobile Landscape */
@media screen and (max-width: 767px) {
:root {
--container-padding: 1.5em;
--section-padding: calc(var(--gap) * 2);
--header-height: 4em;
--size-container-ideal: 600;
/* screen-size in design - no px */
--size-container-min: 480px;
--size-container-max: 767px;
}
}

/* Mobile Portrait */
@media screen and (max-width: 479px) {
:root {
--header-height: 3.5em;
--size-container-ideal: 395;
/* screen-size in design - no px */
--size-container-min: 280px;
--size-container-max: 479px;
}
}

/* ------------------------- Hide Scrollbar -------------------------------------------------- */
/* body ::-webkit-scrollbar,
body::-webkit-scrollbar {
display: none;
} */
/* Chrome, Safari, Opera */
/* body {
-ms-overflow-style: none;
} */
/* IE & Edge */
/* html {
scrollbar-width: none;
} */
/* Firefox */
/* ------------------------- Reset -------------------------------------------------- */
*, *:after, *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
}


.w-input, .w-select {
border: unset;
}

html, body {
-webkit-font-smoothing: antialiased;
}

svg {
max-width: none;
height: auto;
box-sizing: border-box;
vertical-align: middle;
}

a {
color: inherit;
}

button, select, input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
/* Remove default Safari/Chrome styling */
-moz-appearance: none;
/* Remove default Firefox styling */
appearance: none;
background: none;
border: none;
padding: 0;
margin: 0;
color: inherit;
font: inherit;
line-height: normal;
cursor: pointer;
text-align: inherit;
text-decoration: none;
outline: none;
/* Remove focus outline. Consider reintroducing with custom focus styles for accessibility. */
}

/* Selection */
::selection {
background-color: black;
text-shadow: none;
color: white;
}

::-moz-selection {
background-color: black;
text-shadow: none;
color: white;
}

/* ------------------------- Button Primary -------------------------------------------------- */
.btn001 .btn001__circle-container .btn001__circle-bg {
transition: scale var(--duration-default) var(--cubic-default);
}

.btn001 .btn001__circle-container .btn001__circle-bg .btn001__arrow {
transform: translate(-4.375em);
transition: transform var(--duration-default) var(--cubic-default);
}

.btn001 .btn001__text-wrapper {
transition: transform var(--duration-default) var(--cubic-default);
}

.btn001 .btn001__text-wrapper:after {
content: "";
position: absolute;
width: 100%;
height: .0625rem;
background-color: var(--color-light);
bottom: -.25em;
left: 0;
transition: scale var(--duration-default) var(--cubic-default);
transform-origin: right
}

.btn001.is--light .btn001__text-wrapper:after {
background-color: var(--color-light);
}

.btn001:hover .btn001__circle-bg, .angebote-card:hover .btn001 .btn001__circle-bg, .res-card:hover .btn001 .btn001__circle-bg {
scale: 1;
}

/* arrow translates to 0 */
.btn001:hover .btn001__circle-bg .btn001__arrow, .angebote-card:hover .btn001 .btn001__circle-bg .btn001__arrow, .res-card:hover .btn001 .btn001__circle-bg .btn001__arrow {
transform: translate(0);
}

/* text-wrapper translates */
.btn001:hover .btn001__text-wrapper, .angebote-card:hover .btn001 .btn001__text-wrapper, .res-card:hover .btn001 .btn001__text-wrapper {
transform: translate(.75em);
}

/* text-wrapper after scales */
.btn001:hover .btn001__text-wrapper:after, .angebote-card:hover .btn001 .btn001__text-wrapper:after, .res-card:hover .btn001 .btn001__text-wrapper:after {
scale: 0 1;
}

/* ------------------------- Links Navbar -------------------------------------------------- */
a.btn-nav:after {
content: "";
position: absolute;
height: 1px;
width: 100%;
background-color: var(--color-light);
top: 50%;
transform: translateY(1.5em);
opacity: 0;
transition: all var(--duration-default) var(--cubic-default)
}

a.btn-nav .btn-nav__text {
text-shadow: 0px 1.1em 0px var(--color-light);
transition: transform 0s var(--cubic-default)
}

a.btn-nav:hover:after {
transform: translateY(1em);
opacity: 1
}

a.btn-nav:hover .btn-nav__text {
transform: translateY(-1.1em);
text-shadow: 0px 1.1em 0px var(--color-light);
transition: transform var(--duration-default) var(--cubic-default);
}

a.btn-nav.w--current:after {
transform: translateY(1em);
opacity: 1;
}

/* ------------------------- ANGEBOTE CARDS -------------------------------------------------- */
.angebote-card img {
transition: all var(--duration-default) var(--ease-out-quad);
scale: 1.05;
filter: brightness(55%);
}

.angebote-card:hover img {
opacity: .8;
scale: 1;
}

/* ------------------------- FOOTER LINK -------------------------------------------------- */
.underline-link::before, .underline-link.is--alt::before, .underline-link.is--alt::after {
content: "";
position: absolute;
bottom: -0.2em;
left: 0;
width: 100%;
height: min(0.0625em, 1px);
background-color: #4f4f51;
transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
transform-origin: right;
transform: scaleX(0) rotate(0.001deg);
}

.underline-link.is--alt.is--big::before, .underline-link.is--alt.is--big::after {
bottom: -.8em;
}

.underline-link:hover::before, .res-card:hover .underline-link::before {
transform-origin: left;
transform: scaleX(1) rotate(0.001deg);
}

/* Alt */
.underline-link.is--alt::before {
transform-origin: left;
transform: scaleX(1) rotate(0.001deg);
transition-delay: 0.3s;
}

.underline-link.is--alt:hover::before {
transform-origin: right;
transform: scaleX(0) rotate(0.001deg);
transition-delay: 0s;
}

.underline-link.is--alt::after {
transform-origin: right;
transform: scaleX(0) rotate(0.001deg);
transition-delay: 0s;
}

.underline-link.is--alt:hover::after {
transform-origin: left;
transform: scaleX(1) rotate(0.001deg);
transition-delay: 0.3s;
}

/* ------------------------- mobile wrapper -------------------------------------------------- */
.mobile-wrapper {
transition: clip-path var(--duration-l) var(--cubic-default)
}

.mobile-wrapper .mobile-nav__text {
transform: translateY(100%);
transition: transform var(--duration-l) var(--cubic-default)
}

.mobile-wrapper .text-uppercase-small.is--navigation {
transform: translateY(100%);
transition: transform var(--duration-l) var(--cubic-default)
}

.mobile-wrapper[data-nav=open] {
clip-path: inset(0 0 0 0);
pointer-events: all
}

.mobile-wrapper[data-nav=open] .text-uppercase-small.is--navigation {
transition-delay: .03s
}

.mobile-wrapper[data-nav=open] .mobile-nav__link:nth-child(1) .mobile-nav__text {
transition-delay: .03s
}

.mobile-wrapper[data-nav=open] .mobile-nav__link:nth-child(2) .mobile-nav__text {
transition-delay: .06s
}

.mobile-wrapper[data-nav=open] .mobile-nav__link:nth-child(3) .mobile-nav__text {
transition-delay: .09s
}

.mobile-wrapper[data-nav=open] .mobile-nav__link:nth-child(4) .mobile-nav__text {
transition-delay: .12s
}

.mobile-wrapper[data-nav=open] .mobile-nav__link:nth-child(5) .mobile-nav__text {
transition-delay: .15s
}

.mobile-wrapper[data-nav=open] .mobile-nav__link:nth-child(6) .mobile-nav__text {
transition-delay: .18s
}

.mobile-wrapper[data-nav=open] .mobile-nav__link:nth-child(7) .mobile-nav__text {
transition-delay: .21s
}

.mobile-wrapper[data-nav=open] .mobile-nav__link:nth-child(8) .mobile-nav__text {
transition-delay: .24s
}

.mobile-wrapper[data-nav=open] .mobile-nav__link:nth-child(9) .mobile-nav__text {
transition-delay: .27s
}

.mobile-wrapper[data-nav=open] .mobile-nav__link:nth-child(10) .mobile-nav__text {
transition-delay: .3s
}

.mobile-wrapper[data-nav=open] .mobile-nav__text , .mobile-wrapper[data-nav=open] .text-uppercase-small.is--navigation {
transform: translateY(0)
}

.nav-wrapper .burger-text {
opacity: 1;
transition: all var(--duration-default) var(--ease-out-quad);
}

.nav-wrapper .burger-text.is--closed {
opacity: 0;
filter: blur(4px);
}

/* data-nav="open" */
.nav-wrapper[data-nav="open"] .burger-text.is--open {
opacity: 0;
filter: blur(4px);
;}

.nav-wrapper[data-nav="open"] .burger-text.is--closed {
opacity: 1;
filter: blur(0px);
}

/* data-nav="closed" */
.nav-wrapper[data-nav="closed"] .burger-text.is--open {
opacity: 1;
filter: blur(0px);
}

.nav-wrapper[data-nav="closed"] .burger-text.is--closed {
opacity: 0;
filter: blur(4px);
}

/* ------------------------- swiper -------------------------------------------------- */
.swiper-buttons-container button.swiper-button-disabled {
opacity: .4;
pointer-events: none;
transition: all var(--duration-default) var(--cubic-default)
}

.swiper-scrollbar {
width: 100%;
height: .0625em;
background-color: var(--color-dark-10)
}

.swiper-scrollbar .swiper-scrollbar-drag {
width: 100%;
height: .0625em;
background-color: var(--color-light);
position: relative
}

.swiper-scrollbar .swiper-scrollbar-drag:before {
content: "";
position: absolute;
top: -.5em;
right: -.5em;
bottom: -.5em;
left: -.5em
}

.swiper-wrapper:active {
cursor: grabbing
}

.swiper-wrapper {
-webkit-user-select: none;
user-select: none
}

.swiper-button.is--next:hover .swiper-svg-inner {
transform: translate(100%);
transition: transform var(--duration-default) var(--cubic-default)
}

.swiper-button.is--prev:hover .swiper-svg-inner {
transform: translate(-100%);
transition: transform var(--duration-default) var(--cubic-default)
}

/* ------------------------- accordion faq -------------------------------------------------- */
.accordion-css__item-bottom {
transition: grid-template-rows .6s cubic-bezier(.625, .05, 0, 1)
}

[data-accordion-status=active] .accordion-css__item-bottom {
grid-template-rows: 1fr
}

.accordion-css__item-icon {
transition: transform .6s cubic-bezier(.625, .05, 0, 1)
}

[data-accordion-status=active] .accordion-css__item-icon {
transform: rotate(.001deg);
border: 1px solid #2c2c2c;
border-radius: 30px;
}

/* ------------------------- header -------------------------------------------------- */
.header {
transition: transform var(--duration-l) var(--cubic-default), border-bottom var(--duration-default) var(--cubic-default);

}

.header .nav-wrapper {
transition: padding-block var(--duration-l) var(--cubic-default)
}

[data-scrolling-started=true] .header {
border-bottom: .0625em solid var(--color-dark-10);
}

[data-scrolling-started=true][data-scrolling-direction=down] header {
transform: translateY(-100%) rotate(.001deg)
}

/* ------------------------- noise -------------------------------------------------- */
.noise {
display: block !important
}

.noise .noise__img {
top: -10rem;
left: -10rem;
width: calc(100% + 20rem);
height: calc(100% + 20rem);
z-index: 2000;
position: absolute;
background-position: 50%;
pointer-events: none;
animation: noise 2s steps(2) infinite;
opacity: .9
}

@keyframes noise {
0% {
transform: translate3d(0, 9rem, 0)
}

10% {
transform: translate3d(-1rem, -4rem, 0)
}

20% {
transform: translate3d(-8rem, 2rem, 0)
}

30% {
transform: translate3d(9rem, -9rem, 0)
}

40% {
transform: translate3d(-2rem, 7rem, 0)
}

50% {
transform: translate3d(-9rem, -4rem, 0)
}

60% {
transform: translate3d(2rem, 6rem, 0)
}

70% {
transform: translate3d(7rem, -8rem, 0)
}

80% {
transform: translate3d(-9rem, 1rem, 0)
}

90% {
transform: translate3d(6rem, -5rem, 0)
}

to {
transform: translate3d(-7rem, 0, 0)
}
}

/* ------------------------- REST -------------------------------------------------- */
.rich-text-angebote li {
background-repeat: no-repeat;
padding-left: 1.5em;
background-position: 0 .25em
}

.w-input, .w-select {
border: unset
}

html.is-changing .transition-fade {
transition: opacity .4s ease-out;
opacity: 1
}

html.is-changing .nav-wrapper {
transition: background-color .4s ease-out;
}

html.is-animating .transition-fade {
opacity: 0
}

html.is-animating .nav-wrapper {
background-color: white;
}

nav:hover a.btn-nav.w--current:not(:hover):after {
opacity: 0
}

[data-nav].mobile-nav__link.w--current .mobile-nav__text {
display: flex;
align-items: center
}

[data-nav].mobile-nav__link.w--current .mobile-nav__text:before {
content: "";
display: block;
width: .1875em;
margin-top: -.0625em;
height: .1875em;
border-radius: 999px;
background-color:beige;
margin-right: .4em
}

@media (min-width: 992px) {
.collection-list .listitem:nth-child(1) {
grid-column: 1/2;
grid-row: 1/4
}

.collection-list .listitem:nth-child(2) {
grid-column: 2/3;
grid-row: 1/6
}

.collection-list .listitem:nth-child(3) {
grid-column: 3/4;
grid-row: 1/5
}

.collection-list .listitem:nth-child(4) {
grid-column: 1/2;
grid-row: 7/10
}

.collection-list .listitem:nth-child(5) {
grid-column: 2/4;
grid-row: 7/12
}
}

@media (min-width: 992px) {
.articles-wrapper.is--blogartikel .collection-list .listitem:nth-child(1) {
grid-column: 1/2;
grid-row: 1/4
}

.articles-wrapper.is--blogartikel .collection-list .listitem:nth-child(2) {
grid-column: 2/3;
grid-row: 1/6
}

.articles-wrapper.is--blogartikel .collection-list .listitem:nth-child(3) {
grid-column: 3/4;
grid-row: 1/5
}
}

.arrow-wrapper {
transition: all var(--duration-default) var(--cubic-default)
}

body[data-scrolling-started=true] .arrow-wrapper {
transform: translateY(-50%);
opacity: 0;
filter: blur(10px)
}

select {
color: var(--color-dark);
}

input[type=radio] {
accent-color: var(--color-dark);
}


.article-wrapper:hover .img-article {
transform: scale(1);
opacity: .8
}

.article-wrapper:hover h2 {
text-decoration: underline
}

.img-article {
transition: all var(--duration-default) var(--ease-out-quad);
}

.hidden {
display: none;
}

.spinner_V8m1 {
opacity: 0;
}

.spinner_V8m1.animate {
opacity: 1;
transform-origin: center;
animation: spinner_zKoa 2s linear infinite
}

.spinner_V8m1.animate circle {
animation: spinner_YpZS 1.5s ease-in-out infinite
}

@keyframes spinner_zKoa {
100% {
transform: rotate(360deg)
}
}

@keyframes spinner_YpZS {
0% {
stroke-dasharray: 0 150;
stroke-dashoffset: 0
}

47.5% {
stroke-dasharray: 42 150;
stroke-dashoffset: -16
}

95%, 100% {
stroke-dasharray: 42 150;
stroke-dashoffset: -59
}
}

html.wf-design-mode .preloader {
display: none;
}
.section.is--hero {
grid-column-gap: 5em;
grid-row-gap: 5em;
flex-flow: column;
padding-top: 7.6em;
padding-bottom: 0;
display: flex
;
position: relative;
}
.cls-1 {
fill: #141819;
stroke: #fff;
stroke-miterlimit: 10;
stroke-width: 6px;
}


/* ==========================================
* PARALLAX İSTATİSTİK BÖLÜMÜ (KOYU TEMA & UZUN SCROLL)
* ========================================== */

.nees-stats-section {
padding: 150px 5%; /* Hem üstten hem alttan bol boşluk veriyoruz ki rahat kaysın */
background-color: transparent; /* Beyazı sildik, temanın kendi siyahı görünecek */
color: #ffffff; /* Ana metin rengi beyaz */
}

/* Esnek Yan Yana Yapı */
.nees-container-fluid {
display: flex;
align-items: flex-start;
margin: 0 auto;
gap: 80px; /* Sol yazı ile sağ kutular arasındaki boşluk */
}

/* --- SOL TARAF (SABİT / STICKY) --- */
.stats-left {
flex: 0 0 35%; /* Ekranın %35'ini kaplar */
/* Sticky (Sabit kalma) ayarı */
position: -webkit-sticky;
position: sticky;
top: 30vh; /* Ekranın üstünden %30 aşağıda sabitlensin (Tam göz hizası) */
}

.stats-main-text {
font-size: 1.6rem;
font-weight: 300; /* Daha zarif ve ince bir font kalınlığı */
margin-bottom: 30px;
color: #ffffff; /* Yazılar bembeyaz */
}

/* --- SAĞ TARAF (KAYAN RAKAMLAR VE KUTULAR) --- */
.stats-right {
flex: 0 0 65%;
display: grid;
grid-template-columns: 1fr; /* 1 sütunlu ızgara */
/* Koyu temada göz yormayan, premium şeffaf/gri ince çizgiler */
border-left: 1px solid rgba(255, 255, 255, 0.15); 
border-top: 1px solid rgba(255, 255, 255, 0.15);  
}

/* Her Bir Rakam Kutusu */
.stat-card {
padding: 60px 50px;
border-right: 1px solid rgba(255, 255, 255, 0.15);
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
display: flex;
flex-direction: column;
justify-content: center; 
min-height: 45vh;
}

/* Kırmızı Büyük Rakamlar */
.stat-number {
font-size: 6.5rem;
color: #c8c8c891; 
font-weight: 400;
margin: 0 0 20px 0;
line-height: 1;
letter-spacing: -2px;
}

.stat-label {
font-size: 1.3rem;
line-height: 1.5;
margin: 0;
}

/* --- MOBİL UYUM (RESPONSIVE) --- */
@media (max-width: 991px) {
.nees-container-fluid {
flex-direction: column; /* Alt alta al */
gap: 40px;
}
.stats-left {
flex: 100%;
position: relative; /* Mobilde sabitlemeyi kaldır */
top: 0;
}
.stats-right {
flex: 100%;
border-top: none;
border-left: none;
}
.stat-card {
padding: 50px 20px;
min-height: 350px; /* Mobilde biraz küçültebiliriz */
}
.stat-number { font-size: 2.2rem; }
}

@media (max-width: 600px) {
.stats-right {
grid-template-columns: 1fr; /* Mobilde tek sütun yap (Alt alta) */
}
.stat-card {
border-right: none; /* Mobilde sağ çizgiyi kaldır */
}
}

/* ==========================================
* MOBİL MENÜ: AKORDEON SUB-MENÜ TASARIMI
* ========================================== */

.mobile-dropdown-wrapper {
width: 100%;
display: flex;
flex-direction: column;
}

.mobile-nav-arrow {
display: inline-block;
margin-left: 8px;
font-size: 0.7rem;
transition: transform 0.3s ease;
opacity: 0.6;
}

/* Tıklandığında ok yukarı dönsün */
.mobile-dropdown-wrapper.is-active .mobile-nav-arrow {
transform: rotate(180deg);
}

/* --- AKORDEON İÇERİK ALANI --- */
.mobile-sub-menu {
max-height: 0; /* Başlangıçta kapalı */
overflow: hidden;
transition: max-height 0.4s cubic-bezier(0.25, 1, 0.5, 1); /* Pürüzsüz kayma efekti */
}

/* İç ızgara (Yan yana 2 kart) */
.mob-sub-grid {
display: grid;
grid-template-columns: 1fr 1fr; /* Mobilde 2 sütun çok şık durur */
gap: 12px;
padding: 10px 0 20px 0; /* Üstten ve alttan boşluk */
}

/* --- MOBİL KARTLAR --- */
.mob-card {
position: relative;
width: 100%;
height: 120px; /* Mobilde ideal parmak dokunma yüksekliği */
border-radius: 8px;
overflow: hidden;
text-decoration: none;
border: 1px solid rgba(255, 255, 255, 0.05);
}

/* Arka Plan Resmi */
.mob-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
z-index: 1;
}

/* Resmin Üzerindeki Siyah Perde (Yazıların Okunması İçin) */
.mob-card-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgb(0 0 0 / 0%) 100%);
z-index: 2;
}

/* Yazı Alanı */
.mob-text {
position: absolute;
bottom: 12px;
left: 12px;
right: 12px;
color: #ffffff;
font-size: 0.8rem;
font-weight: 300;
line-height: 1.3;
z-index: 3;
}


/* ==========================================
* SPLIT SCROLL (TEMİZLENMİŞ KOD & SİLİK RESİM)
* ========================================== */

.nees-split-section {
width: 100%;
position: relative;
/* Arka plan rengi globalden gelecek */
}

.split-container {
display: flex;
justify-content: space-between;
width: 100%;
max-width: 100%;
}

/* --- SOL TARAF (SABİT BÜYÜK RESİMLER) --- */
.split-left {
width: 50%;
height: 100vh;
position: -webkit-sticky;
position: sticky;
top: 0;
overflow: hidden;
}

.sticky-image-wrapper {
position: relative;
width: 100%;
height: 100%;
}

.scroll-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
transition: opacity 0.8s ease-in-out; 
}

/* --- SAĞ TARAF (KAYAN METİNLER VE SİLİK RESİM) --- */
.split-right {
width: 50%;
display: flex;
flex-direction: column;
}

.scroll-content-block {
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 10%;
border-left: 1px solid rgba(255,255,255,0.05);
/* Font ayarları globalden gelecek */
margin: 6rem 0;
}

.block-number {
font-size: 1.2rem;
color: #e60000;
margin-bottom: 20px;
}

.block-title {
font-size: 2.5rem;
margin-bottom: 5px;
line-height: 1.2;
}

/* Yeni Eklenen Alt Başlık */
.block-subtitle {
font-size: 1.5rem;
font-weight: 300;
margin-bottom: 30px;
opacity: 0.8;
}

.block-text {
font-size: 1.1rem;
line-height: 1.6;
max-width: 500px;
opacity: 0.6; /* Metni hafif daha kurumsal ve soft yapar */
}

/* --- YENİ: SİLİK RESİM ALANI (THUMBNAIL) --- */
.block-faded-image {
margin-top: 40px;
max-width: auto; /* Görselin maksimum genişliği */
border-radius: 8px;
overflow: hidden;
}

.block-faded-image img {
width: 100%;
height: auto;
display: block;
transition: opacity 0.3s ease;
}

/* Okunabilirliği artırmak için üzerine gelince biraz aydınlatılabilir (Opsiyonel) */
.scroll-content-block:hover .block-faded-image img {
opacity: 0.45;
}

/* --- MOBİL UYUM --- */
@media (max-width: 991px) {
.split-container {
flex-direction: column;
}
.split-left {
width: 100%;
height: 50vh;
z-index: 10;
}
.split-right {
width: 100%;
}
.scroll-content-block {
height: auto;
padding: 80px 5%;
}
.block-title {
font-size: 2rem;
}
.block-subtitle {
font-size: 1.2rem;
}
/* Mobilde silik resme gerek kalmayabilir, dilersen gizleyebilirsin */
.block-faded-image {
display: none; 
}
}


/* ==========================================
* HIGH-END MINIMALIST KARTLAR (3 KART - TAM EKRAN)
* ========================================== */

.nees-services-section {
width: 100%;
padding: 150px 5% 5% 5%; /* Alttan boşluğu 3 kart için ideal seviyeye çektik */
position: relative;
}

.services-container {
display: flex;
align-items: flex-start;
gap: 80px; /* Yazı ve kartlar arası boşluk */
width: 100%;
}

.intro-title {
color: #ffffff;
font-size: 2.2rem;
font-weight: 300;
line-height: 1.1;
margin-bottom: 30px;
}

.intro-text {
color: rgba(255, 255, 255, 0.5);
font-size: 0.75rem;
line-height: 1.8;
text-transform: uppercase;
letter-spacing: 1px;
}

/* --- SAĞ TARAFTAKİ KART ALANI (TAM EKRAN YAYILMA) --- */
.services-cards-track {
display: flex;
flex: 1; /* Sol taraftan kalan TÜM boşluğu doldurur */
gap: 40px; /* Kartlar arası boşluk */
padding-bottom: 40px;
}

.nees-service-card {
display: flex;
flex-direction: column;
flex: 1; /* SİHİRLİ DOKUNUŞ: 3 kart da kalan boşluğu %33.3 eşit paylaşarak tam oturur */
min-height: 520px;
border: 1px solid rgba(255, 255, 255, 0.12); 
padding: 50px 40px; 
background-color: transparent;
cursor: pointer;
box-sizing: border-box;
}

/* --- KART İÇERİKLERİ --- */
.card-top {
display: flex;
justify-content: space-between;
align-items: flex-start;
}

.card-title {
font-size: 2em;
font-weight: 300;
margin: 0;
}

.card-icon {
width: 50px;
height: 50px;
color: rgba(255, 255, 255, 0.8);
transition: color 0.4s ease;
}

.card-icon svg {
width: 100%;
height: 100%;
}

.card-bottom {
margin-top: auto; 
display: flex;
flex-direction: column;
gap: 35px;
}

.card-text {

font-size: 1.5rem;
margin: 0;
}

.card-link {
display: inline-flex;
align-items: center;
gap: 8px;
color: #ffffff;
font-size: 0.75rem;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 1px;
transition: color 0.3s ease;
}

.card-arrow {
font-size: 1rem;
transition: transform 0.3s ease;
}

/* Hover Efektleri */
.nees-service-card:hover .card-link,
.nees-service-card:hover .card-icon {
color: #e60000; 
}

.nees-service-card:hover .card-arrow {
transform: translate(3px, -3px); 
}

/* --- MOBİL UYUM (YATAY TAŞMA KORUMALI) --- */
@media (max-width: 991px) {
.nees-services-section { 
padding: 60px 5%; 
overflow-x: hidden; 
}

.services-container { 
flex-direction: column; 
gap: 40px; 
}

.services-intro { 
width: 100%; 
position: relative; 
top: 0; 
}

.services-cards-track { 
flex-direction: column; 
width: 100%; 
gap: 20px; 
overflow-x: hidden;
}

.nees-service-card { 
width: 100%; 
max-width: 100%; 
min-height: auto; 
padding: 40px 25px; 
}
}


/* =========================================================================
NEES ABOUT HERO BLOCK - STRUCTURAL ONLY
========================================================================= */

.nees-about-hero-block {
position: relative;
width: 100%;
height: 76vh; /* Tam ekran yükseklik */
display: flex;
align-items: center;
box-sizing: border-box;
overflow: hidden;
}

/* Arka Plan Görsel Yerleşimi */
.nees-hero-bg-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}

.nees-hero-dynamic-bg {
width: 100%;
height: 100%;
background-size: cover;
background-position: top;
opacity: 17%;
filter: grayscale(32%) brightness(91%) contrast(100%);
}


/* İnce Kılavuz Çizgileri - Beyaz ve Net */
.nees-hero-grid-line {
position: absolute;
background-color: rgba(255, 255, 255, 0.15); /* Çizgi rengi saf beyaz yapıldı */
z-index: 2;
}

.line-horizontal-top    { top: 15%; left: 0; width: 100%; height: 1px; }
.line-horizontal-bottom { bottom: 20%; left: 0; width: 100%; height: 1px; }
.line-vertical-left     { left: 10%; top: 0; width: 1px; height: 100%; }
.line-vertical-right    { right: 10%; top: 0; width: 1px; height: 100%; }

/* Çizgilerin Kesişim Noktalarındaki Yuvarlak Noktalar (Dot) */
.nees-hero-dot {
position: absolute;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.4); /* Noktalar beyaz ve belirgin */
z-index: 3;
}

/* Noktaların tam kesişim merkezine oturması için milimetrik hizalama */
.dot-top-left     { top: calc(15% - 3px); left: calc(10% - 3px); }
.dot-bottom-left  { bottom: calc(20% - 3px); left: calc(10% - 3px); }
.dot-top-right    { top: calc(15% - 3px); right: calc(10% - 3px); }
.dot-bottom-right { bottom: calc(20% - 3px); right: calc(10% - 3px); }

/* İçerik Düzeni */
.nees-hero-content-wrapper {
position: relative;
z-index: 4;
width: 100%;
padding: 0 10%;
display: flex;
box-sizing: border-box;
}

/* Sol Küçük Başlık Sütunu */
.nees-hero-left-label {
width: 30%;
padding-left: 20px;
box-sizing: border-box;
margin-top: calc(10vh - 15%); /* Çizginin biraz altına hizalamak için */
}

.nees-hero-left-label span {
font-size: 1em;
letter-spacing: 0.05em;
/* opacity: 0.6; */
color: var(--color-light)

}

/* Sağ Büyük Yazı Sütunu */
.nees-hero-right-body {
width: 70%;
padding-right: 5%;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 30vh;
}

.nees-hero-main-title {
font-size: clamp(1.2rem, 4vw, 2.8rem);
line-height: 1.2;
letter-spacing: -0.02em;
margin: 0 0 40px 0;
max-width: 100%;
width: 100%;
text-align: justify;
}

.nees-hero-sub-paragraph {
font-size: 1.4rem;
line-height: 1.6;
max-width: 100%;
/* opacity: 1.5; */
margin: 0;
}

/* Mobil Ekran Optimizasyonu */
@media (max-width: 991px) {
.nees-hero-content-wrapper {
flex-direction: column;
}
.nees-hero-left-label {
width: 100%;
margin-bottom: 30px;
padding-left: 0;
}
.nees-hero-right-body {
width: 100%;
padding-right: 0;
min-height: auto;
}
.line-vertical-left, .line-vertical-right { display: none; }
}

/* =========================================================================
NEES MISSION & VISION - ABOUT-TXT-2 ARCHITECTURE WITH DIVIDER
========================================================================= */

.nees-about-txt-2-section {
width: 100%;
box-sizing: border-box;
padding: 100px 0;
}

.nees-about-txt-2-container {
width: 100%;
padding: 0 10%;
display: grid;
/* Kart - Çizgi - Kart düzeni için 3 sütunlu yapı */
grid-template-columns: 1fr auto 1fr; 
gap: 60px; /* Çizgi ile bloklar arasındaki eşit mesafe */
align-items: start;
box-sizing: border-box;
position: relative;
}

.nees-about-txt-2-card {
display: flex;
flex-direction: column;
}

/* Ortadan İkiye Ayıran Dikey Çizgi */
.nees-about-txt-2-divider {
width: 1px;
height: 100%;
min-height: 250px; /* Çizginin blok boyunca dik durmasını garanti eder */
background-color: rgba(255, 255, 255, 0.15); /* Üstteki çizgilerle birebir aynı ton */
align-self: stretch; /* Kartların yüksekliğine otomatik eşitlenir */
}

.nees-about-txt-2-number {
font-size: 0.85rem;
margin-bottom: 15px;
}

.nees-about-txt-2-title {
font-size: clamp(1.8rem, 3vw, 2.4rem);
font-weight: 400;
margin: 0 0 25px 0;
letter-spacing: -0.01em;
}

.nees-about-txt-2-text {
font-size: 1.5rem;
line-height: 1.6;
opacity: 0.6;
margin: 0;
}

/* Mobil Ekranlar İçin Çizgi Gizleme ve Yerleşim Optimizasyonu */
@media (max-width: 991px) {
.nees-about-txt-2-text {
font-size: 1.5rem;
}
.nees-about-txt-2-section {
padding: 60px 0;
}
.nees-about-txt-2-container {
grid-template-columns: 1fr; /* Mobilde dikey düzen */
gap: 40px;
}
.nees-about-txt-2-divider {
display: none; /* Mobilde yapıyı sıkıştırmamak için dikey çizgi gizlenir */
}
}


/* =========================================================================
NEES LEADERSHIP & TEAM ARCHITECTURE - FIXED Z-INDEX & BOTTOM BORDER
========================================================================= */

.nees-team-section {
position: relative;
width: 100%;
box-sizing: border-box;
padding: 120px 0;
overflow: hidden;
}

/* İnce Beyaz Kılavuz Çizgileri */
.nees-team-line {
position: absolute;
background-color: rgba(255, 255, 255, 0.15);
z-index: 1; /* Çizgiler alt katmanda kalacak */
}

.line-horizontal-sep    { top: 0; left: 0; width: 100%; height: 1px; }
.line-horizontal-bottom { bottom: 0; left: 0; width: 100%; height: 1px; } /* Tüm sayfayı kaplayan border-bottom çizgisi */
.line-vertical-left     { left: 10%; top: 0; width: 1px; height: 100%; }
.line-vertical-right    { right: 10%; top: 0; width: 1px; height: 100%; }

/* Yuvarlak Beyaz Noktalar (Dot) - Kesinlikle Çizginin Üstünde Görünür */
.nees-team-dot {
position: absolute;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.6) !important; /* Bir tık daha belirgin beyaz */
z-index: 5 !important; /* En yüksek katman gücü */
pointer-events: none; /* Altındaki kartların tıklanmasını engellemesin diye */
}

/* Üst Kesişim Noktaları Hizalaması */
.dot-top-left-intersection     { top: -3px; left: calc(10% - 3px); }
.dot-top-right-intersection    { top: -3px; right: calc(10% - 3px); }

/* Alt Kesişim Noktaları Hizalaması (Yeni Alt Çizgi Üzerine) */
.dot-bottom-left-intersection  { bottom: -3px; left: calc(10% - 3px); }
.dot-bottom-right-intersection { bottom: -3px; right: calc(10% - 3px); }

/* İçerik Katmanları (Çizgilerin ve noktaların altında kalması için ayarlandı) */
.nees-team-header-row {
position: relative;
z-index: 2 !important;
text-align: center;
max-width: 600px;
margin: 0 auto 100px auto;
padding: 0 20px;
}

.nees-team-main-title {
font-size: clamp(2rem, 4vw, 3rem);
font-weight: 400;
letter-spacing: -0.02em;
margin: 0 0 20px 0; text-align: center;
}

.nees-team-main-subtitle {
font-size: 1.2rem;
line-height: 1.6;

margin: 0; text-align: center;
}

.nees-team-row {
position: relative;
z-index: 2 !important;
display: flex;
padding: 60px 10%;
box-sizing: border-box;
}

.nees-team-row.row-separator {
border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.nees-team-grid-col {
width: 100%;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 60px;
padding-right: 20px;
box-sizing: border-box;
}

.nees-team-card {
display: flex;
flex-direction: column;
}

.nees-team-avatar-wrapper {
width: 100%;
aspect-ratio: 1 / 1;
overflow: hidden;
margin-bottom: 20px;
}

.nees-team-img {
width: 100%;
height: 100%;
object-fit: contain;
filter: grayscale(100%) brightness(90%) contrast(105%);
transition: filter 0.4s ease;
}

.nees-team-card:hover .nees-team-img {
filter: grayscale(0%) brightness(100%) contrast(100%);
}

.nees-team-name {
font-size: 1rem;
font-weight: 500;
margin: 0 0 6px 0;
letter-spacing: -0.01em; text-transform: uppercase; text-align: center;
}

.nees-team-role {
font-size: 0.8rem;
opacity: 0.4;
margin: 0;
line-height: 1.4;
text-transform: uppercase; text-align: center;
}


@media (max-width: 991px) {
.nees-team-row { flex-direction: column; padding: 40px 5%; }
.nees-team-grid-col { width: 100%; padding-right: 0; }
.line-vertical-left, .line-vertical-right, .nees-team-dot { display: none; }
}

@media (max-width: 575px) {
.nees-team-grid-col { grid-template-columns: 1fr; gap: 40px; }
}

/* =========================================================================
NEES SCROLL TO TOP BUTTON - STRUCTURAL
========================================================================= */

.nees-to-top-btn {
position: fixed;
bottom: 40px;
right: 40px;
width: 48px;
height: 48px;
border: 1px solid rgba(255, 255, 255, 0.2); /* Çizgilerle uyumlu şık bir sınır */
background: transparent; /* Sitenin kendi arka plan rengini doğrudan yansıtır */
border-radius: 50%; /* Kusursuz yuvarlak */
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 999; /* Sayfadaki her şeyin üstünde kalması için */

/* Başlangıçta gizli ve hafif aşağıda pusuya yatırıyoruz */
opacity: 0;
visibility: hidden;
transform: translateY(15px);
transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s, border-color 0.3s;
}

/* Buton aktif olduğunda yukarı doğru yumuşakça parlasın */
.nees-to-top-btn.is-visible {
opacity: 1;
visibility: visible;
transform: translateY(0);
}

/* Üzerine gelindiğinde sınır çizgisini belirginleştiriyoruz */
.nees-to-top-btn:hover {
border-color: rgba(255, 255, 255, 0.6);
}

/* İçindeki ikon yerleşimi */
.nees-to-top-btn svg {
transition: transform 0.3s ease;
}

.nees-to-top-btn:hover svg {
transform: translateY(-2px); /* İnce bir yukarı hareket efekti */
}


/* =========================================================================
NEES YANGIN DANISMANLIGI PAGE ARCHITECTURE
========================================================================= */

.nees-page-wrapper {
width: 100%;
box-sizing: border-box;
overflow: hidden;
}

/* Global Kılavuz Çizgi Şablonu */
.nees-consulting-line {
position: absolute;
background-color: rgba(255, 255, 255, 0.15);
z-index: 1;
}
.consulting-line-horizontal      { top: 0; left: 0; width: 100%; height: 1px; }
.consulting-line-horizontal-bottom { bottom: 0; left: 0; width: 100%; height: 1px; }
.consulting-line-vertical-left   { left: 10%; top: 0; width: 1px; height: 100%; }
.consulting-line-vertical-right  { right: 10%; top: 0; width: 1px; height: 100%; }


/* Sayfa Konteyneri */
.nees-consulting-container {
width: 100%;
padding: 0 10%;
box-sizing: border-box;
position: relative;
z-index: 2;
}

/* --- SECTION 1: HERO --- */
.nees-consulting-hero {
position: relative;
width: 100%;
padding: 140px 0 100px 0;
}
.nees-consulting-hero .nees-consulting-container {
display: flex;
}
.nees-consulting-title-col {
width: 30%;
padding-left: 20px;
box-sizing: border-box;
}
.nees-consulting-tag {
font-size: 0.8rem;
font-family: monospace;
opacity: 0.4;
display: block;
margin-bottom: 15px;
letter-spacing: 0.05em;
}
.nees-consulting-main-title {
font-size: clamp(2rem, 3.5vw, 2.8rem);
font-weight: 400;
line-height: 1.2;
margin: 0;
letter-spacing: -0.02em;
}
.nees-consulting-desc-col {
width: 70%;
padding-right: 20px;
box-sizing: border-box;
}
.nees-consulting-lead {
font-size: clamp(1.3rem, 2vw, 1.7rem);
line-height: 1.5;
font-weight: 300;
margin: 0 0 30px 0;
opacity: 0.9;
}
.nees-highlight {
font-weight: 400;
opacity: 1;
}
.nees-consulting-subtext {
font-size: 1rem;
line-height: 1.6;
opacity: 0.6;
max-width: 650px;
margin: 0;
}

/* --- SECTION 2: SCOPE --- */
.nees-consulting-scope {
position: relative;
width: 100%;
}
.scope-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.nees-scope-card {
padding: 80px 40px;
box-sizing: border-box;
display: flex;
flex-direction: column;
}
.scope-card-border {
border-left: 1px solid rgba(255, 255, 255, 0.1);
border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.nees-scope-num {
font-size: 0.9rem;
font-family: monospace;
opacity: 0.3;
margin-bottom: 25px;
}
.nees-scope-title {
font-size: 1.3rem;
font-weight: 400;
margin: 0 0 20px 0;
letter-spacing: -0.01em;
}
.nees-scope-text {
font-size: 0.95rem;
line-height: 1.6;
opacity: 0.5;
margin: 0;
text-align: justify;
}

/* --- SECTION 3: PROCESS --- */
.nees-consulting-process {
position: relative;
width: 100%;
padding: 100px 0 140px 0;
}
.process-flex {
display: flex;
align-items: flex-start;
}
.nees-process-info {
width: 30%;
padding-left: 20px;
box-sizing: border-box;
}
.nees-process-heading {
font-size: 1.8rem;
font-weight: 400;
margin: 0 0 20px 0;
letter-spacing: -0.01em;
}
.nees-process-desc {
font-size: 0.9rem;
line-height: 1.6;
opacity: 0.5;
margin: 0;
padding-right: 30px;
}
.nees-process-steps-wrapper {
width: 70%;
display: flex;
align-items: center;
justify-content: space-between;
padding-right: 20px;
box-sizing: border-box;
margin-top: 10px;
}
.nees-step-item {
display: flex;
flex-direction: column;
}
.nees-step-number {
font-size: 0.85rem;
font-family: monospace;
opacity: 0.3;
margin-bottom: 10px;
}
.nees-step-name {
font-size: 1.1rem;
font-weight: 400;
margin: 0;
}
.nees-step-arrow {
font-size: 1.2rem;
opacity: 0.2;
font-family: monospace;
}

/* --- RESPONSIVE OPTIMIZATIONS --- */
@media (max-width: 1100px) {
.scope-grid { grid-template-columns: 1fr; }
.scope-card-border { border-left: none; border-right: none; border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.nees-scope-card { padding: 50px 20px; }
.nees-process-steps-wrapper { flex-wrap: wrap; gap: 20px; justify-content: flex-start; }
.nees-step-arrow { display: none; }
.nees-step-item { min-width: 40%; }
}

@media (max-width: 991px) {
.nees-consulting-hero .nees-consulting-container,
.process-flex { flex-direction: column; }
.nees-consulting-title-col, .nees-process-info { width: 100%; padding-left: 0; margin-bottom: 40px; }
.nees-consulting-desc-col, .nees-process-steps-wrapper { width: 100%; padding-right: 0; }
.consulting-line-vertical-left, .consulting-line-vertical-right { display: none; }
.nees-consulting-container { padding: 0 5%; }
}


/* =========================================================================
NEES FIRE SAFETY PAGE ARCHITECTURE (FULLY ISOLATED NAMESPACE)
========================================================================= */

/* Sadece bu sayfaya özel ana kapsayıcı: Resmi doğrudan buraya bağlıyoruz */
.nees-fire-safety-page-wrapper {
position: relative;
width: 100%;
/* box-sizing: border-box; */
position: relative;
/* top: 0; */
/* left: 0; */
width: 100vw;
height: auto;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
/* z-index: 0; */
/* pointer-events: none; */
background-blend-mode: multiply;
background-color: rgb(2 11 22 / 81%);
}


/* Kılavuz Çizgileri */
.nees-fire-safety-line {
position: absolute;
background-color: rgba(255, 255, 255, 0.15);
z-index: 1;
}
.fire-safety-line-horizontal       { top: 0; left: 0; width: 100%; height: 1px; }
.fire-safety-line-horizontal-bottom { bottom: 0; left: 0; width: 100%; height: 1px; }
.fire-safety-line-vertical-left    { left: 10%; top: 0; width: 1px; height: 100%; }
.fire-safety-line-vertical-right   { right: 10%; top: 0; width: 1px; height: 100%; }

/* Sayfa Konteyneri */
.nees-fire-safety-container {
width: 100%;
padding: 0 10%;
box-sizing: border-box;
position: relative;
z-index: 2;
}

/* --- SECTION 1: HERO --- */
.nees-fire-safety-hero {
position: relative;
width: 100%;
padding: 140px 0 100px 0;
}
.nees-fire-safety-hero .nees-fire-safety-container {
display: flex;
}
.nees-fire-safety-title-col {
width: 30%;
padding-left: 20px;
box-sizing: border-box;
}

.nees-fire-safety-main-title {
font-size: clamp(2rem, 3.5vw, 2.8rem);
font-weight: 400;
line-height: 1.2;
margin: 0;
letter-spacing: -0.02em;
margin: 5rem 0 0 1rem;
}
.nees-fire-safety-desc-col {
width: 70%;
padding-right: 20px;
box-sizing: border-box;
}
.nees-fire-safety-lead {
font-size: clamp(1.3rem, 2vw, 1.7rem);
line-height: 1.5;
font-weight: 300;
margin: 0 0 30px 0;
opacity: 0.9;
}
.nees-fire-safety-highlight {
font-weight: 400;
opacity: 1;
}
.nees-fire-safety-subtext {
font-size: 1.3rem;
line-height: 1.6;
opacity: 0.6;
max-width: 700px;
margin: 0;
}

/* --- SECTION 2: SCOPE --- */
.nees-fire-safety-scope {
position: relative;
width: 100%;
z-index: 2;
}
.fire-safety-scope-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.nees-fire-safety-card {
padding: 80px 40px;
box-sizing: border-box;
display: flex;
flex-direction: column;
}
.fire-safety-card-border {
border-left: 1px solid rgba(255, 255, 255, 0.1);
border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.nees-fire-safety-card-num {
font-size: 1rem;
font-family: monospace;
color: var(--color-light);
margin-bottom: 25px;
}
.nees-fire-safety-card-title {
font-size: 1.8rem;
font-weight: 400;
margin: 0 0 20px 0;
letter-spacing: -0.01em;
}
.nees-fire-safety-card-text {
font-size: 1.2rem;
line-height: 1.6;
margin: 0;
text-align: justify;
}

/* --- SECTION 3: PROCESS --- */
.nees-fire-safety-process {
position: relative;
width: 100%;
padding: 100px 0 140px 0;
z-index: 2;
}
.fire-safety-process-flex {
display: flex;
align-items: center;
}
.nees-fire-safety-process-info {
width: 30%;
padding-left: 3rem;
box-sizing: border-box;
}
.nees-fire-safety-process-heading {
font-size: 1.8rem;
font-weight: 400;
margin: 0 0 20px 0;
letter-spacing: -0.01em;
}
.nees-fire-safety-process-desc {
font-size: 1.2rem;
line-height: 1.6;
margin: 0;
padding-right: 3rem;
}
.nees-fire-safety-steps-wrapper {
width: 70%;
display: flex;
align-items: center;
justify-content: space-between;
padding-right: 20px;
box-sizing: border-box;
margin-top: 10px;
}
.nees-fire-safety-step-item {
display: flex;
flex-direction: column;
}
.nees-fire-safety-step-number {
font-size: 0.85rem;
font-family: monospace;

margin-bottom: 10px;
}
.nees-fire-safety-step-name {
font-size: 1.5rem;
font-weight: 400;
margin: 0; color: var(--color-light)
}
.nees-fire-safety-step-arrow {
font-size: 1.8rem; color: #f5f5dc;
margin-top: 2rem;
font-family: monospace;
}

/* =========================================================================
NEES PROJECT, ENGINEERING & CONTRACTING PAGE (INLINE STYLE STANDARDS)
========================================================================= */

.nees-project-eng-page-wrapper {
position: relative;
width: 100%;
box-sizing: border-box;
overflow: hidden;

/* Inline gelen resmi ekrana yayma kuralları */
background-size: cover;
background-position: center center;
background-repeat: no-repeat;

/* %85 Asil karartma maskesi doğrudan inline resimle çarpışarak çalışır */
background-blend-mode: multiply;
background-color: rgba(11, 12, 16, 0.85) !important; 
}

/* İzole Kılavuz Çizgi Sistemi */
.nees-project-eng-line {
position: absolute;
background-color: rgba(255, 255, 255, 0.15);
z-index: 1;
}
.project-eng-line-horizontal       { top: 0; left: 0; width: 100%; height: 1px; }
.project-eng-line-horizontal-bottom { bottom: 0; left: 0; width: 100%; height: 1px; }
.project-eng-line-vertical-left    { left: 10%; top: 0; width: 1px; height: 100%; }
.project-eng-line-vertical-right   { right: 10%; top: 0; width: 1px; height: 100%; }

/* İzole Sayfa Konteyneri */
.nees-project-eng-container {
width: 100%;
padding: 0 10%;
box-sizing: border-box;
position: relative;
z-index: 2;
}

/* --- SECTION 1: HERO --- */
.nees-project-eng-hero {
position: relative;
width: 100%;
padding: 140px 0 100px 0;
}
.nees-project-eng-hero .nees-project-eng-container {
display: flex;
}
.nees-project-eng-title-col {
width: 30%;
padding-left: 20px;
box-sizing: border-box;
}
.nees-project-eng-tag {
font-size: 0.8rem;
font-family: monospace;
opacity: 0.4;
display: block;
margin-bottom: 15px;
letter-spacing: 0.05em;
}
.nees-project-eng-main-title {
font-size: clamp(2rem, 3vw, 2.8rem);
font-weight: 400;
line-height: 1.2;
margin: 0;
letter-spacing: -0.02em;
margin: 5rem 0 0 1rem;
}
.nees-project-eng-desc-col {
width: 70%;
padding-right: 20px;
box-sizing: border-box;
}
.nees-project-eng-lead {
font-size: clamp(1.3rem, 2vw, 1.7rem);
line-height: 1.5;
font-weight: 300;
margin: 0 0 30px 0;
opacity: 0.9;
}
.nees-project-eng-highlight {
font-weight: 400;
opacity: 1;
}
.nees-project-eng-subtext {
font-size: 1.3rem;
line-height: 1.6;
opacity: 0.6;
max-width: 700px;
margin: 0;
}

/* --- SECTION 2: SCOPE / STAGES --- */
.nees-project-eng-scope {
position: relative;
width: 100%;
}
.project-eng-scope-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.nees-project-eng-card {
padding: 80px 40px;
box-sizing: border-box;
display: flex;
flex-direction: column;
}
.project-eng-card-border {
border-left: 1px solid rgba(255, 255, 255, 0.1);
border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.nees-project-eng-card-num {
font-size: 0.8rem;
font-family: monospace;
margin-bottom: 25px;
letter-spacing: 0.05em; color: var(--color-light);
}
.nees-project-eng-card-title {
font-size: 1.8rem;
font-weight: 400;
margin: 0 0 20px 0;
letter-spacing: -0.01em;
}
.nees-project-eng-card-text {
font-size: 1.2rem;
line-height: 1.6;
margin: 0;
text-align: justify;
}

/* --- SECTION 3: CLOSING --- */
.nees-project-eng-closing {
position: relative;
width: 100%;
padding: 100px 0 140px 0;
}
.closing-flex {
display: flex;
align-items: flex-start;
}
.nees-project-eng-closing-info {
width: 30%;
padding-left: 20px;
box-sizing: border-box;
}
.nees-project-eng-closing-heading {
font-size: 1.6rem;
font-weight: 400;
margin: 3rem 0 0 2rem;
letter-spacing: -0.01em;
}
.nees-project-eng-closing-desc-col {
width: 70%;
padding-right: 20px;
box-sizing: border-box;
}
.nees-project-eng-closing-text {
font-size: 1.1rem;
line-height: 1.6;
margin: 0;
max-width: 750px;
}

/* --- RESPONSIVE OPTIMIZATIONS --- */
@media (max-width: 1100px) {
.project-eng-scope-grid { grid-template-columns: 1fr; }
.project-eng-card-border { border-left: none; border-right: none; border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.nees-project-eng-card { padding: 50px 20px; }
}

@media (max-width: 991px) {
.nees-project-eng-hero .nees-project-eng-container,
.closing-flex { flex-direction: column; }
.nees-project-eng-title-col, .nees-project-eng-closing-info { width: 100%; padding-left: 0; margin-bottom: 40px; }
.nees-project-eng-desc-col, .nees-project-eng-closing-desc-col { width: 100%; padding-right: 0; }
.project-eng-line-vertical-left, .project-eng-line-vertical-right { display: none; }
.nees-project-eng-container { padding: 0 5%; }
}




/* =========================================================================
NEES MINIMALIST CONTACT FORM ARCHITECTURE (FULLY ISOLATED)
========================================================================= */
/* Form Geri Bildirim Mesaj Kutusu */
.nees-form-alert {
padding: 15px 0;
margin-bottom: 30px;
font-size: 0.95rem;
border: 1px solid;
border-radius: 30px;
text-align: center;
}
.nees-form-alert.success {
color: #4caf50; /* Başarılı ise yeşil tonu */
border-color: #4caf50; /* Başarılı ise yeşil tonu */
}
.nees-form-alert.error {
color: #f44336; /* Hatalı ise kırmızı tonu */
border-color:  #f44336; /* Hatalı ise kırmızı tonu */
}
.nees-contact-page-wrapper {
position: relative;
width: 100%;
min-height: 100vh;
box-sizing: border-box;
overflow: hidden;    border-bottom: 1px solid #1c242e;
}

/* =========================================================================
NEES MINIMALIST CONTACT FORM - 4 VERTICAL LINES SYSTEM
========================================================================= */

/* Kılavuz Çizgileri Ortak Özellikleri */
.nees-contact-line {
position: absolute;
background-color: rgba(255, 255, 255, 0.08); /* Çizgiler çoğaldığı için opaklığı hafifçe %8'e çektim ki göz yormasın */
z-index: 1;
top: 0;
height: 100%;
width: 1px;
}

/* --- SOL TARAFTAKİ 2 ÇİZGİ --- */
/* Dış Sol Çizgi */
.contact-line-vertical-left { 
left: 8%; 
}
/* İç Sol Çizgi (İlave edilen) */
.contact-line-vertical-left-inner {
position: absolute;
background-color: rgba(255, 255, 255, 0.08);
z-index: 1;
top: 0;
height: 100%;
width: 1px;
left: 20%; 
}

/* --- SAĞ TARAFTAKİ 2 ÇİZGİ --- */
/* İç Sağ Çizgi (İlave edilen) */
.contact-line-vertical-right-inner {
position: absolute;
background-color: rgba(255, 255, 255, 0.08);
z-index: 1;
top: 0;
height: 100%;
width: 1px;
right: 20%; 
}
/* Dış Sağ Çizgi */
.contact-line-vertical-right { 
right: 8%; 
}


/* --- İletişim Sayfası Yeni Eklenen Bilgi Alanı --- */
.nees-contact-hours {
display: inline-block;
margin-top: 5px;
font-size: 1.2rem;
opacity: 0.7;
}

.nees-contact-direct-info {
margin-bottom: 45px;
padding-bottom: 30px;
border-bottom: 1px solid rgba(255, 255, 255, 0.08); /* Form ile aradaki ince ayırıcı çizgi */
}

.nees-contact-phone {
display: block;
font-size: clamp(1.8rem, 3.5vw, 2.6rem);
font-weight: 400;
color: #ffffff;
text-decoration: none;
line-height: 1.2;
margin-bottom: 15px;
letter-spacing: -0.01em;
transition: opacity 0.3s ease;
}

.nees-contact-phone:hover {
opacity: 0.8;
}

.nees-contact-address {
font-size: 1.2rem;
line-height: 1.6;
color: #ffffff;
opacity: 0.5;
}
/* Form Konteyneri */
.nees-contact-section {
position: relative;
z-index: 2;
padding: 1rem 0 1rem 0;
width: 100%;
display: flex;
justify-content: center;
}

.nees-contact-container {
width: 100%;
max-width: 580px; /* Formun merkezdeki şık ve kompakt genişliği */
padding: 0 20px;
box-sizing: border-box;     margin: 5rem 0;
}

/* Başlık Grubu */
.nees-contact-header {
margin-bottom: 50px;
}

.nees-contact-title {
font-size: clamp(2.2rem, 4vw, 3rem);
font-weight: 300;
color: #ffffff;
margin: 0 0 15px 0;
letter-spacing: -0.01em;
}

.nees-contact-subtitle {
font-size: 1.2rem;
line-height: 1.5;
color: #ffffff;
opacity: 0.5;
margin: 0;
}

/* Form Elemanları Tasarımı */
.nees-contact-form {
width: 100%;
}

.nees-form-group {
margin-bottom: 35px;
display: flex;
flex-direction: column;
}

.nees-form-label {
font-size: 1rem;
color: #ffffff;
/* opacity: 0.4; */
font-weight: 400;
margin-bottom: 12px;
letter-spacing: 0.02em;
}

/* Input ve Textarea Ortak Çizgi Tasarımı */
.nees-form-input,
.nees-form-select,
.nees-form-textarea {
width: 100%;
background: transparent !important;
border: none !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
border-radius: 0 !important;
padding: 10px 0 14px 0 !important;
font-size: 0.95rem !important;
color: #ffffff !important;
outline: none !important;
box-sizing: border-box;
font-family: inherit;
transition: border-color 0.3s ease;
}

.nees-form-input::placeholder,
.nees-form-textarea::placeholder {
color: rgba(255, 255, 255, 0.25);
}

.nees-form-input:focus,
.nees-form-select:focus,
.nees-form-textarea:focus {
border-bottom-color: rgba(255, 255, 255, 0.6) !important;
}

/* Custom Select Alanı Ok Ayarı */
.nees-select-wrapper {
position: relative;
width: 100%;
}

.nees-form-select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
cursor: pointer;
padding-right: 24px !important;
}

/* Görseldeki aşağı doğru bakan şık minimal ok işareti */
.nees-select-wrapper::after {
content: "";
position: absolute;
right: 5px;
top: 45%;
width: 8px;
height: 8px;
border-right: 1px solid rgba(255, 255, 255, 0.4);
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
transform: translateY(-50%) rotate(45deg);
pointer-events: none;
}

/* Textarea Ayarı */
.nees-form-textarea {
min-height: 100px;
resize: vertical;
}

/* Buton Alanı - Görseldeki Blok Buton Yapısı */
.nees-form-submit-row {
margin-top: 20px;
}

.nees-form-btn {
background-color: #24272c; /* Görseldeki füme/gri buton rengi */
color: #ffffff;
border: none;
padding: 14px 28px;
font-size: 0.9rem;
cursor: pointer;
border-radius: 4px;
transition: background-color 0.3s ease, opacity 0.3s ease;
}

.nees-form-btn:hover {
background-color: #2e3238;
opacity: 0.9;
}

/* Mobil Uyum */
@media (max-width: 768px) {
.map-section {height: auto;display: flex;flex-direction: column-reverse;}
.map-wrapper {height: 600px !important;}
.map-card-container {display: none;}
.address-card {max-width: 100%;box-shadow: none;border: 1px solid #e2e8f0;}
.nees-contact-phone {font-size: clamp(1.2rem, 3.5vw, 2.6rem);}
.nees-maint-line { display: none !important; }
.nees-maint-hero { padding: 2rem 0 40px 0 !important }
.nees-maint-grid { grid-template-columns: 1fr; gap: 40px; }
.nees-maint-bottom-section {padding: 40px 0 80px 0;}
.contact-line-vertical-left-inner {display: none;}
.contact-line-vertical-right-inner {display: none;}
.nees-fire-safety-card {padding: 25px 0px;}
.nees-project-eng-card-text {text-align: left;}
.nees-fire-safety-card-text {font-size: 1rem;text-align: left;}
.nees-contact-container {max-width: 100%;margin: 2rem 0;}
.nees-hero-sub-paragraph {font-size: 1rem;}
.nees-about-txt-2-text {font-size: 1rem;}
.nees-to-top-btn {bottom: 20px;right: 20px;width: 35px;height: 35px;}
.card-text {font-size: 1.0rem;}
.nees-maint-subtitle {font-size: 1.1rem;}
.nees-maint-card-text {font-size: 1.1rem;}
.nees-maint-bottom-content p {font-size: 1.1rem;}
.section.is--hero {padding-top: 3.4em;}
.nees-scroll-subtitle {font-size: 1.1em;letter-spacing: 1px;}
.nees-contact-section {padding: 1rem 0 1rem 0;}
.nees-contact-address {font-size: 1rem;}
.nees-contact-hours {font-size: 1rem; font-weight: 400;}
.nees-contact-subtitle {font-size: 1rem;}
.contact-line-vertical-left, 
.contact-line-vertical-right { display: none; }
.nees-contact-section {padding: 100px 0 60px 0;}
.nees-contact-container {padding: 0 25px;}
}

/* =========================================================================
NEES MAINTENANCE PAGE - 2 LINES & PADDING ARCHITECTURE (RENKSİZ)
========================================================================= */

.nees-maint-page-wrapper {
position: relative;
width: 100%;
min-height: 100vh;
box-sizing: border-box;
overflow: hidden;
z-index: 2;    border-bottom: 1px solid rgb(23 30 40);
}

/* Kılavuz Çizgileri - Sadece En Dıştaki Sağ ve Sol Çizgi Bırakıldı */
.nees-maint-line {
position: absolute;
background-color: rgba(255, 255, 255, 0.08) !important;
z-index: 1;
top: 0;
height: 100%;
width: 1px;
pointer-events: none;
display: block !important;
}
.maint-line-left-outer  { left: 4%; }  /* Sol dış çizgi */
.maint-line-right-outer { right: 4%; } /* Sağ dış çizgi */

/* Tam Ekran Akıcı Konteyner 
Yazıların çizgilere yapışmaması için padding %4'ten %6.5'e çıkarıldı.
Böylece içerik dış çizgilerden içeriye doğru güvenli bir mesafede nefes alır.
*/
.nees-maint-container-fluid {
width: 100%;
padding: 0 6.5% !important; 
box-sizing: border-box;
position: relative;
z-index: 3;
}

/* Hero Alanı */
.nees-maint-hero {
padding: 6rem 0 60px 0 !important;
position: relative;
}

.nees-maint-category {
display: block;
font-size: 0.8rem;
letter-spacing: 0.15em;
text-transform: uppercase;
margin-bottom: 15px;
}

.nees-maint-title {
font-size: clamp(2.4rem, 5vw, 4.5rem) !important;
font-weight: 300;
margin: 0 0 25px 0;
letter-spacing: -0.02em;
line-height: 1.15;
}

.nees-maint-subtitle {
font-size: 1.3rem;
line-height: 1.6;
opacity: 0.5;
margin: 0;    max-width: 50%;
}

/* Sıkışıklığı Giderilmiş Geniş Grid Yapısı */
.nees-maint-content-section {
padding: 40px 0 140px 0;
}

.nees-maint-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 60px; /* Kartların arasındaki boşluk daha da ferahlatıldı */
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding-top: 5rem;
}

/* Görsel Alanı */
.nees-maint-img-wrapper {
position: relative;
width: 100%;
aspect-ratio: 16 / 9;
overflow: hidden;
border-radius: 4px;
margin-bottom: 3rem;
}

.nees-maint-img-wrapper::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.4) 100%);
pointer-events: none;
}

.nees-maint-img {
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.8;
filter: grayscale(20%);
transition: transform 0.5s ease, opacity 0.5s ease;
}

.nees-maint-card:hover .nees-maint-img {
transform: scale(1.03);
opacity: 1;
}

/* Meta Düzeni */
.nees-maint-card-meta {
display: flex;
align-items: baseline;
gap: 15px;
margin-bottom: 15px;
}

.nees-maint-card-num {
font-size: 0.8rem;
}

.nees-maint-card-title {
font-size: 1.4rem;
font-weight: 400;
margin: 0;
letter-spacing: -0.01em;
}

.nees-maint-card-text {
font-size: 1.2rem;
line-height: 1.6;
opacity: 0.5;
margin: 0;
}

/* Mobil ve Tablet Düzenlemeleri */
@media (max-width: 1200px) {.nees-maint-grid { gap: 40px; }
.nees-team-grid-col { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 992px) {
.nees-maint-container-fluid { padding: 0 5% !important; }
.nees-maint-grid { grid-template-columns: repeat(2, 1fr); gap: 40px; }
}




/* --- Periyodik Kontrol Sayfası Alt Kapanış Alanı Sınıfları --- */
.nees-maint-section-intro {
margin-bottom: 40px;
}

.nees-maint-section-title {
font-size: 1.8rem;
font-weight: 300;
margin: 0 0 15px 0;
letter-spacing: -0.01em;
}

.nees-maint-section-desc {
font-size: 1.05rem;
line-height: 1.6;
opacity: 0.5;
max-width: 850px;
margin: 0;
}

.nees-maint-bottom-section {
padding: 60px 0 140px 0;
}

.nees-maint-bottom-box {
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding-top: 50px;
display: flex;
justify-content: space-between;
gap: 60px;
}

.nees-maint-bottom-title {
font-size: 1.8rem;
font-weight: 300;
margin: 2rem 0 0 0;
width: 25rem;
letter-spacing: -0.01em;
line-height: 1.3;
}

.nees-maint-bottom-content {
width: 65%;
display: flex;
flex-direction: column;
gap: 20px;
}

.nees-maint-bottom-content p {
font-size: 1.2rem;
line-height: 1.6;
opacity: 0.5;
margin: 0;
}

.nees-maint-bottom-content strong {
opacity: 0.9;
}

/* Mobil Uyum Sınırları */
@media (max-width: 992px) {
.nees-maint-content-section {
padding: 2rem 0 2rem 0;
}
.nees-maint-bottom-box {
flex-direction: column;
gap: 30px;
}
.nees-maint-bottom-title {
width: 100%;
}
.nees-maint-bottom-content {
width: 100%;
}
}


/* =========================================================================
NEES REFERANSLAR (PRESTIGE PORTFOLIO GRID) ARCHITECTURE (RENKSİZ)
========================================================================= */

.nees-ref-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 45px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding-top: 50px;
}

.nees-ref-card {
display: flex;
flex-direction: column;
box-sizing: border-box;
transition: transform 0.4s ease;
}

/* Tıklanabilir Logo Alanı */
.nees-ref-logo-wrapper {
position: relative;
width: 100%;
aspect-ratio: 3 / 2;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
padding: 25px;
box-sizing: border-box;
overflow: hidden;
cursor: pointer; /* Tıklanabilir olduğunu belli eder */
transition: border-color 0.4s ease;
}

/* Siyah-Beyaz Başlangıç Filtresi */
.nees-ref-logo-img {
max-width: 80%;
max-height: 65%;
object-fit: contain;
opacity: 0.50; 
filter: grayscale(100%) contrast(1.1); /* Logoları tamamen siyah-beyaz yapar */
transition: opacity 0.4s ease, filter 0.4s ease, transform 0.4s ease;
}

.nees-ref-logo-wrapper:hover {
border-color: rgba(255, 255, 255, 0.25);
}

.nees-ref-logo-wrapper:hover .nees-ref-logo-img {
opacity: 1;
filter: grayscale(0%) contrast(1); 
transform: scale(1.04);
}

.nees-ref-card-content {
padding-top: 20px;
}

.nees-ref-company-title {
font-size: 1.8rem;
font-weight: 400;
margin: 0 0 12px 0;
letter-spacing: -0.01em;
line-height: 1.3;
}

.nees-ref-work-list {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
gap: 7px;
}

.nees-ref-work-list li {
font-size: 1.1em;
line-height: 1.4;
position: relative;
padding-left: 12px; color: var(--color-light);
}

.nees-ref-work-list li::before {
content: "";
position: absolute;
left: 0;
top: 8px;
width: 4px;
height: 1px;
background-color: rgba(255, 255, 255, 0.4);
}

/* Duyarlılık Katmanları */
@media (max-width: 1400px) {
.nees-ref-grid { grid-template-columns: repeat(3, 1fr); gap: 35px; }
}

@media (max-width: 992px) {
.nees-ref-grid { grid-template-columns: repeat(2, 1fr); gap: 30px; }
.nees-ref-logo-wrapper { padding: 20px; }
}

@media (max-width: 600px) {
.nees-ref-grid { grid-template-columns: 1fr; gap: 40px; }
.nees-ref-company-title { font-size: 1.1rem; }
}

.nees-ref-card.is--logo-only .nees-ref-logo-wrapper {
background: #e8eef2;
border-color: rgba(255, 255, 255, 0.06);
}

.nees-ref-card.is--logo-only .nees-ref-logo-img {
max-width: 92%;
max-height: 82%;
opacity: 1;
filter: none;
}

.nees-ref-card.is--logo-only .nees-ref-logo-wrapper:hover .nees-ref-logo-img {
transform: scale(1.03);
}

.nees-ref-card.is--logo-only .nees-ref-company-title {
font-size: 1.05rem;
line-height: 1.35;
}

/* --- Periyodik Kontrol Sayfası Yeni Raporlama Kırılım Listesi --- */
.nees-maint-report-sublist {
margin: 10px 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
gap: 15px;
}

.nees-maint-report-sublist li {
font-size: 1.05rem;
line-height: 1.6;
color: aliceblue;
position: relative;
padding-left: 15px;
}


.nees-maint-report-sublist li strong {
opacity: 0.9;
font-weight: 500;
}



/* --- RESPONSIVE OPTIMIZATIONS --- */
@media (max-width: 1100px) {
.fire-safety-scope-grid { grid-template-columns: 1fr; }
.fire-safety-card-border { border-left: none; border-right: none; border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.nees-fire-safety-card { padding: 50px 20px; }
.nees-fire-safety-steps-wrapper { flex-wrap: wrap; gap: 20px; justify-content: flex-start; }
.nees-fire-safety-step-arrow { display: none; }
.nees-fire-safety-step-item { min-width: 40%; }
}

@media (max-width: 991px) {
.nees-fire-safety-subtext {font-size: 1rem;}
.nees-fire-safety-subtext{ font-size: 1rem;}
.nees-fire-safety-hero .nees-fire-safety-container,
.fire-safety-process-flex { flex-direction: column; }
.nees-fire-safety-title-col, .nees-fire-safety-process-info { width: 100%; padding-left: 0; margin-bottom: 40px; }
.nees-fire-safety-desc-col, .nees-fire-safety-steps-wrapper { width: 100%; padding-right: 0; }
.fire-safety-line-vertical-left, .fire-safety-line-vertical-right { display: none; }
.nees-fire-safety-container { padding: 0 5%; }
}

@media (max-width: 1024px) {
.nees-maint-subtitle {max-width: 100%;}
.nees-hero-main-title {font-size: clamp(1.2rem, 3vw, 2.8rem);}
}



/* ==========================================================
NEES ENG - Main Palette Reset (#020c16)
========================================================== */

html, 
body, 
header.header, 
.nav-wrapper,
.html-is-changing header.header,
html.is-animating header.header,
html.is-leaving header.header {
background-color: #020c16 !important;
}

header.header {
min-height: 96px;
width: 100%;
position: relative;
z-index: 9999;
transition: background-color 0.3s ease, box-shadow 0.3s ease;
will-change: background-color;
}

/* Scroll Durumu */
header.header.is--scrolled {
background-color: rgba(2, 12, 22, 0.95) !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
backdrop-filter: blur(10px);
}

/* Map Section Layering */
.map-section {
  position: relative;
  width: 100%;
  height: 520px;
  background-color: #e5e3df;
  overflow: hidden;
}

.map-wrapper {
  width: 100%;
  height: 100%;
}

.map-wrapper iframe {
  width: 100%;
  height: 100%;
  border: 0;
  filter: contrast(98%);
}

/* Floating Card Overlay Container */
.map-card-container {
  position: absolute;
  top: 12px;
  left: 12px;
  width: auto;
  height: auto;
  pointer-events: none;
  display: block;
  padding: 0;
  z-index: 2;
}

/* Address Card */
.address-card {
  pointer-events: auto;
  background: #ffffff;
  padding: 28px 26px;
  width: 320px;
  max-width: calc(100vw - 32px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
  border-radius: 6px;
}

.card-title {
  font-size: 26px;
  font-weight: 700;
  color: #0d233a;
  margin-bottom: 20px;
  line-height: 1.2;
  letter-spacing: -0.5px;
}

.company-title {
  font-size: 13px;
  font-weight: 700;
  color: #020b16;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 12px;
}

.card-text {
  font-style: normal;
  font-size: 14px;
  line-height: 1.6;
  color: #4a5568;
  margin-bottom: 20px;
}

.card-info {
  font-size: 14px;
  line-height: 1.8;
  color: #4a5568;
  margin-bottom: 28px;
}

.card-info p {
  margin: 4px 0;
}

.card-info a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease;
}

.card-info a:hover {
  color: #0d233a;
}

.email-link {
  color: #1a365d !important;
  text-decoration: underline !important;
  font-weight: 500;
}

/* CTA Button */
.map-btn {
  display: block;
  width: 100%;
  padding: 14px 0;
  background-color: #020b16;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  border-radius: 4px;
  transition: background-color 0.2s ease, transform 0.1s ease;
}

.map-btn:hover {
  background-color: #0d233a;
}

.map-btn:active {
  transform: scale(0.99);
}

.section.is--testimonial .swiper-slide {
  background: #e8eef2;
  border-radius: 1.15rem !important;
  min-height: 9.25rem;
  padding: 1.15rem 1rem;
  box-sizing: border-box;
}

.section.is--testimonial .swiper-slide img {
  width: 100%;
  height: 5.6rem;
  object-fit: contain;
}

.section.is--testimonial .swiper-buttons-container {
  display: flex;
}

.footer__address {
  max-width: 26em;
  margin: 0.55em 0 0;
  font-size: 0.9em;
  line-height: 1.5;
  opacity: 0.9;
}

.reksa-whatsapp-btn {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 10000;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: #25d366;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 24px rgba(37, 211, 102, 0.38);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.reksa-whatsapp-btn:hover {
  transform: scale(1.06);
  box-shadow: 0 10px 28px rgba(37, 211, 102, 0.5);
  color: #fff;
}

.nees-to-top-btn {
  bottom: 94px;
  right: 28px;
}

.reksa-contact-whatsapp {
  display: block;
  margin-top: 0.35em;
}

.nav-logo {
  background: #fff;
  border-radius: 8px;
  padding: 4px 6px;
  line-height: 0;
}

.nav-logo img {
  width: 118px !important;
  height: auto;
  max-height: 72px;
  object-fit: contain;
  display: block;
}

@media (min-width: 1025px) {
  .nav-logo {
    position: absolute !important;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) !important;
    z-index: 2;
  }
  .nav {
    position: relative;
    z-index: 3;
    max-width: calc(50% - 80px);
    grid-column-gap: 1.35em;
    overflow: visible;
  }
  .cta {
    position: relative;
    z-index: 3;
  }
}

#megaTriggerBtn {
  position: relative;
  z-index: 40;
  pointer-events: auto !important;
  cursor: pointer;
}

.nav-dropdown-wrapper {
  position: relative;
  z-index: 40;
}

.nav-dropdown-wrapper.is-open .nees-mega-dropdown {
  z-index: 100000 !important;
}

body:has(.nav-dropdown-wrapper.is-open) .nav-logo {
  pointer-events: none;
  visibility: hidden;
}

.footer__logo {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 !important;
  background: #fff;
  border-radius: 8px;
  padding: 8px 10px;
}

.footer__logo img {
  width: 220px !important;
  height: auto;
  max-height: 148px;
  object-fit: contain;
  display: block;
}

@media (max-width: 768px) {
  .nav-logo img {
    width: 96px !important;
    max-height: 58px;
  }
  .reksa-whatsapp-btn {
    right: 16px;
    bottom: 16px;
    width: 52px;
    height: 52px;
  }
  .nees-to-top-btn {
    bottom: 80px !important;
    right: 22px !important;
  }
}