/* ═══════════════════════════════════════════════════════════════
   HALİÇ GLOBAL YMM — Ana Stil (Institutional Minimalism)
   Design token tabanlı · Mobile-first · WCAG AA
═══════════════════════════════════════════════════════════════ */

/* ── Self-hosted Fonts ── */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../fonts/inter-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../fonts/inter-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600 700;
  font-display: swap;
  src: url('../fonts/playfair-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600 700;
  font-display: swap;
  src: url('../fonts/playfair-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* Marka — derin, kurumsal lacivert */
  --brand-950:#04101F; --brand-900:#071A31; --brand-800:#0B2748; --brand-700:#123561;
  --brand-600:#1B4A87; --brand-500:#245FA6; --brand-400:#4A82C4; --brand-300:#7FA8D9;
  --brand-100:#D8E4F2; --brand-50:#EEF3FA;
  /* Altın — antika / şampanya tonu (rafine, kurumsal) */
  --accent-700:#8A6A24; --accent-600:#A6821F; --accent-500:#C7A252; --accent-400:#D9BE7E;
  --accent-300:#E7D5A8; --accent-100:#F5ECD6;
  --teal-500:#16788A;
  /* Nötr — hafif sıcak, premium gri-ivory */
  --ink-900:#0C141D; --ink-800:#1B2733; --ink-700:#33414F; --ink-600:#47586A;
  --ink-500:#5B6B7A; --ink-400:#8496A6; --line-strong:#D6DCE3; --line:#E7EBF0;
  --surface-3:#E9ECF1; --surface-2:#EFF2F6; --surface:#F6F7FA; --white:#FFFFFF;
  --success:#1E8E5A; --success-bg:#E6F5EE; --danger:#C0392B; --danger-bg:#FBEAE8;
  /* Tipografi */
  --font-display:"Playfair Display",Georgia,serif;
  --font-body:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;
  --fs-eyebrow:.78rem; --fs-small:.875rem; --fs-body:1.0625rem; --fs-lead:1.22rem;
  --fs-h5:1.25rem; --fs-h4:clamp(1.18rem,1.5vw,1.45rem); --fs-h3:clamp(1.4rem,2.1vw,1.75rem);
  --fs-h2:clamp(2rem,3.6vw,3.05rem); --fs-h1:clamp(2.5rem,5vw,4.25rem);
  --fs-display:clamp(2.75rem,6vw,5.25rem);
  /* Boşluk */
  --space-1:.25rem; --space-2:.5rem; --space-3:.75rem; --space-4:1rem; --space-5:1.5rem;
  --space-6:2rem; --space-7:3rem; --space-8:4rem; --space-9:6rem; --space-10:8rem;
  --section-y:clamp(4.5rem,9.5vw,8rem);
  /* Layout */
  --container:1280px; --container-narrow:760px; --gutter:clamp(1rem,4vw,2.5rem);
  /* Radius */
  --radius-sm:6px; --radius:9px; --radius-md:12px; --radius-lg:18px; --radius-xl:26px; --radius-full:999px;
  /* Gölge — daha yumuşak, katmanlı, nötr */
  --shadow-xs:0 1px 2px rgba(12,20,29,.05);
  --shadow-sm:0 1px 2px rgba(12,20,29,.04),0 2px 4px rgba(12,20,29,.05);
  --shadow-md:0 2px 6px rgba(12,20,29,.04),0 10px 24px rgba(12,20,29,.07);
  --shadow-lg:0 8px 16px rgba(12,20,29,.05),0 24px 48px rgba(12,20,29,.09);
  --shadow-xl:0 16px 32px rgba(12,20,29,.06),0 44px 84px rgba(12,20,29,.13);
  --shadow-accent:0 10px 28px rgba(199,162,82,.32);
  /* Hareket */
  --ease-out:cubic-bezier(.22,1,.36,1); --dur-fast:160ms; --dur:260ms; --dur-slow:420ms;
  /* z-index */
  --z-header:200; --z-dropdown:300; --z-overlay:400; --z-modal:500; --z-toast:600;
}

/* ── Reset ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--font-body);font-size:var(--fs-body);line-height:1.7;color:var(--ink-900);background:var(--white);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:var(--brand-500);text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}
ul{list-style:none}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.14;letter-spacing:-.018em;color:var(--ink-900);text-wrap:balance}
button{font-family:inherit;cursor:pointer;border:none;background:none}
:focus-visible{outline:2px solid var(--accent-500);outline-offset:3px;border-radius:2px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}

.skip-link{position:absolute;left:-999px;top:0;z-index:999;background:var(--brand-900);color:#fff;padding:.75rem 1.25rem;border-radius:0 0 8px 0}
.skip-link:focus{left:0}

/* ── Layout ── */
.container{max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter);width:100%}
.container--narrow{max-width:var(--container-narrow)}
.section{padding-block:var(--section-y)}
.section--surface{background:var(--surface)}
.section--dark{position:relative;background:
  radial-gradient(1000px 500px at 85% 0%,rgba(199,162,82,.10),transparent 55%),
  radial-gradient(900px 600px at 0% 100%,rgba(36,95,166,.20),transparent 55%),
  linear-gradient(160deg,var(--brand-950),var(--brand-800));color:var(--brand-100);overflow:hidden}
.section--dark h1,.section--dark h2,.section--dark h3,.section--dark h4{color:#fff}
.section--dark>.container{position:relative;z-index:1}

/* ── İkon (Font Awesome) ── */
.icon{font-size:22px;line-height:1;flex:none;display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;vertical-align:-.1em}
.icon--sm{font-size:17px}
.icon--xs{font-size:14px}

/* ── Tipografi yardımcıları ── */
.eyebrow{display:inline-flex;align-items:center;gap:.7rem;font-family:var(--font-body);font-size:var(--fs-eyebrow);font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-700);margin-bottom:var(--space-4)}
.eyebrow::before{content:"";width:26px;height:1.5px;background:var(--accent-500);flex:none}
.section-head--center .eyebrow{justify-content:center}
.eyebrow--gold{color:var(--accent-600)}
.eyebrow--gold::before{background:var(--accent-600)}
.cta-band .eyebrow--gold{color:var(--accent-400)}
.cta-band .eyebrow--gold::before{background:var(--accent-400)}
.section-title{font-size:var(--fs-h2);margin-bottom:var(--space-4);line-height:1.1}
.section-title em{color:var(--accent-600);font-style:italic}
.section--dark .section-title em{color:var(--accent-400)}
.section-lead{font-size:var(--fs-lead);color:var(--ink-500);max-width:62ch;line-height:1.65}
.section--dark .section-lead{color:var(--brand-300)}
.section-head{margin-bottom:var(--space-7)}
.section-head--center{text-align:center;max-width:720px;margin-inline:auto}
.section-head--split{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-5);flex-wrap:wrap}
.section-cta{text-align:center;margin-top:var(--space-6)}

.link-arrow{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;color:var(--brand-700);white-space:nowrap}
.link-arrow .icon{transition:transform var(--dur) var(--ease-out)}
.link-arrow:hover{color:var(--accent-600)}
.link-arrow:hover .icon{transform:translateX(4px)}
.section--dark .link-arrow{color:var(--accent-400)}

.ticks{display:grid;gap:var(--space-3);margin:var(--space-5) 0}
.ticks li{display:flex;align-items:flex-start;gap:.6rem;font-weight:500}
.ticks .icon{color:var(--accent-600);background:var(--accent-100);border-radius:50%;padding:3px;margin-top:2px}

/* ── Grid ── */
.grid{display:grid;gap:var(--space-5)}
.grid--3{grid-template-columns:repeat(3,1fr)}
.grid--4{grid-template-columns:repeat(4,1fr)}

/* ── Buton ── */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-weight:600;font-size:var(--fs-small);letter-spacing:.01em;padding:.9rem 1.7rem;border-radius:var(--radius);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur) var(--ease-out),background var(--dur-fast),color var(--dur-fast);white-space:nowrap;line-height:1}
.btn--sm{padding:.62rem 1.15rem}
.btn--lg{padding:1.1rem 2.1rem;font-size:var(--fs-body)}
.btn--block{width:100%}
.btn--primary{background:linear-gradient(180deg,var(--accent-400),var(--accent-500));color:var(--brand-950);box-shadow:var(--shadow-sm)}
.btn--primary:hover{background:linear-gradient(180deg,var(--accent-300),var(--accent-400));transform:translateY(-2px);box-shadow:var(--shadow-accent);color:var(--brand-950)}
.btn--secondary{background:var(--brand-800);color:#fff}
.btn--secondary:hover{background:var(--brand-700);transform:translateY(-2px);color:#fff}
.btn--outline{background:transparent;color:var(--brand-700);box-shadow:inset 0 0 0 1.5px var(--brand-700)}
.btn--outline:hover{background:var(--brand-700);color:#fff}
.btn--outline-light{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.5)}
.btn--outline-light:hover{background:#fff;color:var(--brand-900)}
.btn--ghost{background:transparent;color:var(--ink-700)}
.btn--ghost:hover{background:var(--surface-2)}

/* ── TEST YAYINI BANDI ── */
.test-banner{
  position:relative;overflow:hidden;color:#3a1d00;
  background:repeating-linear-gradient(45deg,#FFC531 0 22px,#FFB300 22px 44px);
  border-bottom:3px solid #7a2e00;
  box-shadow:0 3px 12px rgba(0,0,0,.18);
}
.test-banner::before,.test-banner::after{
  content:"";position:absolute;top:0;bottom:0;width:120px;z-index:1;pointer-events:none
}
.test-banner::before{left:0;background:linear-gradient(90deg,rgba(122,46,0,.28),transparent)}
.test-banner::after{right:0;background:linear-gradient(270deg,rgba(122,46,0,.28),transparent)}
.test-banner__inner{
  position:relative;z-index:2;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;
  gap:.6rem .9rem;min-height:44px;padding:.5rem var(--gutter);text-align:center
}
.test-banner__icon{font-size:20px;color:#7a2e00;animation:testPulse 1.1s ease-in-out infinite}
.test-banner__title{
  font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.95rem;
  background:#7a2e00;color:#FFD874;padding:.2rem .7rem;border-radius:6px;white-space:nowrap
}
.test-banner__msg{font-weight:600;font-size:.92rem;color:#3a1d00}
@keyframes testPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.18);opacity:.7}}
@media (max-width:600px){
  .test-banner__title{font-size:.82rem}
  .test-banner__msg{font-size:.82rem;width:100%}
}
@media (prefers-reduced-motion:reduce){
  .test-banner__icon{animation:none}
}

/* ── TOPBAR ── */
.topbar{background:var(--brand-950);color:var(--brand-100);font-size:var(--fs-small);border-top:3px solid var(--accent-500)}
.topbar__inner{display:flex;justify-content:space-between;align-items:center;min-height:42px;gap:var(--space-4)}
.topbar a{color:var(--brand-100);display:inline-flex;align-items:center;gap:.4rem}
.topbar a:hover{color:var(--accent-400)}
.topbar__contact{display:flex;gap:var(--space-5)}
.topbar__meta{display:flex;align-items:center;gap:var(--space-4)}
.topbar__social{display:flex;gap:.5rem}
.topbar__divider{width:1px;height:18px;background:rgba(255,255,255,.2)}
.topbar__lang strong{color:var(--accent-400)}
.topbar__lang span{opacity:.4;margin-inline:.25rem}

/* ── HEADER ── */
.header{position:sticky;top:0;z-index:var(--z-header);background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);transition:box-shadow var(--dur),background var(--dur)}
.header.is-scrolled{box-shadow:var(--shadow-md)}
.header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);min-height:84px;transition:min-height var(--dur)}
.header.is-scrolled .header__inner{min-height:66px}
.header__brand{flex:none}

