/* ==========================================================================
   USTAN YAPAR — Tasarım Sistemi v3  ·  Sıcak · Güven odaklı · Müşteri dostu
   --------------------------------------------------------------------------
   Hedef kitle: evinde/iş yerinde tamir-tadilat ihtiyacı olan son kullanıcı.
   Ton: güvenilir, sıcak, kurumsal, net. Fotoğraf öncelikli. Büyük net CTA.
   Renk: siyah + sıcak beyaz/gri taşıyıcı; SARI yalnızca vurgu/CTA.
   Tipografi: Plus Jakarta Sans (başlık) · Inter (gövde)
   ========================================================================== */

/* ============================ 1) TOKENS ============================ */
:root{
  --ink:        #15161A;   /* premium siyah (header/footer/metin) */
  --ink-2:      #202126;
  --ink-3:      #2C2D34;
  --carbon:     #34353D;   /* koyu zeminde kenarlık */
  --steel:      #A6A6AE;   /* koyu zeminde ikincil metin */

  --cloud:      #FBFAF7;   /* sıcak beyaz zemin */
  --cloud-2:    #F4F2EC;   /* alt zemin */
  --cloud-3:    #ECE9E1;
  --line:       #E7E4DB;   /* hairline */
  --line-2:     #D9D5CA;

  --text:       #1C1D22;   /* ana metin */
  --text-soft:  #4D4E57;   /* ikincil */
  --text-mute:  #82828B;   /* üçüncül */

  --yellow:     #FFC400;
  --yellow-2:   #FFD23D;
  --amber:      #E0A700;
  --yellow-soft:#FFF4CC;

  --ok:         #1E9E5A;
  --bad:        #E0414A;
  --star:       #FFB400;

  --f-display: "Plus Jakarta Sans","Sora",system-ui,-apple-system,sans-serif;
  --f-body:    "Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;

  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:20px;
  --s-6:24px; --s-8:32px; --s-10:40px; --s-12:48px; --s-16:64px;
  --s-20:80px; --s-24:96px;

  --r-sm:10px; --r:16px; --r-lg:22px; --r-xl:30px; --r-pill:999px;

  --sh-xs: 0 1px 2px rgba(21,22,26,.06);
  --sh-sm: 0 2px 8px rgba(21,22,26,.07);
  --sh-md: 0 12px 30px -10px rgba(21,22,26,.16);
  --sh-lg: 0 30px 64px -22px rgba(21,22,26,.30);
  --sh-yellow: 0 16px 38px -12px rgba(255,196,0,.55);

  --maxw: 1200px;
  --maxw-prose: 720px;
  --header-h: 76px;
  --topbar-h: 40px;

  --ease: cubic-bezier(.22,.61,.36,1);
  --t-fast:.16s var(--ease);
  --t:.26s var(--ease);
  --t-slow:.6s cubic-bezier(.16,1,.3,1);
}

/* ============================ 2) RESET ============================ */
*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body{ margin:0; font-family:var(--f-body); font-size:17px; line-height:1.65; color:var(--text); background:var(--cloud); -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; overflow-x:hidden; }
img,svg,video{ display:block; max-width:100%; height:auto; }
a{ color:inherit; text-decoration:none; }
button{ font:inherit; cursor:pointer; border:0; background:none; color:inherit; }
input,select,textarea{ font:inherit; color:inherit; }
ul,ol{ margin:0; padding:0; list-style:none; }
h1,h2,h3,h4,p{ margin:0; }
table{ border-collapse:collapse; width:100%; }
::selection{ background:var(--yellow); color:var(--ink); }
:focus-visible{ outline:3px solid var(--yellow); outline-offset:2px; border-radius:6px; }

