:root{
      --bg:#ffffff;
      --text:#263442;
      --muted:#6e7f95;
      --blue:#1a85cc;
      --blue-600:#1a85cc;
      --blue-50:#f2f6ff;
      --line:#e7edf6;
      --card:#ffffff;
      --shadow: 0 10px 28px rgba(24, 55, 114, .10);
      --radius:18px;
      --max:1140px; /* base content width */
      --max-header:1280px; /* wider header container */
      --zkx-bg:#fff;
      --zkx-surface:#fff;
      --zkx-text:#0f172a;
      --zkx-muted:#475569;
      --zkx-border:#eef2f7;

      --zkx-shadow: 0 10px 26px rgba(2, 6, 23, .06);
      --zkx-shadow2: 0 14px 34px rgba(2, 6, 23, .08);
      --zkx-radius: 18px;

      --zkx-primary:#1a85cc;
      --zkx-primary2:#1a85cc;
      --zkx-primary-softer: rgba(37,99,235,.06);
        --brand:#1a85cc;
      --white:#ffffff;
    }
    *{box-sizing:border-box}
 html,
body{
  height: 100%;
}

body{
  margin: 0;
  font-family:sans-serif;
  color: var(--text);
  background: var(--bg);
  line-height: 1.55;

  /* ↓↓ STICKY FOOTER İÇİN ÖNEMLİ ↓↓ */
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
main,
.site-main,
#primary,
#content {
  flex: 1 0 auto;
}
/* =========================================================
   NUCLEAR FIX: Gutenberg Gallery + Columns Frontend
   (Editor düzgün / Frontend bozuk problemine özel)
   ========================================================= */

/* Frontend-only */
body:not(.wp-admin) .wp-block-gallery,
body:not(.wp-admin) .wp-block-columns{
  box-sizing: border-box !important;
}

/* Tema bazen wp-block-image / size-large'a sabit genişlik veriyor -> iptal */
body:not(.wp-admin) .wp-block-image,
body:not(.wp-admin) .wp-block-image.size-large,
body:not(.wp-admin) .wp-block-image.size-full{
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  float: none !important;
}

body:not(.wp-admin) .wp-block-image img{
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
}

/* =======================
   GALLERY (senin: figure.wp-block-gallery columns-5 ...)
   ======================= */

/* Gallery container'ı GRID'e kilitle (flex bozulsa da, theme karışsa da) */
body:not(.wp-admin) figure.wp-block-gallery.has-nested-images{
  --mk-gap: 18px;
  display: grid !important;
  gap: var(--mk-gap) !important;

  width: 100% !important;
  max-width: 100% !important;

  margin: 24px 0 !important;
  padding: 0 !important;
}