/* Logo */
.brand-logo{display:block;height:44px;width:auto;object-fit:contain;transition:height var(--dur)}
.header.is-scrolled .brand-logo{height:38px}
.brand-logo--light{filter:brightness(0) invert(1)}

/* Nav */
.nav__list{display:flex;align-items:center;gap:.35rem}
.nav__item{position:relative}
.nav__link{display:inline-flex;align-items:center;gap:.3rem;font-weight:600;font-size:.95rem;color:var(--ink-800);padding:.65rem .85rem;border-radius:var(--radius);transition:color var(--dur-fast),background var(--dur-fast)}
.nav__link:hover,.nav__item:hover>.nav__link{color:var(--brand-700);background:var(--brand-50)}
.nav__link[aria-current=page]{color:var(--accent-700)}
.nav__link .icon{transition:transform var(--dur)}
.nav__item:hover .nav__link .icon{transform:rotate(180deg)}

/* Dropdown */
.dropdown{position:absolute;top:calc(100% + 10px);left:0;min-width:250px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:.5rem;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity var(--dur),transform var(--dur),visibility var(--dur);z-index:var(--z-dropdown)}
.dropdown::before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px}
.nav__item:hover .dropdown,.nav__item:focus-within .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown a{display:block;padding:.6rem .85rem;border-radius:var(--radius-sm);color:var(--ink-700);font-weight:500;font-size:.92rem}
.dropdown a:hover{background:var(--brand-50);color:var(--brand-700)}

/* Mega */
.nav__item--mega{position:static}
.mega{position:absolute;top:calc(100% + 1px);left:0;right:0;background:#fff;border-top:1px solid var(--line);box-shadow:var(--shadow-lg);padding:var(--space-6) 0;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity var(--dur),transform var(--dur),visibility var(--dur);z-index:var(--z-dropdown);display:grid;grid-template-columns:1fr;max-width:var(--container);margin-inline:auto;border-radius:0 0 var(--radius-md) var(--radius-md)}
.nav__item--mega:hover .mega,.nav__item--mega:focus-within .mega{opacity:1;visibility:visible;transform:translateY(0)}
.mega{grid-template-columns:2.4fr 1fr;gap:var(--space-6);padding-inline:var(--gutter)}
.mega__grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.mega__item{display:flex;gap:.85rem;padding:.85rem;border-radius:var(--radius-md);transition:background var(--dur-fast)}
.mega__item:hover{background:var(--brand-50)}
.mega__icon{flex:none;width:44px;height:44px;display:grid;place-items:center;background:var(--brand-50);color:var(--brand-700);border-radius:var(--radius);transition:all var(--dur)}
.mega__item:hover .mega__icon{background:var(--accent-500);color:var(--brand-950)}
.mega__text{display:flex;flex-direction:column}
.mega__text strong{color:var(--ink-900);font-family:var(--font-body);font-weight:600;font-size:.95rem}
.mega__text small{color:var(--ink-500);font-size:.82rem;line-height:1.4;margin-top:2px}
.mega__aside{background:var(--brand-900);color:var(--brand-100);border-radius:var(--radius-md);padding:var(--space-6);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}
.mega__aside h4{color:#fff;font-size:var(--fs-h4)}
.mega__aside p{font-size:.9rem;color:var(--brand-300)}
.mega__all{margin-top:auto;color:var(--accent-400);font-weight:600;display:inline-flex;align-items:center;gap:.4rem}

.header__actions{display:flex;align-items:center;gap:var(--space-4)}

/* Hamburger */
.hamburger{display:none;width:44px;height:44px;flex-direction:column;justify-content:center;gap:5px;padding:10px}
.hamburger span{display:block;height:2px;background:var(--brand-900);border-radius:2px;transition:transform var(--dur),opacity var(--dur);pointer-events:none}
.hamburger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.is-open span:nth-child(2){opacity:0}
.hamburger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ── MOBİL MENÜ ── */
.mobile-nav{position:fixed;inset:0;z-index:var(--z-modal);visibility:hidden}
.mobile-nav.is-open{visibility:visible}
/* Overlay: panelin ALTINDA, tam ekran karartma */
.mobile-nav__overlay{position:absolute;inset:0;z-index:1;background:rgba(6,21,41,.55);opacity:0;transition:opacity var(--dur);cursor:pointer}
.mobile-nav.is-open .mobile-nav__overlay{opacity:1}
/* Panel: overlayin ÜSTÜNDE, tıklanabilir katman */
.mobile-nav__panel{position:absolute;top:0;right:0;bottom:0;z-index:2;width:min(86vw,360px);max-width:100%;background:#fff;display:flex;flex-direction:column;transform:translateX(100%);transition:transform var(--dur) var(--ease-out);overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:-8px 0 40px rgba(6,21,41,.18)}
.mobile-nav.is-open .mobile-nav__panel{transform:translateX(0)}
.mobile-nav__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--line);flex:none}
.mobile-nav__head .brand-logo{height:40px;width:auto}
.mobile-nav__close{width:42px;height:42px;display:grid;place-items:center;color:var(--ink-700);border-radius:var(--radius);flex:none}
.mobile-nav__close:hover{background:var(--surface-2)}
.mobile-nav__body{padding:var(--space-4);flex:1 1 auto}

/* Accordion (button tabanlı — sağlam) */
.m-acc{border-bottom:1px solid var(--line)}
.m-acc__head{display:flex;width:100%;justify-content:space-between;align-items:center;gap:1rem;padding:1rem .5rem;font-family:inherit;font-size:1rem;font-weight:600;color:var(--ink-900);text-align:left;background:none;border:none;cursor:pointer}
.m-acc__ico{position:relative;width:18px;height:18px;flex:none}
.m-acc__ico::before,.m-acc__ico::after{content:"";position:absolute;top:50%;left:50%;background:var(--accent-600);border-radius:2px;transform:translate(-50%,-50%);transition:transform var(--dur-fast)}
.m-acc__ico::before{width:14px;height:2px}
.m-acc__ico::after{width:2px;height:14px}
.m-acc__head[aria-expanded="true"] .m-acc__ico::after{transform:translate(-50%,-50%) scaleY(0)}
.m-acc__panel{overflow:hidden;max-height:0;transition:max-height var(--dur) var(--ease-out)}
.m-acc__panel a{display:block;padding:.65rem 1rem;color:var(--ink-600);font-size:.92rem}
.m-acc__panel a:hover{color:var(--brand-700)}
.m-acc__panel a:last-child{padding-bottom:1rem}

.m-link{display:block;padding:1rem .5rem;font-weight:600;color:var(--ink-900);border-bottom:1px solid var(--line)}
.mobile-nav__foot{padding:var(--space-5);border-top:1px solid var(--line);display:grid;gap:var(--space-3);flex:none}
.mobile-nav__tel{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;color:var(--brand-700)}

/* ═══ HERO — Kurumsal, sade, güçlü (v4) ═══ */
.hero{position:relative;background:var(--brand-950);color:#fff;overflow:hidden}
.hero__bg{position:absolute;inset:0;background:
  radial-gradient(1100px 600px at 80% 10%,rgba(199,162,82,.10),transparent 55%),
  radial-gradient(900px 700px at 10% 90%,rgba(36,95,166,.14),transparent 55%),
  linear-gradient(160deg,#03090F 0%,#071A31 50%,#0B2748 100%)}
.hero__bg::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-500),transparent);opacity:.6}
.hero__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding-block:clamp(5rem,12vw,8.5rem) clamp(4rem,10vw,7rem);width:100%}
.hero__eyebrow{display:inline-flex;align-items:center;gap:.6rem;font-size:.72rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--accent-400);margin-bottom:var(--space-5)}
.hero__eyebrow::before{content:"";width:28px;height:1.5px;background:var(--accent-500)}
.hero__title{font-size:var(--fs-display);color:#fff;line-height:1.06;letter-spacing:-.025em;margin-bottom:var(--space-5);max-width:18ch}
.hero__title em{color:var(--accent-400);font-style:italic}
.hero__lead{font-size:var(--fs-lead);color:var(--brand-100);max-width:none;line-height:1.6;margin-inline:auto;margin-bottom:var(--space-7)}
.hero__actions{display:flex;gap:var(--space-4);flex-wrap:wrap;justify-content:center;margin-bottom:0}

/* Alt güven şeridi */
.hero__trust{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.08);background:rgba(4,16,31,.55);backdrop-filter:blur(6px)}
.hero__trust-inner{display:flex;align-items:center;justify-content:center;gap:var(--space-4) var(--space-5);padding-block:var(--space-4);flex-wrap:wrap}
.hero__trust-label{font-size:.72rem;font-weight:700;color:var(--brand-300);letter-spacing:.1em;text-transform:uppercase}
.hero__trust-item{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;font-weight:600;color:rgba(255,255,255,.8)}
.hero__trust-item .icon{color:var(--accent-400)}

/* Hero responsive */
@media (max-width:1080px){
  .hero__inner{max-width:100%}
}
@media (max-width:560px){
  .hero__actions .btn{width:100%}
  .hero__trust-inner{gap:var(--space-3) var(--space-4)}
  .hero__trust-label{width:100%}
}

/* ── STATS ── */
.stats{background:#fff;border-bottom:1px solid var(--line);margin-top:-1px}
.stats__grid{display:grid;grid-template-columns:repeat(4,1fr);padding-block:var(--space-7)}
.stat{text-align:center;padding:var(--space-4) var(--space-5);position:relative}
.stat:not(:last-child)::after{content:"";position:absolute;right:0;top:18%;height:64%;width:1px;background:var(--line)}
.stat__num{font-family:var(--font-display);font-size:clamp(2.6rem,4.2vw,3.5rem);font-weight:700;color:var(--brand-900);line-height:1;letter-spacing:-.02em}
.stat__plus,.stat__pct{font-family:var(--font-display);font-size:1.7rem;color:var(--accent-600);font-weight:700;vertical-align:top}
.stat__label{color:var(--ink-500);font-size:.92rem;margin-top:.65rem;font-weight:500}
.stat::before{content:"";display:block;width:34px;height:3px;background:linear-gradient(90deg,var(--accent-500),var(--accent-400));border-radius:2px;margin:0 auto var(--space-4)}

/* ── ABOUT TEASER ── */
.about-teaser__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--space-8);align-items:center}
.about-teaser__visual{position:relative}
.about-teaser__img{position:relative;aspect-ratio:4/5;background:
  radial-gradient(600px 400px at 70% 20%,rgba(199,162,82,.16),transparent 60%),
  linear-gradient(160deg,var(--brand-700),var(--brand-950));border-radius:var(--radius-lg);display:grid;place-items:center;color:rgba(255,255,255,.28);box-shadow:var(--shadow-lg);overflow:hidden}
