/* ============================================================
   ÇEVİKOĞLU LOJİSTİK — main.css
   Tasarım sistemi + ortak bileşenler (BEM + :root token sistemi)
   Mobile-first. Kırılımlar: 480 / 768 / 992 / 1200
   ============================================================ */

/* ============================================================
   0. FONTLAR (yerel host — woff2, latin + latin-ext, swap)
   ============================================================ */
@font-face { font-family:'Montserrat'; font-style:normal; font-weight:600; font-display:swap;
  src:url('/public/assets/lib/fonts/montserrat-latin-600-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Montserrat'; font-style:normal; font-weight:600; font-display:swap;
  src:url('/public/assets/lib/fonts/montserrat-latin-ext-600-normal.woff2') format('woff2');
  unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'Montserrat'; font-style:normal; font-weight:700; font-display:swap;
  src:url('/public/assets/lib/fonts/montserrat-latin-700-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Montserrat'; font-style:normal; font-weight:700; font-display:swap;
  src:url('/public/assets/lib/fonts/montserrat-latin-ext-700-normal.woff2') format('woff2');
  unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'Inter'; font-style:normal; font-weight:400; font-display:swap;
  src:url('/public/assets/lib/fonts/inter-latin-400-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Inter'; font-style:normal; font-weight:400; font-display:swap;
  src:url('/public/assets/lib/fonts/inter-latin-ext-400-normal.woff2') format('woff2');
  unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'Inter'; font-style:normal; font-weight:500; font-display:swap;
  src:url('/public/assets/lib/fonts/inter-latin-500-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Inter'; font-style:normal; font-weight:500; font-display:swap;
  src:url('/public/assets/lib/fonts/inter-latin-ext-500-normal.woff2') format('woff2');
  unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'Inter'; font-style:normal; font-weight:600; font-display:swap;
  src:url('/public/assets/lib/fonts/inter-latin-600-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Inter'; font-style:normal; font-weight:600; font-display:swap;
  src:url('/public/assets/lib/fonts/inter-latin-ext-600-normal.woff2') format('woff2');
  unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF; }

/* ============================================================
   1. CSS DEĞİŞKENLERİ
   ============================================================ */
:root{
  /* Marka — altın */
  --color-primary:#c99a3b;
  --color-primary-light:#F9CA73;
  --color-primary-dark:#AB8031;
  --gradient-gold:linear-gradient(135deg,#F9CA73 0%,#EBBD66 50%,#AB8031 100%);

  /* Koyu */
  --color-dark:#111111;
  --color-dark-soft:#1a1a1a;
  --color-dark-medium:#2d2d2d;
  --color-dark-light:#3d3d3d;

  /* Gri / nötr */
  --color-gray:#4f4f4f;
  --color-gray-soft:#5B5B5B;
  --color-muted:#737884;

  /* Açık */
  --color-light:#f6f7f9;
  --color-light-soft:#eef0f3;
  --color-white:#ffffff;
  --color-border:#e6e8ec;

  /* Metin */
  --color-text:#23262b;
  --color-text-soft:#52575f;
  --color-heading:#15171b;

  /* Tipografi */
  --font-heading:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;

  /* Aralık */
  --space-xs:.25rem; --space-sm:.5rem; --space-md:1rem; --space-lg:1.5rem;
  --space-xl:2rem; --space-2xl:3rem; --space-3xl:4.5rem; --space-4xl:6rem;

  /* Yarıçap */
  --radius-sm:6px; --radius-md:10px; --radius-lg:16px; --radius-xl:24px; --radius-full:999px;

  /* Gölge */
  --shadow-sm:0 1px 3px rgba(17,17,17,.08);
  --shadow-md:0 6px 18px rgba(17,17,17,.10);
  --shadow-lg:0 16px 40px rgba(17,17,17,.14);
  --shadow-gold:0 10px 30px rgba(201,154,59,.32);

  /* Geçiş */
  --transition-fast:.18s ease;
  --transition:.28s cubic-bezier(.4,0,.2,1);
  --transition-slow:.5s cubic-bezier(.4,0,.2,1);

  /* Katman */
  --z-header:200; --z-dropdown:210; --z-overlay:290; --z-drawer:300; --z-float:250; --z-progress:400;

  --header-h:72px;
  --container:1200px;
}

/* ============================================================
   2. RESET & TEMEL
   ============================================================ */
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%; overflow-x:clip;}
body{
  margin:0; font-family:var(--font-body); font-size:16px; line-height:1.65;
  color:var(--color-text); background:var(--color-white);
  overflow-x:clip; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
img,svg,video{max-width:100%; height:auto; display:block;}
a{color:inherit; text-decoration:none; transition:color var(--transition-fast);}
button{cursor:pointer; font-family:inherit; -webkit-tap-highlight-color:transparent; border:none; background:none;}
ul,ol{list-style:none; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-family:var(--font-heading); margin:0; line-height:1.22; color:var(--color-heading); font-weight:700;}
p{margin:0 0 var(--space-md);}
strong{font-weight:600;}
:focus-visible{outline:3px solid var(--color-primary); outline-offset:2px; border-radius:3px;}

/* ============================================================
   3. YARDIMCILAR
   ============================================================ */
.container{width:100%; max-width:var(--container); margin:0 auto; padding-inline:var(--space-md);}
.sr-only{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;}
.text-gradient-gold{background:var(--gradient-gold); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent;}

.skip-link{position:absolute; top:-60px; left:var(--space-sm); z-index:1000; background:var(--color-primary); color:var(--color-dark); padding:.6rem 1rem; border-radius:var(--radius-sm); font-weight:600; transition:top var(--transition-fast);}
.skip-link:focus{top:var(--space-sm);}

/* Bölüm */
.section{padding-block:var(--space-3xl);}
.section--light{background:var(--color-light);}
.section--soft{background:var(--color-light-soft);}
.section--dark{background:var(--color-dark); color:var(--color-light-soft);}
.section--dark h1,.section--dark h2,.section--dark h3,.section--dark h4{color:#fff;}
.section__header{max-width:760px; margin:0 auto var(--space-2xl); text-align:center;}
.section__eyebrow{display:inline-flex; align-items:center; gap:.5rem; font-family:var(--font-heading); font-weight:600; font-size:.8rem; letter-spacing:.12em; text-transform:uppercase; color:var(--color-primary-dark); margin-bottom:var(--space-sm);}
.section__title{font-size:clamp(1.7rem,1.1rem + 2.4vw,2.6rem); margin-bottom:var(--space-md);}
.section__subtitle{font-size:1.05rem; color:var(--color-text-soft); margin:0;}
.section--dark .section__subtitle{color:#b9bdc6;}
.section--dark .section__eyebrow{color:var(--color-primary-light);}

/* Okunabilir metin bloğu (içerik sayfaları) */
.prose{max-width:820px;}
.prose--wide{max-width:none;}
.prose h2{font-size:clamp(1.5rem,1.1rem + 1.6vw,2.1rem); margin:var(--space-xl) 0 var(--space-md);}
.prose h2:first-child{margin-top:0;}
.prose h3{font-size:1.25rem; margin:var(--space-lg) 0 var(--space-sm);}
.prose p{color:var(--color-text-soft); margin:0 0 var(--space-md);}
.prose ul:not([class]){display:grid; gap:.55rem; margin:0 0 var(--space-md); padding-left:0;}
.prose ul:not([class]) li{position:relative; padding-left:1.6rem; color:var(--color-text-soft);}
.prose ul:not([class]) li::before{content:"\f058"; font-family:"Font Awesome 6 Free"; font-weight:900; position:absolute; left:0; top:.15rem; color:var(--color-primary); font-size:.9em;}
.prose strong{color:var(--color-heading);}
.prose a:not([class]){color:var(--color-primary-dark); font-weight:600; text-decoration:underline; text-underline-offset:2px;}

/* ============================================================
   4. BUTONLAR
   ============================================================ */
.btn{display:inline-flex; align-items:center; justify-content:center; gap:.55rem; font-family:var(--font-heading); font-weight:600; font-size:.95rem; line-height:1; padding:.85rem 1.5rem; border-radius:var(--radius-md); transition:all var(--transition); white-space:nowrap; text-align:center; cursor:pointer;}
.btn i{font-size:1em;}
.btn--gold{background:var(--gradient-gold); color:#231a05; box-shadow:var(--shadow-gold);}
.btn--gold:hover{transform:translateY(-2px); filter:brightness(1.04); box-shadow:0 14px 34px rgba(201,154,59,.42);}
.btn--dark{background:var(--color-dark); color:#fff;}
.btn--dark:hover{background:var(--color-dark-medium); transform:translateY(-2px);}
.btn--outline{background:transparent; color:var(--color-heading); border:2px solid var(--color-border);}
.btn--outline:hover{border-color:var(--color-primary); color:var(--color-primary-dark);}
.btn--outline-light{background:transparent; color:#fff; border:2px solid rgba(255,255,255,.35);}
.btn--outline-light:hover{border-color:var(--color-primary-light); color:var(--color-primary-light);}
.btn--whatsapp{background:#25D366; color:#06351a;}
.btn--whatsapp:hover{background:#1ebe5b; transform:translateY(-2px);}
.btn--phone{background:var(--color-primary); color:#231a05;}
.btn--phone:hover{background:var(--color-primary-light); transform:translateY(-2px);}
.btn--lg{padding:1.05rem 1.9rem; font-size:1.02rem;}
.btn--block{width:100%;}

/* ============================================================
   5. SCROLL PROGRESS
   ============================================================ */
.scroll-progress{position:fixed; inset:0 0 auto 0; height:3px; z-index:var(--z-progress); background:transparent; pointer-events:none;}
.scroll-progress__bar{display:block; height:100%; width:0; background:var(--gradient-gold); transition:width .1s linear;}

/* ============================================================
   6. TOPBAR (yalnız ≥992px)
   ============================================================ */
.topbar{display:none; background:var(--color-dark); color:#cfd2d8; font-size:.82rem;}
.topbar__container{display:flex; align-items:center; justify-content:space-between; gap:var(--space-md); min-height:40px;}
.topbar__info,.topbar__meta{display:flex; align-items:center; gap:var(--space-lg);}
.topbar__item{display:inline-flex; align-items:center; gap:.45rem; color:#cfd2d8; transition:color var(--transition-fast);}
.topbar__item i{color:var(--color-primary-light);}
.topbar__item:hover{color:#fff;}
.topbar__social{display:flex; gap:.4rem;}
.topbar__social-link{width:30px; height:30px; display:inline-flex; align-items:center; justify-content:center; border-radius:var(--radius-full); background:var(--color-dark-medium); color:#fff; transition:all var(--transition-fast);}
.topbar__social-link:hover{background:var(--color-primary); color:var(--color-dark);}
@media(min-width:992px){.topbar{display:block;}}

/* ============================================================
   7. HEADER
   ============================================================ */
.header{position:sticky; top:0; z-index:var(--z-header); background:rgba(255,255,255,.96); backdrop-filter:saturate(180%) blur(10px); border-bottom:1px solid var(--color-border); transition:box-shadow var(--transition),padding var(--transition);}
.header.scrolled{box-shadow:var(--shadow-md);}
.header__container{display:flex; align-items:center; justify-content:space-between; gap:var(--space-md); min-height:var(--header-h);}
.header__logo{flex:0 0 auto; display:inline-flex; align-items:center;}
.header__logo img{height:42px; width:auto; transition:height var(--transition);}
.header.scrolled .header__logo img{height:38px;}
@media(min-width:768px){.header__logo img{height:48px;} .header.scrolled .header__logo img{height:42px;}}

.header__cta{display:none; align-items:center; flex-shrink:0; white-space:nowrap; gap:.5rem; padding:.7rem 1.25rem; background:var(--gradient-gold); color:#231a05; border-radius:var(--radius-md); font-family:var(--font-heading); font-weight:600; font-size:.92rem; box-shadow:var(--shadow-gold); transition:all var(--transition);}
.header__cta:hover{transform:translateY(-2px); filter:brightness(1.05);}
@media(min-width:1200px){.header__cta{display:inline-flex;}}

/* ============================================================
   8. NAV
   ============================================================ */
.nav{display:flex; align-items:center;}

/* Hamburger */
.nav__toggle{display:inline-flex; flex-direction:column; gap:5px; width:44px; height:44px; align-items:center; justify-content:center;}
.nav__toggle-bar{width:24px; height:2px; background:var(--color-heading); border-radius:2px; transition:transform var(--transition),opacity var(--transition);}
.nav__toggle[aria-expanded="true"] .nav__toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav__toggle[aria-expanded="true"] .nav__toggle-bar:nth-child(2){opacity:0;}
.nav__toggle[aria-expanded="true"] .nav__toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

.nav__overlay{position:fixed; inset:0; background:rgba(17,17,17,.5); opacity:0; visibility:hidden; transition:opacity var(--transition); z-index:var(--z-overlay);}
.nav__overlay.is-active{opacity:1; visibility:visible;}

.nav__close-wrapper{display:flex; justify-content:flex-end; padding:var(--space-md); border-bottom:1px solid var(--color-border);}
.nav__close{display:inline-flex; align-items:center; gap:.5rem; color:var(--color-text-soft); font-weight:600;}
.nav__close i{font-size:1.2rem;}

/* Mobil çekmece */
.nav__list{position:fixed; top:0; right:0; width:min(86vw,360px); height:100dvh; background:#fff; box-shadow:var(--shadow-lg); transform:translateX(100%); transition:transform var(--transition); z-index:var(--z-drawer); overflow-y:auto; padding-bottom:var(--space-3xl);}
.nav__list.is-active{transform:translateX(0);}
.nav__item{border-bottom:1px solid var(--color-border);}
.nav__item--has-dropdown{position:relative;}
.nav__link{display:flex; align-items:center; justify-content:space-between; gap:.4rem; padding:1rem var(--space-lg); font-family:var(--font-heading); font-weight:600; font-size:1rem; white-space:nowrap; color:var(--color-heading);}
.nav__link:hover,.nav__link.active{color:var(--color-primary-dark);}
.nav__caret{display:none;}
.nav__dropdown-toggle{position:absolute; top:0; right:0; width:54px; height:53px; display:inline-flex; align-items:center; justify-content:center; color:var(--color-text-soft); transition:transform var(--transition);}
.nav__item--has-dropdown.is-open .nav__dropdown-toggle{transform:rotate(180deg);}

/* Dropdown (mobil: akordeon) */
.nav__dropdown{display:none; background:var(--color-light); padding:var(--space-xs) 0;}
.nav__item--has-dropdown.is-open .nav__dropdown{display:block;}
.nav__dropdown-link{display:flex; align-items:center; gap:.6rem; padding:.7rem var(--space-lg) .7rem 2rem; font-size:.92rem; color:var(--color-text-soft);}
.nav__dropdown-link i{color:var(--color-primary); width:1.1em; text-align:center; font-size:.85em;}
.nav__dropdown-link:hover{color:var(--color-primary-dark); background:rgba(201,154,59,.08);}
.nav__mega-title{display:flex; align-items:center; gap:.5rem; padding:.7rem var(--space-lg); font-family:var(--font-heading); font-weight:700; font-size:.78rem; letter-spacing:.08em; text-transform:uppercase; color:var(--color-primary-dark);}
.nav__mega-title i{color:var(--color-primary);}

/* Masaüstü yatay nav */
@media(min-width:992px){
  .nav__toggle,.nav__close-wrapper,.nav__dropdown-toggle,.nav__overlay{display:none !important;}
  .nav__list{position:static; width:auto; height:auto; transform:none; box-shadow:none; background:transparent; display:flex; align-items:center; gap:.2rem; padding:0; overflow:visible;}
  .nav__item{border:none;}
  .nav__link{padding:.6rem .9rem; font-size:.94rem; border-radius:var(--radius-sm);}
  .nav__caret{display:inline-block; font-size:.62rem; transition:transform var(--transition); opacity:.7;}
  .nav__item--has-dropdown:hover .nav__caret{transform:rotate(180deg);}
  .nav__link.active{position:relative;}
  .nav__link.active::after{content:""; position:absolute; left:.9rem; right:.9rem; bottom:.25rem; height:2px; background:var(--gradient-gold); border-radius:2px;}

  .nav__dropdown{display:block; position:absolute; top:calc(100% + 10px); left:0; min-width:280px; background:#fff; border:1px solid var(--color-border); border-radius:var(--radius-md); box-shadow:var(--shadow-lg); padding:.5rem; opacity:0; visibility:hidden; transform:translateY(8px); transition:opacity var(--transition),transform var(--transition); z-index:var(--z-dropdown);}
  .nav__dropdown::before{content:""; position:absolute; top:-10px; left:0; right:0; height:10px;}
  .nav__item--has-dropdown:hover .nav__dropdown,.nav__item--has-dropdown:focus-within .nav__dropdown{opacity:1; visibility:visible; transform:translateY(0);}
  .nav__dropdown-link{padding:.6rem .8rem; border-radius:var(--radius-sm); font-size:.9rem;}

  .nav__dropdown--mega{display:flex; gap:.5rem; min-width:560px; left:50%; transform:translate(-50%,8px);}
  .nav__item--has-dropdown:hover .nav__dropdown--mega{transform:translate(-50%,0);}
  .nav__mega-col{flex:0 0 auto;}
  .nav__mega-col--wide{flex:1; border-left:1px solid var(--color-border); padding-left:.5rem;}
  .nav__mega-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:0 .25rem;}
  .nav__mega-title{padding:.5rem .8rem .35rem;}
}

/* ============================================================
   9. HERO
   ============================================================ */
.hero{position:relative; min-height:clamp(520px,80vh,760px); display:flex; align-items:center; color:#fff; overflow:hidden; background:var(--color-dark);}
.hero__media{position:absolute; inset:0; z-index:0;}
.hero__media img,.hero__media video{width:100%; height:100%; object-fit:cover;}
.hero__overlay{position:absolute; inset:0; z-index:1; background:linear-gradient(120deg,rgba(10,11,13,.86) 0%,rgba(10,11,13,.6) 45%,rgba(10,11,13,.35) 100%);}
.hero__inner{position:relative; z-index:2; width:100%; padding-block:var(--space-3xl);}
.hero__eyebrow{display:inline-flex; align-items:center; gap:.5rem; padding:.4rem .9rem; border:1px solid rgba(249,202,115,.45); border-radius:var(--radius-full); font-family:var(--font-heading); font-weight:600; font-size:.78rem; letter-spacing:.08em; text-transform:uppercase; color:var(--color-primary-light); margin-bottom:var(--space-md); background:rgba(249,202,115,.08);}
.hero__title{font-size:clamp(2rem,1.2rem + 3.4vw,3.4rem); line-height:1.12; color:#fff; max-width:18ch; margin-bottom:var(--space-md);}
.hero__text{font-size:clamp(1rem,.95rem + .4vw,1.2rem); color:#d7dae0; max-width:56ch; margin-bottom:var(--space-xl);}
.hero__cta{display:flex; flex-wrap:wrap; gap:.75rem;}

/* İç sayfa hero (başlık + breadcrumb) */
.page-hero{position:relative; background:var(--color-dark); color:#fff; overflow:hidden; padding-block:var(--space-2xl);}
.page-hero::after{content:""; position:absolute; inset:0; background:radial-gradient(circle at 88% 0%,rgba(201,154,59,.22),transparent 55%); pointer-events:none;}
.page-hero--image{background-size:cover; background-position:center;}
.page-hero--image::before{content:""; position:absolute; inset:0; background:linear-gradient(120deg,rgba(10,11,13,.94) 0%,rgba(10,11,13,.8) 58%,rgba(10,11,13,.6) 100%);}
@media(max-width:600px){.page-hero--image::before{background:linear-gradient(180deg,rgba(10,11,13,.9),rgba(10,11,13,.74));}}
.page-hero__inner{position:relative; z-index:1;}
.page-hero__eyebrow{display:inline-flex; align-items:center; gap:.5rem; padding:.35rem .85rem; border:1px solid rgba(249,202,115,.45); border-radius:var(--radius-full); font-family:var(--font-heading); font-weight:600; font-size:.74rem; letter-spacing:.08em; text-transform:uppercase; color:var(--color-primary-light); margin-bottom:var(--space-md); background:rgba(249,202,115,.08);}
.page-hero__title{font-size:clamp(1.8rem,1.3rem + 2.2vw,2.8rem); line-height:1.14; color:#fff; max-width:22ch; margin-bottom:var(--space-sm);}
.page-hero__text{font-size:clamp(1rem,.95rem + .3vw,1.12rem); color:#c7cbd2; max-width:66ch; margin:0;}
.page-hero .breadcrumb{padding-top:0; padding-bottom:var(--space-md);}
.page-hero .breadcrumb__list{color:rgba(255,255,255,.65);}
.page-hero .breadcrumb__item a:hover{color:var(--color-primary-light);}
.page-hero .breadcrumb__item[aria-current]{color:#fff;}

/* ============================================================
   10. KARTLAR / GRID
   ============================================================ */
.grid{display:grid; gap:var(--space-lg);}
.grid--2{grid-template-columns:1fr;}
.grid--3{grid-template-columns:1fr;}
.grid--4{grid-template-columns:1fr;}
@media(min-width:480px){.grid--4{grid-template-columns:repeat(2,1fr);}}
@media(min-width:768px){.grid--2{grid-template-columns:repeat(2,1fr);} .grid--3{grid-template-columns:repeat(2,1fr);}}
@media(min-width:992px){.grid--3{grid-template-columns:repeat(3,1fr);} .grid--4{grid-template-columns:repeat(4,1fr);}}
.service-card__title,.step__title{overflow-wrap:break-word;}

.card{background:#fff; border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); box-shadow:var(--shadow-sm); transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition); height:100%;}
.card:hover{transform:translateY(-6px); box-shadow:var(--shadow-lg); border-color:transparent;}

/* Hizmet kartı */
.service-card{display:flex; flex-direction:column; gap:var(--space-sm);}
.service-card__icon{width:56px; height:56px; display:inline-flex; align-items:center; justify-content:center; border-radius:var(--radius-md); background:rgba(201,154,59,.12); color:var(--color-primary-dark); font-size:1.4rem; margin-bottom:var(--space-xs);}
.service-card:hover .service-card__icon{background:var(--gradient-gold); color:#231a05;}
.service-card__title{font-size:1.14rem;}
.service-card__text{color:var(--color-text-soft); font-size:.95rem; margin:0;}
.service-card__link{margin-top:auto; padding-top:var(--space-sm); font-family:var(--font-heading); font-weight:600; font-size:.9rem; color:var(--color-primary-dark); display:inline-flex; align-items:center; gap:.4rem;}
.service-card__link i{transition:transform var(--transition-fast);}
.service-card:hover .service-card__link i{transform:translateX(4px);}

/* Özellik (neden biz) */
.feature{display:flex; gap:var(--space-md); align-items:flex-start;}
.feature__icon{flex:0 0 auto; width:50px; height:50px; display:inline-flex; align-items:center; justify-content:center; border-radius:var(--radius-md); background:rgba(201,154,59,.12); color:var(--color-primary-dark); font-size:1.25rem;}
.feature__title{font-size:1.08rem; margin-bottom:.25rem;}
.feature__text{color:var(--color-text-soft); font-size:.94rem; margin:0;}
.section--dark .feature__text{color:#b9bdc6;}
.section--dark .feature__icon{background:rgba(249,202,115,.14); color:var(--color-primary-light);}

/* Sayaç */
.counter{text-align:center;}
.counter__num{font-family:var(--font-heading); font-weight:700; font-size:clamp(2rem,1.4rem + 2vw,2.9rem); line-height:1; color:var(--color-primary-light);}
.counter__label{margin-top:.5rem; font-size:.95rem; color:#c7cbd2;}

/* Bölge kartı */
.region-card{display:flex; align-items:center; gap:.6rem; padding:.9rem 1.1rem; background:#fff; border:1px solid var(--color-border); border-radius:var(--radius-md); font-family:var(--font-heading); font-weight:600; font-size:.95rem; transition:all var(--transition);}
.region-card i{color:var(--color-primary);}
.region-card:hover{border-color:var(--color-primary); transform:translateY(-3px); box-shadow:var(--shadow-md); color:var(--color-primary-dark);}

/* Adım / süreç */
.step{position:relative; padding:var(--space-xl); background:#fff; border:1px solid var(--color-border); border-radius:var(--radius-lg); height:100%;}
.step__num{position:absolute; top:-18px; left:var(--space-xl); width:40px; height:40px; display:inline-flex; align-items:center; justify-content:center; border-radius:var(--radius-full); background:var(--gradient-gold); color:#231a05; font-family:var(--font-heading); font-weight:700;}
.step__title{margin:.75rem 0 .4rem; font-size:1.1rem;}
.step__text{color:var(--color-text-soft); font-size:.94rem; margin:0;}

/* ============================================================
   11. BREADCRUMB
   ============================================================ */
.breadcrumb{padding-block:var(--space-md); font-size:.86rem;}
.breadcrumb__list{display:flex; flex-wrap:wrap; align-items:center; gap:.5rem; color:var(--color-text-soft);}
.breadcrumb__item{display:inline-flex; align-items:center; gap:.5rem;}
.breadcrumb__item:not(:last-child)::after{content:"\f105"; font-family:"Font Awesome 6 Free"; font-weight:900; font-size:.7rem; opacity:.5;}
.breadcrumb__item a:hover{color:var(--color-primary-dark);}
.breadcrumb__item[aria-current]{color:var(--color-heading); font-weight:600;}

/* ============================================================
   12. CTA BANDI
   ============================================================ */
.cta-band{position:relative; background:var(--color-dark); color:#fff; border-radius:var(--radius-xl); padding:var(--space-2xl); overflow:hidden;}
.cta-band::after{content:""; position:absolute; inset:0; background:radial-gradient(circle at 100% 0%,rgba(201,154,59,.28),transparent 55%); pointer-events:none;}
.cta-band__inner{position:relative; z-index:1; display:flex; flex-direction:column; gap:var(--space-lg); align-items:flex-start;}
.cta-band__title{font-size:clamp(1.5rem,1.1rem + 1.8vw,2.2rem); color:#fff;}
.cta-band__text{color:#c7cbd2; max-width:60ch; margin:0;}
.cta-band__actions{display:flex; flex-direction:column; gap:.75rem; width:100%;}
.cta-band__actions .btn{width:100%;}
@media(min-width:560px){.cta-band__actions{flex-direction:row; flex-wrap:wrap; width:auto;} .cta-band__actions .btn{width:auto;}}
@media(min-width:992px){.cta-band{padding:var(--space-3xl);} .cta-band__inner{flex-direction:row; align-items:center; justify-content:space-between;} .cta-band__actions{flex-shrink:0;}}

/* ============================================================
   13. SSS AKORDEON
   ============================================================ */
.faq{max-width:820px; margin-inline:auto; display:flex; flex-direction:column; gap:var(--space-sm);}
.faq__item{border:1px solid var(--color-border); border-radius:var(--radius-md); overflow:hidden; background:#fff;}
.faq__question{width:100%; display:flex; align-items:center; justify-content:space-between; gap:var(--space-md); padding:1.1rem 1.3rem; font-family:var(--font-heading); font-weight:600; font-size:1rem; color:var(--color-heading); text-align:left;}
.faq__question i{flex:0 0 auto; color:var(--color-primary); transition:transform var(--transition);}
.faq__item.is-open .faq__question i{transform:rotate(180deg);}
.faq__answer{max-height:0; overflow:hidden; transition:max-height var(--transition);}
.faq__answer-inner{padding:0 1.3rem 1.2rem; color:var(--color-text-soft);}
.faq__answer-inner p:last-child{margin-bottom:0;}

/* ============================================================
   14. YORUMLAR (slider)
   ============================================================ */
.testimonials{position:relative;}
.testimonials__track{display:flex; gap:var(--space-lg); overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth; padding-bottom:var(--space-sm); -ms-overflow-style:none; scrollbar-width:none;}
.testimonials__track::-webkit-scrollbar{display:none;}
.testimonial{scroll-snap-align:start; flex:0 0 100%; background:#fff; border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); box-shadow:var(--shadow-sm);}
@media(min-width:768px){.testimonial{flex-basis:calc(50% - var(--space-lg)/2);}}
@media(min-width:1200px){.testimonial{flex-basis:calc(33.333% - var(--space-lg)*2/3);}}
.testimonial__stars{color:var(--color-primary); margin-bottom:var(--space-sm);}
.testimonial__text{font-size:1rem; color:var(--color-text); margin-bottom:var(--space-md);}
.testimonial__author{display:flex; align-items:center; gap:.75rem;}
.testimonial__avatar{width:46px; height:46px; border-radius:var(--radius-full); background:var(--gradient-gold); color:#231a05; display:inline-flex; align-items:center; justify-content:center; font-family:var(--font-heading); font-weight:700;}
.testimonial__name{font-family:var(--font-heading); font-weight:600; font-size:.95rem;}
.testimonial__role{font-size:.84rem; color:var(--color-muted);}
.testimonials__nav{display:flex; justify-content:center; gap:.5rem; margin-top:var(--space-lg);}
.testimonials__btn{width:44px; height:44px; border-radius:var(--radius-full); border:1px solid var(--color-border); display:inline-flex; align-items:center; justify-content:center; color:var(--color-heading); background:#fff; transition:all var(--transition);}
.testimonials__btn:hover{background:var(--color-primary); color:#231a05; border-color:transparent;}

/* ============================================================
   15. GALERİ
   ============================================================ */
.gallery-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:var(--space-md);}
@media(min-width:768px){.gallery-grid{grid-template-columns:repeat(3,1fr);}}
.gallery-item{position:relative; display:block; border-radius:var(--radius-md); overflow:hidden; aspect-ratio:4/3; background:var(--color-light-soft);}
.gallery-item img{width:100%; height:100%; object-fit:cover; transition:transform var(--transition-slow);}
.gallery-item:hover img{transform:scale(1.06);}
.gallery-item__overlay{position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:rgba(17,17,17,.45); color:#fff; font-size:1.5rem; opacity:0; transition:opacity var(--transition);}
.gallery-item:hover .gallery-item__overlay{opacity:1;}
.gallery-filter{display:flex; flex-wrap:wrap; justify-content:center; gap:.5rem; margin-bottom:var(--space-xl);}
.gallery-filter__btn{padding:.5rem 1.1rem; border-radius:var(--radius-full); border:1px solid var(--color-border); font-family:var(--font-heading); font-weight:600; font-size:.88rem; color:var(--color-text-soft); transition:all var(--transition);}
.gallery-filter__btn.is-active,.gallery-filter__btn:hover{background:var(--color-dark); color:#fff; border-color:transparent;}

/* ============================================================
   16. FOOTER
   ============================================================ */
.footer{background:var(--color-dark); color:#b9bdc6; margin-top:var(--space-3xl);}
.footer__main{padding-block:var(--space-3xl) var(--space-2xl);}
.footer__grid{display:grid; grid-template-columns:1fr; gap:var(--space-2xl);}
@media(min-width:600px){.footer__grid{grid-template-columns:repeat(2,1fr);}}
@media(min-width:992px){.footer__grid{grid-template-columns:1.5fr .9fr 1.15fr .9fr 1.25fr; gap:var(--space-xl);}}
.footer__logo{height:46px; width:auto; margin-bottom:var(--space-md); filter:brightness(0) invert(1) opacity(.92);}
.footer__desc{font-size:.92rem; line-height:1.7; color:#9aa0a9; margin-bottom:var(--space-md);}
.footer__social{display:flex; gap:.5rem;}
.footer__social-link{width:38px; height:38px; border-radius:var(--radius-full); background:var(--color-dark-medium); color:#fff; display:inline-flex; align-items:center; justify-content:center; transition:all var(--transition);}
.footer__social-link:hover{background:var(--color-primary); color:var(--color-dark); transform:translateY(-2px);}
.footer__title{font-size:1rem; color:#fff; margin-bottom:var(--space-md); position:relative; padding-bottom:.6rem;}
.footer__title::after{content:""; position:absolute; left:0; bottom:0; width:38px; height:2px; background:var(--gradient-gold);}
.footer__links{display:flex; flex-direction:column; gap:.55rem;}
.footer__link{display:inline-flex; align-items:center; gap:.5rem; font-size:.92rem; color:#9aa0a9;}
.footer__link i{font-size:.6rem; color:var(--color-primary); transition:transform var(--transition-fast);}
.footer__link:hover{color:#fff;}
.footer__link:hover i{transform:translateX(3px);}
.footer__contact{display:flex; flex-direction:column; gap:var(--space-md);}
.footer__contact-item{display:flex; gap:.75rem; align-items:flex-start; color:#9aa0a9;}
.footer__contact-icon{flex:0 0 auto; width:38px; height:38px; border-radius:var(--radius-md); background:var(--color-dark-medium); color:var(--color-primary-light); display:inline-flex; align-items:center; justify-content:center;}
.footer__contact-text{display:flex; flex-direction:column; font-size:.92rem; line-height:1.5;}
.footer__contact-text strong{color:#fff; font-size:.82rem; text-transform:uppercase; letter-spacing:.04em; margin-bottom:.1rem;}
a.footer__contact-item:hover .footer__contact-text{color:#fff;}
a.footer__contact-item:hover .footer__contact-icon{background:var(--color-primary); color:var(--color-dark);}
.footer__bottom{border-top:1px solid var(--color-dark-medium); padding-block:var(--space-md);}
.footer__bottom-inner{display:flex; flex-direction:column; gap:.5rem; align-items:center; text-align:center;}
.footer__copyright{font-size:.84rem; color:#82888f; margin:0; line-height:1.4;}
.footer__copyright strong{color:#b9bdc6; font-weight:600;}
.footer__rights{white-space:nowrap;}
@media(max-width:767px){.footer__rights{display:block; margin-top:1px;}}
.footer__credit{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:.4rem; width:100%; font-size:.84rem; color:#82888f; margin:0;}
.footer__credit a{color:var(--color-primary-light); font-weight:600; transition:color var(--transition);}
.footer__credit a:hover,.footer__credit a:focus-visible{color:#fff;}
.footer__heart{display:inline-block; margin:0 .15rem; color:var(--color-primary-light); transform-origin:center; animation:heartbeat 1.25s ease-in-out infinite;}
@keyframes heartbeat{0%,100%{transform:scale(1);}15%{transform:scale(1.3);}30%{transform:scale(1);}45%{transform:scale(1.18);}60%{transform:scale(1);}}
@media(prefers-reduced-motion:reduce){.footer__heart{animation:none;}}
@media(min-width:768px){.footer__bottom-inner{flex-direction:row; justify-content:space-between; text-align:left;} .footer__credit{width:auto;}}
@media(max-width:991px){.footer{margin-bottom:64px;}} /* mobil bottom-menu için boşluk */

/* ============================================================
   17. YÜZEN WHATSAPP / BACK-TO-TOP / BOTTOM-MENU
   ============================================================ */
.wa-float{position:fixed; right:18px; bottom:22px; z-index:var(--z-float); width:56px; height:56px; border-radius:var(--radius-full); background:#25D366; color:#fff; display:none; align-items:center; justify-content:center; font-size:1.7rem; box-shadow:0 8px 24px rgba(37,211,102,.45); transition:transform var(--transition);}
.wa-float:hover{transform:scale(1.08);}
@media(min-width:992px){.wa-float{display:inline-flex;}}

.back-to-top{position:fixed; right:18px; bottom:22px; z-index:var(--z-float); width:46px; height:46px; border-radius:var(--radius-full); background:var(--color-dark); color:#fff; border:2px solid var(--color-primary); box-shadow:0 6px 18px rgba(0,0,0,.35); display:inline-flex; align-items:center; justify-content:center; opacity:0; visibility:hidden; transform:translateY(12px); transition:all var(--transition);}
.back-to-top.is-visible{opacity:1; visibility:visible; transform:translateY(0);}
.back-to-top:hover{background:var(--color-primary); color:var(--color-dark);}
@media(max-width:991px){.back-to-top{display:none;}}
@media(min-width:992px){.back-to-top{right:84px;}}

/* Mobil alt menü (saf <a>) */
.bottom-menu{position:fixed; left:0; right:0; bottom:0; z-index:var(--z-float); display:grid; grid-template-columns:repeat(4,1fr); background:#fff; border-top:1px solid var(--color-border); box-shadow:0 -4px 16px rgba(17,17,17,.08);}
.bottom-menu__link{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.2rem; padding:.55rem .2rem; font-size:.7rem; font-weight:600; color:var(--color-text-soft); min-height:60px;}
.bottom-menu__link i{font-size:1.15rem; color:var(--color-primary-dark);}
.bottom-menu__link--wa i{color:#25D366;}
.bottom-menu__link:active{background:var(--color-light);}
@media(min-width:992px){.bottom-menu{display:none;}}

/* ============================================================
   18. REVEAL ANIMASYONLARI
   ============================================================ */
[data-reveal]{opacity:0; transform:translateY(24px); transition:opacity .6s ease,transform .6s cubic-bezier(.4,0,.2,1);}
[data-reveal].is-visible{opacity:1; transform:none;}
[data-reveal][data-reveal-delay="1"]{transition-delay:.08s;}
[data-reveal][data-reveal-delay="2"]{transition-delay:.16s;}
[data-reveal][data-reveal-delay="3"]{transition-delay:.24s;}
[data-reveal][data-reveal-delay="4"]{transition-delay:.32s;}

/* ============================================================
   19. ERİŞİLEBİLİRLİK — hareket azaltma
   ============================================================ */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; scroll-behavior:auto !important;}
  [data-reveal]{opacity:1 !important; transform:none !important;}
}

/* ============================================================
   ÇOK DİLLİ — dil değiştirici (lang-switch)
   ============================================================ */
.lang-switch{display:inline-flex; align-items:center; gap:.1rem; margin-inline-start:.65rem;}
.lang-switch__link{display:inline-flex; align-items:center; justify-content:center; min-width:2rem; padding:.12rem .42rem; font-family:var(--font-heading); font-weight:600; font-size:.72rem; letter-spacing:.03em; color:inherit; opacity:.65; border-radius:var(--radius-sm); text-decoration:none; transition:opacity .2s ease, background .2s ease, color .2s ease;}
.lang-switch__link:hover{opacity:1;}
.lang-switch__link.is-active{opacity:1; color:var(--color-primary-light); background:rgba(249,202,115,.16);}
.lang-switch--menu{display:none;}
.nav__lang{margin-top:var(--space-sm);}
@media(max-width:992px){
  .topbar .lang-switch{display:none;}
  .lang-switch--menu{display:flex; flex-wrap:wrap; gap:.5rem;}
  .lang-switch--menu .lang-switch__link{min-width:auto; padding:.5rem 1rem; font-size:.95rem; opacity:.9; border:1px solid rgba(255,255,255,.16);}
  .lang-switch--menu .lang-switch__link.is-active{border-color:var(--color-primary-light);}
}