/* Yazı tipi: assets/css/fonts.css (Poppins, kendi sunucumuzdan) */

:root {
    --color-primary:      #8dc63f;
    --color-secondary:    #4898d4;
    --color-dark:         #081a44;
    --color-dark-2:       #0d2562;
    --color-light:        #EAEEF2;
    --color-grey:         #D8DEE6;
    --color-text:         #0b2160;
    --color-text-light:   #F4F6F8;
    --color-text-muted:   #8C9BAA;
    --color-white:        #ffffff;
    --color-silver:       #B0BEC5;
    --color-silver-light: #CFD8DC;
    --font-heading:     'Nunito', sans-serif;
    --font-body:        'Poppins', sans-serif;
    --header-height:    110px;
    --transition:       all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --max-width:        1920px;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { font-family: var(--font-body); color: #eeeeee; background: #0b2160; line-height: 1.7; overflow-x: hidden; }
a   { text-decoration: none; color: inherit; transition: var(--transition); }
ul  { list-style: none; }
img { max-width: 100%; height: auto; display: block; }

.preloader {
    position: fixed; inset: 0; z-index: 99999;
    background: #0b2160;
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 30px;
}
.preloader .site-name { display: flex; align-items: center; justify-content: center; }
.preloader .site-name img { height: 200px; width: auto; filter: drop-shadow(0 4px 16px rgba(141,198,63,0.4)); animation: fadeIn 0.6s ease both; }
.preloader-gutters { display: flex; gap: 6px; }
.preloader-gutters .bar { width: 4px; height: 50px; background: rgba(255,255,255,0.15); border-radius: 4px; overflow: hidden; }
.preloader-gutters .inner-bar { width: 100%; height: 100%; background: var(--color-primary); transform: scaleY(0); transform-origin: bottom; animation: barPulse 1.2s ease-in-out infinite; }
.preloader-gutters .bar:nth-child(1) .inner-bar { animation-delay: 0s; }
.preloader-gutters .bar:nth-child(2) .inner-bar { animation-delay: 0.1s; }
.preloader-gutters .bar:nth-child(3) .inner-bar { animation-delay: 0.2s; }
.preloader-gutters .bar:nth-child(4) .inner-bar { animation-delay: 0.3s; }
.preloader-gutters .bar:nth-child(5) .inner-bar { animation-delay: 0.4s; }
.preloader-gutters .bar:nth-child(6) .inner-bar { animation-delay: 0.3s; }
.preloader-gutters .bar:nth-child(7) .inner-bar { animation-delay: 0.2s; }
.preloader-gutters .bar:nth-child(8) .inner-bar { animation-delay: 0.1s; }
@keyframes barPulse { 0%,100%{transform:scaleY(0.15)} 50%{transform:scaleY(1)} }
.preloader.hidden { opacity: 0; pointer-events: none; transition: opacity 0.6s ease; }

.site-header::before {
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg,#24489a,#4898d4,#8dc63f);
}

.site-header {
    position: fixed; top: 0; z-index: 1000;
    width: 100%; max-width: var(--max-width);
    left: 50%; transform: translateX(-50%);
    transition: var(--transition);
}

.site-header .header-inner {
    display: flex;
    align-items: center;
    position: relative;
    height: var(--header-height);
    transition: var(--transition);
    padding: 0 40px;
}

.site-header .header-inner > * {
    display: flex;
    align-items: center;
}

.site-header.transparent .header-inner { background: transparent; }

.site-header.scrolled .header-inner {
    background: rgba(11,33,96, 0.97);
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 30px rgba(0,0,0,0.12);
    height: 76px;
}

.site-header.scrolled .header-nav > ul > li > a {
    color: #ffffff;
}
.site-header.scrolled .header-nav > ul > li:hover > a,
.site-header.scrolled .header-nav > ul > li.active > a {
    color: var(--color-primary);
}

.site-header.scrolled .lang-current {
    border-color: rgba(255,255,255,0.12);
    color: #ffffff;
}
.site-header.scrolled .lang-switcher:hover .lang-current {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.site-header.scrolled .hamburger-btn span {
    background: #ffffff;
}

.header-edge {
    flex-shrink: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.header-edge-left  { justify-content: flex-start; gap: 0; width: 200px; }
.header-edge-right { justify-content: flex-end;   width: 200px; margin-left: auto; }

.header-logo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}
.header-logo a { display: flex; align-items: center; justify-content: center; }
.header-logo img { height: 90px; width: auto; transition: var(--transition); filter: drop-shadow(0 2px 8px rgba(0,0,0,0.3)); }
.site-header.scrolled .header-logo img { height: 56px; }
.header-logo .logo-text { display: flex; flex-direction: column; align-items: center; line-height: 1.1; }
.header-logo .logo-text .logo-main { font-family: var(--font-heading); font-size: 1.5rem; font-weight: 700; letter-spacing: 0.08em; color: var(--color-light); }
.header-logo .logo-text .logo-sub  { font-size: 0.6rem; font-weight: 400; letter-spacing: 0.25em; color: var(--color-primary); text-transform: uppercase; margin-top: 2px; }

.header-nav { flex: 1; min-width: 0; }
.header-nav-left  { justify-content: flex-end;  padding-right: 100px; }
.header-nav-right { justify-content: flex-start; padding-left:  100px; }

.header-nav > ul { display: flex; align-items: center; gap: 0; margin: 0 !important; padding: 0 !important; }
.header-nav > ul > li { position: relative; }

.header-nav > ul > li > a {
    display: block; padding: 8px 14px;
    font-family: var(--font-body); font-size: 0.82rem; font-weight: 500;
    letter-spacing: 0.02em; text-transform: none;
    color: rgba(255,255,255,0.88); position: relative; white-space: nowrap;
}

.header-nav > ul > li > a::after {
    content: ''; position: absolute; bottom: 2px; left: 14px; right: 14px;
    height: 1px; background: var(--color-primary);
    transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease;
}

.header-nav > ul > li:hover > a,
.header-nav > ul > li.active > a { color: var(--color-primary); }

.header-nav > ul > li:hover > a::after,
.header-nav > ul > li.active > a::after { transform: scaleX(1); }

.header-nav .dropdown {
    position: absolute; top: calc(100% + 8px); left: 0; min-width: 220px;
    background: #081a44; border-top: 2px solid var(--color-primary);
    padding: 10px 0; opacity: 0; visibility: hidden;
    transform: translateY(10px); transition: var(--transition);
    box-shadow: 0 20px 40px rgba(0,0,0,0.4); z-index: 100;
}
.header-nav li:hover > .dropdown,
.header-nav li:focus-within > .dropdown { opacity: 1; visibility: visible; transform: translateY(0); }
.header-nav .dropdown li a {
    display: block; padding: 10px 20px; font-size: 0.8rem; font-weight: 400;
    text-transform: none; color: rgba(255,255,255,0.75);
    border-bottom: 1px solid rgba(255,255,255,0.06); letter-spacing: 0.02em;
}
.header-nav .dropdown li:last-child a { border-bottom: none; }
.header-nav .dropdown li a:hover { color: var(--color-primary); padding-left: 28px; background: rgba(141,198,63,0.08); }

.header-search-btn {
    background: var(--color-primary); border: none; border-radius: 0; cursor: pointer;
    color: #0b2160; font-size: 1rem;
    width: 42px; height: 42px;
    display: flex; align-items: center; justify-content: center;
    transition: var(--transition);
}
.header-search-btn:hover { background: #c9a21f; }

.lang-switcher { position: relative; margin-left: 8px; }
.lang-current {
    display: flex; align-items: center; gap: 5px;
    background: transparent; border: 1px solid rgba(255,255,255,0.25);
    color: rgba(255,255,255,0.82); font-family: var(--font-body);
    font-size: 0.72rem; font-weight: 600; letter-spacing: 0.08em;
    padding: 0 14px; height: 42px;
    cursor: pointer; transition: var(--transition); white-space: nowrap;
}
.lang-current i { font-size: 0.6rem; transition: transform 0.3s ease; }
.lang-switcher:hover .lang-current { border-color: var(--color-primary); color: var(--color-primary); }
.lang-switcher:hover .lang-current i { transform: rotate(180deg); }
.lang-dropdown {
    position: absolute; top: calc(100% + 8px); left: 0; min-width: 70px;
    background: #0b2160; border-top: 2px solid var(--color-primary);
    padding: 6px 0; opacity: 0; visibility: hidden;
    transform: translateY(8px); transition: var(--transition);
    box-shadow: 0 12px 30px rgba(0,0,0,0.12); z-index: 100;
}
.lang-switcher:hover .lang-dropdown { opacity: 1; visibility: visible; transform: translateY(0); }
.lang-dropdown li a { display: block; padding: 8px 16px; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.08em; color: #ffffff; transition: var(--transition); text-align: center; }
.lang-dropdown li a:hover,
.lang-dropdown li a.active { color: var(--color-primary); background: rgba(141,198,63,0.08); }

.header-stats-btn {
    display: inline-flex; align-items: center; justify-content: center;
    gap: 7px; padding: 0 18px; height: 42px;
    background: #24489a; color: var(--color-white);
    font-size: 0.72rem; font-weight: 600; letter-spacing: 0.04em;
    white-space: nowrap; border-radius: 0; transition: var(--transition);
    text-decoration: none;
}
.header-stats-btn i { font-size: 0.85rem; }
.header-stats-btn:hover { background: #8c1c78; color: var(--color-white); }

/* E-Ticaret butonu: aynı yükseklikte, içinde dönen banner yazıları */
.header-stats-btn { position: relative; overflow: hidden; width: 200px; justify-content: flex-start; padding: 0 12px; gap: 10px; }
.header-stats-btn i { animation: cartWiggle 4s ease-in-out infinite; transform-origin: 50% 80%; }
.header-stats-btn::after {            /* üzerinden geçen ışık çizgisi */
    content: ''; position: absolute; top: 0; left: -60%; width: 40%; height: 100%;
    background: linear-gradient(100deg, transparent, rgba(255,255,255,.28), transparent);
    transform: skewX(-20deg); animation: btnShine 4s ease-in-out infinite; pointer-events: none;
}
.stats-btn-slides { position: relative; flex: 1; height: 100%; min-width: 0; }
.sb-slide {
    position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center;
    line-height: 1.15; opacity: 0; animation: sbSlide 12s cubic-bezier(.4,0,.2,1) infinite;
}
.sb-slide:nth-child(2) { animation-delay: 3s; }
.sb-slide:nth-child(3) { animation-delay: 6s; }
.sb-slide:nth-child(4) { animation-delay: 9s; }
.sb-slide small  { font-size: 0.6rem; font-weight: 400; letter-spacing: 0.03em; opacity: .85; }
.sb-slide strong { font-size: 0.8rem; font-weight: 700; letter-spacing: 0.02em; }
@keyframes sbSlide {
    0%   { opacity: 0; transform: translateY(70%); }
    5%   { opacity: 1; transform: translateY(0); }
    22%  { opacity: 1; transform: translateY(0); }
    27%  { opacity: 0; transform: translateY(-70%); }
    100% { opacity: 0; transform: translateY(-70%); }
}
@keyframes btnShine   { 0%,55% { left: -60%; } 80%,100% { left: 130%; } }
@keyframes cartWiggle { 0%,88%,100% { transform: rotate(0); } 92% { transform: rotate(-12deg); } 96% { transform: rotate(10deg); } }
@media (prefers-reduced-motion: reduce) {
    .sb-slide, .header-stats-btn i, .header-stats-btn::after { animation: none; }
    .sb-slide:first-child { opacity: 1; }
}

.hamburger-btn {
    display: none !important;
    flex-direction: column; gap: 5px; cursor: pointer;
    padding: 8px; background: none; border: none;
    flex-shrink: 0;
}
.hamburger-btn span { display: block; width: 24px; height: 2px; background: var(--color-white); transition: var(--transition); }
.site-header.scrolled .hamburger-btn span { background: #ffffff; }
.hamburger-btn.active { opacity: 0; pointer-events: none; }

.mobile-nav-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.6); z-index: 1001; opacity: 0; visibility: hidden; transition: var(--transition); }
.mobile-nav-overlay.active { opacity: 1; visibility: visible; }
.mobile-nav { position: fixed; top: 0; right: -320px; width: 300px; height: 100vh; background: #0b2160; z-index: 1002; overflow-y: auto; transition: right 0.4s cubic-bezier(0.25,0.46,0.45,0.94); display: flex; flex-direction: column; }
.mobile-nav.active { right: 0; }
.mobile-nav-header { display: flex; align-items: center; justify-content: space-between; padding: 24px 20px; border-bottom: 1px solid rgba(255,255,255,0.12); }
.mobile-nav-close { background: none; border: 1px solid rgba(255,255,255,0.12); color: #ffffff; font-size: 1.2rem; cursor: pointer; padding: 10px 12px; transition: var(--transition); position: relative; z-index: 10; border-radius: 4px; line-height: 1; display: flex; align-items: center; justify-content: center; min-width: 40px; min-height: 40px; }
.mobile-nav-close:hover { color: var(--color-primary); border-color: var(--color-primary); }
.mobile-nav-menu { padding: 20px 0; flex: 1; }
.mobile-nav-menu li { border-bottom: 1px solid rgba(255,255,255,0.12); }
.mobile-nav-menu li a { display: flex; align-items: center; justify-content: space-between; padding: 14px 24px; color: #ffffff; font-size: 0.88rem; font-weight: 500; letter-spacing: 0.02em; text-transform: none; }
.mobile-nav-menu li a:hover, .mobile-nav-menu li a.active { color: var(--color-primary); background: rgba(141,198,63,0.06); }
.mobile-nav-contact { padding: 20px 24px; border-top: 1px solid rgba(255,255,255,0.12); }
.mobile-nav-contact p  { color: #a0a0a0; font-size: 0.75rem; margin-bottom: 8px; }
.mobile-nav-contact a  { display: block; color: var(--color-primary); font-size: 1rem; font-weight: 600; margin-bottom: 6px; }

.hero-section {
    position: relative; z-index: 5;
    width: 100%; max-width: var(--max-width); margin: 0 auto;
    aspect-ratio: 1920 / 1000; min-height: 500px; max-height: 1000px;
    overflow: hidden; display: flex; align-items: center; justify-content: center;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5), 0 6px 20px rgba(0, 0, 0, 0.3);
}

.hero-video-wrap { position: absolute; inset: 0; z-index: 0; overflow: hidden; background: #081a44; }

.hero-video-wrap video {
    position: absolute; top: 50%; left: 50%;
    transform: translate(-50%,-50%); pointer-events: none;
    width: 177.78vh; height: 100vh;
    min-width: 100%; min-height: 56.25vw;
    object-fit: cover;
}

.hero-video-wrap::before { content: ''; position: absolute; inset: 0; background: #081a44; z-index: 1; transition: opacity 1s ease; }
.hero-video-wrap.loaded::before { opacity: 0; pointer-events: none; }

.hero-overlay {
    position: absolute; inset: 0; z-index: 2;
    background: linear-gradient(to bottom, rgba(0,0,0,0.60) 0%, rgba(0,0,0,0.50) 50%, rgba(0,0,0,0.82) 100%);
}

.hero-content {
    position: relative; z-index: 3; text-align: center;
    padding: 0 20px; max-width: 900px; margin: 0 auto;
    margin-top: var(--header-height);
    --rx: 0deg; --ry: 0deg; --mx: 0; --my: 0;
    transform: perspective(1100px) rotateX(var(--rx)) rotateY(var(--ry));
    transform-style: preserve-3d;
    will-change: transform;
}
/* 3D Parallax Typography: her katman farklı yükseklikte (translateZ) ve farklı hızda kayar.
   'translate' özelliği giriş animasyonlarının transform'uyla çakışmaz. */
.hero-eyebrow, .hero-title, .hero-desc, .hero-buttons { transition: text-shadow .2s ease; }
.hero-eyebrow { translate: calc(var(--mx) * 8px)  calc(var(--my) * 5px)  45px; }
.hero-title   { translate: calc(var(--mx) * 18px) calc(var(--my) * 10px) 90px;
                text-shadow: calc(var(--mx) * -10px) calc(var(--my) * -6px + 14px) 28px rgba(0,0,0,.6),
                             calc(var(--mx) * -4px)  calc(var(--my) * -3px + 4px)  6px  rgba(0,0,0,.35); }
.hero-desc    { translate: calc(var(--mx) * 10px) calc(var(--my) * 6px)  50px;
                text-shadow: calc(var(--mx) * -5px) calc(var(--my) * -3px + 6px) 14px rgba(0,0,0,.6); }
.hero-buttons { translate: calc(var(--mx) * 5px)  calc(var(--my) * 3px)  25px; }
.hero-title span { display: inline-block; animation: titleFloat 5s ease-in-out infinite; }
@keyframes titleFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-3px)} }
@media (prefers-reduced-motion: reduce) { .hero-title span { animation: none; } }
/* Arka plan videosu ters yönde hafif kayar: yazılarla arasında derinlik farkı oluşur */
.hero-video-wrap video { scale: 1.08; translate: calc(var(--vx, 0) * -14px) calc(var(--vy, 0) * -8px); }

.hero-eyebrow { display: inline-block; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.35em; text-transform: uppercase; color: var(--color-primary); margin-bottom: 20px; padding: 8px 20px; border: 1px solid rgba(255, 255, 255, 0.5); animation: fadeInDown 1s ease 0.3s both; }
.hero-title { font-family: var(--font-heading); font-size: 3.5rem; font-weight: 700; color: var(--color-white); line-height: 1.1; margin-bottom: 24px; animation: fadeInDown 1s ease 0.5s both; }
.hero-title span { color: var(--color-primary); font-style: italic; }
.hero-desc { font-size: clamp(0.9rem,1.5vw,1.05rem); color: rgba(255,255,255,0.78); max-width: 600px; margin: 0 auto 40px; line-height: 1.8; animation: fadeInUp 1s ease 0.7s both; }
.hero-buttons { display: flex; align-items: center; justify-content: center; gap: 16px; flex-wrap: wrap; animation: fadeInUp 1s ease 0.9s both; }

.btn-primary-hero { display: inline-flex; align-items: center; gap: 10px; padding: 15px 36px; background: #24489a; color: var(--color-white); font-size: 0.8rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; border: 2px solid var(--color-primary); transition: var(--transition); }
.btn-primary-hero:hover { background: transparent; color: var(--color-primary); }

.btn-outline-hero { display: inline-flex; align-items: center; gap: 10px; padding: 15px 36px; background: transparent; color: var(--color-white); font-size: 0.8rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; border: 2px solid rgba(255,255,255,0.5); transition: var(--transition); }
.btn-outline-hero:hover { border-color: var(--color-primary); color: var(--color-primary); }

.hero-scroll-down { position: absolute; bottom: 36px; left: 50%; transform: translateX(-50%); z-index: 3; display: flex; flex-direction: column; align-items: center; gap: 8px; color: rgba(255,255,255,0.5); font-size: 0.65rem; letter-spacing: 0.2em; text-transform: uppercase; animation: fadeIn 1s ease 1.2s both; }
.hero-scroll-down .scroll-line { width: 1px; height: 50px; background: linear-gradient(to bottom, rgba(255,255,255,0.5), transparent); animation: scrollLine 2s ease-in-out infinite; }

.hero-stat { position: absolute; bottom: 50px; right: 50px; z-index: 3; background: rgba(10,10,10,0.80); backdrop-filter: blur(10px); border-left: 3px solid var(--color-primary); padding: 18px 24px; animation: fadeInRight 1s ease 1s both; }
.hero-stat .stat-number { font-family: var(--font-heading); font-size: 2.2rem; font-weight: 700; color: var(--color-white); line-height: 1; }
.hero-stat .stat-number span { color: var(--color-primary); }
.hero-stat .stat-label { font-size: 0.7rem; color: rgba(255,255,255,0.6); letter-spacing: 0.12em; text-transform: uppercase; margin-top: 4px; }

/* Hero Features Bar */
.hero-features-bar {
    position: relative;
    z-index: 10;
    max-width: 1300px;
    margin: -50px auto 0;
    background: #081a44; /* Dark color matching the design */
    border-radius: 12px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.3);
    padding: 30px 40px;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.features-bar-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.feature-bar-item {
    display: flex;
    align-items: center;
    gap: 18px;
    flex: 1;
    min-width: 220px;
    border-right: 1px solid rgba(255, 255, 255, 0.06);
    padding-right: 20px;
}
.feature-bar-item:last-child {
    border-right: none;
    padding-right: 0;
}

.fb-icon {
    font-size: 2.2rem;
    color: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.fb-icon i { 
    color: var(--color-white); 
    position: relative;
    z-index: 2;
}

/* Subtle red accent behind the icon to emulate the design's touch of red */
.fb-icon::before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background: var(--color-primary);
    border-radius: 50%;
    bottom: 2px;
    right: -2px;
    z-index: 1;
}

.fb-text {
    display: flex;
    flex-direction: column;
}

.fb-text h5 {
    color: var(--color-white);
    font-family: var(--font-body);
    font-size: 0.95rem;
    font-weight: 600;
    margin-bottom: 3px;
}

.fb-text p {
    color: rgba(255,255,255,0.65);
    font-size: 0.8rem;
    margin: 0;
    line-height: 1.3;
}

.about-section { background: #0b2160; padding: 110px 0 170px; overflow: hidden; position: relative; z-index: 1; margin-top: -60px; }

.about-watermark { position: absolute; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; }
.about-watermark img { width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: 0.13; filter: grayscale(100%); }
.about-watermark::after { content: ''; position: absolute; top: 0; right: 0; width: 35%; height: 30%; background: #0b2160; mask-image: radial-gradient(ellipse at top right, #EAEEF2 40%, transparent 75%); -webkit-mask-image: radial-gradient(ellipse at top right, #EAEEF2 40%, transparent 75%); }

.about-inner { position: relative; z-index: 1; max-width: 1300px; margin: 0 auto; padding: 0 40px; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }

.about-img-wrap { position: relative; display: inline-block; width: 100%; }
.about-img-wrap img { width: 100%; height: 540px; object-fit: cover; object-position: center top; display: block; filter: grayscale(15%); transition: var(--transition); }
.about-img-wrap:hover img { filter: grayscale(0%); }

.about-year-badge { position: absolute; bottom: -24px; right: -24px; width: 130px; height: 130px; background: var(--color-primary); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 16px; box-shadow: 0 8px 32px rgba(141,198,63,0.35); }
.about-year-badge .year-num  { font-family: var(--font-heading); font-size: 2.8rem; font-weight: 700; color: var(--color-white); line-height: 1; display: block; }
.about-year-badge .year-num  { font-variant-numeric: lining-nums; }
.about-year-badge .year-num sup { font-size: 0.5em; position: relative; top: -1.1em; vertical-align: baseline; line-height: 0; margin-left: 0.04em; }
.about-year-badge .year-label { font-size: 0.65rem; font-weight: 500; color: rgba(255,255,255,0.85); letter-spacing: 0.08em; text-transform: uppercase; line-height: 1.4; margin-top: 4px; display: block; }

.about-content { padding-left: 10px; }
.about-eyebrow { display: inline-flex; align-items: center; gap: 10px; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.3em; text-transform: uppercase; color: var(--color-primary); margin-bottom: 18px; }
.about-eyebrow::before { content: ''; display: block; width: 30px; height: 1px; background: var(--color-primary); }
.about-title { font-family: var(--font-heading); font-size: clamp(1.9rem,3vw,2.8rem); font-weight: 700; color: #ffffff; line-height: 1.15; margin-bottom: 22px; }
.about-title span { color: var(--color-primary); font-style: italic; }
.about-desc { font-size: 0.92rem; color: #d0d0d0; line-height: 1.85; margin-bottom: 18px; }
.about-quote { font-family: var(--font-heading); font-size: 1.05rem; font-style: italic; color: var(--color-primary); border-left: 3px solid var(--color-primary); padding: 10px 18px; background: rgba(141,198,63,0.06); margin: 24px 0; }

.about-features { display: flex; flex-direction: column; gap: 20px; margin-bottom: 32px; }
.about-feature  { display: flex; gap: 16px; align-items: flex-start; }
.about-feature .feature-icon { width: 44px; height: 44px; min-width: 44px; background: var(--color-primary); display: flex; align-items: center; justify-content: center; color: var(--color-white); font-size: 1.1rem; margin-top: 2px; }
.about-feature .feature-text h4 { font-family: var(--font-heading); font-size: 1rem; font-weight: 600; color: #ffffff; margin-bottom: 4px; }
.about-feature .feature-text p  { font-size: 0.82rem; color: #b0b0b0; line-height: 1.7; margin: 0; }

.about-stats { display: flex; align-items: center; padding: 24px 0; border-top: 1px solid rgba(255,255,255,0.12); border-bottom: 1px solid rgba(255,255,255,0.12); margin-bottom: 32px; }
.about-stat-item { flex: 1; text-align: center; }
.about-stat-item strong { display: block; font-family: var(--font-heading); font-size: 1.6rem; font-weight: 700; color: var(--color-primary); line-height: 1; margin-bottom: 4px; }
.about-stat-item span   { font-size: 0.7rem; color: #a0a0a0; letter-spacing: 0.08em; text-transform: uppercase; }
.about-stat-divider { width: 1px; height: 40px; background: rgba(255,255,255,0.12); }

.btn-about { display: inline-flex; align-items: center; gap: 10px; padding: 14px 32px; background: #081a44; color: var(--color-white); font-size: 0.8rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; border: 2px solid var(--color-dark); transition: var(--transition); }
.btn-about:hover { background: var(--color-primary); border-color: var(--color-primary); color: var(--color-white); }

.projects-section {
    background: #1A0808;
    padding: 110px 0;
    overflow: hidden;
    position: relative;
    z-index: 3;
    width: 100%;
    max-width: var(--max-width);
    margin: -60px auto -60px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.5), 0 6px 20px rgba(0,0,0,0.3);
}

.projects-video-bg {
    position: absolute; inset: 0; z-index: 0; overflow: hidden;
}
.projects-video-bg video {
    position: absolute; top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 177.78vh; height: 100%;
    min-width: 100%; min-height: 56.25vw;
    object-fit: cover; pointer-events: none;
}
.projects-video-overlay {
    position: absolute; inset: 0; z-index: 1;
    background: linear-gradient(135deg, rgba(26,8,8,0.88) 0%, rgba(44,16,16,0.82) 50%, rgba(26,8,8,0.90) 100%);
}
.projects-inner { position: relative; z-index: 2; max-width: 1400px; margin: 0 auto; padding: 0 40px; }
.projects-inner { max-width: 1400px; margin: 0 auto; padding: 0 40px; }

.projects-heading { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 16px; margin-bottom: 60px; }
.projects-eyebrow { display: inline-flex; align-items: center; gap: 10px; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.3em; text-transform: uppercase; color: var(--color-primary); }
.projects-eyebrow::before { content: ''; display: block; width: 30px; height: 1px; background: var(--color-primary); }
.projects-heading-left { padding-bottom: 0; }
.projects-heading-right { width: 100%; text-align: center; }
.projects-title { font-family: var(--font-heading); font-size: clamp(1.8rem,2.8vw,2.6rem); font-weight: 700; color: var(--color-white); line-height: 1.2; margin-bottom: 0; }
.projects-title span { color: var(--color-primary); font-style: italic; }
.btn-projects-all { display: inline-flex; align-items: center; gap: 8px; padding: 12px 28px; border: 1px solid rgba(255,255,255,0.25); color: rgba(255,255,255,0.8); font-size: 0.78rem; font-weight: 500; letter-spacing: 0.05em; transition: var(--transition); white-space: nowrap; }
.btn-projects-all:hover { border-color: var(--color-primary); color: var(--color-primary); }

.project-card { display: flex; flex-direction: column; height: 100%; }
.project-card-img { position: relative; overflow: hidden; aspect-ratio: 4/3; }
.project-card-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; }
.project-card:hover .project-card-img img { transform: scale(1.06); }
.project-card-overlay { position: absolute; inset: 0; background: rgba(0,0,0,0); display: flex; align-items: flex-start; justify-content: flex-end; padding: 16px; transition: var(--transition); }
.project-card:hover .project-card-overlay { background: rgba(0,0,0,0.35); }
.project-card-link { width: 44px; height: 44px; background: var(--color-primary); color: var(--color-white); display: flex; align-items: center; justify-content: center; font-size: 1rem; opacity: 0; transform: translateY(-10px); transition: var(--transition); }
.project-card:hover .project-card-link { opacity: 1; transform: translateY(0); }
.project-card-info { padding: 20px 0 0; flex: 1; }
.project-card-tags { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 10px; }
.project-card-tags span { font-size: 0.68rem; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; color: var(--color-primary); padding: 3px 10px; border: 1px solid rgba(141,198,63,0.35); }
.project-card-info h3 { font-family: var(--font-heading); font-size: 1.1rem; font-weight: 600; margin-bottom: 6px; line-height: 1.3; color: #ffffff; }
.project-card-info h3 a { color: #ffffff; }
.project-card-info h3 a:hover { color: var(--color-primary); }
.project-card-info p { font-size: 0.78rem; color: rgba(255,255,255,0.45); letter-spacing: 0.04em; margin: 0; }

.projects-nav { display: flex; justify-content: center; gap: 10px; margin-top: 40px; }
.proj-prev, .proj-next { width: 48px; height: 48px; background: transparent; border: 1px solid rgba(255,255,255,0.2); color: rgba(255,255,255,0.7); font-size: 0.95rem; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: var(--transition); border-radius: 0; }
.proj-prev:hover, .proj-next:hover { background: var(--color-primary); border-color: var(--color-primary); color: var(--color-white); }

.site-footer { position: relative; z-index: 1; background: #0b2160; overflow: hidden; padding: 150px 0 0; }
.footer-bg-text { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); font-family: 'Arial Black', Arial, sans-serif; font-weight: 900; font-size: clamp(80px,15vw,200px); color: rgba(0,0,0,0.04); letter-spacing: 0.15em; text-transform: uppercase; pointer-events: none; white-space: nowrap; line-height: 1; z-index: 0; }
.footer-bg-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, transparent 60%, rgba(141,198,63,0.04) 100%); z-index: 0; pointer-events: none; }

.footer-main { position: relative; z-index: 1; max-width: 1400px; margin: 0 auto; padding: 0 40px 70px; display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 50px; }
.footer-col-title { font-family: var(--font-heading); font-size: 1rem; font-weight: 600; color: #ffffff; margin-bottom: 22px; padding-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,0.12); }
.footer-logo { margin-bottom: 20px; }
.footer-logo img { height: 110px; width: auto; }
.footer-col-brand p { font-size: 0.82rem; color: #b0b0b0; line-height: 1.8; margin-bottom: 14px; }
.footer-col-brand address { font-style: normal; font-size: 0.8rem; color: #a0a0a0; line-height: 1.7; }

.footer-links { display: flex; flex-direction: column; gap: 10px; }
.footer-links li a { font-size: 0.82rem; color: #b0b0b0; display: flex; align-items: center; gap: 8px; transition: var(--transition); }
.footer-links li a::before { content: ''; display: block; width: 12px; height: 1px; background: var(--color-primary); flex-shrink: 0; transition: width 0.3s ease; }
.footer-links li a:hover { color: var(--color-primary); padding-left: 4px; }
.footer-links li a:hover::before { width: 20px; }

.footer-phone { display: block; font-family: var(--font-heading); font-size: 1.3rem; font-weight: 700; color: #ffffff; margin-bottom: 8px; transition: var(--transition); }
.footer-phone:hover { color: var(--color-primary); }
.footer-mail { display: block; font-size: 0.8rem; color: #b0b0b0; margin-bottom: 24px; transition: var(--transition); }
.footer-mail:hover { color: var(--color-primary); }

.footer-social { display: flex; gap: 10px; flex-wrap: wrap; }
.footer-social li a { width: 40px; height: 40px; background: rgba(255,255,255,0.06); color: #b0b0b0; display: flex; align-items: center; justify-content: center; font-size: 0.95rem; transition: var(--transition); border: 1px solid rgba(255,255,255,0.12); }
.footer-social li a:hover { background: var(--color-primary); border-color: var(--color-primary); color: var(--color-white); }

.footer-bottom { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; padding: 18px 40px; border-top: 1px solid rgba(255,255,255,0.12); max-width: 1400px; margin: 0 auto; }
.footer-bottom p { font-size: 0.75rem; color: #8C9BAA; letter-spacing: 0.04em; }

@keyframes fadeInDown  { from{opacity:0;transform:translateY(-30px)} to{opacity:1;transform:translateY(0)} }
@keyframes fadeInUp    { from{opacity:0;transform:translateY(30px)}  to{opacity:1;transform:translateY(0)} }
@keyframes fadeInRight { from{opacity:0;transform:translateX(30px)}  to{opacity:1;transform:translateX(0)} }
@keyframes fadeIn      { from{opacity:0} to{opacity:1} }
@keyframes scrollLine  { 0%{transform:scaleY(0);transform-origin:top} 50%{transform:scaleY(1);transform-origin:top} 51%{transform:scaleY(1);transform-origin:bottom} 100%{transform:scaleY(0);transform-origin:bottom} }

/* Faaliyet Alanlarımız Section */
.activities-section {
    padding: 120px 0;
    background: #0b2160;
    position: relative;
    z-index: 1;
}

.activities-inner {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 40px;
}

.activities-header {
    text-align: center;
    margin-bottom: 60px;
}

.activities-eyebrow {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    color: var(--color-primary);
    text-transform: uppercase;
    margin-bottom: 12px;
}

.activities-title {
    font-family: var(--font-heading);
    font-size: clamp(2rem, 4vw, 2.8rem);
    font-weight: 700;
    color: #ffffff;
}

.activities-title span {
    color: var(--color-primary);
    font-style: italic;
}

.activities-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 24px;
}

.activity-card {
    background: #0b2160;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    display: flex;
    flex-direction: column;
    position: relative;
    border: 1px solid rgba(255,255,255,0.12);
}

.activity-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(141,198,63,0.15);
}

.ac-img {
    height: 180px;
    overflow: hidden;
}

.ac-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.activity-card:hover .ac-img img {
    transform: scale(1.08);
}

.ac-content {
    padding: 40px 24px 30px;
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.ac-icon {
    position: absolute;
    top: -28px;
    left: 24px;
    width: 56px;
    height: 56px;
    background: var(--color-primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 1.5rem;
    border: 4px solid #ffffff;
    box-shadow: 0 4px 10px rgba(141,198,63,0.3);
}

.ac-content h3 {
    font-family: var(--font-heading);
    font-size: 1.15rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 12px;
}

.ac-content p {
    font-size: 0.85rem;
    color: #5A6A7D;
    line-height: 1.6;
    margin-bottom: 24px;
    flex: 1;
}

.ac-link {
    align-self: flex-end;
    color: var(--color-primary);
    font-size: 1.1rem;
    transition: transform 0.3s ease;
}

.activity-card:hover .ac-link {
    transform: translateX(5px);
}

@media (max-width: 1300px) {
    .site-header .header-inner { padding: 0 24px; }
    .header-edge-left  { width: 150px; }
    .header-edge-right { width: 150px; }
    .header-stats-btn { width: 100%; padding: 0 8px; gap: 6px; }
    .sb-slide small { font-size: 0.54rem; }
    .sb-slide strong { font-size: 0.7rem; }
    .header-nav-left   { padding-right: 70px; }
    .header-nav-right  { padding-left: 70px; }
    .header-nav > ul > li > a  { padding: 8px 9px; font-size: 0.76rem; }
    .header-calc-btn span { display: none; }
    .header-calc-btn { padding: 0 14px; }
}

@media (max-width: 992px) {
    :root { --header-height: 72px; }

    .site-header .header-inner { padding: 0 18px; height: var(--header-height); }
    .header-edge-left,
    .header-edge-right,
    .header-nav-left,
    .header-nav-right { display: none !important; }
    .hamburger-btn { display: flex !important; margin-left: auto; z-index: 5; }

    .header-logo {
        position: static;
        left: auto; top: auto;
        transform: none;
        width: auto;
        margin-right: auto;
    }
    .header-logo img { height: 48px; }
    .site-header.scrolled .header-inner { height: var(--header-height); }
    .site-header.scrolled .header-logo img { height: 44px; }

    .hero-section { aspect-ratio: unset; height: 60vh; height: 60dvh; min-height: 380px; max-height: unset; }
    .hero-content { margin-top: calc(var(--header-height) * 0.5); padding: 0 24px; }
    .hero-stat { display: none; }
    .hero-scroll-down { bottom: 16px; }
    .hero-title { font-size: clamp(1.8rem, 6vw, 3rem); margin-bottom: 14px; }
    .hero-desc { font-size: 0.88rem; margin-bottom: 24px; }
    .hero-buttons { flex-direction: row; justify-content: center; gap: 10px; flex-wrap: nowrap; }
    .btn-primary-hero, .btn-outline-hero { padding: 10px 18px; font-size: 0.72rem; letter-spacing: 0.04em; }
    .header-logo img { height: 56px; }

    .about-inner { grid-template-columns: 1fr; gap: 60px; padding: 0 24px; }
    .about-section { padding: 70px 0 90px; margin-top: -40px; }
    .about-img-col { max-width: 560px; margin: 0 auto; width: 100%; }
    .about-year-badge { right: 10px; bottom: -16px; width: 110px; height: 110px; }
    .about-img-wrap img { height: 380px; }
    .about-content { padding-left: 0; }

    .hero-features-bar { margin: -40px 24px 0; padding: 24px; border-radius: 10px; }
    .feature-bar-item { min-width: 40%; border-right: none; padding-right: 0; border-bottom: 1px solid rgba(255,255,255,0.06); padding-bottom: 16px; }
    .feature-bar-item:nth-last-child(-n+2) { border-bottom: none; padding-bottom: 0; }

    .projects-heading { flex-direction: column; align-items: flex-start; gap: 20px; }
    .projects-heading-right { width: 100%; }
    .projects-inner { padding: 0 24px; }
    .projects-section { padding: 70px 0; margin: -40px auto -40px; }

    .activities-section { padding: 80px 0; }
    .activities-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
    .activities-inner { padding: 0 24px; }

    .footer-main { grid-template-columns: 1fr 1fr; gap: 40px; }
    .site-footer { padding-top: 90px; }
}

@media (max-width: 768px) {
    .hero-title { font-size: clamp(2rem, 9vw, 3.2rem); }
    .hero-desc  { font-size: 0.92rem; margin-bottom: 32px; }
    .hero-eyebrow { font-size: 0.65rem; letter-spacing: 0.25em; margin-bottom: 16px; }

    .about-title { font-size: clamp(1.7rem, 6vw, 2.2rem); }
    .about-feature .feature-text p { font-size: 0.85rem; }

    .projects-title { font-size: clamp(1.6rem, 6vw, 2.1rem); }

    .footer-main { grid-template-columns: 1fr 1fr; gap: 32px; padding: 0 24px 60px; }
    .footer-col-brand { grid-column: 1 / -1; }
}

@media (max-width: 640px) {
    .footer-main { grid-template-columns: 1fr; padding: 0 24px 50px; gap: 36px; }
    .footer-col-brand { grid-column: auto; }
    .footer-bottom { flex-direction: column; gap: 8px; text-align: center; padding: 18px 24px; }
    .footer-bg-text { font-size: 22vw; bottom: 20px; }
    .footer-logo img { height: 88px; }
}

@media (max-width: 576px) {
    .header-logo img { height: 52px; }

    .hero-content { padding: 0 18px; }
    .hero-title { font-size: clamp(1.6rem, 7vw, 2.2rem); }
    .hero-buttons { flex-direction: row; align-items: center; justify-content: center; gap: 8px; flex-wrap: nowrap; }
    .btn-primary-hero, .btn-outline-hero { justify-content: center; width: auto; padding: 10px 16px; font-size: 0.68rem; }

    .about-section { padding: 56px 0 70px; }
    .about-inner { gap: 50px; padding: 0 18px; }
    .about-img-wrap img { height: 300px; }
    .about-year-badge { width: 92px; height: 92px; padding: 10px; right: 8px; }
    .about-year-badge .year-num { font-size: 2.1rem; }
    .about-quote { font-size: 0.95rem; padding: 10px 14px; }
    .about-stats { flex-direction: column; gap: 16px; }
    .about-stat-divider { width: 40px; height: 1px; }

    .hero-features-bar { margin: -30px 18px 0; padding: 20px; }
    .feature-bar-item { min-width: 100%; border-bottom: 1px solid rgba(255,255,255,0.06); padding-bottom: 16px; }
    .feature-bar-item:nth-last-child(2) { border-bottom: 1px solid rgba(255,255,255,0.06); padding-bottom: 16px; }
    .feature-bar-item:last-child { border-bottom: none; padding-bottom: 0; }

    .projects-inner { padding: 0 18px; }
    .projects-section { padding: 56px 0; }
    .btn-projects-all { width: 100%; justify-content: center; }
    .projects-nav { justify-content: center; }

    .activities-section { padding: 60px 0; }
    .activities-grid { grid-template-columns: 1fr; gap: 24px; }
    .activities-inner { padding: 0 18px; }

    .mobile-nav { width: 86%; max-width: 320px; right: -100%; }
}

@media (max-width: 380px) {
    .header-logo img { height: 38px; }
    .hero-title { font-size: 1.75rem; }
    .hero-eyebrow { font-size: 0.6rem; padding: 6px 14px; }
    .about-img-wrap img { height: 240px; }
}@media (max-width: 992px) {
    .header-logo {
        position: relative !important;
        z-index: 10 !important;
    }
}

/* LOGO OVERRIDES FOR DARK THEME */
.preloader .site-name img { height: 120px !important; max-width: 90vw !important; filter: drop-shadow(0 4px 16px rgba(0,0,0,0.8)) !important; object-fit: contain; }
.header-logo img { height: 75px !important; max-width: 220px !important; filter: drop-shadow(0 4px 12px rgba(0,0,0,0.8)) !important; object-fit: contain; }
.site-header.scrolled .header-logo img { height: 60px !important; }
.mobile-nav-header img { height: 50px !important; max-width: 200px !important; object-fit: contain; }
.footer-logo img { height: 75px !important; max-width: 220px !important; margin-bottom: 15px !important; object-fit: contain; }


/* LAYOUT FIXES FOR WIDE LOGO */
.header-nav-left { padding-right: 170px !important; }
.header-nav-right { padding-left: 170px !important; }
.header-logo { width: 300px !important; }
/* Logo, header'daki diğer öğelerle (arama, menü, E-Ticaret) aynı dikey eksende ortalanır.
   Eskiden logoyu yukarı iten 25px'lik alt padding vardı; kaldırıldı. Görünen boyut aynı: 50px (scroll'da 30px). */
.header-logo img { max-width: 280px !important; height: auto !important; max-height: 50px !important; object-fit: contain; padding: 0 !important; }

.site-header.scrolled .header-logo img { max-height: 30px !important; }


/* ============================================================
   RAKAMLARLA EMİN KİTAP - mozaik (rakam kutusu + görsel)
   Masaüstü: 2 satır x 6 kutu, dama tahtası düzeni.
   Renkler: sarı (arama butonu) + magenta (E-Ticaret butonu).
   ============================================================ */
.stats-mosaic {
    --stat-yellow:  var(--color-primary);
    --stat-magenta: #24489a;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0; padding: 0; list-style: none;
    border-radius: 12px; overflow: hidden;
    box-shadow: 0 10px 40px rgba(0,0,0,0.35);
    text-align: left;
}
.stat-pair {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    container-type: inline-size;   /* yazı boyutları kutu genişliğine göre ölçeklenir */
}

.stat-tile {
    aspect-ratio: 1 / 1;
    display: flex; flex-direction: column; justify-content: space-between;
    padding: 24px;
    padding: clamp(14px, 5.5cqi, 28px);
    background: var(--stat-yellow);
    color: #0b2160;                /* sarı üzerinde koyu yazı: okunabilirlik */
}
.stat-pair:nth-child(even) .stat-tile { background: var(--stat-magenta); color: #ffffff; }

.stat-num {
    font-family: var(--font-body); font-weight: 700;
    font-size: 2.2rem;
    font-size: clamp(1.2rem, 8cqi, 3rem);
    line-height: 1; letter-spacing: -0.02em; white-space: nowrap;
}
.stat-num sup { font-size: 0.55em; position: relative; top: -0.8em; vertical-align: baseline; line-height: 0; margin-left: 0.04em; }

.stat-label {
    font-family: var(--font-body); font-weight: 600;
    font-size: 0.9rem;
    font-size: clamp(0.72rem, 3.4cqi, 1rem);
    line-height: 1.3;
}

.stat-media { position: relative; overflow: hidden; background: #111; }
.stat-media img {
    position: absolute; inset: 0;
    width: 100%; height: 100%; object-fit: cover;
    transition: transform 0.6s ease;
}
.stat-pair:hover .stat-media img { transform: scale(1.06); }

/* Masaüstü (3 çift/satır): 2. satırda görsel solda, rakam sağda */
.stat-pair:nth-child(n+4) .stat-media { order: -1; }

/* Tablet (2 çift/satır): 2. satır ters */
@media (max-width: 992px) {
    .stats-mosaic { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .stat-pair:nth-child(n) .stat-media { order: 0; }
    .stat-pair:nth-child(4n+3) .stat-media,
    .stat-pair:nth-child(4n+4) .stat-media { order: -1; }
}

/* Mobil (1 çift/satır): zikzak */
@media (max-width: 576px) {
    .stats-mosaic { grid-template-columns: minmax(0, 1fr); }
    .stat-pair:nth-child(n) .stat-media { order: 0; }
    .stat-pair:nth-child(even) .stat-media { order: -1; }
}

@media (prefers-reduced-motion: reduce) {
    .stat-media img { transition: none; }
}

/* ============================================================
   MOBİL MENÜ - "Kurumsal" açılır alt menü (<details>)
   ============================================================ */
.mobile-nav-menu summary {
    display: flex; align-items: center; justify-content: space-between;
    padding: 14px 24px; color: #ffffff; font-size: 0.88rem; font-weight: 500; letter-spacing: 0.02em;
    cursor: pointer; list-style: none; transition: var(--transition);
}
.mobile-nav-menu summary::-webkit-details-marker { display: none; }
.mobile-nav-menu summary i { font-size: 0.85rem; transition: transform 0.3s ease; }
.mobile-nav-menu summary:hover,
.mobile-nav-menu details[open] > summary { color: var(--color-primary); }
.mobile-nav-menu details[open] > summary i { transform: rotate(180deg); }
.mobile-nav-menu .mobile-submenu { margin: 0; padding: 0 0 8px; background: rgba(255,255,255,0.03); }
.mobile-nav-menu .mobile-submenu li { border-bottom: none; }
.mobile-nav-menu .mobile-submenu li a { padding: 10px 24px 10px 40px; font-size: 0.82rem; color: rgba(255,255,255,0.75); }
.mobile-nav-menu .mobile-submenu li a:hover { color: var(--color-primary); }

/* ============================================================
   WHATSAPP SOHBET BUTONU (sol alt, sabit)
   ============================================================ */
.whatsapp-float {
    position: fixed; left: 24px; bottom: 24px; z-index: 990; /* header'ın altında, mobil menünün (1001+) altında */
    width: 56px; height: 56px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    background: #25D366; color: #ffffff; font-size: 1.9rem;
    box-shadow: 0 6px 20px rgba(0,0,0,0.35);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.whatsapp-float:hover,
.whatsapp-float:focus-visible { color: #ffffff; transform: scale(1.08); box-shadow: 0 10px 28px rgba(37,211,102,0.45); }
.whatsapp-float:focus-visible { outline: 3px solid #ffffff; outline-offset: 3px; }

@media (max-width: 576px) {
    .whatsapp-float { left: 16px; bottom: 16px; width: 52px; height: 52px; font-size: 1.7rem; }
}
@media (prefers-reduced-motion: reduce) {
    .whatsapp-float { transition: none; }
    .whatsapp-float:hover, .whatsapp-float:focus-visible { transform: none; }
}

/* MOBİL LOGO: 300px'lik masaüstü kutusu mobilde logonun soldan boşluklu durmasına yol açıyordu */
@media (max-width: 992px) {
    .header-logo { width: auto !important; justify-content: flex-start; }
    .header-logo a { justify-content: flex-start; }
    .header-logo img { max-width: 180px !important; }
}

/* ÖZELLİK BARI: ikon genişlikleri farklı olduğu için metinler hizasızdı */
.fb-icon { width: 48px; flex-shrink: 0; }
@media (max-width: 576px) {
    .feature-bar-item { flex-direction: column; justify-content: center; text-align: center; gap: 10px; }
    .fb-text { align-items: center; }
}

/* MOBİL: logo görseli hamburger ile optik olarak hizalansın (4px yukarı) */
@media (max-width: 992px) {
    .header-logo img { position: relative; top: -4px; }
}

/* Hamburger çizgileri logonun sarısında */
.hamburger-btn span,
.site-header.scrolled .hamburger-btn span { background: var(--color-primary); }

/* ============================================================
   İÇ SAYFALAR - sayfa başlığı
   ============================================================ */
.page-hero {
    position: relative; z-index: 5;
    width: 100%; max-width: var(--max-width); margin: 0 auto;
    min-height: 420px; padding: calc(var(--header-height) + 30px) 24px 60px;
    display: flex; align-items: center; justify-content: center; text-align: center;
    background: #081a44 url('https://images.unsplash.com/photo-1507842217343-583bb7270b66?auto=format&fit=crop&q=80&w=1920') center/cover no-repeat;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,0.5), 0 6px 20px rgba(0,0,0,0.3);
}
.page-hero-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0,0,0,0.78) 0%, rgba(0,0,0,0.62) 55%, rgba(11,33,96,0.95) 100%); }
.page-hero-content { position: relative; z-index: 2; max-width: 820px; }
.page-breadcrumb { display: inline-flex; align-items: center; gap: 10px; font-size: 0.78rem; letter-spacing: 0.08em; color: rgba(255,255,255,0.7); margin-bottom: 18px; padding: 8px 18px; border: 1px solid rgba(255,255,255,0.25); }
.page-breadcrumb a:hover { color: var(--color-primary); }
.page-breadcrumb i { font-size: 0.65rem; opacity: .6; }
.page-breadcrumb span { color: var(--color-primary); font-weight: 600; }
.page-title { font-family: var(--font-heading); font-size: clamp(2rem, 5vw, 3.6rem); font-weight: 700; color: #fff; line-height: 1.12; margin-bottom: 16px; }
.page-title span { color: var(--color-primary); font-style: italic; }
.page-lead { font-size: clamp(0.92rem, 1.6vw, 1.08rem); color: rgba(255,255,255,0.78); max-width: 620px; margin: 0 auto; line-height: 1.8; }
@media (max-width: 992px) { .page-hero { min-height: 320px; padding: calc(var(--header-height) + 20px) 20px 50px; } }

/* ============================================================
   BAYİLİKLERİMİZ - marka duvarı
   ============================================================ */
.brands-section { background: #0b2160; padding: 90px 0 110px; position: relative; z-index: 1; }
.brands-inner { max-width: 1300px; margin: 0 auto; padding: 0 40px; }
.brands-intro { max-width: 760px; margin: 0 auto 50px; text-align: center; }
.brands-intro .about-eyebrow { justify-content: center; }
.brands-intro .about-eyebrow::before { display: none; }

.brands-stats { display: flex; justify-content: center; flex-wrap: wrap; gap: 0; margin: 0 auto 50px; max-width: 640px; list-style: none; border: 1px solid rgba(255,255,255,0.1); border-radius: 12px; background: #081a44; overflow: hidden; }
.brands-stats li { flex: 1; min-width: 150px; text-align: center; padding: 22px 12px; border-right: 1px solid rgba(255,255,255,0.08); }
.brands-stats li:last-child { border-right: none; }
.brands-stats strong { display: block; font-family: var(--font-heading); font-size: 2rem; color: var(--color-primary); line-height: 1.1; }
.brands-stats span { font-size: 0.72rem; letter-spacing: 0.14em; text-transform: uppercase; color: #a0a0a0; }

.brands-filter { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-bottom: 40px; }
.brands-filter button { background: transparent; color: rgba(255,255,255,0.8); border: 1px solid rgba(255,255,255,0.25); padding: 10px 24px; font-family: var(--font-body); font-size: 0.78rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; cursor: pointer; transition: var(--transition); }
.brands-filter button:hover { border-color: var(--color-primary); color: var(--color-primary); }
.brands-filter button.active { background: var(--color-primary); border-color: var(--color-primary); color: #0b2160; }
.brands-filter button:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 3px; }

.brands-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px; list-style: none; }
.brand-card {
    position: relative; overflow: hidden;
    aspect-ratio: 3 / 2; padding: 18px;
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; text-align: center;
    background: #f4f1ea; color: #0b2160; border-radius: 10px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.35);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.brand-card::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: var(--color-primary); transform: scaleX(0); transform-origin: left; transition: transform 0.4s ease; }
.brand-card:hover { transform: translateY(-6px); box-shadow: 0 16px 34px rgba(0,0,0,0.5); }
.brand-card:hover::after { transform: scaleX(1); }
.brand-card[hidden] { display: none; }
.brand-card img { max-width: 78%; max-height: 62%; object-fit: contain; filter: grayscale(1); opacity: .8; transition: filter .35s ease, opacity .35s ease; }
.brand-card:hover img { filter: none; opacity: 1; }
.brand-card img ~ .brand-name { display: none; }   /* logo varsa yazı gizlenir */
.brand-name { font-family: var(--font-heading); font-weight: 700; font-size: clamp(1.05rem, 1.7vw, 1.45rem); line-height: 1.15; color: #0b2160; }
.brand-tag { font-size: 0.62rem; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: #4a6b12; }

.brands-cta { background: #081a44; border-top: 1px solid rgba(255,255,255,0.06); padding: 60px 0; }
.brands-cta-inner { max-width: 1300px; margin: 0 auto; padding: 0 40px; display: flex; align-items: center; justify-content: space-between; gap: 30px; flex-wrap: wrap; }
.brands-cta h2 { font-family: var(--font-heading); font-size: clamp(1.5rem, 2.6vw, 2.1rem); color: #fff; margin-bottom: 8px; }
.brands-cta h2 span { color: var(--color-primary); font-style: italic; }
.brands-cta p { color: #b0b0b0; margin: 0; max-width: 560px; }

@media (max-width: 1200px) { .brands-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 992px)  { .brands-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .brands-inner, .brands-cta-inner { padding: 0 24px; } .brands-section { padding: 70px 0 80px; } }
@media (max-width: 576px)  {
    .brands-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .brands-inner, .brands-cta-inner { padding: 0 18px; }
    .brand-card { padding: 12px; }
    .brands-stats li { min-width: 33%; padding: 16px 6px; }
    .brands-cta-inner { text-align: center; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) { .brand-card, .brand-card::after, .brand-card img { transition: none; } }

/* Bootstrap'in ul { padding-left: 2rem } kuralını sıfırla */
.brands-grid, .brands-stats { padding: 0; margin-left: 0; margin-right: 0; }
.brands-stats { margin-left: auto; margin-right: auto; }

/* ============================================================
   MARKA KARTLARI v2: koyu kart + beyaz tek renk logo,
   üzerine gelince açık kart + logonun kendi renkleri
   ============================================================ */
.brand-card { background: #1e1e1e; color: #fff; border: 1px solid rgba(255,255,255,0.08); box-shadow: 0 6px 20px rgba(0,0,0,0.3); transition: transform .35s ease, box-shadow .35s ease, background-color .35s ease, border-color .35s ease; gap: 10px; }
.brand-card:hover { background: #f4f1ea; border-color: #f4f1ea; }
.brand-name { color: rgba(255,255,255,0.88); transition: color .35s ease; }
.brand-card:hover .brand-name { color: #0b2160; }
.brand-tag { color: rgba(141,198,63,0.9); transition: color .35s ease; }
.brand-card:hover .brand-tag { color: #4a6b12; }

.brand-logo { position: relative; display: block; width: 100%; height: 56%; }
.brand-logo img { position: absolute; inset: 0; margin: auto; width: auto; height: auto; max-width: 78%; max-height: 100%; object-fit: contain; transition: opacity .35s ease; filter: none; opacity: 1; }
.brand-card .brand-logo img.bl-mono { filter: brightness(0) invert(1); opacity: .8; }
.brand-card .brand-logo img.bl-color { opacity: 0; }
.brand-card:hover .brand-logo img.bl-mono { opacity: 0; }
.brand-card:hover .brand-logo img.bl-color { opacity: 1; filter: none; }

/* logosu olan kartta marka adı yalnızca ekran okuyucular için */
.brand-card.has-logo .brand-name { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (hover: none) {
    /* dokunmatik ekranda hover yok: logolar renkli görünsün */
    .brand-card .brand-logo img.bl-mono { opacity: 0; }
    .brand-card .brand-logo img.bl-color { opacity: 1; }
}
@media (hover: none) {
    .brand-card { background: #f4f1ea; border-color: #f4f1ea; }
    .brand-card .brand-name { color: #0b2160; }
    .brand-card .brand-tag { color: #4a6b12; }
}

/* ============================================================
   MAĞAZALARIMIZ - tam ekran slider (sekmeyle yana kayar)
   ============================================================ */
.store-stage { position: relative; height: 100vh; height: 100dvh; min-height: 640px; overflow: hidden; background: #111; z-index: 5; box-shadow: 0 20px 60px rgba(0,0,0,0.5); }
.store-track { display: flex; width: 100%; height: 100%; transition: transform .85s cubic-bezier(.77,0,.18,1); will-change: transform; }
.store-slide { position: relative; flex: 0 0 100%; height: 100%; overflow: hidden; }
.store-video-bg { position: absolute; inset: 0; z-index: 0; background: #081a44; }
.store-video-bg video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; transform: translate(-50%,-50%); object-fit: cover; pointer-events: none; }
.store-overlay { position: absolute; inset: 0; z-index: 1; background: linear-gradient(135deg, rgba(14,14,14,0.90) 0%, rgba(20,20,20,0.80) 50%, rgba(14,14,14,0.92) 100%); }

.store-tabs { position: absolute; z-index: 20; left: 50%; top: calc(var(--header-height) + 14px); transform: translateX(-50%); display: flex; gap: 6px; padding: 6px; background: rgba(15,15,15,0.72); border: 1px solid rgba(255,255,255,0.12); border-radius: 50px; backdrop-filter: blur(10px); max-width: calc(100% - 24px); }
.store-tab { background: transparent; border: 0; color: rgba(255,255,255,0.8); font-family: var(--font-body); font-size: 0.8rem; font-weight: 600; letter-spacing: 0.04em; padding: 10px 24px; border-radius: 50px; cursor: pointer; white-space: nowrap; transition: background-color .3s ease, color .3s ease; }
.store-tab:hover { color: var(--color-primary); }
.store-tab.active { background: var(--color-primary); color: #0b2160; }
.store-tab:focus-visible, .store-arrow:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 3px; }

.store-arrow { position: absolute; z-index: 20; top: 50%; transform: translateY(-50%); width: 48px; height: 48px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.3); background: rgba(15,15,15,0.55); color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; backdrop-filter: blur(6px); transition: var(--transition); }
.store-arrow:hover { background: var(--color-primary); border-color: var(--color-primary); color: #0b2160; }
.store-prev { left: 22px; }
.store-next { right: 22px; }

.store-inner { position: relative; z-index: 2; height: 100%; max-width: 1400px; margin: 0 auto; padding: calc(var(--header-height) + 84px) 96px 44px; display: flex; flex-direction: column; justify-content: center; gap: 26px; }
.store-head { text-align: center; }
.store-head .about-eyebrow { justify-content: center; margin-bottom: 10px; }
.store-head .about-eyebrow::before { display: none; }
.store-head .about-title { font-size: clamp(1.8rem, 3.2vw, 2.8rem); margin-bottom: 8px; }
.store-desc { color: rgba(255,255,255,0.78); font-size: 0.95rem; line-height: 1.7; margin: 0 auto; max-width: 640px; }

.store-grid { flex: 1; min-height: 0; max-height: 440px; display: grid; grid-template-columns: 1fr 1fr 1.2fr; gap: 20px; }
.store-photo { position: relative; margin: 0; overflow: hidden; border-radius: 12px; box-shadow: 0 16px 50px rgba(0,0,0,0.5); background: #222; min-height: 0; }
.store-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .8s ease; }
.store-photo:hover img { transform: scale(1.05); }
.store-photo::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.65) 0%, transparent 45%); pointer-events: none; }

.store-tour { position: absolute; z-index: 2; left: 16px; bottom: 16px; display: inline-flex; align-items: center; gap: 12px; padding: 10px 20px 10px 10px; background: var(--color-primary); color: #0b2160; border-radius: 50px; box-shadow: 0 8px 24px rgba(0,0,0,0.45); transition: transform .3s ease, background-color .3s ease; }
.store-tour:hover { transform: translateY(-3px); background: #a9d96a; color: #0b2160; }
.store-tour i { width: 40px; height: 40px; border-radius: 50%; background: #0b2160; color: var(--color-primary); display: flex; align-items: center; justify-content: center; font-size: 1.05rem; }
.store-tour span { display: flex; flex-direction: column; line-height: 1.15; }
.store-tour small { font-size: 0.6rem; font-weight: 700; letter-spacing: 0.2em; opacity: .75; }
.store-tour strong { font-size: 0.88rem; font-weight: 700; }
.store-tour.is-soon { cursor: default; }

.store-info { display: flex; flex-direction: column; justify-content: center; background: rgba(30,30,30,0.88); border: 1px solid rgba(255,255,255,0.1); border-radius: 12px; padding: 26px; backdrop-filter: blur(8px); min-height: 0; overflow: auto; }
.store-info ul { list-style: none; padding: 0; margin: 0 0 22px; display: flex; flex-direction: column; gap: 14px; }
.store-info li { display: flex; align-items: flex-start; gap: 14px; color: rgba(255,255,255,0.88); font-size: 0.9rem; line-height: 1.55; }
.store-info li i { color: var(--color-primary); width: 20px; margin-top: 3px; text-align: center; flex-shrink: 0; }
.store-info li a:hover { color: var(--color-primary); }
.store-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.store-actions .btn-primary-hero, .store-actions .btn-outline-hero { padding: 12px 22px; }

.store-map { border-radius: 12px; overflow: hidden; border: 1px solid rgba(255,255,255,0.1); box-shadow: 0 10px 30px rgba(0,0,0,0.4); background: #222; min-height: 0; }
.store-map iframe { display: block; width: 100%; height: 100%; border: 0; filter: grayscale(.25) contrast(1.05); }

/* alçak ekranlarda açıklamayı gizle ki içerik sığsın */
@media (max-height: 760px) and (min-width: 993px) { .store-desc { display: none; } .store-inner { gap: 18px; } }

/* Tablet ve mobil: her mağaza kendi içinde dikey kayar */
@media (max-width: 992px) {
    .store-stage { min-height: 560px; }
    .store-inner { overflow-y: auto; justify-content: flex-start; padding: calc(var(--header-height) + 76px) 24px 40px; gap: 20px; -webkit-overflow-scrolling: touch; }
    .store-grid { flex: none; max-height: none; grid-template-columns: 1fr; }
    .store-photo { height: 260px; }
    .store-map { height: 260px; }
    .store-arrow { display: none; }
    .store-tabs { top: calc(var(--header-height) + 10px); }
}
@media (max-width: 576px) {
    .store-tabs { width: calc(100% - 24px); overflow-x: auto; scrollbar-width: none; }
    .store-tabs::-webkit-scrollbar { display: none; }
    .store-tab { padding: 9px 14px; font-size: 0.72rem; flex: 1; }
    .store-inner { padding: calc(var(--header-height) + 66px) 18px 36px; }
    .store-info { padding: 22px 18px; }
    .store-actions a { flex: 1; justify-content: center; }
    .store-desc { font-size: 0.88rem; }
}
@media (prefers-reduced-motion: reduce) { .store-track, .store-photo img, .store-tour { transition: none; } }

/* ============================================================
   MAĞAZALAR - geçiş animasyonları
   ============================================================ */
/* arka plan filmi: slayt açılırken yavaşça yakınlaşıp yerine oturur */
.store-video-bg { transform: scale(1.14); transition: transform 7s cubic-bezier(.2,.6,.2,1); }
.store-slide.is-active .store-video-bg { transform: scale(1); }

/* içerik sırayla girer: başlık yukarıdan, fotoğraf soldan, kart aşağıdan, harita sağdan */
.store-head, .store-photo, .store-info, .store-map { opacity: 0; transition: opacity .6s ease, transform .9s cubic-bezier(.2,.7,.2,1); }
.store-head  { transform: translateY(-30px); }
.store-photo { transform: translateX(-70px); }
.store-info  { transform: translateY(60px); }
.store-map   { transform: translateX(70px); }
.store-slide.is-active .store-head, .store-slide.is-active .store-photo,
.store-slide.is-active .store-info, .store-slide.is-active .store-map { opacity: 1; transform: none; }
.store-slide.is-active .store-head  { transition-delay: .35s; }
.store-slide.is-active .store-photo { transition-delay: .50s; }
.store-slide.is-active .store-info  { transition-delay: .65s; }
.store-slide.is-active .store-map   { transition-delay: .80s; }

/* sekmedeki hap */
.store-tabs { overflow: hidden; }
.store-tab { position: relative; z-index: 1; }
.store-tab-pill { position: absolute; z-index: 0; top: 6px; bottom: 6px; left: 0; width: 0; border-radius: 50px; background: var(--color-primary); transition: transform .55s cubic-bezier(.77,0,.18,1), width .55s cubic-bezier(.77,0,.18,1); }
.store-stage.is-ready .store-tab.active { background: transparent; }

/* oklar basılınca hafif ittirme */
.store-arrow:active { transform: translateY(-50%) scale(.92); }

@media (prefers-reduced-motion: reduce) {
    .store-video-bg, .store-slide .store-head, .store-slide .store-photo, .store-slide .store-info, .store-slide .store-map { transform: none !important; opacity: 1 !important; transition: none !important; }
    .store-tab-pill { transition: none; }
}

/* ============================================================
   BİZE ULAŞIN
   ============================================================ */
.page-hero--sm { min-height: 340px; padding-bottom: 70px; }

.contact-section { background: #0b2160; padding: 90px 0 80px; position: relative; z-index: 1; }
.contact-inner { max-width: 1300px; margin: 0 auto; padding: 0 40px; display: grid; grid-template-columns: 1fr 1.05fr; gap: 60px; align-items: start; }

.contact-cards { list-style: none; padding: 0; margin: 30px 0 28px; display: grid; gap: 14px; }
.contact-cards li { display: flex; align-items: center; gap: 18px; padding: 16px 20px; background: #0f2a74; border: 1px solid rgba(255,255,255,0.08); border-radius: 10px; transition: border-color .3s ease, transform .3s ease; }
.contact-cards li:hover { border-color: rgba(141,198,63,0.5); transform: translateX(4px); }
.cc-icon { flex: 0 0 48px; height: 48px; border-radius: 50%; background: var(--color-primary); color: #0b2160; display: flex; align-items: center; justify-content: center; font-size: 1.15rem; }
.cc-icon--wa { background: #25D366; color: #fff; }
.contact-cards small { display: block; font-size: 0.68rem; letter-spacing: 0.14em; text-transform: uppercase; color: #a0a0a0; margin-bottom: 2px; }
.contact-cards strong { font-size: 0.95rem; font-weight: 600; color: #fff; line-height: 1.5; }
.contact-cards a:hover strong { color: var(--color-primary); }
.contact-social { margin: 0; padding: 0; }

.contact-form-wrap { background: #0f2a74; border: 1px solid rgba(255,255,255,0.08); border-radius: 14px; padding: 36px; box-shadow: 0 16px 50px rgba(0,0,0,0.4); }
.contact-form-wrap h3 { font-family: var(--font-heading); font-size: 1.6rem; color: #fff; margin-bottom: 22px; }
.contact-form { display: grid; gap: 16px; }
.cf-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.cf-field { display: flex; flex-direction: column; gap: 6px; }
.cf-field > span { font-size: 0.74rem; font-weight: 600; letter-spacing: 0.06em; color: #c8c8c8; }
.cf-field input, .cf-field select, .cf-field textarea {
    width: 100%; background: #081a44; color: #fff; border: 1px solid rgba(255,255,255,0.14); border-radius: 8px;
    padding: 13px 14px; font-family: var(--font-body); font-size: 0.92rem; transition: border-color .25s ease, box-shadow .25s ease;
}
.cf-field textarea { resize: vertical; min-height: 120px; }
.cf-field select { appearance: none; background-image: linear-gradient(45deg, transparent 50%, #8dc63f 50%), linear-gradient(135deg, #8dc63f 50%, transparent 50%); background-position: calc(100% - 20px) 50%, calc(100% - 14px) 50%; background-size: 6px 6px; background-repeat: no-repeat; padding-right: 38px; }
.cf-field select option { background: #0b2160; color: #fff; }
.cf-field input::placeholder, .cf-field textarea::placeholder { color: #6f6f6f; }
.cf-field input:focus, .cf-field select:focus, .cf-field textarea:focus { outline: none; border-color: var(--color-primary); box-shadow: 0 0 0 3px rgba(141,198,63,0.18); }
.cf-field.invalid input, .cf-field.invalid select, .cf-field.invalid textarea { border-color: #e5484d; }
.cf-field .cf-error { color: #ff7b80; font-size: 0.72rem; min-height: 0; }
.cf-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.cf-check { display: flex; align-items: flex-start; gap: 10px; font-size: 0.8rem; color: #b8b8b8; line-height: 1.5; cursor: pointer; }
.cf-check input { margin-top: 3px; accent-color: #8dc63f; width: 16px; height: 16px; flex-shrink: 0; }
.cf-check a { color: var(--color-primary); text-decoration: underline; }
.cf-check.invalid { color: #ff7b80; }
.cf-submit { justify-self: start; cursor: pointer; font-family: var(--font-body); }
.cf-status { margin: 0; min-height: 1.3em; font-size: 0.85rem; color: #b8b8b8; }
.cf-status.ok { color: #6fd08c; }
.cf-status.err { color: #ff7b80; }

.locations-section { background: #081a44; border-top: 1px solid rgba(255,255,255,0.06); padding: 90px 0 100px; }
.locations-inner { max-width: 1400px; margin: 0 auto; padding: 0 40px; }
.locations-head { text-align: center; margin-bottom: 46px; }
.locations-head .about-eyebrow { justify-content: center; }
.locations-head .about-eyebrow::before { display: none; }
.locations-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }
.loc-card { display: flex; flex-direction: column; background: #0f2a74; border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; overflow: hidden; box-shadow: 0 8px 26px rgba(0,0,0,0.35); transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease; }
.loc-card:hover { transform: translateY(-8px); border-color: rgba(141,198,63,0.55); box-shadow: 0 18px 40px rgba(0,0,0,0.5); }
.loc-photo { position: relative; aspect-ratio: 16 / 10; overflow: hidden; background: #222; }
.loc-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.loc-card:hover .loc-photo img { transform: scale(1.07); }
.loc-tag { position: absolute; left: 12px; top: 12px; padding: 5px 12px; background: var(--color-primary); color: #0b2160; font-size: 0.64rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; border-radius: 50px; }
.loc-body { display: flex; flex-direction: column; flex: 1; padding: 22px 20px 20px; }
.loc-body h3 { font-family: var(--font-heading); font-size: 1.15rem; color: #fff; margin-bottom: 14px; }
.loc-body ul { list-style: none; padding: 0; margin: 0 0 18px; display: grid; gap: 10px; flex: 1; align-content: start; }
.loc-body li { display: flex; gap: 12px; font-size: 0.84rem; line-height: 1.55; color: #cfcfcf; }
.loc-body li i { color: var(--color-primary); width: 16px; margin-top: 3px; text-align: center; flex-shrink: 0; }
.loc-body li a:hover { color: var(--color-primary); }
.loc-actions { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,0.08); }
.loc-route, .loc-more { font-size: 0.76rem; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; display: inline-flex; align-items: center; gap: 8px; }
.loc-route { color: var(--color-primary); }
.loc-more { color: #fff; }
.loc-route:hover, .loc-more:hover { color: var(--color-primary); }
.loc-more:hover i { transform: translateX(4px); }
.loc-more i { transition: transform .3s ease; }

@media (max-width: 1200px) { .locations-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 992px) {
    .contact-section { padding: 70px 0 60px; }
    .contact-inner, .locations-inner { padding: 0 24px; }
    .contact-inner { grid-template-columns: 1fr; gap: 44px; }
    .locations-section { padding: 70px 0 80px; }
}
@media (max-width: 576px) {
    .contact-inner, .locations-inner { padding: 0 18px; }
    .contact-form-wrap { padding: 26px 18px; }
    .cf-row { grid-template-columns: 1fr; }
    .cf-submit { justify-self: stretch; justify-content: center; }
    .locations-grid { grid-template-columns: 1fr; }
    .contact-cards li { padding: 14px; gap: 14px; }
}
@media (prefers-reduced-motion: reduce) { .contact-cards li, .loc-card, .loc-photo img { transition: none; } }


/* ===== AKADEMİ KOLEJİ BÖLÜMÜ ===== */
.akademi-section { background: #081a44; padding: 110px 0; position: relative; z-index: 1; border-top: 1px solid rgba(255,255,255,0.06); border-bottom: 1px solid rgba(255,255,255,0.06); overflow: hidden; }
.akademi-inner { max-width: 1300px; margin: 0 auto; padding: 0 40px; display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 80px; align-items: center; }
.akademi-points { list-style: none; margin: 0 0 32px; padding: 0; display: grid; gap: 12px; }
.akademi-points li { display: flex; gap: 12px; align-items: flex-start; font-size: 0.92rem; color: #d0d0d0; line-height: 1.6; }
.akademi-points i { color: var(--color-primary); margin-top: 5px; font-size: 0.85rem; }
.akademi-buttons { display: flex; gap: 16px; flex-wrap: wrap; }
.akademi-img-wrap { position: relative; display: block; }
.akademi-img-wrap > img { width: 100%; max-width: 480px; height: auto; margin: 0 auto; display: block; filter: grayscale(10%); transition: var(--transition); -webkit-mask-image: linear-gradient(to bottom,#000 0,#000 86%,transparent 99%),linear-gradient(to right,transparent 0,#000 6%,#000 94%,transparent 100%); mask-image: linear-gradient(to bottom,#000 0,#000 86%,transparent 99%),linear-gradient(to right,transparent 0,#000 6%,#000 94%,transparent 100%); -webkit-mask-composite: source-in; mask-composite: intersect; }
.akademi-img-wrap:hover > img { filter: grayscale(0%); }
.akademi-logo { position: absolute; left: 4%; bottom: 8%; background: #ffffff; padding: 10px 16px; box-shadow: 0 8px 32px rgba(141,198,63,0.35); border-bottom: 3px solid var(--color-primary); }
.akademi-logo img { width: 110px; height: auto; display: block; }
@media (max-width: 992px) {
    .akademi-section { padding: 70px 0; }
    .akademi-inner { grid-template-columns: 1fr; gap: 50px; padding: 0 24px; }
    .akademi-media { order: -1; }
    .akademi-img-wrap > img { max-width: 360px; }
    .akademi-buttons { flex-wrap: wrap; }
}
@media (max-width: 480px) {
    .akademi-logo img { width: 90px; }
    .akademi-buttons .btn-primary-hero, .akademi-buttons .btn-outline-hero { padding: 10px 16px; font-size: 0.68rem; }
}


/* Akademi görseli: Hakkımızda görseliyle aynı dil (dikdörtgen kadraj, grayscale, altın rozet) */
.akademi-frame { position: relative; width: 100%; aspect-ratio: 4 / 5; max-height: 560px; overflow: hidden; background: #0b2160; }
.akademi-img-wrap > .akademi-frame > img { position: absolute; width: 119%; max-width: none; height: auto; left: -9.5%; top: -12.8%; margin: 0; filter: grayscale(15%); -webkit-mask-image: none; mask-image: none; transition: var(--transition); }
.akademi-img-wrap:hover > .akademi-frame > img { filter: grayscale(0%); }
.akademi-img-wrap > img { -webkit-mask-image: none; mask-image: none; }
.akademi-badge { bottom: -24px; right: -24px; width: 150px; height: 150px; }
.akademi-badge .year-label { font-size: 0.55rem; letter-spacing: 0.06em; }
@media (max-width: 992px) {
    .akademi-img-wrap { max-width: 420px; margin: 0 auto; }
    .akademi-badge { right: 10px; bottom: -16px; width: 120px; height: 120px; }
}

/* Akademi görseli: özel hazırlanan görsel (4:5) kadraja tam oturur; eski bina fotoğrafı yalnızca geçici kırpmayla kalır */
.akademi-frame > img:not([src$="okul-bina.jpg"]) { position: static; width: 100%; height: 100%; max-width: none; left: auto; top: auto; object-fit: cover; object-position: center; }

/* Akademi bina görseli: kaynakta şeffaflık yerine dama deseni var; bina silüeti dışı kırpılıyor */
.akademi-frame > img[src$="akademi-bina.jpg"] { object-position: center bottom; clip-path: polygon(3% 49.3%, 23% 41.5%, 57.7% 27%, 96.7% 46.8%, 97% 50%, 97% 70.5%, 91.5% 70.5%, 91.5% 79.5%, 100% 79.5%, 100% 100%, 0 100%, 0 79.5%, 10.7% 78.8%, 10.7% 71.2%, 3.3% 71%); }
/* bina görseli kadrajı: gökyüzü boşluğu kesilir, bina kadrajı doldurur */
.akademi-frame:has(img[src$="akademi-bina.jpg"]) { aspect-ratio: 1 / 1; background: transparent; overflow: visible; }
.akademi-frame > img[src$="akademi-bina.jpg"] { position: static; width: 100%; height: 100%; max-width: none; left: auto; top: auto; object-fit: cover; object-position: center bottom; margin: 0; filter: grayscale(8%); }
/* clip-path görsel kutusuna göre hesaplanır: kutu görselin kendi oranında kalır, üst boşluk çerçevede kırpılır */
.akademi-frame:has(img[src$="akademi-bina.jpg"]) { overflow: hidden; }
.akademi-frame > img[src$="akademi-bina.jpg"] { position: absolute; left: 0; bottom: 0; top: auto; width: 100%; height: auto; object-fit: fill; }

/* Akademi bina görseli (şeffaf PNG/WebP, yüzen ada): çerçevesiz, doğal oranında */
.akademi-frame:has(img[src$="akademi-ada.webp"]) { aspect-ratio: auto; max-height: none; overflow: visible; background: transparent; }
.akademi-frame > img[src$="akademi-ada.webp"] { position: static; width: 100%; height: auto; max-width: none; left: auto; top: auto; object-fit: contain; filter: drop-shadow(0 24px 36px rgba(0,0,0,0.55)); clip-path: none; transition: var(--transition); }
.akademi-img-wrap:hover > .akademi-frame > img[src$="akademi-ada.webp"] { filter: drop-shadow(0 24px 36px rgba(0,0,0,0.55)) saturate(1.1); }
.akademi-img-wrap:has(img[src$="akademi-ada.webp"]) .akademi-badge { right: 0; bottom: -10px; }
@media (max-width: 992px) {
    .akademi-img-wrap:has(img[src$="akademi-ada.webp"]) { max-width: 100%; }
    .akademi-img-wrap:has(img[src$="akademi-ada.webp"]) .akademi-badge { width: 96px; height: 96px; padding: 10px; bottom: -14px; right: 0; }
    .akademi-img-wrap:has(img[src$="akademi-ada.webp"]) .akademi-badge .year-num { font-size: 2rem; }
    .akademi-img-wrap:has(img[src$="akademi-ada.webp"]) .akademi-badge .year-label { font-size: 0.5rem; }
}
/* Akademi görseli: yerleştiği alana göre sınırlı boyut */
.akademi-img-wrap:has(img[src$="akademi-ada.webp"]) { max-width: 520px; margin: 0 auto; }

/* ============================================================
   HAKKIMIZDA
   ============================================================ */
.ab-link { color: var(--color-primary); text-decoration: underline; text-underline-offset: 3px; }
.ab-head { text-align: center; margin-bottom: 46px; }
.ab-head .about-eyebrow { justify-content: center; }
.ab-head .about-eyebrow::before { display: none; }

/* hikaye */
.ab-story { background: #0b2160; padding: 100px 0 110px; overflow: hidden; }
.ab-story-inner { max-width: 1300px; margin: 0 auto; padding: 0 40px; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
.ab-story-media { position: relative; padding-bottom: 60px; }
.ab-story-photo { overflow: hidden; border-radius: 12px; box-shadow: 0 20px 60px rgba(0,0,0,0.5); }
.ab-story-photo img { width: 100%; height: 500px; object-fit: cover; transition: transform .8s ease; }
.ab-story-photo:hover img { transform: scale(1.05); }
.ab-story-photo--small { position: absolute; right: -28px; bottom: 0; width: 46%; border: 6px solid #0b2160; }
.ab-story-photo--small img { height: 210px; }
.ab-badge { position: absolute; left: -24px; top: 36px; bottom: auto; right: auto; border-radius: 12px; }
.ab-story-text .about-desc { margin-bottom: 16px; }
.ab-story-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 28px; }

/* rakamlar */
.ab-numbers { background: #081a44; border-top: 1px solid rgba(255,255,255,0.06); border-bottom: 1px solid rgba(255,255,255,0.06); }
.ab-numbers-inner { max-width: 1300px; margin: 0 auto; padding: 0 40px; list-style: none; display: grid; grid-template-columns: repeat(6, 1fr); }
.ab-numbers-inner li { padding: 38px 10px; text-align: center; border-right: 1px solid rgba(255,255,255,0.07); }
.ab-numbers-inner li:last-child { border-right: none; }
.ab-numbers-inner strong { display: block; font-family: var(--font-heading); font-size: clamp(1.7rem, 2.6vw, 2.5rem); color: var(--color-primary); line-height: 1.1; font-variant-numeric: tabular-nums lining-nums; }
.ab-numbers-inner span:not(.count-num) { display: block; margin-top: 8px; font-size: 0.72rem; letter-spacing: 0.14em; text-transform: uppercase; color: #a8a8a8; }

/* misyon / vizyon / değerler */
.ab-mvv { background: #0b2160; padding: 100px 0; }
.ab-mvv-inner, .ab-areas-inner { max-width: 1300px; margin: 0 auto; padding: 0 40px; }
.ab-mvv-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.ab-card { padding: 36px 30px; background: #0f2a74; border: 1px solid rgba(255,255,255,0.08); border-radius: 14px; transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease; }
.ab-card:hover { transform: translateY(-8px); border-color: rgba(141,198,63,0.55); box-shadow: 0 18px 40px rgba(0,0,0,0.45); }
.ab-card-icon { display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 50%; background: var(--color-primary); color: #0b2160; font-size: 1.7rem; margin-bottom: 22px; }
.ab-card h3 { font-family: var(--font-heading); font-size: 1.35rem; color: #fff; margin-bottom: 12px; }
.ab-card p { color: #c4c4c4; font-size: 0.95rem; line-height: 1.8; margin: 0; }
.ab-values { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.ab-values li { position: relative; padding-left: 26px; color: #d4d4d4; font-size: 0.95rem; }
.ab-values li::before { content: ''; position: absolute; left: 0; top: 0.55em; width: 14px; height: 2px; background: var(--color-primary); }

/* faaliyet alanları */
.ab-areas { background: #081a44; border-top: 1px solid rgba(255,255,255,0.06); padding: 100px 0; }
.ab-areas-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }
.ab-area { display: flex; flex-direction: column; padding: 32px 26px; background: #0f2a74; border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; color: #fff; transition: transform .35s ease, background-color .35s ease, border-color .35s ease; }
.ab-area > i { font-size: 2.2rem; color: var(--color-primary); margin-bottom: 20px; transition: color .35s ease; }
.ab-area h3 { font-family: var(--font-heading); font-size: 1.2rem; margin-bottom: 10px; color: inherit; }
.ab-area p { flex: 1; font-size: 0.88rem; line-height: 1.7; color: #bdbdbd; margin-bottom: 20px; transition: color .35s ease; }
.ab-area-more { font-size: 0.74rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--color-primary); display: inline-flex; align-items: center; gap: 8px; transition: color .35s ease; }
.ab-area-more i { transition: transform .3s ease; }
.ab-area:hover { transform: translateY(-8px); background: #f4f1ea; border-color: #f4f1ea; color: #0b2160; }
.ab-area:hover > i, .ab-area:hover .ab-area-more { color: #4a6b12; }
.ab-area:hover p { color: #444; }
.ab-area:hover .ab-area-more i { transform: translateX(5px); }

@media (max-width: 1200px) { .ab-areas-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ab-numbers-inner { grid-template-columns: repeat(3, 1fr); } .ab-numbers-inner li:nth-child(3) { border-right: none; } .ab-numbers-inner li:nth-child(-n+3) { border-bottom: 1px solid rgba(255,255,255,0.07); } }
@media (max-width: 992px) {
    .ab-story { padding: 70px 0 80px; }
    .ab-story-inner, .ab-mvv-inner, .ab-areas-inner, .ab-numbers-inner { padding: 0 24px; }
    .ab-story-inner { grid-template-columns: 1fr; gap: 56px; }
    .ab-story-media { max-width: 560px; margin: 0 auto; width: 100%; padding-bottom: 50px; }
    .ab-story-photo img { height: 380px; }
    .ab-story-photo--small { right: -10px; }
    .ab-badge { left: 10px; top: 20px; }
    .ab-mvv, .ab-areas { padding: 70px 0; }
    .ab-mvv-grid { grid-template-columns: 1fr; }
}
@media (max-width: 576px) {
    .ab-story-inner, .ab-mvv-inner, .ab-areas-inner, .ab-numbers-inner { padding: 0 18px; }
    .ab-story-photo img { height: 300px; }
    .ab-story-photo--small img { height: 130px; }
    .ab-story-photo--small { width: 52%; border-width: 4px; right: -6px; }
    .ab-areas-grid { grid-template-columns: 1fr; }
    .ab-numbers-inner { grid-template-columns: repeat(2, 1fr); }
    .ab-numbers-inner li { border-right: 1px solid rgba(255,255,255,0.07) !important; border-bottom: 1px solid rgba(255,255,255,0.07) !important; padding: 28px 8px; }
    .ab-numbers-inner li:nth-child(even) { border-right: none !important; }
    .ab-numbers-inner li:nth-last-child(-n+2) { border-bottom: none !important; }
    .ab-story-actions a { flex: 1; justify-content: center; }
}
@media (hover: none) { .ab-area { background: #0f2a74; } }
@media (prefers-reduced-motion: reduce) { .ab-card, .ab-area, .ab-story-photo img { transition: none; } }

/* 993-1200px: sağ/sol menü, logo ve E-Ticaret butonu arasında yer açmak için boşlukları daralt */
@media (min-width: 993px) and (max-width: 1200px) {
    .header-nav-left  { padding-right: 120px !important; }
    .header-nav-right { padding-left: 120px !important; }
    .header-logo { width: 220px !important; }
    .header-nav > ul > li > a { padding: 8px 8px; font-size: 0.74rem; }
}

/* ============================================================
   EMİN LOJİSTİK
   ============================================================ */
.page-hero--logistics { background-image: url('../lojistik.jpg'); background-position: center 40%; }

.lg-intro .ab-story-photo img { height: 440px; }
.lg-badge .year-num { font-size: 2.2rem; }
.lg-badge .year-num i { color: #fff; }

.lg-numbers { grid-template-columns: repeat(4, 1fr); }

.ab-areas-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.lg-service { cursor: default; }
.lg-service p { margin-bottom: 0; }

.lg-steps { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; counter-reset: lg; position: relative; }
.lg-step { position: relative; padding: 52px 24px 28px; background: #0f2a74; border: 1px solid rgba(255,255,255,0.08); border-radius: 14px; text-align: center; transition: transform .35s ease, border-color .35s ease; }
.lg-step:hover { transform: translateY(-8px); border-color: rgba(141,198,63,0.55); }
.lg-step-no { position: absolute; top: -22px; left: 50%; transform: translateX(-50%); width: 44px; height: 44px; border-radius: 50%; background: var(--color-primary); color: #0b2160; font-family: var(--font-heading); font-weight: 700; font-size: 1.2rem; display: flex; align-items: center; justify-content: center; border: 4px solid #0b2160; }
.lg-step > i { font-size: 2rem; color: var(--color-primary); margin-bottom: 16px; display: block; }
.lg-step h3 { font-family: var(--font-heading); font-size: 1.1rem; color: #fff; margin-bottom: 10px; }
.lg-step p { color: #bdbdbd; font-size: 0.88rem; line-height: 1.7; margin: 0; }
/* adımlar arası bağlantı çizgisi */
.lg-step:not(:last-child)::after { content: ''; position: absolute; top: 0; left: calc(50% + 30px); width: calc(100% + 24px - 60px); height: 2px; background: repeating-linear-gradient(90deg, rgba(141,198,63,.55) 0 6px, transparent 6px 12px); transform: translateY(0); }

.lg-contact .loc-list { list-style: none; padding: 0; margin: 0 0 24px; display: grid; gap: 14px; }
.lg-contact .loc-list li { display: flex; gap: 14px; color: rgba(255,255,255,0.9); font-size: 0.95rem; line-height: 1.6; }
.lg-contact .loc-list i { color: var(--color-primary); width: 20px; margin-top: 4px; text-align: center; flex-shrink: 0; }
.lg-contact .loc-list a:hover { color: var(--color-primary); }

@media (max-width: 1200px) { .lg-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 24px; } .lg-step::after { display: none; } .ab-areas-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 992px) { .lg-numbers { grid-template-columns: repeat(2, 1fr); } .lg-numbers li:nth-child(2) { border-right: none; } .lg-numbers li:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,0.07); } .lg-intro .ab-story-photo img { height: 320px; } }
@media (max-width: 576px) { .lg-steps { grid-template-columns: 1fr; gap: 38px; } .ab-areas-grid--3 { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .lg-step { transition: none; } }