.about-teaser__img::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px}
.about-teaser__img::after{content:"";position:absolute;inset:14px;border:1px solid rgba(199,162,82,.30);border-radius:var(--radius-md)}
.about-teaser__img .icon{position:relative;width:120px;height:120px}
.about-teaser__badge{position:absolute;right:-16px;bottom:32px;background:linear-gradient(180deg,var(--accent-400),var(--accent-500));color:var(--brand-950);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-lg);text-align:center}
.about-teaser__badge strong{display:block;font-family:var(--font-display);font-size:2rem;line-height:1}
.about-teaser__badge span{font-size:.8rem;font-weight:600}

/* ── SERVICE CARD ── */
.services-grid{margin-top:var(--space-2)}
.service-card{position:relative;display:block;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-6);transition:transform var(--dur) var(--ease-out),box-shadow var(--dur),border-color var(--dur);overflow:hidden}
.service-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-500),var(--accent-400));transform:scaleX(0);transform-origin:left;transition:transform var(--dur) var(--ease-out)}
.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--accent-300)}
.service-card:hover::before{transform:scaleX(1)}
.service-card__icon{display:grid;place-items:center;width:58px;height:58px;background:var(--brand-50);color:var(--brand-700);border-radius:var(--radius-md);margin-bottom:var(--space-5);transition:background var(--dur),color var(--dur),transform var(--dur)}
.service-card__icon .icon{width:26px;height:26px}
.service-card:hover .service-card__icon{background:linear-gradient(180deg,var(--accent-400),var(--accent-500));color:var(--brand-950);transform:scale(1.05)}
.service-card__title{font-size:var(--fs-h4);margin-bottom:var(--space-3)}
.service-card__text{color:var(--ink-500);font-size:.95rem;margin-bottom:var(--space-4)}
.service-card__link{display:inline-flex;align-items:center;gap:.4rem;color:var(--brand-700);font-weight:600;font-size:.9rem}
.service-card:hover .service-card__link{color:var(--accent-700)}
.service-card__link .icon{transition:transform var(--dur)}
.service-card:hover .service-card__link .icon{transform:translateX(4px)}

/* ── VALUE CARD ── */
.value-card{padding:var(--space-6);border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.10);transition:transform var(--dur),border-color var(--dur),box-shadow var(--dur)}
.value-card:hover{transform:translateY(-5px);border-color:rgba(199,162,82,.45);box-shadow:var(--shadow-lg)}
.value-card__icon{display:grid;place-items:center;width:58px;height:58px;background:rgba(199,162,82,.16);color:var(--accent-400);border-radius:var(--radius-md);margin-bottom:var(--space-5)}
.value-card__icon .icon{width:26px;height:26px}
.value-card h3{font-size:var(--fs-h4);margin-bottom:var(--space-2)}
.value-card p{color:var(--brand-300);font-size:.92rem}
.value-card--light{background:#fff;border:1px solid var(--line)}
.value-card--light:hover{box-shadow:var(--shadow-md)}
.value-card--light .value-card__icon{background:var(--brand-50);color:var(--brand-700)}
.value-card--light h3{color:var(--ink-900)}
.value-card--light p{color:var(--ink-500)}

/* ── PROCESS (kart tabanlı) ── */
.process__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5);position:relative}
.process__step{
  position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:var(--space-6) var(--space-5) var(--space-5);overflow:hidden;
  transition:transform var(--dur) var(--ease-out),box-shadow var(--dur),border-color var(--dur)
}
.process__step::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-500),var(--accent-400));transform:scaleX(0);transform-origin:left;transition:transform var(--dur) var(--ease-out)}
.process__step:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--accent-300)}
.process__step:hover::before{transform:scaleX(1)}
/* kartlar arası bağlantı çizgisi (ikon hizasında) */
.process__step:not(:last-child)::after{content:"";position:absolute;top:calc(var(--space-6) + 30px);right:calc(var(--space-5) * -1);width:var(--space-5);height:2px;background:linear-gradient(90deg,var(--accent-300),var(--line));z-index:2}
/* ikon rozeti */
.process__icon{position:relative;z-index:1;display:grid;place-items:center;width:60px;height:60px;border-radius:var(--radius-md);background:linear-gradient(160deg,var(--brand-50),#fff);color:var(--brand-700);box-shadow:inset 0 0 0 1px var(--line);margin-bottom:var(--space-4);transition:background var(--dur),color var(--dur),transform var(--dur)}
.process__icon .icon{width:26px;height:26px}
.process__step:hover .process__icon{background:linear-gradient(160deg,var(--brand-800),var(--brand-950));color:var(--accent-400);transform:scale(1.05)}
/* numara filigranı (sağ üst) */
.process__num{position:absolute;top:var(--space-4);right:var(--space-5);font-family:var(--font-display);font-weight:700;font-size:2rem;line-height:1;color:var(--accent-500);opacity:.35;transition:opacity var(--dur)}
.process__step:hover .process__num{opacity:.6}
.process__step h3{font-size:var(--fs-h4);margin-bottom:var(--space-2)}
.process__step p{color:var(--ink-500);font-size:.92rem}

/* ── SECTORS ── */
.sectors__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}
.sector{display:flex;align-items:center;gap:.6rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-4) var(--space-5);font-weight:600;font-size:.92rem;color:var(--ink-700);transition:transform var(--dur),box-shadow var(--dur)}
.sector .icon{color:var(--accent-600)}
.sector:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}

/* ── POST CARD ── */
.post-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--dur),box-shadow var(--dur)}
.post-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.post-card__media{display:block;aspect-ratio:16/9;background:linear-gradient(160deg,var(--brand-600),var(--brand-900));position:relative;overflow:hidden}
.post-card__thumb{position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.2)}
.post-card__thumb .icon{width:56px;height:56px}
.post-card__body{padding:var(--space-5);display:flex;flex-direction:column;flex:1}
.post-card__meta{display:flex;align-items:center;gap:.6rem;margin-bottom:var(--space-3);font-size:.8rem;color:var(--ink-400)}
.post-card__title{font-size:var(--fs-h4);line-height:1.3;margin-bottom:var(--space-3)}
.post-card__title a{color:var(--ink-900)}
.post-card__title a:hover{color:var(--accent-700)}
.post-card__excerpt{color:var(--ink-500);font-size:.92rem;flex:1;margin-bottom:var(--space-4)}
.post-card__link{display:inline-flex;align-items:center;gap:.4rem;color:var(--brand-700);font-weight:600;font-size:.9rem}
.post-card__link .icon{transition:transform var(--dur)}
.post-card:hover .post-card__link .icon{transform:translateX(4px)}
.chip{display:inline-block;background:var(--brand-50);color:var(--brand-700);font-weight:600;font-size:.72rem;padding:.28rem .6rem;border-radius:var(--radius-full);letter-spacing:.02em}

