@charset "UTF-8";
/* ==========================================================================
   Andiç — v6: sade ana sayfa (büyük slider) + daha büyük üst menü
   ========================================================================== */

/* ---------- Üst menü: sıkı yerleşim + altında slogan ---------- */
:root{--slogan-red:#b01c17;--slogan-red:color-mix(in srgb,var(--orange) 72%,#ff2d1f)}
.header .nav{min-height:0;padding-block:12px;gap:24px}
.nav-center{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}
.header .nav nav{font-size:17px;font-weight:700;gap:clamp(24px,2.6vw,46px)}
.header .dropdown{min-height:46px}
.header .nav nav>a{display:flex;align-items:center;min-height:46px}
.header .nav nav>a,.header .dropdown>a{letter-spacing:-.1px}
.dropdown>a:after{height:3px;bottom:-8px}
.dropdown-panel{width:300px}
.dropdown-panel a{font-size:16px;font-weight:600;padding:12px 14px}
@media(min-width:961px){.header .nav-cta{font-size:15px;min-height:50px;padding:12px 22px}}

.nav-slogan{display:flex;align-items:center;gap:14px;margin:0;line-height:1.2;white-space:nowrap}
.nav-slogan-text{font-size:17px;font-weight:800;letter-spacing:.2px;color:var(--slogan-red);
  background:linear-gradient(105deg,var(--slogan-red) 0 42%,#ff8a7f 50%,var(--slogan-red) 58% 100%) 120% 0/260% 100% repeat-x;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:slogan-sheen 1.6s ease-out .7s 1 both}
.nav-slogan-mark{position:relative;display:block;width:38px;height:10px}
.nav-slogan-mark::before{content:"";position:absolute;left:0;right:8px;top:50%;height:2px;transform:translateY(-50%);border-radius:2px;background:linear-gradient(90deg,transparent,var(--slogan-red))}
.nav-slogan-mark::after{content:"";position:absolute;right:0;top:50%;width:7px;height:7px;background:var(--slogan-red);transform:translateY(-50%) rotate(45deg);border-radius:1px}
.nav-slogan-mark:last-child{transform:scaleX(-1)}
@keyframes slogan-sheen{from{background-position:120% 0}to{background-position:-20% 0}}

@media(max-width:1150px){.header .nav nav{font-size:16px;gap:20px}}
@media(max-width:960px){
  .header .nav{flex-wrap:wrap;row-gap:8px;padding-block:14px 10px}
  .header .nav-center{order:10;width:100%}
  .header .nav nav>a,.dropdown>a{font-size:18px;padding:14px 0;min-height:0}
  .header .dropdown{min-height:44px}
  .dropdown-panel a{font-size:16px}
  .nav-slogan-text{font-size:15px}
  .nav-slogan-mark{width:30px}
}
@media(prefers-reduced-motion:reduce){.nav-slogan-text{animation:none;background-position:-20% 0}}

/* ---------- Ana sayfa slider (bölünmüş panel + görsel) ---------- */
.home-slider{--hs-h:clamp(460px,68vh,640px);--hs-duration:3s;--hs-deep:#4a0d0b;--hs-deep:color-mix(in srgb,var(--orange) 55%,#120404);padding-block:28px 56px}
.hs-stage{position:relative;display:grid;border-radius:18px;overflow:hidden;background:var(--hs-deep);box-shadow:0 30px 60px -30px #3a0a0866}
.hs-slide{grid-area:1/1;margin:0;display:grid;grid-template-columns:minmax(0,40fr) minmax(0,60fr);height:var(--hs-h);opacity:0;visibility:hidden;z-index:1;transition:opacity .45s ease,visibility 0s linear .9s}
.hs-slide.is-active{opacity:1;visibility:visible;z-index:2;transition:opacity .45s ease,visibility 0s}

.hs-panel{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(32px,3.6vw,60px) clamp(28px,3.6vw,64px) clamp(104px,9vw,128px);color:#fff;background:var(--hs-deep);overflow:hidden;isolation:isolate}
.hs-panel::before{content:"";position:absolute;width:520px;height:520px;right:-220px;top:-200px;border-radius:50%;background:radial-gradient(circle,#ffffff1c,#ffffff00 65%);z-index:-1}
.hs-panel::after{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--orange);filter:brightness(1.35)}
.hs-meta{display:flex;align-items:baseline;gap:18px}
.hs-count{font-size:15px;font-weight:800;letter-spacing:.5px}
.hs-count small{font-size:13px;font-weight:600;color:#ffffff80}
.hs-kicker{font-size:14px;font-weight:700;color:#ffffffb3;padding-left:18px;border-left:1px solid #ffffff40}
.hs-text h2{font-size:clamp(32px,3.3vw,56px);font-weight:800;letter-spacing:-1.8px;line-height:1.06;max-width:12ch}
.hs-text p{margin-top:20px;font-size:17px;line-height:1.75;color:#ffffffc7;max-width:46ch}
.hs-button{display:inline-flex;align-items:center;gap:22px;margin-top:30px;padding:15px 24px;border-radius:999px;background:#fff;color:#1d1d1d;font-size:15px;font-weight:800;transition:background .2s,color .2s,transform .2s}
.hs-button span{font-size:20px;line-height:1}
.hs-button:hover{background:#1d1d1d;color:#fff;transform:translateY(-2px)}
.hs-button:focus-visible{outline:3px solid #fff;outline-offset:4px}

/* Slayt değişince: metin sırayla yukarı kayar, görsel sağdan açılır */
.hs-meta,.hs-text h2,.hs-text p,.hs-button{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.hs-slide.is-active .hs-meta,.hs-slide.is-active .hs-text h2,.hs-slide.is-active .hs-text p,.hs-slide.is-active .hs-button{opacity:1;transform:none}
.hs-slide.is-active .hs-meta{transition-delay:.15s}
.hs-slide.is-active .hs-text h2{transition-delay:.25s}
.hs-slide.is-active .hs-text p{transition-delay:.35s}
.hs-slide.is-active .hs-button{transition-delay:.45s}
.hs-slide.is-active .hs-button:hover{transition-delay:0s}

.hs-media{position:relative;overflow:hidden;clip-path:inset(0 0 0 100%);transition:clip-path .9s cubic-bezier(.7,0,.2,1)}
.hs-slide.is-active .hs-media{clip-path:inset(0 0 0 0)}
.hs-media img{filter:none;width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.08);transition:transform 7s ease-out}
.hs-slide.is-active .hs-media img{transform:scale(1)}

.hs-arrows{position:absolute;z-index:3;left:clamp(28px,3.6vw,64px);bottom:clamp(32px,3.2vw,48px);display:flex;gap:10px}
.hs-arrow{width:54px;height:54px;border-radius:50%;border:1px solid #ffffff55;background:transparent;color:#fff;font-size:20px;cursor:pointer;display:grid;place-items:center;transition:background .2s,color .2s,border-color .2s}
.hs-arrow:hover{background:#fff;color:#1d1d1d;border-color:#fff}
.hs-arrow:focus-visible{outline:3px solid #fff;outline-offset:3px}

.hs-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px;margin-top:22px}
.hs-tab{display:flex;flex-direction:column;gap:12px;text-align:left;background:none;border:0;padding:0;font:inherit;cursor:pointer;color:#7a7a7a}
.hs-tab-body{display:flex;align-items:center;gap:12px}
.hs-tab img{width:56px;height:42px;object-fit:cover;border-radius:6px;flex-shrink:0;filter:grayscale(1);opacity:.7;transition:filter .3s,opacity .3s}
.hs-tab-label{font-size:14px;font-weight:700;line-height:1.3}
.hs-tab:hover,.hs-tab.is-active{color:var(--ink)}
.hs-tab:hover img,.hs-tab.is-active img{filter:none;opacity:1}
.hs-tab:focus-visible{outline:3px solid var(--orange);outline-offset:4px;border-radius:4px}
.hs-progress{display:block;height:3px;background:#e4e4e4;border-radius:2px;overflow:hidden}
.hs-progress i{display:block;height:100%;width:0;background:var(--orange)}
.hs-tab.is-active .hs-progress i{width:100%}
.home-slider.is-playing .hs-tab.is-active .hs-progress i{width:0;animation:hs-fill var(--hs-duration) linear forwards}
.home-slider.is-paused .hs-tab.is-active .hs-progress i{animation-play-state:paused}
@keyframes hs-fill{from{width:0}to{width:100%}}

@media(max-width:1100px){.hs-slide{grid-template-columns:minmax(0,45fr) minmax(0,55fr)}}
@media(max-width:860px){
  .home-slider{padding-block:16px 44px}
  .hs-stage{border-radius:14px}
  .hs-slide{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:auto}
  .hs-media{grid-row:1;aspect-ratio:4/3;clip-path:inset(0 0 0 0)}
  .hs-panel{grid-row:2;padding:26px 24px 32px;gap:22px;justify-content:flex-start}
  .hs-text h2{max-width:none}
  .hs-text p{font-size:16px;margin-top:14px}
  .hs-button{margin-top:22px}
  .hs-arrows{left:auto;right:14px;bottom:auto;top:14px}
  .hs-arrow{width:44px;height:44px;background:#00000055;border-color:#ffffff66;backdrop-filter:blur(4px)}
  .hs-tabs{display:flex;overflow-x:auto;gap:18px;scrollbar-width:none;padding-bottom:6px}
  .hs-tabs::-webkit-scrollbar{display:none}
  .hs-tab{flex:0 0 auto;min-width:150px}
}
@media(prefers-reduced-motion:reduce){
  .hs-slide,.hs-slide.is-active,.hs-media,.hs-media img,.hs-meta,.hs-text h2,.hs-text p,.hs-button{transition:none!important}
  .hs-media{clip-path:none}
  .hs-media img{transform:none}
}

/* ---------- Ana sayfa: kısa Hakkımızda alanı ---------- */
.home-about{background:#f6f6f6;padding-block:clamp(48px,6vw,84px)}
.home-about-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center;max-width:1240px}
.home-about-picture{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:6px;display:block}
.home-about-text .eyebrow{color:var(--orange)}
.home-about-text h2{font-size:clamp(28px,2.8vw,42px);font-weight:800;letter-spacing:-1.2px;line-height:1.15;margin-top:14px}
.home-about-text p{margin-top:18px;font-size:17px;line-height:1.8;color:var(--muted);max-width:560px}
.home-about-text .button{margin-top:28px}
.home-slider+.home-about{margin-top:8px}
@media(max-width:860px){.home-about-inner{grid-template-columns:1fr}.home-about-picture{aspect-ratio:16/10}}

/* ==========================================================================
   TEK SAYFA YAPISI — Kurumsal ve Hizmetler
   ========================================================================== */
.page-subnav{position:sticky;top:var(--header-h,100px);z-index:9;background:#ffffffee;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e7e3e2;box-shadow:0 10px 24px -20px #00000040}
.page-subnav-track{display:flex;gap:6px;overflow-x:auto;padding-block:12px;scrollbar-width:none}
.page-subnav-track::-webkit-scrollbar{display:none}
.page-subnav a{flex:0 0 auto;padding:10px 18px;border-radius:999px;font-size:15px;font-weight:700;color:#5a5a5a;white-space:nowrap;transition:background .2s,color .2s}
.page-subnav a:hover{background:#f3efee;color:var(--ink)}
.page-subnav a.is-current{background:var(--orange);color:#fff}
.page-subnav a:focus-visible{outline:3px solid var(--orange);outline-offset:2px}

html:has(body.onepage){scroll-padding-top:0}
.op-section{padding-block:clamp(56px,7vw,108px);scroll-margin-top:calc(var(--header-h,100px) + 72px - clamp(24px,4vw,64px))}
.op-tint{background:#f7f4f3}
.op-eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--orange);font-size:14px;font-weight:800;letter-spacing:.2px}
.op-eyebrow::before{content:"";width:26px;height:3px;border-radius:2px;background:currentColor}
.op-head h2,.svc-copy h2{font-size:clamp(30px,3.2vw,48px);font-weight:800;letter-spacing:-1.5px;line-height:1.1;margin-top:14px;color:var(--ink)}
.op-lead{font-size:18px;line-height:1.75;color:var(--muted);margin-top:18px;max-width:680px}
.op-head-center{text-align:center;max-width:780px;margin-inline:auto}
.op-head-center .op-lead{margin-inline:auto}
.op-prose{max-width:none;margin-top:28px}
.op-prose h3{font-size:21px;color:var(--ink);margin-block:30px 10px}
.op-prose h3:first-child{margin-top:0}
.op-prose p{font-size:16.5px}

/* Hakkımızda */
.op-about{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(40px,6vw,104px);align-items:start}
.op-about-media{position:sticky;top:calc(var(--header-h,100px) + 96px);margin:0;padding:0 0 22px 22px}
.op-about-media::before{content:"";position:absolute;left:0;bottom:0;width:70%;height:70%;border-radius:18px;background:var(--orange);opacity:.9}
.op-about-media img{position:relative;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:18px;display:block;box-shadow:0 24px 50px -24px #00000059}

/* Vizyon & Misyon */
.vm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:24px;margin-top:52px}
.vm-card{position:relative;padding:clamp(30px,3.4vw,52px);border-radius:20px;background:#fff;border:1px solid #ebe5e4;overflow:hidden;isolation:isolate}
.vm-card-dark{background:color-mix(in srgb,var(--orange) 62%,#140404);border-color:transparent;color:#fff}
.vm-card-dark::after{content:"";position:absolute;z-index:-1;width:420px;height:420px;right:-180px;top:-200px;border-radius:50%;background:radial-gradient(circle,#ffffff1f,#ffffff00 65%)}
.vm-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:#f6eceb;color:var(--orange)}
.vm-card-dark .vm-icon{background:#ffffff1f;color:#fff}
.vm-icon svg{width:28px;height:28px}
.vm-card h3{font-size:clamp(24px,2.2vw,30px);font-weight:800;letter-spacing:-.8px;margin-top:26px}
.vm-body p{font-size:16.5px;line-height:1.85;color:var(--muted);margin-top:14px}
.vm-body p:first-child{font-size:18px;color:var(--ink);font-weight:600;line-height:1.7}
.vm-card-dark .vm-body p{color:#ffffffc4}
.vm-card-dark .vm-body p:first-child{color:#fff}

/* Kalite politikası */
.op-quality{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,6vw,104px);align-items:start}
.op-quality-side{position:sticky;top:calc(var(--header-h,100px) + 96px)}
.op-quality-img{width:100%;aspect-ratio:16/11;object-fit:cover;border-radius:18px;margin-top:34px;display:block}
.q-list{display:grid;gap:18px}
.q-item{display:grid;grid-template-columns:auto 1fr;gap:22px;padding:30px;border-radius:18px;background:#fff;border:1px solid #ece6e5;transition:border-color .25s,box-shadow .25s,transform .25s}
.q-item:hover{border-color:color-mix(in srgb,var(--orange) 35%,#fff);box-shadow:0 18px 40px -26px #00000040;transform:translateY(-2px)}
.q-check{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--orange);color:#fff}
.q-check svg{width:22px;height:22px}
.q-item h3{font-size:21px;font-weight:800;letter-spacing:-.4px;margin-top:8px}
.q-item p{font-size:16px;line-height:1.85;color:var(--muted);margin-top:10px}

/* Referanslar */
.op-logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;margin-top:48px}
.op-logo{display:grid;place-items:center;height:112px;padding:18px;border-radius:16px;background:#fff;border:1px solid #ebe5e4;transition:transform .25s,box-shadow .25s}
.op-logo:hover{transform:translateY(-3px);box-shadow:0 16px 34px -22px #00000040}
.op-logo img{max-width:78%;max-height:56px;object-fit:contain}
.op-logo strong{font-size:17px;color:var(--ink)}

/* S.S.S. */
.op-faq .faq-list{margin-top:30px}
.op-faq .faq-picture{border-radius:18px}

/* Hizmetler */
.svc-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,104px);align-items:start}
.svc-media{position:sticky;top:calc(var(--header-h,100px) + 96px)}
.svc-media img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:20px;display:block;box-shadow:0 24px 50px -26px #00000059}
.svc-num{position:absolute;left:24px;bottom:-22px;padding:12px 20px;border-radius:14px;background:var(--orange);color:#fff;font-size:26px;font-weight:800;letter-spacing:-.5px;box-shadow:0 12px 26px -12px #00000066}
.svc-flip .svc-media{order:2}
.svc-actions{display:flex;flex-wrap:wrap;align-items:center;gap:26px;margin-top:30px}

@media(max-width:900px){
  .op-about,.op-quality,.svc-grid{grid-template-columns:1fr}
  .op-about-media,.op-quality-side,.svc-media{position:relative;top:auto}
  .op-about-media img{aspect-ratio:4/3}
  .svc-flip .svc-media{order:0}
  .svc-media{margin-bottom:18px}
  .page-subnav a{font-size:14px;padding:9px 15px}
}
@media(prefers-reduced-motion:reduce){.q-item,.op-logo{transition:none}.q-item:hover,.op-logo:hover{transform:none}}

/* ---------- Daha büyük logo (header + footer) ---------- */
.header .logo img{height:92px;max-height:none;width:auto}
.footer-v2 .logo img{height:96px;max-height:none;width:auto}
@media(max-width:1150px){.header .logo img{height:76px}}
@media(max-width:960px){.header .logo img{height:64px}}
@media(max-width:720px){.header .logo img{height:56px}.footer-v2 .logo img{height:80px}}
@media(max-width:370px){.header .logo img{height:44px}}

/* Ekranda görünmeyen ama arama motorları ve ekran okuyucular için olan metin */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}