.sr-only{ position:absolute!important; width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
.skip-link{ position:absolute; left:16px; top:-60px; z-index:300; background:var(--ink); color:#fff; padding:12px 16px; border-radius:var(--r-sm); font-weight:600; transition:top var(--t); }
.skip-link:focus{ top:16px; }

/* ============================ 3) TİPOGRAFİ ============================ */
h1,h2,h3,h4{ font-family:var(--f-display); font-weight:800; line-height:1.08; letter-spacing:-.02em; color:var(--text); text-wrap:balance; }
h1{ font-size:clamp(2.3rem, 1.6rem + 3vw, 3.7rem); }
h2{ font-size:clamp(1.8rem, 1.3rem + 2vw, 2.7rem); }
h3{ font-size:clamp(1.2rem, 1.05rem + .7vw, 1.5rem); }
h4{ font-size:1.06rem; font-weight:700; }
p{ margin:0 0 1rem; } p:last-child{ margin-bottom:0; }
strong{ font-weight:700; }

.eyebrow{ display:inline-flex; align-items:center; gap:9px; font-weight:700; font-size:.8rem; letter-spacing:.12em; text-transform:uppercase; color:var(--amber); }
.eyebrow::before{ content:""; width:22px; height:3px; border-radius:3px; background:var(--yellow); }
.eyebrow--ink{ color:var(--yellow); }

.lead{ font-size:1.2rem; line-height:1.6; color:var(--text-soft); }
.muted{ color:var(--text-mute); }
.text-center{ text-align:center; }
.maxw-prose{ max-width:var(--maxw-prose); }
.mt-4{margin-top:var(--s-4);} .mt-6{margin-top:var(--s-6);} .mt-8{margin-top:var(--s-8);} .mt-12{margin-top:var(--s-12);}

/* ============================ 4) LAYOUT + REVEAL ============================ */
.container{ width:100%; max-width:var(--maxw); margin-inline:auto; padding-inline:var(--s-5); }
.section{ padding-block:var(--s-20); position:relative; }
.section--sm{ padding-block:var(--s-16); }
.section--alt{ background:var(--cloud-2); }
.section--ink{ background:var(--ink); color:#CFCFD6; }
.section--ink h1,.section--ink h2,.section--ink h3,.section--ink h4{ color:#fff; }
.section--ink .lead{ color:#B8B8C0; }
.section--ink .eyebrow{ color:var(--yellow); }

.section__head{ max-width:720px; margin-bottom:var(--s-12); }
.section__head.is-center{ margin-inline:auto; text-align:center; }
.section__head.is-center .eyebrow{ justify-content:center; }
.section__head .eyebrow{ margin-bottom:var(--s-4); }
.section__head h2{ margin-bottom:var(--s-4); }

.grid{ display:grid; gap:var(--s-6); }
.grid--2{ grid-template-columns:repeat(2,1fr); }
.grid--3{ grid-template-columns:repeat(3,1fr); }
.grid--4{ grid-template-columns:repeat(4,1fr); }
.stack{ display:flex; flex-direction:column; gap:var(--s-4); }
.cluster{ display:flex; flex-wrap:wrap; gap:var(--s-3); align-items:center; }
.split{ display:grid; grid-template-columns:1.02fr .98fr; gap:var(--s-16); align-items:center; }

.reveal{ opacity:0; transform:translateY(22px); transition:opacity var(--t-slow), transform var(--t-slow); transition-delay:var(--d,0ms); }
.reveal.is-in{ opacity:1; transform:none; }

/* ---- Fotoğraf çerçevesi (gerçek fotoğraf için hazır, dolu görünür) ---- */
.photo{ position:relative; overflow:hidden; border-radius:var(--r-lg); background:linear-gradient(150deg, #202127 0%, #2E2F37 55%, #1B1C21 100%); }
.photo__inner{ position:absolute; inset:0; display:grid; place-items:center; gap:12px; text-align:center; padding:var(--s-6); }
.photo__inner svg{ width:46px; height:46px; color:var(--yellow); opacity:.9; }
.photo__cap{ font-size:.86rem; color:#C9C9D0; font-weight:600; max-width:24ch; }
.photo__tag{ position:absolute; top:14px; left:14px; font-size:.68rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#fff; background:rgba(255,255,255,.14); padding:5px 10px; border-radius:var(--r-pill); backdrop-filter:blur(4px); }
.photo img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.r-16x9{ aspect-ratio:16/9; } .r-4x3{ aspect-ratio:4/3; } .r-1x1{ aspect-ratio:1/1; } .r-3x4{ aspect-ratio:3/4; }

/* ============================ 5) BİLEŞENLER ============================ */

/* ---- Butonlar ---- */
.btn{ display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:15px 26px; border-radius:var(--r-pill); font-family:var(--f-body); font-weight:700; font-size:1.02rem; line-height:1; white-space:nowrap; border:2px solid transparent; transition:transform var(--t-fast), background var(--t), color var(--t), box-shadow var(--t), border-color var(--t); }
.btn svg{ width:1.2em; height:1.2em; flex:0 0 auto; }
.btn:hover{ transform:translateY(-2px); } .btn:active{ transform:translateY(0); }
.btn--primary{ background:var(--yellow); color:var(--ink); box-shadow:var(--sh-sm); }
.btn--primary:hover{ background:var(--yellow-2); box-shadow:var(--sh-yellow); }
.btn--dark{ background:var(--ink); color:#fff; }
.btn--dark:hover{ background:var(--ink-2); box-shadow:var(--sh-md); }
.btn--secondary{ background:transparent; color:var(--text); border-color:var(--line-2); }
.btn--secondary:hover{ background:var(--ink); color:#fff; border-color:var(--ink); }
.btn--ghost{ background:var(--cloud-2); color:var(--text); }
.btn--ghost:hover{ background:var(--cloud-3); }
.btn--wa{ background:#25D366; color:#fff; }
.btn--wa:hover{ background:#1FBE5A; box-shadow:var(--sh-md); }
.btn--lg{ padding:18px 34px; font-size:1.08rem; }
.btn--block{ width:100%; }
.section--ink .btn--secondary,.hero .btn--secondary,.cta-band .btn--secondary{ color:#fff; border-color:var(--carbon); }
.section--ink .btn--secondary:hover,.hero .btn--secondary:hover,.cta-band .btn--secondary:hover{ background:#fff; color:var(--ink); border-color:#fff; }

/* ---- Rozet ---- */
.badge{ display:inline-flex; align-items:center; gap:8px; padding:8px 15px; border-radius:var(--r-pill); font-size:.84rem; font-weight:700; background:var(--yellow-soft); color:#7A5C00; border:1px solid #F2E3A6; }
.badge svg{ width:15px; height:15px; }
.badge--ink{ background:var(--ink); color:#fff; border-color:var(--ink); }
.badge--white{ background:#fff; color:var(--ink); border-color:var(--line); box-shadow:var(--sh-xs); }
.dot-live{ width:9px; height:9px; border-radius:var(--r-pill); background:#3FD27E; box-shadow:0 0 0 0 rgba(63,210,126,.6); animation:pulse 2.2s infinite; flex:0 0 auto; }
@keyframes pulse{ 0%{box-shadow:0 0 0 0 rgba(63,210,126,.5);} 70%{box-shadow:0 0 0 9px rgba(63,210,126,0);} 100%{box-shadow:0 0 0 0 rgba(63,210,126,0);} }

/* ---- Yıldızlar ---- */
.stars{ display:inline-flex; gap:2px; color:var(--star); }
.stars svg{ width:18px; height:18px; }

/* ---- Topbar ---- */
.topbar{ background:var(--ink); color:var(--steel); font-size:.86rem; }
.topbar__inner{ display:flex; align-items:center; justify-content:space-between; height:var(--topbar-h); gap:var(--s-6); }
.topbar__left{ display:flex; align-items:center; gap:10px; }
.topbar__right{ display:flex; align-items:center; gap:var(--s-6); }
.topbar a{ color:var(--steel); display:inline-flex; align-items:center; gap:7px; transition:color var(--t-fast); }
.topbar a:hover{ color:var(--yellow); }
.topbar a svg{ width:15px; height:15px; }
.topbar b{ color:#fff; }

/* ---- Header ---- */
.site-header{ position:sticky; top:0; z-index:200; background:rgba(251,250,247,.9); backdrop-filter:saturate(150%) blur(12px); border-bottom:1px solid var(--line); transition:box-shadow var(--t); }
.site-header.is-scrolled{ box-shadow:var(--sh-sm); }
.header__inner{ display:flex; align-items:center; gap:var(--s-6); height:var(--header-h); }
.brand{ display:inline-flex; align-items:center; gap:11px; flex:0 0 auto; color:var(--text); }
.brand__mark{ width:40px; height:40px; flex:0 0 auto; }
.brand__text{ font-family:var(--f-display); font-weight:800; font-size:1.36rem; letter-spacing:-.03em; }
.brand__text .accent{ color:var(--amber); }

.nav{ margin-left:auto; }
.nav__head,.nav__foot{ display:none; }   /* yalnızca mobil panelde görünür */
.nav__list{ display:flex; align-items:center; gap:var(--s-1); }
.nav__link{ display:inline-flex; align-items:center; gap:6px; padding:11px 15px; border-radius:var(--r-sm); font-weight:600; font-size:.98rem; color:var(--text-soft); transition:background var(--t-fast), color var(--t-fast); }
.nav__link:hover,.nav__link[aria-current="page"]{ background:var(--cloud-2); color:var(--text); }
.nav__link .caret{ width:14px; height:14px; transition:transform var(--t-fast); }

.has-mega{ position:relative; }
.mega{ position:absolute; top:calc(100% + 12px); left:50%; transform:translateX(-50%) translateY(8px); width:min(780px,92vw); background:#fff; border:1px solid var(--line); border-radius:var(--r-lg); box-shadow:var(--sh-lg); padding:var(--s-5); opacity:0; visibility:hidden; transition:opacity var(--t), transform var(--t), visibility var(--t); z-index:220; }
.has-mega:hover .mega,.has-mega:focus-within .mega,.mega.is-open{ opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); }
.has-mega:hover .caret,.has-mega:focus-within .caret{ transform:rotate(180deg); }
.mega__grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:var(--s-1) var(--s-4); }
.mega__link{ display:flex; align-items:center; gap:13px; padding:12px; border-radius:var(--r-sm); transition:background var(--t-fast); }
.mega__link:hover{ background:var(--cloud-2); }
.mega__ico{ width:42px; height:42px; flex:0 0 auto; border-radius:12px; background:var(--yellow-soft); color:var(--ink); display:grid; place-items:center; transition:background var(--t), color var(--t); }
.mega__link:hover .mega__ico{ background:var(--yellow); }
.mega__ico svg{ width:21px; height:21px; }
.mega__t{ font-weight:700; font-size:.96rem; color:var(--text); display:block; }
.mega__d{ font-size:.8rem; color:var(--text-mute); }
.mega__foot{ margin-top:var(--s-4); padding-top:var(--s-4); border-top:1px solid var(--line); display:flex; justify-content:space-between; align-items:center; }
.mega__foot a{ font-weight:700; color:var(--text); }

.header__actions{ display:flex; align-items:center; gap:var(--s-3); flex:0 0 auto; }
.header__phone{ display:inline-flex; flex-direction:column; line-height:1.15; text-align:right; }
.header__phone small{ color:var(--text-mute); font-size:.72rem; font-weight:600; }
.header__phone b{ font-family:var(--f-display); font-size:1.06rem; color:var(--text); }

.nav-toggle{ display:none; width:46px; height:46px; border-radius:var(--r-sm); align-items:center; justify-content:center; }
.nav-toggle__bars{ position:relative; width:22px; height:16px; }
.nav-toggle__bars span{ position:absolute; left:0; width:100%; height:2px; background:var(--text); border-radius:2px; transition:transform var(--t), opacity var(--t-fast), top var(--t); }
.nav-toggle__bars span:nth-child(1){top:0;} .nav-toggle__bars span:nth-child(2){top:7px;} .nav-toggle__bars span:nth-child(3){top:14px;}
body.nav-open .nav-toggle__bars span:nth-child(1){ top:7px; transform:rotate(45deg); }
body.nav-open .nav-toggle__bars span:nth-child(2){ opacity:0; }
body.nav-open .nav-toggle__bars span:nth-child(3){ top:7px; transform:rotate(-45deg); }

/* ---- HERO (kopya + fotoğraf + güven kartı) ---- */
.hero{ position:relative; background:var(--cloud); overflow:hidden; }
.hero::before{ content:""; position:absolute; inset:0; background:radial-gradient(900px 460px at 92% 8%, rgba(255,196,0,.12), transparent 60%); pointer-events:none; }
.hero__inner{ position:relative; z-index:1; display:grid; grid-template-columns:1.06fr .94fr; gap:var(--s-10); align-items:center; padding-block:clamp(36px,5vh,60px); }
.hero__title{ font-size:clamp(2.05rem, 1.5rem + 2.1vw, 3rem); line-height:1.06; margin:var(--s-3) 0 var(--s-4); }
.hero__title .hl{ color:var(--amber); }
.hero__lead{ font-size:1.12rem; color:var(--text-soft); max-width:540px; margin-bottom:var(--s-6); }
.hero__actions{ display:flex; flex-wrap:wrap; gap:var(--s-3); margin-bottom:var(--s-6); }
.hero__trust{ display:flex; flex-wrap:wrap; gap:var(--s-3) var(--s-6); }
.hero__trust span{ display:inline-flex; align-items:center; gap:9px; font-weight:600; font-size:.96rem; color:var(--text-soft); }
.hero__trust svg{ width:20px; height:20px; color:var(--ok); flex:0 0 auto; }

.hero__media{ position:relative; }
.hero__photo{ aspect-ratio:5/4; box-shadow:var(--sh-lg); }
.hero__badge{ position:absolute; left:-26px; bottom:34px; background:#fff; border-radius:var(--r-lg); padding:var(--s-5); box-shadow:var(--sh-lg); display:flex; align-items:center; gap:14px; max-width:300px; }
.hero__badge-ico{ width:50px; height:50px; flex:0 0 auto; border-radius:var(--r-pill); background:var(--yellow); color:var(--ink); display:grid; place-items:center; }
.hero__badge-ico svg{ width:26px; height:26px; }
.hero__badge b{ display:block; font-family:var(--f-display); font-size:1.06rem; color:var(--text); }
.hero__badge b + span{ font-size:.84rem; color:var(--text-mute); }   /* yalnızca açıklama — ikon span'ini etkilemez */
.hero__rating{ position:absolute; right:-18px; top:30px; background:var(--ink); color:#fff; border-radius:var(--r-lg); padding:16px 20px; box-shadow:var(--sh-lg); text-align:center; }
.hero__rating .stars{ margin-bottom:6px; }
.hero__rating b{ font-family:var(--f-display); font-size:1.2rem; display:block; }
.hero__rating span{ font-size:.76rem; color:var(--steel); }

/* ---- Güven şeridi ---- */
.trust-strip{ display:grid; grid-template-columns:repeat(4,1fr); gap:var(--s-4); }
.trust-item{ display:flex; align-items:center; gap:14px; padding:var(--s-5); background:#fff; border:1px solid var(--line); border-radius:var(--r); box-shadow:var(--sh-xs); }
.trust-item__ico{ width:48px; height:48px; flex:0 0 auto; border-radius:13px; background:var(--ink); color:var(--yellow); display:grid; place-items:center; }
.trust-item__ico svg{ width:24px; height:24px; }
.trust-item b{ display:block; font-family:var(--f-display); font-size:1.02rem; color:var(--text); line-height:1.2; }
.trust-item b + span{ font-size:.86rem; color:var(--text-mute); }   /* yalnızca açıklama metni — ikon span'ini etkilemez */

/* ---- Hizmet kartları (fotoğraf üstte) ---- */
.svc-card{ display:flex; flex-direction:column; height:100%; background:#fff; border:1px solid var(--line); border-radius:var(--r-lg); overflow:hidden; box-shadow:var(--sh-xs); transition:transform var(--t), box-shadow var(--t), border-color var(--t); }
.svc-card:hover{ transform:translateY(-5px); box-shadow:var(--sh-md); border-color:var(--line-2); }
.svc-card__media{ aspect-ratio:16/10; position:relative; }
.svc-card__ico{ position:absolute; left:14px; bottom:14px; width:50px; height:50px; border-radius:14px; background:var(--yellow); color:var(--ink); display:grid; place-items:center; box-shadow:var(--sh-md); z-index:2; }
.svc-card__ico svg{ width:26px; height:26px; }
.svc-card__body{ padding:var(--s-6); display:flex; flex-direction:column; flex:1; }
.svc-card__t{ font-family:var(--f-display); font-weight:700; font-size:1.2rem; margin-bottom:8px; color:var(--text); }
.svc-card__d{ color:var(--text-mute); font-size:.95rem; margin-bottom:var(--s-5); }
.svc-card__link{ margin-top:auto; font-weight:700; color:var(--text); display:inline-flex; align-items:center; gap:7px; }
.svc-card__link svg{ width:17px; height:17px; color:var(--amber); transition:transform var(--t-fast); }
.svc-card:hover .svc-card__link svg{ transform:translateX(4px); }

/* ---- Nasıl çalışır ---- */
.steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:var(--s-8); }
.step{ text-align:center; padding:0 var(--s-2); }
.step__circle{ width:74px; height:74px; margin:0 auto var(--s-5); border-radius:var(--r-pill); background:#fff; border:2px solid var(--line); display:grid; place-items:center; position:relative; box-shadow:var(--sh-sm); }
.step__circle svg{ width:32px; height:32px; color:var(--ink); }
.step__circle::after{ content:attr(data-no); position:absolute; top:-8px; right:-8px; width:30px; height:30px; border-radius:var(--r-pill); background:var(--yellow); color:var(--ink); font-family:var(--f-display); font-weight:800; font-size:.95rem; display:grid; place-items:center; }
.step__t{ font-family:var(--f-display); font-weight:700; font-size:1.22rem; margin-bottom:10px; }
.step__d{ color:var(--text-mute); font-size:.97rem; }

/* ---- İstatistik ---- */
.stats{ display:grid; grid-template-columns:repeat(4,1fr); gap:var(--s-6); }
.stat{ text-align:center; }
.stat__num{ font-family:var(--f-display); font-weight:800; font-size:clamp(2.4rem,1.8rem+2vw,3.4rem); line-height:1; color:#fff; font-variant-numeric:tabular-nums; }
.stat__num .accent{ color:var(--yellow); }
.stat__label{ font-size:.92rem; color:var(--steel); margin-top:12px; }

/* ---- Bölge / harita ---- */
.area-wrap{ display:grid; grid-template-columns:1fr 1fr; gap:var(--s-12); align-items:center; }
.chips{ display:flex; flex-wrap:wrap; gap:var(--s-2); }
.chip{ display:inline-flex; align-items:center; gap:8px; padding:10px 17px; border-radius:var(--r-pill); background:#fff; border:1px solid var(--line-2); font-weight:600; font-size:.94rem; color:var(--text-soft); transition:all var(--t-fast); }
.chip:hover{ border-color:var(--ink); background:var(--ink); color:#fff; }
.chip svg{ width:15px; height:15px; color:var(--amber); }
.chip:hover svg{ color:var(--yellow); }
.section--ink .chip{ background:var(--ink-2); border-color:var(--carbon); color:#CFCFD6; }
.section--ink .chip:hover{ background:var(--yellow); color:var(--ink); border-color:var(--yellow); }

/* ---- Önce / Sonra ---- */
.ba{ position:relative; aspect-ratio:4/3; border-radius:var(--r-lg); overflow:hidden; user-select:none; touch-action:none; box-shadow:var(--sh-md); }
.ba__img{ position:absolute; inset:0; }
.ba__img .photo__inner svg{ width:40px; height:40px; }
.ba__after{ background:linear-gradient(150deg,#202127,#33343c); }
.ba__before{ background:linear-gradient(150deg,#cfccc2,#e9e6dd); clip-path:inset(0 50% 0 0); }
.ba__before .photo__inner svg,.ba__before .photo__cap{ color:#5a584f; }
.ba__before .photo__inner svg{ opacity:1; }
.ba__label{ position:absolute; bottom:16px; padding:7px 15px; border-radius:var(--r-pill); font-size:.78rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; z-index:3; }
.ba__label--b{ left:16px; background:#fff; color:var(--ink); }
.ba__label--a{ right:16px; background:var(--yellow); color:var(--ink); }
.ba__handle{ position:absolute; top:0; bottom:0; left:50%; width:4px; background:#fff; transform:translateX(-50%); pointer-events:none; z-index:2; box-shadow:0 0 12px rgba(0,0,0,.25); }
.ba__handle::after{ content:"⟺"; position:absolute; top:50%; left:50%; width:46px; height:46px; transform:translate(-50%,-50%); background:#fff; color:var(--ink); border-radius:var(--r-pill); display:grid; place-items:center; font-size:18px; box-shadow:var(--sh-md); }
.ba__range{ position:absolute; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:ew-resize; z-index:4; }

/* ---- Yorum kartı ---- */
.carousel{ position:relative; }
.carousel__viewport{ overflow:hidden; }
.carousel__track{ display:flex; gap:var(--s-6); transition:transform var(--t); }
.carousel__slide{ flex:0 0 100%; }
.carousel__nav{ display:flex; gap:var(--s-2); justify-content:center; margin-top:var(--s-8); }
.carousel__btn{ width:50px; height:50px; border-radius:var(--r-pill); border:1px solid var(--line-2); background:#fff; display:grid; place-items:center; transition:all var(--t-fast); }
.carousel__btn:hover{ background:var(--ink); color:#fff; border-color:var(--ink); }
.carousel__btn svg{ width:20px; height:20px; }
.carousel__btn[disabled]{ opacity:.35; cursor:not-allowed; }
.review{ background:#fff; border:1px solid var(--line); border-radius:var(--r-lg); padding:var(--s-8); height:100%; box-shadow:var(--sh-xs); }
.review .stars{ margin-bottom:var(--s-4); }
.review__text{ font-size:1.08rem; color:var(--text-soft); margin-bottom:var(--s-6); }
.review__author{ display:flex; align-items:center; gap:14px; }
.review__avatar{ width:50px; height:50px; border-radius:var(--r-pill); background:var(--cloud-3); color:var(--ink); display:grid; place-items:center; font-family:var(--f-display); font-weight:800; font-size:1.1rem; }
.review__name{ font-weight:700; color:var(--text); }
.review__meta{ font-size:.86rem; color:var(--text-mute); }

/* ---- Güvence (neden biz) ---- */
.assure{ display:flex; gap:var(--s-4); }
.assure__ico{ width:52px; height:52px; flex:0 0 auto; border-radius:14px; background:var(--yellow-soft); color:var(--ink); display:grid; place-items:center; }
.section--ink .assure__ico{ background:rgba(255,196,0,.14); color:var(--yellow); }
.assure__ico svg{ width:26px; height:26px; }
.assure h3{ font-size:1.14rem; margin-bottom:7px; }
.assure p{ color:var(--text-mute); font-size:.96rem; }
.section--ink .assure p{ color:var(--steel); }

/* ---- Garanti vurgu bloğu ---- */
.promise{ background:var(--ink); color:#CFCFD6; border-radius:var(--r-xl); padding:clamp(28px,4vw,52px); display:grid; grid-template-columns:auto 1fr; gap:var(--s-8); align-items:center; }
.promise__seal{ width:120px; height:120px; flex:0 0 auto; border-radius:var(--r-pill); background:var(--yellow); color:var(--ink); display:grid; place-items:center; text-align:center; }
.promise__seal svg{ width:54px; height:54px; }

/* ---- Akordeon ---- */
.accordion{ border:1px solid var(--line); border-radius:var(--r-lg); overflow:hidden; background:#fff; }
.accordion__item + .accordion__item{ border-top:1px solid var(--line); }
.accordion__trigger{ display:flex; align-items:center; justify-content:space-between; gap:var(--s-4); width:100%; text-align:left; padding:var(--s-6); font-family:var(--f-display); font-weight:700; font-size:1.1rem; color:var(--text); }
.accordion__trigger:hover{ background:var(--cloud-2); }
.accordion__icon{ width:30px; height:30px; flex:0 0 auto; border-radius:var(--r-pill); background:var(--cloud-2); display:grid; place-items:center; transition:transform var(--t), background var(--t); }
.accordion__icon svg{ width:17px; height:17px; }
.accordion__trigger[aria-expanded="true"] .accordion__icon{ transform:rotate(45deg); background:var(--yellow); }
.accordion__panel{ overflow:hidden; height:0; transition:height var(--t); }
.accordion__inner{ padding:0 var(--s-6) var(--s-6); color:var(--text-soft); }

/* ---- Blog ---- */
.post-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:var(--s-6); }
.post{ display:flex; flex-direction:column; background:#fff; border:1px solid var(--line); border-radius:var(--r-lg); overflow:hidden; height:100%; box-shadow:var(--sh-xs); transition:transform var(--t), box-shadow var(--t); }
.post:hover{ transform:translateY(-5px); box-shadow:var(--sh-md); }
.post__media{ aspect-ratio:16/10; }
.post__body{ padding:var(--s-6); display:flex; flex-direction:column; flex:1; }
.post__meta{ display:flex; gap:10px; align-items:center; font-size:.82rem; color:var(--text-mute); margin-bottom:10px; font-weight:600; }
.post__meta .tagcat{ color:var(--amber); }
.post__title{ font-family:var(--f-display); font-weight:700; font-size:1.2rem; color:var(--text); margin-bottom:10px; line-height:1.22; }
.post__excerpt{ color:var(--text-mute); font-size:.94rem; margin-bottom:var(--s-4); }
.post__link{ margin-top:auto; font-weight:700; color:var(--text); display:inline-flex; gap:7px; align-items:center; }
.post__link svg{ width:16px; height:16px; color:var(--amber); transition:transform var(--t-fast); }
.post:hover .post__link svg{ transform:translateX(4px); }

/* ---- Görsel placeholder (genel) ---- */
.media{ position:relative; overflow:hidden; background:var(--cloud-2); }

/* ---- Alert ---- */
.alert{ display:flex; gap:var(--s-3); padding:var(--s-4) var(--s-5); border-radius:var(--r); border:1px solid var(--line); background:#fff; }
.alert__ico{ flex:0 0 auto; } .alert__ico svg{ width:22px; height:22px; }
.alert--ok{ background:#EEF8F1; border-color:#C8E9D4; } .alert--ok .alert__ico{ color:var(--ok); }
.alert--info{ background:#EEF4FF; border-color:#D2E2FF; } .alert--info .alert__ico{ color:#2563EB; }
.alert--warn{ background:var(--yellow-soft); border-color:#F2E3A6; } .alert--warn .alert__ico{ color:var(--amber); }
.alert b{ display:block; margin-bottom:2px; }

/* ---- Tıkla-ara ---- */
.call-block{ display:flex; align-items:center; gap:var(--s-4); padding:var(--s-6); border:1px solid var(--line); border-radius:var(--r-lg); background:#fff; box-shadow:var(--sh-xs); }
.call-block__ico{ width:56px; height:56px; flex:0 0 auto; border-radius:var(--r-pill); background:var(--yellow); color:var(--ink); display:grid; place-items:center; }
.call-block__ico svg{ width:27px; height:27px; }
.call-block__label{ font-size:.82rem; color:var(--text-mute); font-weight:600; }
.call-block__num{ font-family:var(--f-display); font-weight:800; font-size:1.55rem; color:var(--text); }

/* ---- Breadcrumb ---- */
.breadcrumb{ padding-block:var(--s-4); }
.breadcrumb__list{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--s-2); font-size:.86rem; color:var(--text-mute); }
.breadcrumb__list li{ display:inline-flex; align-items:center; gap:var(--s-2); }
.breadcrumb__list li:not(:last-child)::after{ content:"›"; color:var(--line-2); }
.breadcrumb a{ color:var(--text-mute); } .breadcrumb a:hover{ color:var(--text); }
.breadcrumb [aria-current="page"]{ color:var(--text); font-weight:600; }
.page-hero .breadcrumb a{ color:var(--steel); } .page-hero .breadcrumb a:hover{ color:#fff; }
.page-hero .breadcrumb [aria-current="page"]{ color:#CFCFD6; }
.page-hero .breadcrumb__list li:not(:last-child)::after{ color:var(--carbon); }

/* ---- Page hero (iç sayfalar) ---- */
.page-hero{ position:relative; background:var(--ink); color:#CFCFD6; overflow:hidden; padding-bottom:var(--s-16); }
.page-hero::before{ content:""; position:absolute; inset:0; background:radial-gradient(760px 320px at 90% -10%, rgba(255,196,0,.16), transparent 60%); }
.page-hero__inner{ position:relative; z-index:1; max-width:860px; padding-top:var(--s-8); }
.page-hero h1{ color:#fff; margin:var(--s-4) 0 var(--s-5); }
.page-hero .lead{ color:#B8B8C0; }

/* ---- Form ---- */
.form{ background:#fff; border:1px solid var(--line); border-radius:var(--r-xl); padding:var(--s-8); box-shadow:var(--sh-sm); }
.form__row{ display:grid; grid-template-columns:1fr 1fr; gap:var(--s-4); }
.form__group{ margin-bottom:var(--s-4); display:flex; flex-direction:column; gap:7px; }
.form__label{ font-weight:600; font-size:.92rem; color:var(--text); } .form__label .req{ color:var(--bad); }
.form__input,.form__select,.form__textarea{ width:100%; padding:14px 16px; border:1px solid var(--line-2); border-radius:var(--r-sm); background:#fff; transition:border-color var(--t-fast), box-shadow var(--t-fast); }
.form__textarea{ min-height:130px; resize:vertical; }
.form__input:focus,.form__select:focus,.form__textarea:focus{ outline:none; border-color:var(--ink); box-shadow:0 0 0 3px rgba(255,196,0,.35); }
.field--invalid .form__input,.field--invalid .form__select,.field--invalid .form__textarea{ border-color:var(--bad); }
.form__hint{ font-size:.82rem; color:var(--text-mute); } .form__alt{ text-align:center; font-size:.9rem; color:var(--text-mute); }
.form__error{ font-size:.82rem; color:var(--bad); font-weight:600; display:none; } .field--invalid .form__error{ display:block; }
.form__actions{ display:flex; flex-direction:column; gap:var(--s-3); margin-top:var(--s-2); }
.form__feedback{ display:none; padding:var(--s-4); border-radius:var(--r-sm); margin-top:var(--s-4); font-weight:600; }
.form__feedback.is-visible{ display:block; }
.form__feedback.is-success{ background:#EEF8F1; color:var(--ok); } .form__feedback.is-error{ background:#FDECEE; color:var(--bad); }

/* ---- Harita ---- */
.map-embed{ position:relative; aspect-ratio:16/10; border-radius:var(--r-lg); overflow:hidden; border:1px solid var(--line); box-shadow:var(--sh-sm); }
.map-embed iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }

/* ---- İletişim kalemi ---- */
.contact-item{ display:flex; gap:var(--s-4); align-items:flex-start; }
.contact-item__ico{ width:48px; height:48px; flex:0 0 auto; border-radius:13px; background:var(--cloud-2); color:var(--ink); display:grid; place-items:center; }
.contact-item__ico svg{ width:22px; height:22px; }
.contact-item__label{ font-size:.82rem; color:var(--text-mute); font-weight:600; }
.contact-item__value{ font-weight:700; color:var(--text); }

/* ---- İçindekiler + prose ---- */
.toc{ background:var(--cloud-2); border:1px solid var(--line); border-radius:var(--r-lg); padding:var(--s-6); }
.toc__title{ font-weight:700; font-size:.92rem; color:var(--text); margin-bottom:var(--s-3); }
.toc ol{ list-style:decimal; padding-left:1.3em; color:var(--text-soft); }
.toc li{ margin-bottom:8px; } .toc a{ color:var(--text-soft); } .toc a:hover{ color:var(--text); text-decoration:underline; }
.prose{ max-width:var(--maxw-prose); font-size:1.1rem; color:var(--text-soft); }
.prose h2{ font-size:1.7rem; margin:var(--s-12) 0 var(--s-4); scroll-margin-top:100px; color:var(--text); }
.prose h3{ font-size:1.3rem; margin:var(--s-8) 0 var(--s-3); scroll-margin-top:100px; color:var(--text); }
.prose p{ margin-bottom:var(--s-4); line-height:1.8; }
.prose ul,.prose ol{ margin:0 0 var(--s-4) 1.3em; } .prose ul{ list-style:disc; } .prose ol{ list-style:decimal; }
.prose li{ margin-bottom:.5rem; }
.prose a{ color:var(--text); font-weight:600; text-decoration:underline; text-decoration-color:var(--yellow); text-underline-offset:3px; }
.prose blockquote{ margin:var(--s-6) 0; padding:var(--s-4) var(--s-6); border-left:4px solid var(--yellow); background:var(--cloud-2); border-radius:0 var(--r-sm) var(--r-sm) 0; font-size:1.12rem; }
.prose table{ margin:var(--s-6) 0; font-size:.95rem; }
.prose th,.prose td{ text-align:left; padding:12px; border-bottom:1px solid var(--line); }
.prose th{ font-family:var(--f-display); color:var(--text); }
.author-box{ display:flex; gap:var(--s-4); padding:var(--s-6); background:var(--cloud-2); border-radius:var(--r-lg); align-items:center; border:1px solid var(--line); }
.author-box__avatar{ width:66px; height:66px; flex:0 0 auto; border-radius:var(--r-pill); background:var(--ink); color:var(--yellow); display:grid; place-items:center; font-family:var(--f-display); font-weight:800; font-size:1.3rem; }
.author-box__name{ font-family:var(--f-display); font-weight:700; color:var(--text); }
.author-box__role{ font-size:.84rem; color:var(--amber); font-weight:700; margin-bottom:4px; }
.author-box__bio{ font-size:.92rem; color:var(--text-mute); }

/* ---- CTA bandı ---- */
.cta-band{ position:relative; background:var(--ink); border-radius:var(--r-xl); padding:clamp(32px,5vw,68px); overflow:hidden; color:#CFCFD6; }
.cta-band::before{ content:""; position:absolute; inset:0; background:radial-gradient(640px 340px at 88% 12%, rgba(255,196,0,.2), transparent 60%); }
.cta-band__inner{ position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:var(--s-10); flex-wrap:wrap; }
.cta-band h2{ color:#fff; max-width:620px; }
.cta-band h2 span{ display:block; font-family:var(--f-body); font-size:1.06rem; font-weight:500; color:var(--steel); margin-top:var(--s-3); }
.cta-band__actions{ display:flex; gap:var(--s-3); flex-wrap:wrap; }

/* ---- Footer ---- */
.site-footer{ background:var(--ink); color:var(--steel); padding-top:var(--s-20); }
.footer__top{ display:grid; grid-template-columns:1.5fr 1fr 1fr 1.3fr; gap:var(--s-8); padding-bottom:var(--s-12); border-bottom:1px solid var(--carbon); }
.footer__brand .brand{ color:#fff; margin-bottom:var(--s-4); }
.footer__brand .brand__text{ color:#fff; }
.footer__about{ font-size:.94rem; color:var(--steel); margin-bottom:var(--s-5); max-width:34ch; }
.footer__title{ font-family:var(--f-display); font-weight:700; color:#fff; font-size:1.02rem; margin-bottom:var(--s-4); }
.footer__links li{ margin-bottom:11px; }
.footer__links a{ color:var(--steel); font-size:.94rem; transition:color var(--t-fast); }
.footer__links a:hover{ color:var(--yellow); }
.footer__nap{ font-size:.94rem; line-height:1.85; }
.footer__nap a{ color:#CFCFD6; } .footer__nap a:hover{ color:var(--yellow); }
.footer__nap strong{ color:#fff; }
.footer__districts{ padding-block:var(--s-8); border-bottom:1px solid var(--carbon); }
.footer__districts .footer__title{ margin-bottom:var(--s-3); }
.footer__districts .chip{ background:transparent; border-color:var(--carbon); color:var(--steel); font-size:.86rem; padding:8px 14px; }
.footer__districts .chip:hover{ background:var(--yellow); color:var(--ink); border-color:var(--yellow); }
.footer__bottom{ display:flex; flex-wrap:wrap; gap:var(--s-4); justify-content:space-between; align-items:center; padding-block:var(--s-6); }
.footer__legal{ display:flex; flex-wrap:wrap; gap:var(--s-5); font-size:.85rem; }
.footer__legal a{ color:var(--steel); } .footer__legal a:hover{ color:#fff; }
.footer__copy{ font-size:.82rem; color:#6F6F77; }
.footer__social{ display:flex; gap:var(--s-2); }
.footer__social a{ width:42px; height:42px; border-radius:var(--r-pill); border:1px solid var(--carbon); display:grid; place-items:center; color:#CFCFD6; transition:all var(--t-fast); }
.footer__social a:hover{ background:var(--yellow); color:var(--ink); border-color:var(--yellow); }
.footer__social svg{ width:18px; height:18px; }

/* ---- Mobil sabit CTA ---- */
.mobile-cta{ position:fixed; left:0; right:0; bottom:0; z-index:150; display:none; grid-template-columns:1fr 1fr; gap:1px; background:var(--carbon); box-shadow:0 -6px 22px rgba(21,22,26,.2); }
.mobile-cta__btn{ display:flex; align-items:center; justify-content:center; gap:9px; padding:16px; font-weight:700; }
.mobile-cta__btn svg{ width:20px; height:20px; }
.mobile-cta__btn--call{ background:var(--ink); color:#fff; }
.mobile-cta__btn--wa{ background:#25D366; color:#fff; }

/* ---- Yüzen WhatsApp ---- */
.wa-float{ position:fixed; right:18px; bottom:22px; z-index:140; width:60px; height:60px; border-radius:var(--r-pill); background:#25D366; color:#fff; display:grid; place-items:center; box-shadow:var(--sh-lg); transition:transform var(--t); }
.wa-float:hover{ transform:scale(1.07); }
.wa-float svg{ width:31px; height:31px; }

/* ---- Mobil menü (body seviyesinde, header stacking'inden BAĞIMSIZ — z-index sorunu olmaz) ---- */
.mmenu{ display:none; }
.mmenu__overlay{ position:absolute; inset:0; width:100%; height:100%; border:0; background:rgba(18,19,22,.55); opacity:0; transition:opacity .32s var(--ease); cursor:pointer; }
.mmenu__panel{ position:absolute; top:0; right:0; bottom:0; width:min(400px,90%); background:var(--cloud); display:flex; flex-direction:column; transform:translateX(100%); transition:transform .36s var(--ease); box-shadow:var(--sh-lg); }
.mmenu__head{ display:flex; align-items:center; justify-content:space-between; flex:0 0 auto; padding:var(--s-4) var(--s-5); border-bottom:1px solid var(--line); }
.mmenu__head .brand__text{ font-size:1.2rem; }
.mmenu__close{ width:46px; height:46px; border-radius:var(--r-pill); background:var(--cloud-2); display:grid; place-items:center; color:var(--text); transition:background var(--t-fast); }
.mmenu__close:hover{ background:var(--cloud-3); }
.mmenu__close svg{ width:22px; height:22px; }
.mmenu__body{ flex:1 1 auto; overflow-y:auto; -webkit-overflow-scrolling:touch; padding:var(--s-3) var(--s-4); }
.mmenu__item + .mmenu__item{ border-top:1px solid var(--line); }
.mmenu__link,.mmenu__subbtn{ display:flex; align-items:center; justify-content:space-between; gap:var(--s-3); width:100%; text-align:left; padding:15px 14px; font-family:var(--f-display); font-weight:700; font-size:1.1rem; color:var(--text); border-radius:var(--r-sm); }
.mmenu__link:hover,.mmenu__subbtn:hover{ background:var(--cloud-2); }
.mmenu__subbtn .caret{ width:16px; height:16px; transition:transform var(--t); color:var(--text-mute); }
.mmenu__subbtn[aria-expanded="true"] .caret{ transform:rotate(180deg); }
.mmenu__sub{ height:0; overflow:hidden; transition:height var(--t); }
.mmenu__sub-inner{ padding:2px 0 10px; }
.mmenu__sublink{ display:flex; align-items:center; gap:12px; padding:11px 12px; border-radius:var(--r-sm); color:var(--text-soft); font-weight:600; font-size:.98rem; }
.mmenu__sublink:hover{ background:var(--cloud-2); color:var(--text); }
.mmenu__sublink .ico{ width:36px; height:36px; flex:0 0 auto; border-radius:10px; background:var(--yellow-soft); color:var(--ink); display:grid; place-items:center; }
.mmenu__sublink .ico svg{ width:19px; height:19px; }
.mmenu__foot{ flex:0 0 auto; display:flex; flex-direction:column; gap:var(--s-3); padding:var(--s-5); border-top:1px solid var(--line); background:var(--cloud-2); }
.mmenu__foot .btn{ width:100%; }
.mmenu__contact{ text-align:center; font-size:.86rem; color:var(--text-mute); }
.mmenu__contact a{ display:block; font-family:var(--f-display); font-weight:800; font-size:1.25rem; color:var(--text); margin-bottom:2px; }
.mmenu__social{ display:flex; justify-content:center; gap:var(--s-2); }
.mmenu__social a{ width:42px; height:42px; border-radius:var(--r-pill); border:1px solid var(--line-2); display:grid; place-items:center; color:var(--text); transition:all var(--t-fast); }
.mmenu__social a:hover{ background:var(--ink); color:#fff; border-color:var(--ink); }
.mmenu__social svg{ width:18px; height:18px; }
body.nav-open .mmenu__overlay{ opacity:1; }
body.nav-open .mmenu__panel{ transform:translateX(0); }

/* ============================ 6) RESPONSIVE ============================ */
@media (max-width:1024px){
  .hero__inner{ grid-template-columns:1fr; gap:var(--s-12); padding-block:var(--s-16); }
  .hero__media{ max-width:460px; margin-inline:auto; width:100%; }
  .split,.area-wrap{ grid-template-columns:1fr; gap:var(--s-10); }
  .grid--4{ grid-template-columns:repeat(2,1fr); }
  .trust-strip{ grid-template-columns:repeat(2,1fr); }
  .stats{ grid-template-columns:repeat(2,1fr); gap:var(--s-8); }
  .footer__top{ grid-template-columns:1fr 1fr; }
  .promise{ grid-template-columns:1fr; text-align:center; } .promise__seal{ margin-inline:auto; }
}
@media (max-width:900px){
  .topbar{ display:none; }
  .nav{ display:none; }                          /* masaüstü menüsü mobilde gizli (mmenu devralır) */
  .nav-toggle{ display:flex; order:3; margin-left:auto; }
  .header__inner{ gap:var(--s-3); }
  .header__phone{ display:none; }
  .header__actions .btn{ display:none; }

  /* Mobil menü: viewport'a sabit, en üst katman (z-index sorunu yok) */
  .mmenu{ display:block; position:fixed; inset:0; z-index:1000; visibility:hidden; }
  body.nav-open .mmenu{ visibility:visible; }
  body.nav-open{ overflow:hidden; }

  /* Hero CTA'ları yan yana + sade */
  .hero__actions{ display:grid; grid-template-columns:1fr 1fr; gap:var(--s-3); }
  .hero__actions .btn{ padding:15px 12px; font-size:1rem; }
  .hide-mobile{ display:none; }

  /* Genel mobil */
  .mobile-cta{ display:grid; }
  .wa-float{ display:none; }
  body{ padding-bottom:60px; }
  .post-grid{ grid-template-columns:1fr; }
  .steps{ grid-template-columns:1fr; gap:var(--s-10); }
  .cta-band__inner{ flex-direction:column; align-items:flex-start; }
  .form__row{ grid-template-columns:1fr; }
  .section{ padding-block:var(--s-16); }
  .hero__badge{ left:0; }
}

@media (max-width:560px){
  body{ font-size:16px; }

  /* ======== İKİLİ (2'li) BLOKLAR — mobilde kullanışlı ======== */
  .trust-strip{ grid-template-columns:1fr 1fr; gap:var(--s-3); }
  .grid--4{ grid-template-columns:1fr 1fr; gap:var(--s-3); }       /* hizmetler + neden-biz */
  .stats{ grid-template-columns:1fr 1fr; gap:var(--s-6) var(--s-4); }
  .grid--2,.grid--3{ grid-template-columns:1fr; }

  /* footer: marka & iletişim tam genişlik, link sütunları 2'li */
  .footer__top{ grid-template-columns:1fr 1fr; gap:var(--s-8) var(--s-5); }
  .footer__brand,.footer__nap{ grid-column:1 / -1; }

  /* kompakt güven kartı (2'li) */
  .trust-item{ flex-direction:column; align-items:flex-start; gap:10px; padding:var(--s-4); }
  .trust-item__ico{ width:42px; height:42px; }
  .trust-item__ico svg{ width:21px; height:21px; }

  /* kompakt hizmet kartı (2'li) */
  .svc-card__media{ aspect-ratio:16/9; }
  .svc-card .photo__tag, .svc-card .photo__cap{ display:none; }
  .svc-card__ico{ width:42px; height:42px; bottom:10px; left:10px; border-radius:12px; }
  .svc-card__ico svg{ width:21px; height:21px; }
  .svc-card__body{ padding:var(--s-4); }
  .svc-card__t{ font-size:1.04rem; margin-bottom:5px; }
  .svc-card__d{ font-size:.84rem; margin-bottom:var(--s-3); display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
  .svc-card__link{ font-size:.9rem; }

  /* kompakt neden-biz (2'li) */
  .assure{ flex-direction:column; gap:10px; }
  .assure__ico{ width:44px; height:44px; }
  .assure h3{ font-size:1.02rem; }
  .assure p{ font-size:.85rem; }

  .stat__num{ font-size:2.1rem; }
  .stat__label{ font-size:.82rem; }

  .hero__badge{ position:static; margin-top:var(--s-4); max-width:none; }
  .footer__bottom{ flex-direction:column; align-items:flex-start; }
  .form{ padding:var(--s-6); }
  .promise{ padding:var(--s-6); }
  .section__head{ margin-bottom:var(--s-8); }
}

@media (max-width:380px){
  /* çok küçük ekran: 2'li düzen korunur, sadece boşluklar daraltılır */
  .grid--4,.trust-strip{ gap:var(--s-2); }
  .svc-card__body{ padding:var(--s-3); }
  .svc-card__t{ font-size:.98rem; }
  .container{ padding-inline:var(--s-4); }
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{ animation-duration:.001ms!important; animation-iteration-count:1!important; transition-duration:.001ms!important; scroll-behavior:auto!important; }
  .reveal{ opacity:1; transform:none; }
}
@media print{ .site-header,.topbar,.mobile-cta,.wa-float,.cta-band,.footer__districts{ display:none!important; } body{ color:#000; } }