/* ── TEAM CARD ── */
.team-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center;position:relative;transition:transform var(--dur),box-shadow var(--dur)}
.team-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
.team-card__photo{aspect-ratio:1;background:linear-gradient(160deg,var(--brand-100),var(--surface-2));border-radius:var(--radius-md);display:grid;place-items:center;color:var(--brand-300);margin-bottom:var(--space-4)}
.team-card__photo .icon{width:64px;height:64px}
.team-card__name{font-size:var(--fs-h5);margin-bottom:.2rem}
.team-card__title{color:var(--accent-700);font-size:.85rem;font-weight:600}
.team-card__bio{color:var(--ink-500);font-size:.88rem;margin-top:var(--space-3)}
.team-card__ln{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--brand-50);color:var(--brand-700);margin-top:var(--space-4)}
.team-card__ln:hover{background:var(--brand-700);color:#fff}

/* ── ACCORDION / FAQ ── */
.faq__inner{max-width:840px;margin-inline:auto}
.accordion__item{border:1px solid var(--line);border-radius:var(--radius-md);margin-bottom:var(--space-3);overflow:hidden;background:#fff;transition:box-shadow var(--dur)}
.accordion__item:hover{box-shadow:var(--shadow-sm)}
.accordion__head{width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5);text-align:left;font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:var(--ink-900)}
.accordion__icon{color:var(--accent-600);transition:transform var(--dur)}
.accordion__head[aria-expanded=true] .accordion__icon{transform:rotate(180deg)}
.accordion__panel{max-height:0;overflow:hidden;transition:max-height var(--dur) var(--ease-out)}
.accordion__panel p{padding:0 var(--space-5) var(--space-5);color:var(--ink-500)}

/* ── CONTACT ── */
.contact-teaser{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:start}
.contact-list{display:grid;gap:var(--space-4);margin-top:var(--space-5)}
.contact-list li{display:flex;gap:var(--space-4);align-items:flex-start}
.contact-list__ic{flex:none;width:44px;height:44px;display:grid;place-items:center;background:var(--brand-50);color:var(--brand-700);border-radius:var(--radius)}
.contact-list strong{display:block;font-family:var(--font-body);font-weight:600;font-size:.85rem;color:var(--ink-900)}
.contact-list a,.contact-list span{color:var(--ink-500);font-size:.95rem}
.contact-list a:hover{color:var(--brand-700)}

.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}
.contact-form{display:grid;gap:var(--space-4)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}
.field{display:grid;gap:.4rem}
.field label{font-weight:600;font-size:.85rem;color:var(--ink-800)}
.field input,.field textarea,.newsletter input{width:100%;padding:.8rem 1rem;border:1px solid var(--line-strong);border-radius:var(--radius);font-family:inherit;font-size:.95rem;color:var(--ink-900);background:#fff;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--brand-500);box-shadow:0 0 0 3px rgba(36,95,166,.15)}
.field textarea{resize:vertical}
.check{display:flex;gap:.6rem;align-items:flex-start;font-size:.85rem;color:var(--ink-500);cursor:pointer}
.check input{margin-top:3px;flex:none;width:18px;height:18px;accent-color:var(--brand-700)}
.alert{padding:var(--space-4) var(--space-5);border-radius:var(--radius);margin-bottom:var(--space-4);font-size:.92rem;font-weight:500}
.alert--success{background:var(--success-bg);color:var(--success);border:1px solid rgba(30,142,90,.25)}
.alert--danger{background:var(--danger-bg);color:var(--danger);border:1px solid rgba(192,57,43,.25)}

.map-section{height:380px;background:var(--surface-2)}
.map-placeholder{height:100%;display:grid;place-content:center;justify-items:center;gap:.4rem;text-align:center;color:var(--ink-400)}
.map-placeholder .icon{width:48px;height:48px;color:var(--brand-400)}
.map-placeholder p{font-weight:600;color:var(--ink-700)}

/* ── CTA BAND ── */
.cta-band{background:
  radial-gradient(800px 400px at 90% 20%,rgba(199,162,82,.14),transparent 55%),
  linear-gradient(120deg,var(--brand-800),var(--brand-950));color:#fff;position:relative;overflow:hidden}
.cta-band::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent-500),transparent)}
.cta-band h2 em{font-style:italic;color:var(--accent-400)}
.cta-band__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding-block:var(--space-8);flex-wrap:wrap}
.cta-band h2{color:#fff;font-size:var(--fs-h2);max-width:20ch}
.cta-band p{color:var(--brand-300);margin-top:var(--space-2)}
.cta-band__actions{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}
.cta-band__phone{display:inline-flex;align-items:center;gap:.5rem;color:var(--accent-400);font-weight:600}

/* ── FOOTER ── */
.footer{position:relative;background:linear-gradient(180deg,var(--brand-950),#030C18);color:var(--brand-300)}
.footer::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-500),transparent);opacity:.6}
.footer__newsletter{border-bottom:1px solid rgba(255,255,255,.08)}
.footer__newsletter-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding-block:var(--space-6);flex-wrap:wrap}
.footer__newsletter h3{color:#fff;font-size:var(--fs-h4)}
.footer__newsletter p{font-size:.9rem}
.newsletter{display:flex;gap:.5rem;min-width:min(100%,380px)}
.newsletter input{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#fff}
.newsletter input::placeholder{color:var(--brand-300)}
.footer__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:var(--space-6);padding-block:var(--space-8)}
.footer__col h4{color:#fff;font-family:var(--font-body);font-weight:600;font-size:1rem;margin-bottom:var(--space-4);letter-spacing:.02em}
.footer__col ul{display:grid;gap:.65rem}
.footer__col a{color:var(--brand-300);font-size:.92rem}
.footer__col a:hover{color:var(--accent-400)}
.footer__col--brand p{font-size:.92rem;margin:var(--space-4) 0;max-width:36ch}
.footer__col--brand .brand-logo{height:40px;filter:brightness(0) invert(1);margin-bottom:var(--space-2)}
.footer__social{display:flex;gap:.6rem}
.footer__social a{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.07);color:var(--brand-100)}
.footer__social a:hover{background:var(--accent-500);color:var(--brand-950)}
.footer__contact{display:grid;gap:var(--space-3)}
.footer__contact li{display:flex;gap:.6rem;align-items:flex-start;font-size:.92rem}
.footer__contact .icon{color:var(--accent-500);margin-top:2px}
.footer__bottom{border-top:1px solid rgba(255,255,255,.08)}
.footer__bottom-inner{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding-block:var(--space-5);flex-wrap:wrap;font-size:.85rem}
.footer__legal{display:flex;gap:var(--space-5)}

/* ── PAGE HERO ── */
.page-hero{background:linear-gradient(120deg,var(--brand-900),var(--brand-800));color:#fff;padding-block:clamp(2.5rem,6vw,4.5rem);position:relative;overflow:hidden}
.page-hero::after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-500),transparent)}
.page-hero__title{color:#fff;font-size:var(--fs-h1);margin-top:var(--space-3)}
.page-hero__subtitle{color:var(--brand-300);font-size:var(--fs-lead);max-width:56ch;margin-top:var(--space-3)}
.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--brand-300);flex-wrap:wrap}
.breadcrumb a{color:var(--brand-100)}
.breadcrumb a:hover{color:var(--accent-400)}
.breadcrumb__sep{color:var(--brand-400);opacity:.6}
.breadcrumb [aria-current]{color:var(--accent-400)}

/* ── SERVICE DETAIL ── */
.service-detail{display:grid;grid-template-columns:1fr 340px;gap:var(--space-8);align-items:start}
.side-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-5)}
.side-card h4{font-family:var(--font-body);font-weight:600;font-size:1rem;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:2px solid var(--accent-500);display:inline-block}
.side-nav{display:grid;gap:.2rem}
.side-nav a{display:block;padding:.6rem .75rem;border-radius:var(--radius-sm);color:var(--ink-600);font-size:.92rem;font-weight:500}
.side-nav a:hover{background:var(--brand-50);color:var(--brand-700)}
.side-nav a.is-active{background:var(--brand-700);color:#fff}
.side-card--contact{background:var(--brand-900);color:var(--brand-100);position:sticky;top:100px}
.side-card--contact h4{color:#fff;border-color:var(--accent-500)}
.side-card--contact p{font-size:.9rem;margin-bottom:var(--space-4)}
.side-contact{display:flex;align-items:center;gap:.5rem;color:#fff;font-weight:600;padding:.5rem 0}
.side-contact:hover{color:var(--accent-400)}
.side-card--contact .btn{margin-top:var(--space-4)}

/* ── RICH TEXT ── */
.rich-text{color:var(--ink-700);font-size:1.05rem;line-height:1.8}
.rich-text .lead{font-size:var(--fs-lead);color:var(--ink-900);font-weight:500;margin-bottom:var(--space-5)}
.rich-text h2{font-size:var(--fs-h3);margin:var(--space-6) 0 var(--space-4)}
.rich-text h3{font-size:var(--fs-h4);margin:var(--space-5) 0 var(--space-3)}
.rich-text p{margin-bottom:var(--space-4)}
.rich-text ul{display:grid;gap:.6rem;margin:var(--space-4) 0}
.rich-text ul li{position:relative;padding-left:1.8rem}
.rich-text ul li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;background:var(--accent-500);border-radius:2px;transform:rotate(45deg)}
.rich-text a{color:var(--brand-600);text-decoration:underline;text-underline-offset:3px}
.rich-text strong{color:var(--ink-900)}
.article-meta{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);font-size:.85rem;color:var(--ink-400);flex-wrap:wrap}
.article-meta time{display:inline-flex;align-items:center;gap:.3rem}

/* ── PAGINATION ── */
.pagination{display:flex;justify-content:center;align-items:center;gap:.4rem;margin-top:var(--space-8);flex-wrap:wrap}
.pagination a{display:inline-flex;align-items:center;gap:.3rem;padding:.55rem .9rem;border:1px solid var(--line);border-radius:var(--radius);color:var(--ink-700);font-weight:600;font-size:.9rem}
.pagination a:hover{border-color:var(--brand-500);color:var(--brand-700)}
.pagination .is-active{background:var(--brand-700);color:#fff;border-color:var(--brand-700)}
.pagination__prev .icon{transform:rotate(90deg)}
.pagination__next .icon{transform:rotate(-90deg)}

/* ── EMPTY / ERROR ── */
.empty-state{text-align:center;padding:var(--space-9) var(--space-4);color:var(--ink-400)}
.empty-state .icon{width:56px;height:56px;margin:0 auto var(--space-4);color:var(--brand-300)}
.empty-state h2{color:var(--ink-800);margin-bottom:var(--space-2)}
.error-page{text-align:center}
.error-page__inner{display:grid;justify-items:center;gap:var(--space-3)}
.error-page__code{font-family:var(--font-display);font-size:clamp(5rem,15vw,9rem);font-weight:700;color:var(--brand-100);line-height:1}
.error-page h1{font-size:var(--fs-h2)}
.error-page p{color:var(--ink-500);max-width:44ch}
.error-page__actions{display:flex;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;justify-content:center}

/* ── FLOATING ── */
.fab-whatsapp{position:fixed;right:20px;bottom:20px;z-index:var(--z-overlay);width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:var(--shadow-lg)}
.fab-whatsapp::before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25D366;animation:pulse 2.4s var(--ease-out) infinite}
.fab-whatsapp:hover{transform:scale(1.06);color:#fff}
@keyframes pulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.6);opacity:0}}
.back-to-top{position:fixed;right:20px;bottom:86px;z-index:var(--z-overlay);width:46px;height:46px;border-radius:50%;background:var(--brand-800);color:#fff;display:grid;place-items:center;box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity var(--dur),transform var(--dur),visibility var(--dur)}
.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top .icon{transform:rotate(180deg)}
.back-to-top:hover{background:var(--brand-700)}

/* ── ÇEREZ ── */
.cookie-bar{position:fixed;left:20px;right:20px;bottom:20px;z-index:var(--z-modal);max-width:760px;margin-inline:auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;transform:translateY(140%);transition:transform var(--dur-slow) var(--ease-out)}
.cookie-bar.is-visible{transform:translateY(0)}
.cookie-bar p{font-size:.88rem;color:var(--ink-600);flex:1;min-width:240px}
.cookie-bar a{color:var(--brand-600);text-decoration:underline}
.cookie-bar__actions{display:flex;gap:.5rem}

/* ── REVEAL ── */
.reveal{opacity:0;transform:translateY(24px);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}
.reveal.is-visible{opacity:1;transform:none}

/* ═══ RESPONSIVE ═══ */
@media (max-width:1080px){
  .hero__inner{grid-template-columns:1fr;gap:var(--space-7)}
  .footer__grid{grid-template-columns:1fr 1fr}
  .service-detail{grid-template-columns:1fr}
  .side-card--contact{position:static}
}
@media (max-width:920px){
  .nav,.header__cta{display:none}
  .hamburger{display:flex}
  .grid--4{grid-template-columns:repeat(2,1fr)}
  .grid--3{grid-template-columns:repeat(2,1fr)}
  .process__steps{grid-template-columns:repeat(2,1fr)}
  .process__step:not(:last-child)::after{display:none}
  .sectors__grid{grid-template-columns:repeat(2,1fr)}
  .about-teaser__grid,.contact-teaser{grid-template-columns:1fr;gap:var(--space-6)}
  .stats__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-5)}
  .stat:nth-child(2)::after{display:none}
  .cta-band__inner{flex-direction:column;align-items:flex-start;text-align:left}
}
@media (max-width:600px){
  .topbar__contact a[href^="mailto"]{display:none}
  .topbar__contact a[href^="tel"] span{display:inline}
  .topbar__social{display:flex}
  .grid--3,.grid--4,.sectors__grid,.stats__grid{grid-template-columns:1fr}
  .process__steps{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .footer__grid{grid-template-columns:1fr 1fr;gap:var(--space-5)}
  .footer__col--brand{grid-column:1/-1}
  .footer__col:last-child{grid-column:1/-1}
  .section-head--split{flex-direction:column;align-items:flex-start}
  .newsletter{flex-direction:column}
  .newsletter .btn{width:100%}
  .footer__bottom-inner{flex-direction:column;text-align:center}
  .brand-logo__sub{font-size:.5rem}
  .cookie-bar{left:12px;right:12px;bottom:12px}
  .fab-whatsapp{width:52px;height:52px}
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none}
}

/* ═══ FRONTEND İYİLEŞTİRMELERİ ═══ */