/* WP gallery iç item reset */
body:not(.wp-admin) figure.wp-block-gallery.has-nested-images > figure.wp-block-image{
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Kolon sayısını class'tan zorla uygula */
body:not(.wp-admin) figure.wp-block-gallery.columns-2{ grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
body:not(.wp-admin) figure.wp-block-gallery.columns-3{ grid-template-columns: repeat(3, minmax(0,1fr)) !important; }
body:not(.wp-admin) figure.wp-block-gallery.columns-4{ grid-template-columns: repeat(4, minmax(0,1fr)) !important; }
body:not(.wp-admin) figure.wp-block-gallery.columns-5{ grid-template-columns: repeat(5, minmax(0,1fr)) !important; }
body:not(.wp-admin) figure.wp-block-gallery.columns-6{ grid-template-columns: repeat(6, minmax(0,1fr)) !important; }
body:not(.wp-admin) figure.wp-block-gallery.columns-7{ grid-template-columns: repeat(7, minmax(0,1fr)) !important; }
body:not(.wp-admin) figure.wp-block-gallery.columns-8{ grid-template-columns: repeat(8, minmax(0,1fr)) !important; }

/* columns-default için sağlam responsive */
body:not(.wp-admin) figure.wp-block-gallery.columns-default{
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
}

/* Banner/logo kırpılmasın (is-cropped olsa bile) */
body:not(.wp-admin) figure.wp-block-gallery.has-nested-images img{
  object-fit: contain !important;
}

/* =======================
   COLUMNS (wp-block-columns)
   ======================= */
body:not(.wp-admin) .wp-block-columns{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 22px !important;

  width: 100% !important;
  max-width: 100% !important;

  margin: 24px 0 !important;
  padding: 0 !important;
}

body:not(.wp-admin) .wp-block-columns > .wp-block-column{
  flex: 1 1 0 !important;
  min-width: 240px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Boş kolonlar layout'u kırar -> gizle */
body:not(.wp-admin) .wp-block-columns > .wp-block-column:empty{
  display: none !important;
}

/* =======================
   Responsive
   ======================= */
@media (max-width: 1024px){
  body:not(.wp-admin) figure.wp-block-gallery.columns-5,
  body:not(.wp-admin) figure.wp-block-gallery.columns-6,
  body:not(.wp-admin) figure.wp-block-gallery.columns-7,
  body:not(.wp-admin) figure.wp-block-gallery.columns-8{
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  }
}
@media (max-width: 781px){
  body:not(.wp-admin) figure.wp-block-gallery.has-nested-images{
    --mk-gap: 12px;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
  body:not(.wp-admin) .wp-block-columns > .wp-block-column{
    flex-basis: 100% !important;
    min-width: 0 !important;
  }
}
@media (max-width: 520px){
  body:not(.wp-admin) figure.wp-block-gallery.has-nested-images{
    grid-template-columns: 1fr !important;
  }
}

    .page-bg::before,.page-bg::after{ content:""; position:fixed; pointer-events:none; z-index:-2; border-radius:50%; background:radial-gradient(closest-side, #f5f8ff, rgba(245,248,255,0) 70%); }
    .page-bg::before{ inset:auto auto 38% -120px; width:420px; height:420px; transform:rotate(25deg); }
    .page-bg::after{ inset:-140px auto auto -60px; width:520px; height:520px; }

    .container{ max-width:1350px;  margin:0 auto; padding:0 24px; width: 100%;}
    /* make header container wider than content for visual balance */
    header .container{ max-width:1350px;  margin:0 auto; padding:0 24px; }
    .bosluk{margin: 60px auto;}
    .altan{clear: both; margin-bottom: 120px;}

    /* HEADER */
    header{ position:relative; top:0; z-index:10; background:transparent; border-bottom:none; }
    .fixlendi{
      position: fixed;
    width: 100%;
    background-color: rgba(255,255,255,.90);
    }
    .nav{ display:flex; align-items:center; justify-content:space-between; height:100px; }
    .brand{ display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--text); font-weight:700; font-size:17px; }
    .brand .logo{ width:22px; height:22px; display:grid; place-items:center; border-radius:999px; background:#1a85cc; color:#fff; font-size:12px; box-shadow:0 6px 16px rgba(45,126,247,.35); }
    .brand img{width: 120px;}
    .menu{ display:block; }
    .menu-list{ list-style:none; margin:0; padding:0; display:flex; gap:22px; align-items:center; }
    .menu-list>li{ position:relative; }
    .menu>.menu-list>li>a{ position:relative; text-decoration:none; color:var(--blue); font-weight:500; font-size:14px; padding:0 2px; }
    .menu>.menu-list>li>a:hover{ color:var(--blue-600); }
    /* underline bar on main items (use ::before to avoid caret conflict) */
    .menu > .menu-list > li > a::before{ content:""; position:absolute; left:0; right:0; bottom:-16px; height:2px; background:var(--blue); border-radius:2px; transform:scaleX(0); transform-origin:left; transition:transform .22s ease-out; }
    .menu > .menu-list > li > a:hover::before, .menu > .menu-list > li > a.active::before{ transform:scaleX(1); }

    /* Dropdowns (desktop) */
    .menu-list>li.menu-item-has-children>a::after{ content:""; display:inline-block; width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:5px solid var(--blue); margin-left:6px; vertical-align:middle; }
    
    
    @media (min-width:1100px){
    .sub-menu{ position:absolute; left:0; top:calc(100% + 12px); min-width:220px; background:#fff; border:1px solid var(--line); border-radius:12px; box-shadow:var(--shadow); padding:8px; display:none; z-index:50; }
    .menu-item-has-children:hover .sub-menu{ display:block; }
    .sub-menu a{ display:block; padding:10px 12px; border-radius:8px; color:#3c4b63; font-size:13px; text-decoration:none; white-space:nowrap; }
    .sub-menu a:hover{ background:#f6f9ff; color:#1f2a44; }
    }



    /* prevent underline bar within submenu */
    .sub-menu a::before{ content:none !important; }
    /* hover bridge to prevent flicker */
    .menu-list>li.menu-item-has-children::after{ content:""; position:absolute; left:-8px; right:-8px; top:100%; height:14px; }

    .nav-actions{ display:flex; align-items:center; gap:12px; }
    .icon-btn{ width:36px; height:36px; border-radius:8px; border:1px solid var(--line); background:#fff; display:grid; place-items:center; box-shadow:var(--shadow); }
    .icon-btn svg{width: 22px; height: 22px;}
    .cta{ display:inline-block; padding:8px 14px; background:var(--blue); color:#fff; border-radius:8px; text-decoration:none; font-weight:600; font-size:14px; box-shadow:0 6px 18px rgba(45,126,247,.28); }
    .cta:hover{ background:var(--blue-600); }

    /* === MOBILE NAV BUTTON (GENEL STİL) === */
.nav-toggle{
  display:none; /* desktop'ta gizli */
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  width:38px;
  height:38px;
  margin-left:auto;
  border-radius:10px;
  border:1px solid var(--line);
  background:#fff;
  cursor:pointer;
  box-shadow:var(--shadow);
}

.nav-toggle span{
  display:block;
  width:18px;
  height:2px;
  border-radius:999px;
  background:#263442;
  transition:transform .22s ease, opacity .22s ease;
}


    /* HERO */
    .hero{ position:relative; overflow:hidden; }
    .hero::before{ content:""; position:absolute; inset:0; z-index:-1;
      background: transparent url('https://themecraze.net/newwp/spring/wp-content/uploads/2021/01/banner-bg-1.png') no-repeat left -120px top -10px,
                  transparent url('https://themecraze.net/newwp/spring/wp-content/uploads/2021/01/banner-bg-1.png') no-repeat left -120px bottom -20px,
                  transparent url('https://themecraze.net/newwp/spring/wp-content/uploads/2021/01/banner-bg-1.png') no-repeat left -220px top 120px,
                  transparent url('https://themecraze.net/newwp/spring/wp-content/uploads/2021/01/banner-bg-1.png') no-repeat left -220px bottom 140px;
      background-size: 460px auto, 380px auto, 320px auto, 300px auto; opacity:.9; }
    .hero::after{ content:""; position:absolute; inset:0; z-index:-1;
      background:transparent url('https://themecraze.net/newwp/spring/wp-content/uploads/2021/01/banner-bg-1.png') no-repeat right center;
      background-size: 100%;
    }
    .hero .wrap{ display:grid; grid-template-columns:1.05fr 1fr; gap:44px; align-items:center; padding:68px 0 38px; }
    .badge{ color:#1a85cc; font-size:15px; font-weight:400; letter-spacing:.3px; margin-bottom:10px; display:inline-block; }
    .hero .title{ font-size:31px; line-height:1.28; margin:15px 0 14px; font-weight:400; letter-spacing:-0.2px; }
    .hero p.lead{ font-size:16px; color:#6b7a90; max-width:520px; }
    .hero .actions{ margin-top:26px; display:flex; gap:14px; align-items:center; }
    .ghost{ display:inline-flex; align-items:center; gap:10px; padding:12px 18px; border:1px solid #1a85cc; border-radius:6px; font-size:13px; color:#1a85cc; text-decoration:none; background:#fff; font-weight:600; } .ghost:hover{ background:#eff6ff; border-color:#1f66e5; color:#1f66e5; } .ghost svg{ flex:0 0 auto; }

    .illus{ position:relative; background:transparent; border-radius:28px; padding:0; min-height:360px; box-shadow:none; overflow:visible; }
    .hero-img{ width:100%;  height:auto; display:block; margin:16px auto 0; }

    /* (VALUE TEXT styles removed) */

    /* FEATURES (removed per request) */
    /* === PART 2 (Spring – POS) === */
    .section-soft{background:#f6fbff;position:relative;overflow:hidden}
    .section-soft .container{padding-top:64px;padding-bottom:84px;position:relative;z-index:1}
    .pos-head{text-align:center;margin-bottom:34px}
    .pos-head .mini-icon{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#e9f2ff;color:var(--blue);margin:0 auto 12px;box-shadow:0 6px 18px rgba(45,126,247,.15)}
     .titles{font-size:31px;font-weight:600;margin:8px 0}
    .pos-head p{color:var(--muted);margin:0;font-size:15px}
    .pos{display:grid;grid-template-columns:0.85fr 1.45fr;gap:48px;align-items:center}
    /* reverse cols for Part 3 */
    .pos.rev{grid-template-columns:1.45fr 0.85fr}
    .features-list{display:grid;gap:20px}
    .f-item{display:grid;grid-template-columns:30px 1fr;gap:12px}
    .f-ico{width:30px;height:30px;border-radius:8px;background:#e9f2ff;color:var(--blue);display:grid;place-items:center;box-shadow:0 6px 18px rgba(45,126,247,.15)}
    .f-item .basi{font-size:16px;margin:0 0 8px; font-weight: 600;}
    .f-item p{font-size:13.5px;color:var(--muted);margin:0}
    .section-soft::after{content:"";position:absolute;right:7%;top:20%;width:300px;height:340px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill='none' stroke='%23cfe0ff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 6v8M6 10h8'/%3E%3Ccircle cx='30' cy='10' r='4'/%3E%3Cpath d='M22 26l8 8M30 26l-8 8'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;background-size:40px 40px;opacity:.35;filter:blur(.08px);z-index:0}
    .shot-wrap{position:relative;z-index:2}
    .slider{position:relative;width:100%;max-width:780px;margin:0 auto; margin-top: 25px;}
    .slider .sizer{display:block;width:100%;height:auto;visibility:hidden}
    .slider .viewport{position:absolute;inset:0;overflow:hidden}
    .slider .track{display:flex;width:100%;height:100%;transition:transform .6s ease;will-change:transform}
    .slider .track img{flex:0 0 100%;width:100%;height:100%;object-fit:contain;display:block}
    .dots{display:flex;gap:8px;justify-content:center;margin-top:18px}
    .dot{width:8px;height:8px;border-radius:999px;border:1px solid #9db7e8;background:transparent;cursor:pointer}
    .dot.active{background:var(--blue);border-color:var(--blue)}
    @media (max-width:980px){
      
      .section-soft .container{padding-top:44px;padding-bottom:56px}.pos{grid-template-columns:1fr;gap:26px}
    
    }
    /* Part 3: white background override */
    #pos3.section-soft{background:#fff}
    #pos3.section-soft::after{display:none}
    /* === PART 4 (Services grid) === */
    .section-services{position:relative;background:#fbfdff}
    .section-services .container{padding:72px 24px 92px}
    /* soft abstract curves */
    .section-services::before,.section-services::after{content:"";position:absolute;pointer-events:none;z-index:0;border-radius:50%}
    .section-services::before{right:-160px;top:-180px;width:560px;height:560px;background:radial-gradient(closest-side,#f1f6ff,rgba(241,246,255,0));opacity:.9}
    .section-services::after{left:-220px;bottom:-180px;width:620px;height:620px;background:radial-gradient(closest-side,#f5f9ff,rgba(245,249,255,0));opacity:.9}

    .svc-wrap{position:relative;z-index:1}
    .svc-head{text-align:center;margin-bottom:34px}
    .svc-kicker{display:block;color:var(--blue-600);font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}
    .svc-title{margin:0;font-size:30px;line-height:1.25;font-weight:600;letter-spacing:.02em;text-transform:uppercase}

    .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:28px}
    .svc-card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 24px rgba(24,55,114,.06);padding:22px 22px}
    .svc-card .svc-icon{width:44px;height:44px;border-radius:12px;background:#e9f2ff;color:var(--blue);display:grid;place-items:center;box-shadow:0 6px 18px rgba(45,126,247,.12);margin-bottom:12px}
    .svc-card h3{margin:2px 0 8px;font-size:17px}
    .svc-card p{margin:0 0 14px;color:#6b7a90;font-size:13.5px}
    .svc-card .svc-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;border:1px solid #c7d7f3;background:#fff;color:var(--blue-600);font-weight:700;font-size:12px;text-decoration:none}
    
    .svc-card .svc-btn:hover{border-color:var(--blue);color:#fff;background:var(--blue)}
    .svc-card:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(24,55,114,.10)}
    
    .tumu{text-align: center; margin-top: 70px;}

    .tumu .svc-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;border:1px solid #c7d7f3;background:#fff;color:var(--blue-600);font-weight:700;font-size:12px;text-decoration:none}
    .tumu .svc-btn:hover{border-color:var(--blue);color:#fff;background:var(--blue)}

    @media (max-width:1500px){
      .hero .wrap{
        padding: 0px 5% !important;
      }
    }

    @media (max-width: 1100px){.svc-grid{grid-template-columns:repeat(2,1fr)}
  
     .nav{
    height:72px;
  }

  /* header biraz daha öne gelsin */
  header{
    background:#ffffff;
    box-shadow:0 1px 0 rgba(15,35,75,.06);
    z-index:30;
  }

  /* hamburger göster */
  .nav-toggle{
    display:inline-flex;
    position: relative;
    z-index: 999;
  }

  /* cart butonunu mobilde kaldıralım, CTA kalsın */
  .nav-actions{
    margin-left:10px;
    gap:8px;
  }
  .nav-actions .icon-btn{
    display:none;
  }
  .nav-actions .cta{
    padding:0 14px;
    height:40px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
  }

  /* MENÜ: fixed panel gibi açılsın */
  .menu{
    position:fixed;
    left:0;
    right:0;
    top:72px; /* header yüksekliği */
    background:rgba(255,255,255,.90);
    border-bottom:1px solid var(--line);
    box-shadow:0 10px 28px rgba(24,55,114,.16);
    transform:translateY(-110%);
    opacity:0;
    display:none;
    transition:transform .25s ease, opacity .25s ease;
  }
  .menu-list{
    display: block;
  }
.menu-list>li{
    width:100%;
}
  /* nav-open class'ı geldiğinde menü açılsın */
  body.nav-open .menu{
    transform:translateY(0);
    opacity:1;
    display:block;
  }

  /* menü itemleri dikey */
  .menu-list{
    flex-direction:column;
    align-items:flex-start;
    padding:16px 24px 18px;
    gap:6px;
  }

  .menu > .menu-list > li > a{
    font-size:15px;
    padding:8px 0;
    width: 100%;display: flex;
    border-top: 1px solid #e6e6e6;
  }
  .menu-list>li.menu-item-has-children>a::after{
    position: absolute;
            right: 15px;
        top: 18px;

  }

  /* desktop altındaki underline'ı kaldır (mobilde çok gerek yok) */
  .menu > .menu-list > li > a::before{
    display:none;
  }

  /* DROPDOWN'LAR (MOBİL): başta kapalı, li.open olunca aç */
  .menu-list > li.menu-item-has-children > a::after{
    border-top-color:#6b7a90;
    transition:transform .2s ease;
  }

  .sub-menu{
    position:static;
    top:auto;
    left:auto;
    min-width:0;
    border:none;
    box-shadow:none;
    padding:0 0 13px 0;
    margin-top:0;
    display:none; /* BAŞTA KAPALI */
    background:transparent;
  }

  /* li.menu-item-has-children.open olduğunda aç */
  .menu-list > li.menu-item-has-children.open .sub-menu{
    display:block;
  }

  .sub-menu a{
    display: flex;
    padding:6px 0 6px 14px;
    font-size:13px;
    border-radius:0;
    color:#6b7a90;
  }

  /* açıkken oku döndür */
  .menu-list > li.menu-item-has-children.open > a::after{
    transform:rotate(180deg);
  }

  .menu-list>li.menu-item-has-children::after{
    display:none; /* hover köprüsüne gerek yok */
  }

  /* BODY'ye yarı şeffaf arka plan (overlay) */
  body.nav-open header::after{
    content:"";
    position:fixed;
    left:0;
    right:0;
    top:72px;
    bottom:0;
    background:rgba(8,16,40,.45);
    z-index:-1;
  }

  /* Hamburger animasyonu (X şekli) */
  body.nav-open .nav-toggle span:nth-child(1){
    transform:translateY(3px) rotate(45deg);
  }
  body.nav-open .nav-toggle span:nth-child(2){
    transform:translateY(-3px) rotate(-45deg);
  }
   }


    @media (max-width: 680px){
      .bosluk{margin-top: 20px;}
      .svc-grid{grid-template-columns:1fr}.section-services .container{padding:56px 24px 64px}.svc-title{font-size:24px}
      .container{padding: 0px; max-width: 90%;}
      #breadcrumbs{line-height: 27px;}
    .entry-title {
  overflow-wrap: break-word;   /* modern */
  word-wrap: break-word;       /* eski tarayıcılar */
  max-width: 100%;
}

h1{font-size: 26px;} h2{font-size: 23px;} h3{font-size: 20px;} h4{font-size: 18px;}
.post-img img{
  width: 100% !important;

}

  .pagination {
    gap: 4px;
  }
  .pagination .page-numbers {
    min-width: 30px;
    height: 30px;
    padding: 0 10px;
    font-size: 12px;
  }

    }
    /* Services section: force white background */
    #services.section-services{background:#fff}
    #services.section-services::before,#services.section-services::after{display:none}
    /* Make hero taller so Services doesn't appear on first fold */
    .hero .wrap{padding:104px 0 100px;}
    @media (min-height:600px){

      .hero .wrap{min-height:calc(100vh - 120px);} /* 66px = header height */
    }
    /* Services: remove heading spacing when header is hidden */
    #services .svc-grid{margin-top:0}
    /* Section spacing tweaks */
    main > section + section{ margin-top: 28px; }
    .section-services .container{ padding-top: 96px; padding-bottom: 120px; }
    .section-soft .container{ padding-top: 84px; padding-bottom: 104px; }
    /* Services: hover invert (blue bg, white text) */
    .svc-card{transition:background .25s ease,color .25s ease,transform .2s ease,box-shadow .2s ease,border-color .2s ease}
    .svc-card *{transition:color .25s ease,background .25s ease,border-color .25s ease,stroke .25s ease,fill .25s ease}
    .svc-card:hover{background:var(--blue);border-color:var(--blue);transform:translateY(-4px);box-shadow:0 18px 34px rgba(24,55,114,.18)}
    .svc-card:hover h2,
    .svc-card:hover p,
    .svc-card:hover .svc-btn{color:#fff}
    .svc-card:hover .svc-icon{background:rgba(255,255,255,.18);color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.12)}
    .svc-card:hover .svc-btn{background:transparent;border-color:rgba(255,255,255,.7)}
    .svc-card:hover .svc-btn svg{stroke:#fff}
    .svc-card h2{font-size:22px;}
    /* keep button feedback inside hovered card */
    .svc-card:hover .svc-btn:hover{background:rgba(255,255,255,.12);border-color:#fff}
    /* === PART 5 (Recent Blog) === */
    .section-blog{background:#f6fbff;position:relative}
    .section-blog .container{padding:84px 24px 96px}
    .blog-head{text-align:center;max-width:760px;margin:0 auto 34px}
    .blog-head h2{margin:0 0 10px;font-size:24px;font-weight:600;letter-spacing:.2px}
    .blog-head .line{width:60px;height:2px;background:var(--blue);border-radius:2px;margin:10px auto}
    .blog-head p{margin:0;color:#6b7a90;font-size:14px}

    .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
    .post-card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 24px rgba(24,55,114,.06);overflow:hidden;display:flex;flex-direction:column}
    .post-card .thumb{display:block;aspect-ratio:16/10;background:#f5f8ff;overflow:hidden; border: 1px solid #e6e6e6;}
    .post-card .thumb img{width:100%;height:100%;object-fit:cover;display:block}
    .post-card .body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:10px}
    .post-meta{font-size:12px;color:#8aa0bd;border-bottom:1px solid var(--line);padding-bottom:10px}
    .post-card h3{margin:0;font-size:16px;font-weight:600}
    .post-card h3 a{text-decoration:none;color:#1a85cc}
    .post-card h3 a:hover{color:#1f66e5}
    .post-excerpt{margin:0;color:#6b7a90;font-size:13.5px}
    .post-card:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(24,55,114,.10)}

    .blog-more{display:flex;
    justify-content:center;
    margin-top:28px;
        width: 157px;
    margin: 0 auto;
    margin-top: 40px;

    }
    
    
    .blog-more .btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:8px;border:1px solid #c7d7f3;background:#fff;color:var(--blue-600);font-weight:700;font-size:12px;text-decoration:none}
    .blog-more .btn:hover{background:var(--blue);color:#fff;border-color:var(--blue)}

    @media (max-width:1100px){.blog-grid{grid-template-columns:repeat(2,1fr)}}
    @media (max-width:680px){.blog-grid{grid-template-columns:1fr}.section-blog .container{padding:64px 24px 72px}}
    /* === PART 6 (Signup / Contact) === */
    /* --- FORM KARTI --- */
.wpcf7-form {
  max-width: 460px;

  background: #ffffff;
  border-radius: 18px;

  box-sizing: border-box;
}
.hidden-fields-container{display: none;}

/* Satırlar arası boşluk */
.wpcf7-form p {
  margin: 0 0 12px;
}


/*yenı servis*/

/* ============ ZKX SCOPE START ============ */
    .zkx-solutions{
      background: var(--zkx-bg);
      color: var(--zkx-text);
      font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
    }
    .zkx-solutions *{ box-sizing: border-box; }

    .zkx-solutions__wrap{
   
      padding: 90px 0px 160px 0px;
    }

    .zkx-solutions__head{
      display:flex;
      align-items:flex-end;
      justify-content: space-between;
      gap: 16px;
      margin-bottom: 14px;
    }
    .zkx-solutions__title{
      margin:0;
      font-size: 24px;
      letter-spacing: -0.02em;
    }
    .zkx-solutions__sub{
      margin:0;
      color: var(--zkx-muted);
      font-size: 14px;
      max-width: 560px;
    }

    /* ---------- Tabs (CSS-only) ---------- */
    .zkx-tabs{ margin-top: 14px; }

    .zkx-tabs > input{
      position: absolute;
      opacity: 0;
      pointer-events: none;
    }

    .zkx-tabs__bar{
      display:flex;
      gap: 10px;
      margin:0 auto;
      padding: 6px;
      border: 1px solid var(--zkx-border);
      background: #fff;
      border-radius: 16px;
      box-shadow: var(--zkx-shadow);
      width: fit-content;
      max-width: 100%;
      overflow: auto;
      margin-bottom:35px;
      scrollbar-width: thin;
    }

    .zkx-tabs__tab{
      display:inline-flex;
      align-items:center;
      gap: 10px;
      padding: 10px 14px;
      border-radius: 14px;
      cursor:pointer;
      user-select:none;
      font-weight: 600;
      font-size: 19px;
      letter-spacing: .02em;
      color: var(--zkx-muted);
      border: 1px solid transparent;
      white-space: nowrap;
      transition: background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
    }
    .zkx-tabs__tab:hover{
      background: rgba(37,99,235,.05);
      color: var(--zkx-primary2);
      transform: translateY(-1px);
    }

    #zkxTabA:checked ~ .zkx-tabs__tabbar label[for="zkxTabA"],
    #zkxTabB:checked ~ .zkx-tabs__tabbar label[for="zkxTabB"]{
      background: rgba(37,99,235,.08);
      color: var(--zkx-primary2);
      border-color: rgba(37,99,235,.18);
    }

    .zkx-tabs__panels{ margin-top: 18px; }
    .zkx-panel{ display:none; animation: zkxFadeUp .22s ease both; }
    #zkxTabA:checked ~ .zkx-tabs__panels #zkxPanelA{ display:block; }
    #zkxTabB:checked ~ .zkx-tabs__panels #zkxPanelB{ display:block; }

    @keyframes zkxFadeUp{
      from{ opacity: 0; transform: translateY(6px); }
      to{ opacity: 1; transform: translateY(0); }
    }

    .zkx-panel__note{
      margin: 0 0 14px;
      color: var(--zkx-muted);
      font-size: 14px;
    }

    /* ---------- List grid + horizontal card ---------- */
    .zkx-listgrid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 18px;
      align-items: start;
    }

    .zkx-hitem{
    
      align-items: stretch;
      gap: 14px;
      padding: 18px;
      background: var(--zkx-surface);
      border: 1px solid var(--zkx-border);
      border-radius: var(--zkx-radius);
      box-shadow: var(--zkx-shadow);
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
      position: relative;
      overflow: hidden;
    }
    .zkx-hitem a{text-decoration:none;}
    .zkx-hitem:hover{
      transform: translateY(-2px);
      box-shadow: var(--zkx-shadow2);
      border-color: rgba(37,99,235,.18);
    }

    .zkx-hitem__ic{
      flex: 0 0 132px;
      width:132px;
      float:left;
      margin-right:20px;
      height:132px;
      border-radius: 12px;
      background: var(--zkx-primary-softer);
      border: 1px solid rgba(37,99,235,.14);
      display:grid;
      place-items:center;
      margin-left: 0;
    }
    .zkx-hitem__ic img{width:120px;}
    /* SVG'leri tek tek yazmıyoruz:
       Bu kapsayıcının içine istediğin SVG'yi koyabilirsin. */
    .zkx-hitem__ic svg{
      width: 22px;
      height: 22px;
      color: var(--zkx-primary);
    }

    .zkx-hitem__body{
      flex: 1 1 auto;
      min-width: 0;
      padding-right: 10px;
    }
    .zkx-hitem__title{
      font-size: 18px;
      margin: 2px 0 6px;
      color:#1a85cc;
      letter-spacing: -0.02em;
      line-height: 1.25;
    }
    .zkx-hitem__desc{
      margin:0;
      color: var(--zkx-muted);
      font-size: 14px;
      line-height: 1.55;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

    .zkx-hitem__actions{
      flex: 0 0 auto;
      display:flex;
      align-items: right;
      justify-content: right;
      padding-left: 0;
      border-left: none;
      margin-top:20px;
    }

    .zkx-btn{
      display:inline-flex;
      align-items:center;
      gap: 8px;
      padding: 9px 11px;
      border-radius: 12px;
      border: 1px solid rgba(37,99,235,.22);
      background: #fff;
      color: var(--zkx-primary);
      font-weight: 800;
      font-size: 9.6px;     /* %20 küçük */
      letter-spacing: .04em;
      text-decoration: none;
      transition: background .18s ease, transform .18s ease, border-color .18s ease;
      white-space: nowrap;
    }
    .zkx-btn:hover{
      background: rgba(37,99,235,.06);
      border-color: rgba(37,99,235,.35);
      transform: translateY(-1px);
    }
    .zkx-btn svg{
      width: 15px;
      height: 15px;
    }


    /* Responsive */
    @media (max-width: 980px){
      .zkx-listgrid{ grid-template-columns: 1fr; }
      .zkx-hitem{ gap: 12px; }
      .zkx-btn{ width: 100%; justify-content: center; }
      .zkx-hitem__actions{ justify-content: flex-end; }
      .zkx-tabs__bar{ width: 100%; }
    }

    @media (max-width: 520px){
      .zkx-hitem{ flex-direction: column; }
      .zkx-hitem__actions{
        justify-content: flex-start;
        padding-top: 10px;
        border-top: 1px solid rgba(226,232,240,.7);
      }
      .zkx-btn{ width: auto; }
    }

/* Input & tel & email ortak stil */
.wpcf7-form .wpcf7-form-control.wpcf7-text,
.wpcf7-form .wpcf7-form-control.wpcf7-tel,
.wpcf7-form .wpcf7-form-control.wpcf7-email,
.wpcf7-form textarea{
  width: 100%;
  height: 48px;
  padding: 0 16px;
  border-radius: 999px;
  border: 1px solid #e5e7eb;
  background: #f9fafb;
  color: #111827;
  font-size: 14px;
  font-family: inherit;
  box-sizing: border-box;
  outline: none;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease,
    background-color 0.15s ease;
}
.wpcf7-form textarea {height:80px; border-radius:30px; padding:10px 16px;}


.wpcf7-form .wpcf7-form-control::placeholder {
  color: #9ca3af;
}

/* Focus hali */
.wpcf7-form .wpcf7-form-control.wpcf7-text:focus,
.wpcf7-form .wpcf7-form-control.wpcf7-tel:focus,
.wpcf7-form .wpcf7-form-control.wpcf7-email:focus {
  background: #ffffff;
  border-color: #2563eb;
  box-shadow:
    0 0 0 1px rgba(37, 99, 235, 0.10),
    0 10px 25px rgba(37, 99, 235, 0.18);
}

/* --- GÖNDER BUTONU --- */
.wpcf7-form input.wpcf7-submit {
  margin-top: 8px;
  width: 100%;
  height: 52px;
  border-radius: 999px;
  border: none;
  background: linear-gradient(90deg, var(--blue), var(--blue));
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 16px 40px rgba(37, 99, 235, 0.40);
  transition:
    transform 0.15s ease,
    box-shadow 0.15s ease,
    filter 0.15s ease;
}

.wpcf7-form input.wpcf7-submit:hover {
  transform: translateY(-1px);
  box-shadow: 0 20px 50px rgba(37, 99, 235, 0.45);
  filter: brightness(1.03);
}

.wpcf7-form input.wpcf7-submit:active {
  transform: translateY(0);
  box-shadow: 0 10px 25px rgba(37, 99, 235, 0.35);
  filter: brightness(0.97);
}

/* Spinner’ı buton yanında çok şişirmeyelim */
.wpcf7-form .wpcf7-spinner {
  margin-left: 8px;
}



    .section-signup{position:relative;background:#fff;overflow:hidden}
    .section-signup .container{padding:86px 24px 62px 24px}
    /* left soft triangular bg like original */
    .section-signup::before{content:"";position:absolute;left:0;top:-120px;width:940px;height:940px;transform:rotate(0deg);background:linear-gradient(180deg,#f6faff 0%,#f0f6ff 100%);clip-path:polygon(0 0, 84% 0, 42% 52%, 84% 100%, 0 100%);opacity:.9;z-index:0}

    .signup-wrap{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}
    .signup-illus{display:flex;justify-content:center}
    .signup-illus img{max-width:520px;width:86%;height:auto;display:block}

    .signup-head{margin-bottom:18px}
    .signup-title{margin:0 0 8px;font-size:24px;font-weight:600;color:#2a3a4f}
    .signup-lead{margin:0;color:#6b7a90;font-size:14px;max-width:560px}

    .signup-form{display:grid;gap:14px}
    .signup-form .row{display:grid;grid-template-columns:1fr;gap:14px}
    .signup-input, .signup-select{width:100%;height:44px;border:1px solid #cfe0ff;border-radius:8px;padding:0 14px;font-size:13.5px;background:#fff;color:#2a3a4f;outline:none}
    .signup-input::placeholder{color:#95a8c6}
    .signup-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238aa0bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px}
    .signup-input:focus, .signup-select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(45,126,247,.12)}

    .signup-submit{margin-top:6px;display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 22px;border-radius:8px;border:0;background:var(--blue);color:#fff;font-weight:700;letter-spacing:.2px;cursor:pointer;box-shadow:0 10px 24px rgba(45,126,247,.25)}
    .signup-submit:hover{background:var(--blue-600)}
    .signup-submit svg{flex:0 0 auto}

    @media (max-width: 980px){
      .section-signup .container{padding:64px 24px 80px}
      .signup-wrap{grid-template-columns:1fr;gap:28px}
      .section-signup::before{left:-180px;top:-160px;width:760px;height:760px}
      .signup-illus img{width:74%;max-width:460px}
    }
    /* Remove gap between Blog and Signup sections */
    #blog + #signup{ margin-top:0; }
    #blog .container{ padding-bottom:100px; }
    #signup .container{ padding-top:0; }
    /* Add top padding above signup heading */
    .signup-head{ padding-top:80px; }
    
 
.mk-cap-line{
  margin: 14px 0 8px;
  font-size: 14px;
  color: #0a192d;
}
.mk-cap-line strong{
  font-size: 16px;
}


.bole{
  display: grid;
  grid-template-columns: 25% 71%;
  gap: 16px; /* isteğe bağlı */
  align-items: start; /* isteğe bağlı */
}
.bole div:first-child{position:relative; left:15px;}


/* ---- Floating launcher ---- */
    .chat-fab{
      position: fixed;
      right: 20px;
      bottom: 40px;
      z-index: 9999;

      width: 65px;
      height: 65px;
      border-radius: 999px;
      border: 0;
      cursor: pointer;

      background: var(--brand);
      color: var(--white);

      display: grid;
      place-items: center;

      box-shadow:
        0 16px 32px rgba(26,133,204,.28),
        0 4px 10px rgba(26,133,204,.22);

      transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;
    }
    aside .wpcf7-not-valid-tip, aside .screen-reader-response{display:none !important;}
    
    
    .chat-fab:hover{
      transform: translateY(-2px);
      box-shadow:
        0 20px 36px rgba(26,133,204,.30),
        0 6px 14px rgba(26,133,204,.24);
    }
    .chat-fab:active{ transform: translateY(0px) scale(.98); }

    .chat-fab svg{ width: 26px; height: 26px; display:block; }

    /* ---- Panel ---- */
    .chat-panel{
      position: fixed;
      right: 18px;
      bottom: 116px; /* fab üstünde dursun */
      z-index: 999999999;

      width: min(360px, calc(100vw - 36px));
      border-radius: 18px;
      border: 1px solid rgba(26,133,204,.35);

      background: var(--white);
      color: var(--brand);

      box-shadow:
        0 18px 44px rgba(26,133,204,.20),
        0 4px 14px rgba(26,133,204,.16);

      overflow: hidden;

      transform-origin: 92% 100%;
      opacity: 0;
      transform: translateY(14px) scale(.78);
      pointer-events: none;

      /* normal kapanış geçişi */
      transition: opacity .20s ease, transform .22s cubic-bezier(.2,.9,.2,1);
      will-change: transform, opacity;
    }

    /* Açılınca: pop/bounce anim */
    .chat-panel.is-open{
      opacity: 1;
      transform: translateY(0) scale(1);
      pointer-events: auto;
      animation: bubbleIn .38s cubic-bezier(.2, .95, .25, 1.15);
    }

    @keyframes bubbleIn{
      0%   { transform: translateY(16px) scale(.72); opacity: 0; }
      55%  { transform: translateY(-2px) scale(1.04); opacity: 1; }
      78%  { transform: translateY(1px) scale(.985); }
      100% { transform: translateY(0) scale(1); }
    }

    .chat-panel__top{
      padding: 14px 14px 12px 14px;
      background: var(--brand);
      color: var(--white);
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
    }
    .chat-panel__title{
      display:flex;
      align-items:center;
      gap:10px;
      font-weight: 700;
      letter-spacing:.2px;
    }
    .chat-panel__title .dot{
      width:10px;height:10px;border-radius:999px;background:var(--white);
      box-shadow: 0 0 0 4px rgba(255,255,255,.25);
    }

    .chat-close{
      width: 36px;
      height: 36px;
      border-radius: 12px;
      border: 1px solid rgba(255,255,255,.35);
      background: transparent;
      color: var(--white);
      cursor:pointer;
      display:grid;
      place-items:center;
      transition: transform .18s ease, background .18s ease;
    }
    .chat-close:hover{ background: rgba(255,255,255,.14); transform: rotate(6deg); }
    .chat-close svg{ width:18px; height:18px; }

    .chat-panel__body{
      padding: 14px;
      display:flex;
      flex-direction:column;
      gap: 10px;
    }

    .field{
      display:flex;
      flex-direction:column;
      gap:6px;
    }
    .label{
      font-size: 12px;
      font-weight: 700;
      opacity: .95;
    }
    .input, .textarea{
      width: 100%;
      border-radius: 14px;
      border: 1px solid rgba(26,133,204,.35);
      background: var(--white);
      color: var(--brand);
      outline: none;
      padding: 12px 12px;
      transition: box-shadow .18s ease, border-color .18s ease, transform .18s ease;
    }
    .input::placeholder, .textarea::placeholder{ color: rgba(26,133,204,.60); }
    .input:focus, .textarea:focus{
      border-color: rgba(26,133,204,.7);
      box-shadow: 0 0 0 4px rgba(26,133,204,.18);
      transform: translateY(-1px);
    }
    .textarea{
      min-height: 92px;
      resize: vertical;
    }

    /* ---- Channel buttons ---- */
.woot-widget-bubble{display:none;}
    .channels{
      display:flex;
      gap:10px;
      margin-top: 6px;
    }
    .channel{
      flex:1;
      border-radius: 16px;
      border: 1px solid rgba(26,133,204,.35);
      background: var(--white);
      color: var(--brand);
      cursor: pointer;
      padding: 10px 10px;
      line-height:10px;
      display:flex;
      font-size:14px; 
      align-items:center;
      justify-content:center;
      gap:10px;

      transition: transform .18s ease, box-shadow .18s ease, background .18s ease, opacity .18s ease;
      user-select:none;
    }
    .channel:hover{
      transform: translateY(-1px);
      box-shadow: 0 10px 26px rgba(26,133,204,.15);
    }
    .channel svg{ width: 18px; height: 18px; position: relative;
    right: 9px;
    top: 3px;}

    .channel[aria-pressed="true"]{
      background: var(--brand);
      color: var(--white);
      border-color: rgba(26,133,204,1);
      box-shadow: 0 10px 26px rgba(26,133,204,.22);
    }
    .channel[aria-pressed="true"] svg path{ fill: var(--white); }

    .actions{
     
      margin-top: 8px;
    }
    .actions .btn{width:100% !important;}
    .btn{
      flex:1;
      border-radius: 16px;
      border: 1px solid rgba(26,133,204,.35);
      background: var(--brand);
      color: var(--white);
      cursor:pointer;
      padding: 12px 12px;
      font-weight: 800;
      letter-spacing:.2px;
      transition: transform .18s ease, opacity .18s ease, box-shadow .18s ease;
      box-shadow: 0 10px 24px rgba(26,133,204,.22);
    }
    .btn:hover{ transform: translateY(-1px); }
    .btn:active{ transform: translateY(0) scale(.99); }

    .hint{
      font-size: 12px;
      line-height: 1.35;
      opacity: .9;
      margin-top: 2px;
    }

    /* ---- Small screens ---- */
    @media (max-width: 420px){
      .chat-panel{ bottom: 82px; }
      .channels{ flex-direction: column; }
    }

    /* Kullanıcı “reduce motion” seçmişse animasyonu azalt */
    @media (prefers-reduced-motion: reduce){
      .chat-panel, .chat-fab, .channel, .btn { transition: none !important; }
      .chat-panel.is-open{ animation: none !important; }
    }
    
    aside .wpcf7-response-output{display:none !important;}


#chatForm input{height:40px !important;}
#chatForm textarea, #chatForm input{border-radius:12px !important;}
    ::placeholder {
  color:#80bfe8 !important;
}

   .channels{
       display: grid !important;
    grid-template-columns: 1fr 1fr;
   }
   .channel{padding:5px !important;gap:6px !important; width:100% !important; padding-top:8px !important;}
    
    /* === FOOTER === */
    .site-footer{background:#eef6ff;border-top:1px solid var(--line):margin-top:60px;}
    .site-footer .container{padding:46px 24px}
    .ft-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr) auto;gap:28px;align-items:start}
    .ft-brand{display:flex;flex-direction:column;gap:10px;color:#6b7a90;font-size:13px}
    .ft-logo{display:flex;align-items:center;gap:10px;font-weight:700;color:#263442;text-decoration:none}
    .ft-logo img{width: 120px; margin-bottom:10px;}
    .basi{margin-bottom: 10px;}
    .ft-logo .logo{width:22px;height:22px;border-radius:999px;background:var(--blue);color:#fff;display:grid;place-items:center;box-shadow:0 6px 16px rgba(45,126,247,.25);font-size:12px}

    .ft-col h4{margin:0 0 10px;font-size:13px;font-weight:700;color:#263442}

    .ft-links{list-style:none;margin:0;padding:0;display:grid;gap:8px}
    .ft-links a,  .ft-links li{color:#6b7a90;text-decoration:none;font-size:13px}
    .ft-links a:hover,  .ft-links li:hover{color:var(--blue)}

    .ft-social{display:flex;gap:12px}
    .ft-social a{width:30px;height:30px;border-radius:8px;border:1px solid #cfe0ff;display:grid;place-items:center;color:#7394c9;background:#fff}
    .ft-social a:hover{background:var(--blue);border-color:var(--blue);color:#fff}
/* İçerik bölümü body içinde boşluğu doldursun */


/* Footer alta yapışsın, küçülmesin */
.site-footer,
.site_footer,
footer {
  flex-shrink: 0;
}

/*front*/
.front{
 
  padding: 35px 0px;
    background-color: #eef6ff;

  background-repeat: repeat;
  background-size: 320px 320px;
  
}
#breadcrumbs svg{
      width: 20px;
    height: 20px;
    position: relative;
    top: 3px;
    color: #1a85cc;
    fill: #1a85cc;
    margin-right: 7px;
}
#breadcrumbs a{
  text-decoration: none;
  font-weight: 600;
  color: #1a85cc;
}
.post-img img{
  width: 450px;
    border-radius: 20px;
}
/* Pagination wrapper */
.pagination {
  display: flex;
  justify-content: flex-start; /* eskiden center'dı */
  align-items: center;
  gap: 6px;
  margin: 32px 0 8px;
  font-family: inherit;
}


/* Ortak stil */
.pagination .page-numbers {
  min-width: 34px;
  height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid #d8e3f7;
  background: #ffffff;
  color: #4b5872;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition:
    background-color 0.18s ease,
    color 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease,
    transform 0.12s ease;
}

/* Üzerine gelince */
.pagination .page-numbers:hover {
  border-color: #1a85cc;
  background: #f0f5ff;
  color: #1a85cc;
  box-shadow: 0 6px 18px rgba(45, 126, 247, 0.18);
  transform: translateY(-1px);
}

/* Aktif sayfa */
.pagination .page-numbers.current {
  border-color: #1a85cc;
  background: #1a85cc;
  color: #ffffff;
  font-weight: 600;
  box-shadow: 0 8px 20px rgba(45, 126, 247, 0.35);
  cursor: default;
}

.cat-desc{margin-bottom:30px;}


/* Hizmetlerimiz + alt kategoriler: 3'lü modern grid */
.zkx-cat-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:18px;
  margin-top:18px;
}

.zkx-cat-grid .zkx-hitem{
  border:1px solid rgba(37,99,235,.10);
  border-radius:18px;
  background:#fff;
  box-shadow:0 14px 40px rgba(15,23,42,.08);
  overflow:hidden;
  transition:.18s ease;
}
.zkx-cat-grid .zkx-hitem:hover{
  transform: translateY(-2px);
  box-shadow:0 18px 60px rgba(15,23,42,.12);
}

.zkx-cat-grid .zkx-hitem__link{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:18px;
  text-decoration:none;
  color:inherit;
  height:100%;
}

.zkx-cat-grid .zkx-hitem__ic{
  width:132px;
  height:132px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background: rgba(37,99,235,.08);
  border: 1px solid rgba(37,99,235,.12);
}

.zkx-cat-grid .zkx-hitem__ph{
  width:40px;height:40px;
  display:grid;place-items:center;
  border-radius:12px;
  background: rgba(2,6,23,.03);
  border: 1px solid rgba(2,6,23,.06);
  color:#64748b;
  font-size:12px;
  font-weight:700;
}

.zkx-cat-grid .zkx-hitem__title{
  margin:0;
  font-size:16px;
  font-weight:900;
  line-height:25px;
  letter-spacing:-.01em;
}
.zkx-cat-grid .zkx-hitem__desc{
  margin:8px 0 0;
  color:#475569;
  line-height:1.6;
}

.zkx-cat-grid .zkx-hitem__actions{
  margin-top:auto;
  padding-top:8px;
}
.zkx-cat-grid .zkx-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:999px;
  background: rgba(37,99,235,.08);
  border: 1px solid rgba(37,99,235,.12);
  color:var(--blue-600);
  font-weight:900;
  font-size:12px;
  letter-spacing:.02em;
}

.zkx-cat-pagination{
  margin-top:22px;
  display:flex;
  justify-content:center;
  margin-bottom:60px;
}
.zkx-cat-pagination .page-numbers{
  display:inline-flex;
  min-width:40px;
  height:40px;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.10);
  background:#fff;
  color:#0f172a;
  text-decoration:none;
  margin:0 4px;
  font-weight:800;
}
.zkx-cat-pagination .page-numbers.current{
  background: linear-gradient(135deg,#1a85cc,#1a85cc);
  color:#fff;
  border-color:transparent;
}

/* responsive */
@media (max-width:1024px){
  .zkx-cat-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}
@media (max-width:640px){
  .zkx-cat-grid{ grid-template-columns:1fr; }
  
  .bole{
  display: grid;
  grid-template-columns:100%;
  gap: 16px; /* isteğe bağlı */
  align-items: start; /* isteğe bağlı */
}
}


/* “Sonraki” linki için ufak fark */
.pagination .page-numbers.next {
  padding: 0 16px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.ileti{list-style: none; padding-left: 0px;}
.ileti li{margin-bottom: 10px;}
/*front*/

    @media (max-width: 980px){
      .ft-grid{grid-template-columns:1fr 1fr;gap:20px}
      .site-footer .container{padding:34px 24px}
      .pos.rev{grid-template-columns:1fr}
    }
    @media (max-width: 560px){
      .ft-grid{grid-template-columns:1fr}
      .hero .wrap {
    grid-template-columns: 1fr;
    padding-top: 80px !important;
      }
    }