@charset "UTF-8";
/* =========================================================
   NEMARK – responsive.css (tablet + mobil)
   ========================================================= */

@media (max-width:1100px){
  .menu-liste>li>a{padding:26px 10px;font-size:.93rem}
  .ana-menu{gap:12px}
  .icerik-duzen{grid-template-columns:minmax(0,1fr) 280px;gap:32px}
  .sektor-izgara{grid-template-columns:repeat(2,1fr)}
  .alt-ic{grid-template-columns:1fr 1fr;gap:32px}
}

/* ---------- Mobil menü (≤ 980px) ---------- */
@media (max-width:980px){
  .model-izgara>.model-kart{flex-basis:calc(33.333% - 14px)}
  .ust-bar .ust-bar-eposta{display:none}
  .ust-bar a{white-space:nowrap}
  .baslik-ic{min-height:66px}
  .logo img{height:38px}
  .menu-ac{display:inline-flex;align-items:center;gap:8px;margin-left:auto;background:var(--orman);color:#fff;border:0;border-radius:var(--r-k);padding:10px 14px;font:inherit;font-weight:700;font-size:.9rem;cursor:pointer}
  .menu-ac .ikon{width:22px;height:22px}
  .ana-menu{position:fixed;top:0;right:0;bottom:0;width:min(360px,88vw);background:#fff;z-index:1300;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:0 0 110px;overflow-y:auto;transform:translateX(100%);visibility:hidden;transition:transform .28s ease,visibility 0s .28s;box-shadow:-16px 0 40px -12px rgba(0,0,0,.3)}
  body.menu-acik .ana-menu{transform:none;visibility:visible;transition:transform .28s ease}
  .mobil-menu-ust{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--orman);color:#fff;font-weight:700;position:sticky;top:0;z-index:2}
  .menu-kapat{background:none;border:0;color:#fff;cursor:pointer;padding:6px}
  .menu-kapat .ikon{width:26px;height:26px}
  .menu-liste{flex-direction:column;gap:0}
  .menu-liste>li{border-bottom:1px solid var(--cizgi);display:flex;flex-wrap:wrap;align-items:center}
  .menu-liste>li>a{flex:1;padding:15px 20px;font-size:1rem}
  .acilir-baglanti::after{display:none}
  .acilir-dugme{display:grid;place-items:center;width:54px;height:52px;border:0;border-left:1px solid var(--cizgi);background:var(--buz);color:var(--orman);cursor:pointer}
  .acilir-dugme .ikon{transition:transform .2s;width:20px;height:20px}
  .acilir.acik .acilir-dugme .ikon{transform:rotate(180deg)}
  .mega{position:static;transform:none;width:100%;box-shadow:none;border-top:0;border-radius:0;padding:0 20px;grid-template-columns:1fr;gap:6px;background:var(--buz);opacity:1;visibility:visible;display:none;transition:none}
  .acilir:hover .mega,.acilir:focus-within .mega{transform:none}
  .acilir.acik .mega{display:grid;padding:14px 20px 18px}
  .mega-vurgu{padding:10px 0;background:none}
  .mega li a{padding:8px 0;font-size:.95rem}
  .menu-ara{margin:18px 20px 0;justify-content:center}
  .menu-ortu{position:fixed;inset:0;background:rgba(12,44,27,.55);z-index:1250}
  body.menu-acik .menu-ortu{display:block}
  body.menu-acik{overflow:hidden}
  body.menu-acik .mobil-cta{display:none}

  .tanitim-ic{grid-template-columns:1fr;gap:28px}
  .icerik-duzen{grid-template-columns:1fr;padding-top:36px}
  .makale{max-width:none}
  .yan{position:static}
  .neden-izgara{grid-template-columns:repeat(2,1fr)}
  .surec-liste{grid-template-columns:repeat(2,1fr);gap:32px 20px}
  .surec-liste::before{display:none}
  .iletisim-izgara{grid-template-columns:1fr}
  .usk-cta{margin:20px 16px}
}

/* ---------- Telefon (≤ 640px) ---------- */
@media (max-width:640px){
  body{font-size:16px;padding-bottom:78px}
  .kap{padding:0 16px}
  h2{font-size:1.45rem}
  .makale h2{font-size:1.5rem}
  .ust-bar-not{display:none}
  .ust-bar-ic{justify-content:center}
  .slider{aspect-ratio:auto;height:440px;min-height:0}
  .slayt-yazi{padding:20px 20px 44px}
  .slayt-yazi p{font-size:.95rem}
  .slider-ok{display:none}
  .blok{padding:48px 0}
  .blok-giris{margin-bottom:24px}
  .tanitim-yazi h2{font-size:1.6rem}
  .tanitim-rakam b{font-size:1.7rem}
  .tanitim-rakam li{padding:18px 16px}
  .hizmet-izgara{grid-template-columns:1fr}
  .model-izgara{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}
  .model-izgara>.model-kart{flex:0 0 78%;min-width:0}
  .model-kart{scroll-snap-align:start}
  .neden-izgara{grid-template-columns:1fr;gap:24px}
  .surec-liste{grid-template-columns:1fr}
  .surec-adim{display:grid;grid-template-columns:52px 1fr;gap:4px 16px;text-align:left;align-items:start}
  .surec-no{width:52px;height:52px;margin:0;grid-row:span 2;font-size:1.2rem}
  .surec-adim h3{margin:.3em 0 .1em}
  .sektor-izgara{grid-template-columns:1fr}
  .usk-cta{flex-direction:column;align-items:stretch;text-align:center;padding:20px 16px}
  .usk-rozetler{justify-content:center}
  .usk-rozet{font-size:.92rem;padding:.4em .8em}
  .icerik-cta{padding:20px 18px}
  .icerik-cta-butonlar .btn{flex:1;justify-content:center}
  .neden-kutu{padding:22px 18px}
  .destek-ic{flex-direction:column;text-align:center}
  .bolge-liste{grid-template-columns:repeat(2,1fr)}
  .alt-ic{grid-template-columns:1fr;gap:28px}

  /* Masaüstü sabit daireleri gizle, mobil alt barı göster */
  .sabit-iletisim{display:none}
  .mobil-cta{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:1200;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 -8px 24px -10px rgba(0,0,0,.25)}
  .mcta{position:relative;display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:14px;color:#fff;text-decoration:none;overflow:hidden;isolation:isolate}
  .mcta:hover,.mcta:active{color:#fff}
  .mcta-ara{background:linear-gradient(135deg,#e8662a,var(--kor-koyu));animation:mcta-nefes 2.2s ease-in-out infinite}
  .mcta-wa{background:linear-gradient(135deg,#28b862,var(--wa-koyu));animation:mcta-nefes 2.2s ease-in-out 1.1s infinite}
  .mcta::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);animation:mcta-parilti 3.2s ease-in-out infinite;z-index:-1}
  .mcta-wa::after{animation-delay:1.6s}
  .mcta-ikon{position:relative;flex:none;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.22);display:grid;place-items:center}
  .mcta-ikon::before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(255,255,255,.7);animation:mcta-halka 1.6s ease-out infinite}
  .mcta-ikon .ikon{width:22px;height:22px;stroke-width:2.2;animation:mcta-salla 2.2s ease-in-out infinite}
  .mcta-yazi{display:flex;flex-direction:column;line-height:1.15}
  .mcta-yazi b{font-size:1rem;letter-spacing:.01em}
  .mcta-yazi small{font-size:.74rem;opacity:.92}
}
@keyframes mcta-nefes{0%,100%{box-shadow:0 0 0 0 rgba(217,84,26,0)}50%{box-shadow:0 0 0 5px rgba(217,84,26,.18)}}
@keyframes mcta-parilti{0%,60%{left:-60%}100%{left:130%}}
@keyframes mcta-halka{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.55);opacity:0}}
@keyframes mcta-salla{0%,70%,100%{transform:rotate(0)}74%{transform:rotate(-14deg)}78%{transform:rotate(14deg)}82%{transform:rotate(-10deg)}86%{transform:rotate(8deg)}90%{transform:rotate(0)}}

@media (max-width:380px){
  .mcta-yazi small{display:none}
  .mcta-ikon{width:34px;height:34px}
}