/* ── Blog: TOC + Share layout (eski — uyum için kalıyor) ── */
.article-layout{display:grid;grid-template-columns:240px 1fr;gap:var(--space-8);align-items:start}
.article-sidebar{position:sticky;top:100px;display:flex;flex-direction:column;gap:var(--space-5)}
.article-toc__inner{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}
.article-toc__title{display:flex;align-items:center;gap:.4rem;font-size:.9rem;font-family:var(--font-body);font-weight:700;color:var(--ink-900);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.04em}
.article-toc__title .icon{color:var(--accent-600)}
#tocNav{display:flex;flex-direction:column;gap:.1rem}
#tocNav a{padding:.4rem .6rem;border-left:2px solid var(--line);color:var(--ink-500);font-size:.88rem;line-height:1.4;transition:all var(--dur-fast)}
#tocNav a:hover,#tocNav a.is-active{border-left-color:var(--accent-500);color:var(--brand-700);background:var(--white)}
#tocNav a.toc--h3{padding-left:1.3rem;font-size:.82rem}
.article-share{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.article-share__label{font-size:.72rem;font-weight:700;color:var(--ink-400);text-transform:uppercase;letter-spacing:.08em;width:100%;margin-bottom:.25rem}
.article-share a,.article-share__copy{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--surface);color:var(--brand-700);border:1px solid var(--line);transition:all var(--dur-fast);cursor:pointer}
.article-share a:hover,.article-share__copy:hover{background:var(--brand-700);color:#fff;border-color:var(--brand-700);transform:scale(1.1)}
.article-body h2,.article-body h3{scroll-margin-top:100px}
@media (max-width:960px){
  .article-layout{grid-template-columns:1fr}
  .article-sidebar{position:static;flex-direction:row;flex-wrap:wrap;justify-content:space-between}
  .article-toc__inner{display:none}
}

/* ── Timeline ── */
.timeline{position:relative;max-width:820px;margin:0 auto;padding-left:0}
.timeline::before{content:"";position:absolute;left:80px;top:8px;bottom:8px;width:2px;background:var(--line)}
.timeline__item{position:relative;display:grid;grid-template-columns:80px 1fr;gap:var(--space-5);padding-bottom:var(--space-6)}
.timeline__item:last-child{padding-bottom:0}
.timeline__year{font-family:var(--font-display);font-weight:700;color:var(--accent-700);font-size:1rem;text-align:right;padding-top:2px}
.timeline__card{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-xs)}
.timeline__card::before{content:"";position:absolute;left:-27px;top:14px;width:14px;height:14px;border-radius:50%;background:var(--accent-500);border:3px solid #fff;box-shadow:0 0 0 2px var(--accent-300)}
.timeline__card h3{font-size:var(--fs-h4);margin-bottom:.3rem}
.timeline__card p{color:var(--ink-500);font-size:.92rem}
@media (max-width:600px){
  .timeline::before{left:8px}
  .timeline__item{grid-template-columns:1fr;gap:.4rem;padding-left:2rem}
  .timeline__year{text-align:left}
  .timeline__card::before{left:-26px}
}

/* ── Tabs ── */
.tabs{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:var(--space-7)}
.tab{padding:.6rem 1.2rem;border-radius:var(--radius-full);border:1px solid var(--line-strong);background:#fff;color:var(--ink-600);font-weight:600;font-size:.9rem;transition:all var(--dur-fast)}
.tab:hover{border-color:var(--brand-400);color:var(--brand-700)}
.tab.is-active{background:var(--brand-700);border-color:var(--brand-700);color:#fff}

/* ── Team trigger (buton kart) ── */
.team-card__trigger{display:block;width:100%;text-align:center;background:none;cursor:pointer}
.team-card__trigger .team-card__photo{display:grid}
.team-card__trigger .team-card__name{display:block}
.team-card__trigger .team-card__title{display:block}
.team-empty{text-align:center;padding:var(--space-6)}

/* ── Modal ── */
.modal{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;padding:var(--gutter)}
.modal[hidden]{display:none}
.modal__overlay{position:absolute;inset:0;background:rgba(6,21,41,.55);backdrop-filter:blur(2px);animation:fadeIn var(--dur) var(--ease-out)}
.modal__dialog{position:relative;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:480px;width:100%;padding:var(--space-7);animation:modalIn var(--dur) var(--ease-out)}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes modalIn{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
.modal__close{position:absolute;top:14px;right:14px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:var(--ink-500);background:var(--surface-2)}
.modal__close:hover{background:var(--line);color:var(--ink-900)}
.modal__head{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}
.modal__avatar{flex:none;width:64px;height:64px;border-radius:var(--radius-md);background:linear-gradient(160deg,var(--brand-100),var(--surface-2));color:var(--brand-400);display:grid;place-items:center}
.modal__name{font-size:var(--fs-h4)}
.modal__role{color:var(--accent-700);font-weight:600;font-size:.88rem}
.modal__bio{color:var(--ink-600);font-size:.95rem;margin-bottom:var(--space-4)}

/* ── Tooltip ── */
[data-tooltip]{position:relative}
[data-tooltip]::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px);background:var(--brand-900);color:#fff;font-size:.75rem;font-weight:500;padding:.35rem .6rem;border-radius:var(--radius-sm);white-space:nowrap;opacity:0;visibility:hidden;transition:opacity var(--dur-fast),transform var(--dur-fast);pointer-events:none;z-index:var(--z-toast)}
[data-tooltip]:hover::after,[data-tooltip]:focus-visible::after{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}

/* ── Responsive Table (rich-text) ── */
.rich-text table{width:100%;border-collapse:collapse;margin:var(--space-5) 0;font-size:.95rem;display:block;overflow-x:auto;white-space:nowrap}
.rich-text table th,.rich-text table td{padding:.75rem 1rem;border:1px solid var(--line);text-align:left;white-space:normal}
.rich-text table th{background:var(--surface);font-weight:600;color:var(--ink-900)}
.rich-text table tr:nth-child(even) td{background:var(--surface)}

/* ── Marquee (referanslar) ── */
.refs{padding-bottom:var(--space-8)}
.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee__track{display:flex;gap:var(--space-6);width:max-content;animation:marquee 36s linear infinite}
.marquee:hover .marquee__track{animation-play-state:paused}
.marquee__item{display:inline-flex;align-items:center;gap:.6rem;padding:1rem 1.9rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius);font-family:var(--font-display);font-weight:700;color:var(--ink-400);font-size:1.1rem;white-space:nowrap;transition:color var(--dur),border-color var(--dur),box-shadow var(--dur);filter:grayscale(1);opacity:.85}
.marquee__item .icon{color:var(--line-strong);transition:color var(--dur)}
.marquee__item:hover{color:var(--brand-800);border-color:var(--accent-300);filter:grayscale(0);opacity:1;box-shadow:var(--shadow-sm)}
.marquee__item:hover .icon{color:var(--accent-500)}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(calc(-50% - var(--space-6)/2))}}
@media (prefers-reduced-motion:reduce){.marquee__track{animation:none;flex-wrap:wrap;justify-content:center}}

/* ── Blog toolbar (filtre + arama) ── */
.blog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}
.chips{display:flex;gap:.5rem;flex-wrap:wrap}
.chip--filter{padding:.5rem 1.1rem;border-radius:var(--radius-full);border:1px solid var(--line-strong);background:#fff;color:var(--ink-600);font-weight:600;font-size:.85rem;transition:all var(--dur-fast)}
.chip--filter:hover{border-color:var(--brand-400);color:var(--brand-700)}
.chip--filter.is-active{background:var(--brand-700);border-color:var(--brand-700);color:#fff}
.chip--alt{background:var(--accent-100);color:var(--accent-700)}
.blog-search{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid var(--line-strong);border-radius:var(--radius);padding:.35rem .35rem .35rem .85rem}
.blog-search .icon{color:var(--ink-400);flex:none}
.blog-search input{border:none;outline:none;font-family:inherit;font-size:.92rem;padding:.4rem;min-width:180px;background:none}
.blog-result{margin-bottom:var(--space-5)}
.blog-result a{color:var(--brand-600);text-decoration:underline}

/* ── Featured card (blog liste) ── */
.featured-card{display:grid;grid-template-columns:1.1fr 1.4fr;gap:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-6);transition:transform var(--dur),box-shadow var(--dur)}
.featured-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.featured-card__media{background:linear-gradient(160deg,var(--brand-600),var(--brand-900));display:grid;place-items:center;color:rgba(255,255,255,.2);min-height:260px}
.featured-card__media .icon{width:80px;height:80px}
.featured-card__body{padding:var(--space-7);display:flex;flex-direction:column;justify-content:center}
.featured-card__title{font-size:var(--fs-h3);margin:var(--space-3) 0}
.featured-card__title,.featured-card:hover .featured-card__title{color:var(--ink-900)}
.featured-card__excerpt{color:var(--ink-500);margin-bottom:var(--space-4)}
@media (max-width:760px){.featured-card{grid-template-columns:1fr}.featured-card__media{min-height:180px}}

/* ── Map lazy load ── */
.map-lazy{height:380px;background:var(--surface-2);border-radius:var(--radius-lg);overflow:hidden}
.map-lazy .map-placeholder{height:100%;display:grid;place-content:center;justify-items:center;gap:.4rem;text-align:center;color:var(--ink-400);cursor:pointer;transition:background var(--dur-fast)}
.map-lazy .map-placeholder:hover{background:var(--surface-3)}
.map-lazy .map-placeholder .icon{width:48px;height:48px;color:var(--brand-400)}
.map-lazy .map-placeholder p{font-weight:600;color:var(--ink-700)}
.map-lazy iframe{width:100%;height:100%;border:0}

/* ── Side download (hizmet broşür) ── */
.side-download{display:flex;align-items:center;gap:.5rem;padding:.6rem 0;color:var(--brand-100);font-weight:600;font-size:.88rem;margin-top:var(--space-3);opacity:.8;transition:opacity var(--dur-fast)}
.side-download:hover{opacity:1;color:var(--accent-400)}

/* ── Lightbox / Galeri ── */
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4);margin:var(--space-6) 0}
.gallery__item{position:relative;aspect-ratio:4/3;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;border:1px solid var(--line);transition:transform var(--dur),box-shadow var(--dur)}
.gallery__item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.gallery__item img{width:100%;height:100%;object-fit:cover;display:block}
.gallery__placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(160deg,var(--brand-50),var(--surface-2));color:var(--brand-300)}
.gallery__placeholder .icon{width:48px;height:48px}
.gallery__caption{position:absolute;bottom:0;left:0;right:0;padding:.5rem .75rem;background:linear-gradient(transparent,rgba(10,31,59,.7));color:#fff;font-size:.78rem;font-weight:600;opacity:0;transition:opacity var(--dur)}
.gallery__item:hover .gallery__caption{opacity:1}

/* Lightbox overlay */
.lightbox{position:fixed;inset:0;z-index:var(--z-modal);background:rgba(6,21,41,.92);display:grid;place-items:center;padding:var(--gutter);opacity:0;visibility:hidden;transition:opacity var(--dur),visibility var(--dur)}
.lightbox.is-open{opacity:1;visibility:visible}
.lightbox__img{max-width:90vw;max-height:85vh;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);object-fit:contain;transform:scale(.94);transition:transform var(--dur) var(--ease-out)}
.lightbox.is-open .lightbox__img{transform:scale(1)}
.lightbox__placeholder{width:min(600px,80vw);aspect-ratio:4/3;border-radius:var(--radius-lg);background:var(--brand-800);display:grid;place-items:center;color:rgba(255,255,255,.3);transform:scale(.94);transition:transform var(--dur) var(--ease-out)}
.lightbox.is-open .lightbox__placeholder{transform:scale(1)}
.lightbox__placeholder .icon{width:80px;height:80px}
.lightbox__caption{position:absolute;bottom:clamp(1rem,4vw,2.5rem);left:50%;transform:translateX(-50%);color:#fff;font-size:1rem;font-weight:600;text-align:center;max-width:600px}
.lightbox__close{position:absolute;top:1.25rem;right:1.25rem;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;border:none;cursor:pointer;transition:background var(--dur-fast)}
.lightbox__close:hover{background:rgba(255,255,255,.2)}
.lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;border:none;cursor:pointer;transition:background var(--dur-fast)}
.lightbox__nav:hover{background:rgba(255,255,255,.2)}
.lightbox__nav--prev{left:1.25rem}
.lightbox__nav--prev .icon{transform:rotate(90deg)}
.lightbox__nav--next{right:1.25rem}
.lightbox__nav--next .icon{transform:rotate(-90deg)}

/* ═══════════ ÇEREZ BANDI ═══════════ */
.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:var(--brand-900);color:#fff;padding:1rem 1.5rem;box-shadow:0 -4px 20px rgba(0,0,0,.2)}
.cookie-banner__inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.cookie-banner__inner p{margin:0;font-size:.9rem;opacity:.9}
.cookie-banner__inner a{color:var(--accent-400);text-decoration:underline}
.cookie-banner__actions{display:flex;gap:.5rem;flex-wrap:wrap}

/* Çerez Ayarları Modalı */
.cookie-modal .modal__dialog--wide{max-width:560px}
.cookie-categories{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}
.cookie-cat{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem;background:var(--surface);border-radius:8px;border:1px solid var(--line)}
.cookie-cat input[type=checkbox]{width:20px;height:20px;margin-top:4px;accent-color:var(--brand-500)}
.cookie-modal__actions{display:flex;gap:.5rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--line)}

/* ── Kariyer Pozisyon Kartları ── */
.positions-list{display:grid;gap:var(--space-4)}
.position-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-5)}
.position-card h3{font-family:var(--font-body);font-size:var(--fs-h5);margin-bottom:var(--space-2)}
.position-card__meta{display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}
.position-card__meta span{font-size:var(--fs-small);color:var(--ink-500);background:var(--surface-2);padding:.25rem .6rem;border-radius:var(--radius-full)}
.position-card p{color:var(--ink-600);font-size:var(--fs-small);margin:0}

/* ── Pratik Bilgiler Tabları ── */
.practical-tabs__nav{display:flex;gap:.5rem;border-bottom:2px solid var(--line);margin-bottom:var(--space-6);flex-wrap:wrap}
.practical-tabs__nav button{font-family:var(--font-body);font-weight:600;font-size:var(--fs-small);padding:.75rem 1.25rem;color:var(--ink-500);border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color var(--dur-fast),border-color var(--dur-fast)}
.practical-tabs__nav button.active,.practical-tabs__nav button:hover{color:var(--brand-700);border-bottom-color:var(--accent-500)}

/* ── Veri Tablosu ── */
.data-table{width:100%;border-collapse:collapse;font-size:var(--fs-small)}
.data-table th,.data-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--line)}
.data-table th{background:var(--surface);font-weight:600;color:var(--ink-700);white-space:nowrap}
.data-table td strong{color:var(--brand-700)}
.data-table tr:hover td{background:var(--surface)}
@media(max-width:640px){.data-table{font-size:.8rem}.data-table th,.data-table td{padding:.5rem .6rem}}

/* ── Yetki Belgeleri Grid ── */
.cert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}
@media(max-width:900px){.cert-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.cert-grid{grid-template-columns:1fr}}
.cert-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-5);text-align:center;transition:box-shadow var(--dur),transform var(--dur)}
.cert-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}
.cert-card__icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--brand-50);color:var(--brand-700);margin-bottom:var(--space-3)}
.cert-card__icon .icon{width:28px;height:28px}
.cert-card h3{font-family:var(--font-body);font-size:var(--fs-h5);color:var(--brand-700);margin-bottom:var(--space-2)}
.cert-card__title{font-weight:600;font-size:var(--fs-small);color:var(--ink-700);margin-bottom:var(--space-2)}
.cert-card__desc{font-size:var(--fs-small);color:var(--ink-500);line-height:1.5}

/* ═══════════════════════════════════════════════════════════════
   MÜKELLEF PORTAL — Stiller
═══════════════════════════════════════════════════════════════ */

/* Portal Login */
.portal-login-section { padding: 4rem 0; }
.portal-login { display: flex; justify-content: center; align-items: center; min-height: 50vh; }
.portal-login__card {
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 2.5rem;
  max-width: 440px;
  width: 100%;
  box-shadow: var(--shadow-md);
}
.portal-login__header { text-align: center; margin-bottom: 2rem; }
.portal-login__header h1 { font-size: 1.75rem; margin-bottom: .5rem; }
.portal-login__header p { color: var(--ink-500); }
.portal-login__form .form-group { margin-bottom: 1.25rem; }
.portal-login__form label { display: block; font-weight: 600; font-size: .875rem; margin-bottom: .4rem; color: var(--ink-800); }
.portal-login__form input[type="email"],
.portal-login__form input[type="password"] {
  width: 100%; padding: .8rem 1rem; border: 1px solid var(--line); border-radius: var(--radius);
  font-size: 1rem; transition: border-color var(--dur-fast);
}
.portal-login__form input:focus { border-color: var(--accent-500); outline: none; box-shadow: 0 0 0 3px rgba(212,163,64,.15); }
.portal-login__help { text-align: center; margin-top: 1.5rem; font-size: .875rem; color: var(--ink-500); }
.btn--block { width: 100%; padding: 1rem; font-size: 1rem; }

/* Portal Layout */
.portal-section { padding: 2rem 0 4rem; }
.portal-layout { display: grid; grid-template-columns: 240px 1fr; gap: 2rem; align-items: start; }
@media (max-width: 768px) { .portal-layout { grid-template-columns: 1fr; } }

/* Portal Sidebar */
.portal-sidebar {
  background: var(--white); border: 1px solid var(--line); border-radius: 12px;
  padding: 1rem; position: sticky; top: 100px;
}
.portal-nav a {
  display: flex; align-items: center; gap: .75rem; padding: .75rem 1rem;
  border-radius: var(--radius); color: var(--ink-800); font-weight: 500; font-size: .9rem;
  transition: background var(--dur-fast), color var(--dur-fast);
}
.portal-nav a:hover { background: var(--brand-50); }
.portal-nav a.active { background: var(--brand-900); color: var(--white); }
.portal-nav__logout { margin-top: 1rem; border-top: 1px solid var(--line); padding-top: 1rem !important; color: #C53030 !important; }
@media (max-width: 768px) {
  .portal-sidebar { position: static; }
  .portal-nav { display: flex; flex-wrap: wrap; gap: .5rem; }
  .portal-nav a { font-size: .8rem; padding: .5rem .75rem; }
}

/* Portal Main */
.portal-main { min-width: 0; }
.portal-header { margin-bottom: 2rem; }
.portal-header h1 { font-size: 1.5rem; margin-bottom: .25rem; }
.portal-header p { color: var(--ink-500); font-size: .95rem; }
.portal-company { color: var(--ink-500); font-size: .9rem; }

/* Portal Stats */
.portal-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 1rem; margin-bottom: 2rem; }
.portal-stat {
  background: var(--white); border: 1px solid var(--line); border-radius: 12px;
  padding: 1.25rem; text-align: center;
}
.portal-stat__number { display: block; font-size: 2rem; font-weight: 700; color: var(--brand-900); }
.portal-stat__label { font-size: .8rem; color: var(--ink-500); text-transform: uppercase; letter-spacing: .03em; }

/* Portal Card */
.portal-card {
  background: var(--white); border: 1px solid var(--line); border-radius: 12px;
  padding: 1.5rem; margin-bottom: 1.5rem;
}
.portal-card h2 { font-size: 1.1rem; margin-bottom: 1rem; font-family: var(--font-body); }

/* Portal Table */
.portal-table { width: 100%; border-collapse: collapse; font-size: .875rem; }
.portal-table th { text-align: left; padding: .6rem .5rem; border-bottom: 2px solid var(--line); color: var(--ink-500); font-weight: 600; font-size: .8rem; text-transform: uppercase; }
.portal-table td { padding: .6rem .5rem; border-bottom: 1px solid var(--line); }
.portal-info-table { width: 100%; font-size: .9rem; }
.portal-info-table th { text-align: left; padding: .5rem 0; color: var(--ink-500); width: 120px; font-weight: 500; }
.portal-info-table td { padding: .5rem 0; }

/* Portal Messages */
.portal-messages { display: flex; flex-direction: column; gap: 1rem; }
.portal-msg { padding: 1rem; border-radius: var(--radius); border: 1px solid var(--line); }
.portal-msg--admin { background: var(--brand-50); border-color: rgba(10,31,59,.1); }
.portal-msg--client { background: #FFFDF5; border-color: rgba(212,163,64,.2); }
.portal-msg__header { display: flex; align-items: center; gap: .75rem; font-size: .8rem; color: var(--ink-500); margin-bottom: .5rem; }
.portal-msg__header strong { color: var(--ink-900); }
.portal-msg__header time { margin-left: auto; }
.portal-msg__body { font-size: .9rem; line-height: 1.6; }

/* Portal Notifications */
.portal-notif-list { display: flex; flex-direction: column; gap: .75rem; }
.portal-notif { display: flex; gap: 1rem; padding: .75rem; border-radius: var(--radius); border: 1px solid var(--line); align-items: flex-start; }
.portal-notif--unread { background: var(--brand-50); border-color: rgba(10,31,59,.15); }
.portal-notif__icon { flex: none; color: var(--ink-500); margin-top: .1rem; }
.portal-notif--success .portal-notif__icon { color: #38A169; }
.portal-notif--warning .portal-notif__icon { color: #D69E2E; }
.portal-notif__content strong { display: block; font-size: .9rem; }
.portal-notif__content p { font-size: .8rem; color: var(--ink-500); margin-top: .2rem; }
.portal-notif__content time { font-size: .75rem; color: var(--ink-500); }
.portal-notif time { font-size: .75rem; color: var(--ink-500); display: block; margin-top: .25rem; }

/* Upload Form */
.portal-upload-form .form-row { display: flex; gap: 1rem; flex-wrap: wrap; margin-bottom: 1rem; }
.form-group--grow { flex: 1; min-width: 200px; }

/* Badges */
.badge { display: inline-block; padding: .2rem .6rem; border-radius: 4px; font-size: .75rem; font-weight: 600; }
.badge--success { background: #C6F6D5; color: #22543D; }
.badge--info { background: #BEE3F8; color: #2A4365; }
.badge--muted { background: #E2E8F0; color: #4A5568; }

/* Alerts */
.alert { padding: 1rem 1.25rem; border-radius: var(--radius); margin-bottom: 1.5rem; font-size: .9rem; }
.alert--success { background: #C6F6D5; color: #22543D; border: 1px solid #9AE6B4; }
.alert--error { background: #FED7D7; color: #742A2A; border: 1px solid #FEB2B2; }
.alert--info { background: #BEE3F8; color: #2A4365; border: 1px solid #90CDF4; }

/* Table Responsive */
.table-responsive { overflow-x: auto; }

/* Text utilities */
.text-muted { color: var(--ink-500); }
.required { color: #E53E3E; }

/* Newsletter Footer Form */
.newsletter-form { display: flex; gap: .5rem; max-width: 400px; }
.newsletter-form input[type="email"] {
  flex: 1; padding: .6rem 1rem; border: 1px solid rgba(255,255,255,.2);
  border-radius: var(--radius); background: rgba(255,255,255,.1); color: #fff; font-size: .875rem;
}
.newsletter-form input::placeholder { color: rgba(255,255,255,.5); }
.newsletter-form button { padding: .6rem 1.2rem; }

/* ── REFERANS / MÜŞTERİ LOGOLARI GRID ── */
.clients-logos { padding-block: var(--space-7); }
.logos-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  margin-top: var(--space-5);
}
.logos-grid__item {
  display: flex;
  align-items: center;
  gap: .75rem;
  padding: 1.25rem 1.5rem;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  transition: border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);
}
.logos-grid__item:hover {
  border-color: var(--accent-400);
  box-shadow: var(--shadow-sm);
}
.logos-grid__icon { color: var(--accent-500); flex-shrink: 0; }
.logos-grid__label { font-weight: 600; font-size: var(--fs-small); color: var(--ink-700); }
.logos-grid__note {
  text-align: center;
  margin-top: var(--space-5);
  font-size: var(--fs-small);
  color: var(--ink-500);
  font-style: italic;
}
@media (max-width: 768px) {
  .logos-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
  .logos-grid { grid-template-columns: 1fr; }
}


/* ── LIGHTHOUSE / PERFORMANCE FIXES ── */
/* CLS fix: explicit dimensions for common elements */
.hero { contain: layout style; }
.team-card__photo { aspect-ratio: 1; width: 100%; }
.gallery__item { aspect-ratio: 4/3; }
.stat__num { min-width: 3ch; display: inline-block; }

/* LCP optimization: ensure hero text renders immediately */
.hero__title { font-display: swap; }
.hero__content { contain: layout; }

/* Reduce layout shifts from lazy-loaded content */
.grid { contain: layout style; }
.services-grid .service-card { min-height: 280px; }

/* Font display optimization */
.hero__eyebrow, .eyebrow { font-display: swap; }

/* Image loading hints */
img[loading="lazy"] { content-visibility: auto; }

/* Smooth scroll only for non-reduced-motion */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
}


/* ═══════════════════════════════════════════════════════════════
   MOBİL SAĞLAMLAŞTIRMA & KURUMSAL POLİSAJ  (v2 — 2026)
   Hedef: %100 mobil uyum · yatay taşma/kayma yok · dokunma hedefi ≥44px
═══════════════════════════════════════════════════════════════ */

/* ── Global yatay taşma koruması ── */
html { overflow-x: clip; }
body { overflow-x: clip; }
/* Flex/grid çocuklarının içeriğe göre taşmasını engelle */
*, *::before, *::after { min-width: 0; }
img, svg, video, iframe, table, figure { max-width: 100%; }

/* Uzun kelime / e-posta / URL kırılması (taşma önleme) */
p, li, dd, dt, blockquote, figcaption,
.section-lead, .hero__lead, .card, .rich-text,
.footer__col p, .service-card__text, .post-card__excerpt {
  overflow-wrap: break-word;
  word-break: break-word;
}
.topbar__contact a, .footer__contact a, .footer__contact span,
.contact-list a, .contact-list span, .side-contact,
.breadcrumb, .mega__text small { overflow-wrap: anywhere; }

/* Sabit başlık için anchor hedef boşluğu */
:target { scroll-margin-top: 100px; }

/* ── Dokunma hedefleri & iOS zoom engeli ── */
@media (max-width: 768px) {
  /* iOS Safari input odaklanınca otomatik yakınlaştırmayı önle */
  input, select, textarea,
  .field input, .field textarea,
  .portal-login__form input,
  .blog-search input, .newsletter input { font-size: 16px; }
  /* Erişilebilir dokunma alanı */
  .topbar__social a, .footer__social a,
  .nav__link, .m-acc__panel a, .m-link,
  .pagination a, .breadcrumb a { min-height: 44px; }
  .topbar__social a { display: inline-grid; place-items: center; min-width: 40px; }
}

/* ── TOPBAR — dar ekran düzeni ── */
@media (max-width: 600px) {
  .topbar__inner { gap: .75rem; min-height: 40px; }
  .topbar__contact { gap: .75rem; min-width: 0; }
  .topbar__contact a { font-size: .8rem; }
  .topbar__social { gap: .15rem; }
}
@media (max-width: 380px) {
  .topbar__contact a[href^="tel"] span { font-size: .78rem; }
  .topbar__social a:nth-child(n+4) { display: none; } /* aşırı sıkışıklığı önle */
}

/* ── HERO — küçük ekran optimizasyonu ── */
@media (max-width: 600px) {
  .hero { min-height: auto; }
  .hero__actions { gap: .75rem; }
  .hero__actions .btn { width: 100%; }
}

/* ── ABOUT TEASER — rozet taşmasını engelle ── */
@media (max-width: 920px) {
  .about-teaser__grid { text-align: left; }
}
@media (max-width: 600px) {
  .about-teaser__img { aspect-ratio: 3/2; }
  .about-teaser__badge { right: 8px; bottom: 12px; padding: var(--space-3) var(--space-4); }
  .about-teaser__badge strong { font-size: 1.5rem; }
}

/* ── SECTION başlık/split hizası ── */
@media (max-width: 600px) {
  .section-head--split .link-arrow { margin-top: var(--space-2); }
  .section-title { line-height: 1.15; }
}

/* ── CTA BAND — mobil ── */
@media (max-width: 600px) {
  .cta-band__actions { width: 100%; }
  .cta-band__actions .btn { width: 100%; }
}

/* ── FOOTER — çok dar ekran tek sütun ── */
@media (max-width: 460px) {
  .footer__grid { grid-template-columns: 1fr; }
  .footer__col--links, .footer__col:last-child { grid-column: auto; }
}

/* ── TABLO sarmalayıcı (rich-text dışı tablolar için de kaydırma) ── */
.data-table, .portal-table, .portal-info-table {
  display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;
}
.data-table thead, .portal-table thead { white-space: nowrap; }

/* ── FLOATING butonlar — güvenli alan (iPhone çentik) & çakışma ── */
.fab-whatsapp { right: max(16px, env(safe-area-inset-right)); bottom: max(16px, env(safe-area-inset-bottom)); }
.back-to-top  { right: max(16px, env(safe-area-inset-right)); bottom: calc(max(16px, env(safe-area-inset-bottom)) + 66px); }
@media (max-width: 480px) {
  .fab-whatsapp { width: 52px; height: 52px; }
  .back-to-top  { width: 44px; height: 44px; }
}

/* ── FORM alanları — mobil rahat dokunuş ── */
@media (max-width: 600px) {
  .form-row { grid-template-columns: 1fr; }
  .card { padding: var(--space-5); }
}

/* ── LIGHTBOX / MODAL — küçük ekran ── */
@media (max-width: 480px) {
  .lightbox__nav { width: 40px; height: 40px; }
  .lightbox__nav--prev { left: .5rem; }
  .lightbox__nav--next { right: .5rem; }
  .lightbox__close { top: .75rem; right: .75rem; }
  .modal__dialog { padding: var(--space-6) var(--space-5); }
}

/* ── SERVICE DETAIL yan panel — mobilde akış ── */
@media (max-width: 1080px) {
  .side-card--contact { position: static; }
}

/* ── ARTICLE TOC yatay şerit taşması ── */
@media (max-width: 960px) {
  .article-sidebar { gap: var(--space-4); }
  .article-share { justify-content: flex-start; }
}

/* ── Çok büyük başlıkların dar ekranda taşmasını engelle ── */
@media (max-width: 400px) {
  .error-page__code { font-size: clamp(4rem, 22vw, 6rem); }
  .stat__num { font-size: clamp(2.2rem, 12vw, 2.8rem); }
}

/* ── Kurumsal ince dokunuşlar ── */
.btn:focus-visible { outline: 2px solid var(--brand-500); outline-offset: 2px; }
.service-card:focus-within { border-color: var(--accent-300); box-shadow: var(--shadow-md); }
::selection { background: var(--accent-300); color: var(--brand-950); }
/* Görsel yükleme sırasında düzen kaymasını (CLS) azalt */
.post-card__media, .featured-card__media { background-color: var(--brand-800); }

/* ── Yazdırma (print) — kurumsal çıktı ── */
@media print {
  .topbar, .header, .mobile-nav, .cta-band, .footer, .fab-whatsapp,
  .back-to-top, .cookie-banner, .cookie-bar, .breadcrumb { display: none !important; }
  body { color: #000; background: #fff; font-size: 12pt; }
  .section { padding-block: 1rem; }
  a { color: #000; text-decoration: underline; }
}

/* ═══════════════════════════════════════════════════════════════
   ANA SAYFA — TASARIM POLİSAJI  (v2 — 2026)
   Kurumsal, rafine, tutarlı görsel dil
═══════════════════════════════════════════════════════════════ */

/* ── STATS — ikon rozetli, kurumsal ── */
.stat { display: flex; flex-direction: column; align-items: center; gap: .1rem; }
.stat::before { display: none; }
.stat::after { top: 12% !important; height: 76% !important; }
.stat__ic {
  display: grid; place-items: center; width: 54px; height: 54px; margin-bottom: var(--space-3);
  border-radius: var(--radius-md); color: var(--brand-700);
  background: linear-gradient(160deg, var(--brand-50), #fff);
  box-shadow: inset 0 0 0 1px var(--line), var(--shadow-xs);
}
.stat__ic .icon { width: 24px; height: 24px; }
.stat__value { display: inline-flex; align-items: baseline; justify-content: center; gap: .05rem; }

/* ── SECTORS / LOGOS — ikon vurgusu ── */
.sector { position: relative; overflow: hidden; }
.sector::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
  background: linear-gradient(180deg, var(--accent-500), var(--accent-400));
  transform: scaleY(0); transform-origin: top; transition: transform var(--dur) var(--ease-out);
}
.sector:hover::before { transform: scaleY(1); }
.sector:hover { border-color: var(--accent-300); }
.sector .icon { color: var(--accent-600); transition: transform var(--dur); }
.sector:hover .icon { transform: scale(1.12); }
.logos-grid__item { position: relative; }
.logos-grid__icon {
  display: grid; place-items: center; width: 38px; height: 38px; border-radius: var(--radius);
  background: var(--brand-50); color: var(--brand-700); flex: none;
  transition: background var(--dur), color var(--dur);
}
.logos-grid__item:hover .logos-grid__icon { background: var(--accent-500); color: var(--brand-950); }

/* ── ABOUT TEASER görseli — daha zengin kompozisyon ── */
.about-teaser__img .icon { color: rgba(255,255,255,.34); }
.about-teaser__img::before { opacity: .8; }
.about-teaser__badge { box-shadow: var(--shadow-xl); }

/* ── SERVICE / VALUE kart tutarlılığı ── */
.services-grid .service-card { min-height: 0; }
.service-card__title { letter-spacing: -.01em; }
.why .value-card { backdrop-filter: blur(2px); }


/* ── SECTION başlık ritmi ── */
.section-head--center .section-lead { margin-inline: auto; }
.eyebrow { margin-bottom: var(--space-3); }

/* ── Mobil: stats ikonları biraz küçült ── */
@media (max-width: 600px) {
  .stat__ic { width: 46px; height: 46px; margin-bottom: var(--space-2); }
  .stat__ic .icon { width: 22px; height: 22px; }
  .stat { padding-block: var(--space-3); }
  .stat::after { display: none; } /* tek sütunda dikey ayracı kaldır */
}

/* ═══════════════════════════════════════════════════
   BLOG DETAY SAYFASI — İyileştirilmiş Stiller
═══════════════════════════════════════════════════ */

/* ── Önizleme Banner ── */
.preview-banner{background:linear-gradient(90deg,var(--accent-500),var(--accent-400));color:var(--brand-950);text-align:center;padding:.75rem 1rem;font-weight:600;font-size:.9rem;position:relative;z-index:9999;display:flex;align-items:center;justify-content:center;gap:1rem}
.preview-banner a{color:var(--brand-900);text-decoration:underline;font-weight:700}

/* ── Article Section ── */
.article-section{padding-top:var(--space-8);padding-bottom:var(--space-9)}

/* ── Article Meta — iyileştirilmiş ── */
.article-meta{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--line);font-size:.88rem;color:var(--ink-400);flex-wrap:wrap}
.article-meta time{display:inline-flex;align-items:center;gap:.35rem;color:var(--ink-500)}
.article-meta__read{display:inline-flex;align-items:center;gap:.35rem}
.article-meta__author{display:inline-flex;align-items:center;gap:.35rem;font-weight:600;color:var(--ink-700)}
.chip--link{transition:background var(--dur-fast),color var(--dur-fast);cursor:pointer;text-decoration:none}
.chip--link:hover{background:var(--brand-700);color:#fff}

/* ── Article Cover Image ── */
.article-cover{margin-bottom:var(--space-6);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}
.article-cover img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover}

/* ── Article Body — iyileştirilmiş tipografi ── */
.article-body{max-width:none}
.article-body p.lead,.article-body .lead{font-size:1.2rem;color:var(--ink-800);font-weight:500;line-height:1.7;margin-bottom:var(--space-6);padding-left:var(--space-5);border-left:3px solid var(--accent-500)}
.article-body h2{position:relative;padding-top:var(--space-3)}
.article-body h2::before{content:"";position:absolute;top:0;left:0;width:40px;height:3px;background:linear-gradient(90deg,var(--accent-500),var(--accent-300));border-radius:2px}
.article-body blockquote{margin:var(--space-6) 0;padding:var(--space-5) var(--space-6);background:var(--surface);border-left:4px solid var(--accent-500);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic;color:var(--ink-600)}
.article-body ol{display:grid;gap:.6rem;margin:var(--space-4) 0;padding-left:1.5rem;list-style:decimal}
.article-body ol li{padding-left:.5rem;color:var(--ink-700)}
.article-body ol li::marker{color:var(--accent-600);font-weight:700}

/* ── Article Footer ── */
.article-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-7);padding-top:var(--space-5);border-top:1px solid var(--line);flex-wrap:wrap}
.article-footer__tags{display:flex;gap:.5rem;flex-wrap:wrap}
.article-footer__nav{display:flex;gap:.5rem}
.article-footer__nav .btn .icon{transform:rotate(180deg)}

/* ── Blog Detail Responsive ── */
@media (max-width:600px){
  .article-section{padding-top:var(--space-6);padding-bottom:var(--space-7)}
  .article-meta{gap:var(--space-3)}
  .article-footer{flex-direction:column;align-items:flex-start}
}


/* ═══════════════════════════════════════════════════════════════
   FONT AWESOME UYUM KATMANI
   Eski SVG ikon boyutları (width/height) → font-size'a çevrildi.
   <i class="fa-... icon"> elemanları için geçerlidir.
═══════════════════════════════════════════════════════════════ */
i.icon,i.icon--sm,i.icon--xs{display:inline-flex;align-items:center;justify-content:center;line-height:1;width:auto;height:auto}
.about-teaser__img .icon{font-size:120px;width:auto;height:auto}
.service-card__icon .icon{font-size:26px;width:auto;height:auto}
.value-card__icon .icon{font-size:26px;width:auto;height:auto}
.process__icon .icon{font-size:26px;width:auto;height:auto}
.mega__icon .icon{font-size:22px}
.contact-list__ic .icon{font-size:20px}
.post-card__thumb .icon{font-size:56px;width:auto;height:auto}
.team-card__photo .icon{font-size:64px;width:auto;height:auto}
.map-placeholder .icon,.map-lazy .map-placeholder .icon{font-size:48px;width:auto;height:auto}
.empty-state .icon{font-size:56px;width:auto;height:auto}
.featured-card__media .icon{font-size:80px;width:auto;height:auto}
.gallery__placeholder .icon{font-size:48px;width:auto;height:auto}
.lightbox__placeholder .icon{font-size:80px;width:auto;height:auto}
.cert-card__icon .icon{font-size:28px;width:auto;height:auto}
.stat__ic .icon{font-size:24px;width:auto;height:auto}
@media(max-width:640px){.stat__ic .icon{font-size:22px}}
.fab-whatsapp .icon{font-size:28px}
.back-to-top .icon{font-size:18px}
.cta-band__phone .icon{font-size:18px}

/* ═══════════════════════════════════════════════════════════════
   ŞUBELER (Branches) — Kart Oluşumu
═══════════════════════════════════════════════════════════════ */
.branches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--space-6,2rem)}
.branch-card{background:#fff;border:1px solid var(--line,#E7EBF0);border-radius:var(--radius-lg,16px);overflow:hidden;box-shadow:var(--shadow-sm,0 2px 6px rgba(12,20,29,.04));transition:transform var(--dur,260ms) var(--ease-out),box-shadow var(--dur,260ms)}
.branch-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.branch-card--hq{border-color:var(--accent-500,#C7A252);border-width:2px}
.branch-card__photo{aspect-ratio:16/9;overflow:hidden}
.branch-card__photo img{width:100%;height:100%;object-fit:cover}
.branch-card__body{padding:var(--space-5,1.5rem)}
.branch-card__head{margin-bottom:var(--space-3,.75rem)}
.branch-card__name{font-size:1.25rem;font-weight:700;margin:.35rem 0 .2rem}
.branch-card__city{display:inline-flex;align-items:center;gap:.3rem;color:var(--ink-500,#5B6B7A);font-size:.88rem;font-weight:500}
.branch-card__desc{color:var(--ink-500,#5B6B7A);font-size:.92rem;margin-bottom:var(--space-4,1rem)}
.branch-card__info{display:grid;gap:.65rem}
.branch-card__info li{display:flex;gap:.65rem;align-items:flex-start;font-size:.9rem;color:var(--ink-700,#33414F)}
.branch-card__info .icon{color:var(--accent-600,#A6821F);margin-top:2px;flex:none}
.branch-card__info a{color:var(--brand-500,#245FA6)}
.branch-card__info a:hover{text-decoration:underline}
.branch-card__map{margin-top:var(--space-5,1.5rem);border-radius:var(--radius,9px);overflow:hidden}
@media(max-width:500px){.branches-grid{grid-template-columns:1fr}}


/* ═══════════════════════════════════════════════════════════════
   Ek Dosyalar (Attachments) & Galeri (Frontend)
═══════════════════════════════════════════════════════════════ */

/* Attachments Download Section */
.article-attachments{margin-top:var(--space-6);padding:var(--space-5);background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--line)}
.article-attachments__title{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;margin-bottom:var(--space-4);color:var(--ink-900)}
.attachment-download-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}
.attachment-download-item{display:flex;align-items:center;gap:var(--space-3);padding:.85rem 1rem;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-sm);transition:border-color var(--dur),box-shadow var(--dur)}
.attachment-download-item:hover{border-color:var(--brand-500);box-shadow:var(--shadow-sm)}
.attachment-download-item__icon{font-size:1.6rem;color:var(--brand-600);flex-shrink:0}
.attachment-download-item__info{flex:1;min-width:0}
.attachment-download-item__name{display:block;font-weight:600;color:var(--ink-900);word-break:break-all}
.attachment-download-item__size{font-size:.8rem;color:var(--ink-500)}
.attachment-download-item .btn{flex-shrink:0;white-space:nowrap}

/* Gallery Grid (in article/service detail) */
.article-gallery{margin-top:var(--space-6)}
.article-gallery__title{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;margin-bottom:var(--space-4);color:var(--ink-900)}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}
.gallery-grid .gallery__item{position:relative;aspect-ratio:4/3;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;border:1px solid var(--line);transition:transform var(--dur),box-shadow var(--dur)}
.gallery-grid .gallery__item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.gallery-grid .gallery__item img{width:100%;height:100%;object-fit:cover;display:block}
.gallery-grid .gallery__caption{position:absolute;bottom:0;left:0;right:0;padding:.5rem .75rem;background:linear-gradient(transparent,rgba(10,31,59,.7));color:#fff;font-size:.78rem;font-weight:600;opacity:0;transition:opacity var(--dur)}
.gallery-grid .gallery__item:hover .gallery__caption{opacity:1}

@media(max-width:768px){
  .gallery-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}
  .attachment-download-item{flex-wrap:wrap}
  .attachment-download-item .btn{width:100%;justify-content:center;margin-top:.5rem}
}