.elementor-443 .elementor-element.elementor-element-d854634{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS *//* ============================================================
   NSS — Çözümler Sayfası  (bağımsız / scoped CSS)
   Tüm kurallar .nss-cz altında — site CSS'i ile çakışmaz.
   Renk / radius / gölge değerlerini :root benzeri blokta düzenleyin.
   ============================================================ */

.nss-cz {
  --cloud:#FFFFFF; --tint:#F7F8FA; --chalk:#FAFBFC; --line:#E5E7EB;
  --steel:#1A2332; --ash:#6B7480; --coral:#D6354C; --blood:#C8102E;
  --blush:#FFE4E6; --peach:#FFEDE6; --cream:#FFF6EC; --sage:#E8F0E9;
  --sky:#E6F1F8; --lilac:#EEE9F5; --butter:#FAF1DA;

  --grad-coral: linear-gradient(135deg,#FFE4E6 0%,#FFEDE6 100%);
  --grad-sage:  linear-gradient(135deg,#E8F0E9 0%,#F0F5E8 100%);
  --grad-cream: linear-gradient(135deg,#FFF6EC 0%,#FFE4E6 100%);
  --grad-navy:  linear-gradient(135deg,#E6E9F4 0%,#EEE9F5 100%);
  --grad-sky:   linear-gradient(135deg,#E6F1F8 0%,#EAF6FA 100%);
  --grad-butter:linear-gradient(135deg,#FAF1DA 0%,#FFEDE6 100%);
  --grad-peach: linear-gradient(135deg,#FFEDE6 0%,#FFE4E6 100%);
  --coral-bg:   linear-gradient(135deg,#E94B4B 0%,#C8102E 100%);

  --shadow-card: 0 1px 2px rgba(26,35,50,.04), 0 8px 24px -8px rgba(26,35,50,.10);
  --shadow-hover:0 4px 8px rgba(26,35,50,.06), 0 24px 48px -12px rgba(26,35,50,.18);
  --radius-lg:28px; --radius-md:20px; --radius-sm:16px;
  --site:1440px;

  font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--steel);
  -webkit-font-smoothing:antialiased;
}
.nss-cz *,
.nss-cz *::before,
.nss-cz *::after { box-sizing:border-box; }

/* ---------- Layout yardımcıları ---------- */
.nss-cz .nss-section { padding:64px 0; }
.nss-cz .nss-section--tint { background:var(--tint); }
.nss-cz .nss-container {
  max-width:var(--site);
  margin-inline:auto;
  padding-inline:24px;
}
@media (min-width:768px){
  .nss-cz .nss-section { padding:96px 0; }
  .nss-cz .nss-container { padding-inline:40px; }
}
@media (min-width:1024px){
  .nss-cz .nss-container { padding-inline:64px; }
}

.nss-cz .nss-eyebrow {
  font-size:12px; font-weight:600; letter-spacing:.14em;
  text-transform:uppercase; color:var(--coral); margin:0;
}

/* ============================================================
   HERO
   ============================================================ */
.nss-cz .nss-hero { padding-top:48px; padding-bottom:40px; }
@media (min-width:768px){ .nss-cz .nss-hero { padding-top:80px; padding-bottom:56px; } }

.nss-cz .nss-breadcrumb {
  display:flex; align-items:center; gap:8px;
  font-size:12px; color:var(--ash); margin-bottom:32px;
}
.nss-cz .nss-breadcrumb a { color:var(--ash); text-decoration:none; transition:color .2s; }
.nss-cz .nss-breadcrumb a:hover { color:var(--coral); }
.nss-cz .nss-breadcrumb .current { color:var(--steel); font-weight:500; }

.nss-cz .nss-badge {
  display:inline-flex; align-items:center; gap:8px;
  padding:5px 12px; background:var(--blush); color:var(--coral);
  border-radius:999px; font-size:12px; font-weight:600;
}
.nss-cz .nss-badge .dot { width:6px; height:6px; background:var(--coral); border-radius:999px; }

.nss-cz .nss-hero__grid {
  display:grid; grid-template-columns:1fr; gap:32px; align-items:end;
}
@media (min-width:1024px){
  .nss-cz .nss-hero__grid { grid-template-columns:7fr 5fr; gap:48px; }
}

.nss-cz .nss-hero__title {
  margin:24px 0 0; font-weight:900; letter-spacing:-.02em; line-height:1.05;
  font-size:clamp(2.25rem,4.5vw,4rem);
}
.nss-cz .nss-hero__title .accent { color:var(--coral); }
.nss-cz .nss-hero__lead {
  margin:24px 0 0; max-width:60ch;
  font-size:clamp(1rem,1.2vw,1.125rem); line-height:1.65; color:var(--ash);
}
.nss-cz .nss-hero__lead strong { color:var(--steel); font-weight:600; }

.nss-cz .nss-hero__stats { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.nss-cz .nss-stat {
  background:var(--tint); border-radius:var(--radius-md);
  padding:20px; text-align:center;
}
.nss-cz .nss-stat__num {
  margin:0; font-weight:900; letter-spacing:-.02em;
  font-size:30px; color:var(--coral); line-height:1;
}
.nss-cz .nss-stat__label { margin:6px 0 0; font-size:12px; color:var(--ash); line-height:1.25; }

/* ============================================================
   FİLTRE + KARTLAR  (shortcode çıktısı)
   ============================================================ */
.nss-cz.nss-cards,
.nss-cz .nss-cards { padding-top:16px; padding-bottom:64px; }
@media (min-width:768px){
  .nss-cz.nss-cards,
  .nss-cz .nss-cards { padding-bottom:96px; }
}

.nss-cz .nss-cards__head {
  display:flex; flex-direction:column; gap:12px;
  border-top:1px solid var(--line); padding-top:32px;
}
@media (min-width:768px){
  .nss-cz .nss-cards__head { flex-direction:row; align-items:center; justify-content:space-between; }
}
.nss-cz .nss-cards__count { margin:0; font-size:14px; color:var(--ash); }
.nss-cz .nss-cards__count b { color:var(--steel); font-weight:700; }

.nss-cz .nss-filters {
  display:flex; flex-wrap:wrap; gap:8px; margin-top:20px;
}
.nss-cz .nss-chip {
  appearance:none; cursor:pointer;
  padding:8px 16px; border-radius:999px;
  border:1px solid var(--line); background:var(--cloud);
  color:var(--steel); font-size:14px; font-weight:600;
  font-family:inherit;
  transition:background-color .2s, color .2s, border-color .2s;
}
.nss-cz .nss-chip:hover { border-color:var(--steel); }
.nss-cz .nss-chip.is-active { background:var(--steel); color:var(--cloud); border-color:var(--steel); }

.nss-cz .nss-grid {
  --nss-cols:3;
  display:grid; grid-template-columns:1fr; gap:20px;
  margin-top:32px; position:relative;
}
@media (min-width:640px){ .nss-cz .nss-grid { grid-template-columns:repeat(2,1fr); } }
@media (min-width:1024px){ .nss-cz .nss-grid { grid-template-columns:repeat(var(--nss-cols),1fr); } }

/* ---------- Kart ---------- */
.nss-cz .nss-card {
  display:flex; flex-direction:column;
  background:var(--cloud); border:1px solid var(--line);
  border-radius:var(--radius-lg); padding:28px;
  box-shadow:var(--shadow-card);
  transition:box-shadow .25s ease, transform .25s ease, opacity .35s ease;
}
.nss-cz .nss-card:hover { box-shadow:var(--shadow-hover); transform:translateY(-2px); }
.nss-cz .nss-card.is-hidden {
  display:none; /* JS filtre gizleme */
}

.nss-cz .nss-card__head {
  display:flex; align-items:center; justify-content:space-between; gap:12px;
}
.nss-cz .nss-card__icon {
  width:48px; height:48px; border-radius:var(--radius-sm);
  display:flex; align-items:center; justify-content:center;
  color:var(--coral); flex-shrink:0;
}
.nss-cz .nss-card__icon svg { width:24px; height:24px; }
/* katman bazlı ikon arkaplanları */
.nss-cz .nss-card__icon--data-security        { background:var(--grad-coral);  color:var(--coral); }
.nss-cz .nss-card__icon--identity-access       { background:var(--grad-butter); color:#B07A1A; }
.nss-cz .nss-card__icon--cloud-application      { background:var(--grad-sage);   color:#3D8B5C; }
.nss-cz .nss-card__icon--endpoint-device        { background:var(--grad-sky);    color:#2A6E94; }
.nss-cz .nss-card__icon--network-infrastructure { background:var(--grad-navy);   color:#4A4070; }
.nss-cz .nss-card__icon--modern-work            { background:var(--grad-peach);  color:#B85433; }
.nss-cz .nss-card__icon--operations             { background:var(--grad-cream);  color:var(--coral); }
.nss-cz .nss-card__icon--default                { background:var(--tint);        color:var(--ash); }

.nss-cz .nss-card__num {
  font-size:11px; font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  color:rgba(107,116,128,.6);
}
.nss-cz .nss-card__title {
  margin:20px 0 0; font-weight:900; letter-spacing:-.02em; font-size:20px;
}
.nss-cz .nss-card__desc {
  margin:12px 0 0; flex:1 1 auto;
  font-size:14px; line-height:1.6; color:var(--ash);
}
.nss-cz .nss-card__divider {
  margin-top:20px; padding-top:20px; border-top:1px solid var(--line);
}
.nss-cz .nss-card__brands-label {
  margin:0 0 8px; font-size:11px; letter-spacing:.14em;
  text-transform:uppercase; color:var(--ash);
}
.nss-cz .nss-card__brands { display:flex; flex-wrap:wrap; gap:8px; }
.nss-cz .nss-brand {
  padding:4px 12px; background:var(--tint); color:var(--steel);
  font-size:12px; font-weight:600; border-radius:999px;
}
.nss-cz .nss-card__link {
  margin-top:20px; display:inline-flex; align-items:center; gap:6px;
  font-size:14px; font-weight:600; color:var(--coral); text-decoration:none;
  transition:gap .2s ease;
}
.nss-cz .nss-card__link:hover { gap:10px; }

.nss-cz .nss-empty {
  display:none; text-align:center; padding:80px 0; color:var(--ash);
}
.nss-cz .nss-empty.is-visible { display:block; }

/* ============================================================
   "NEDEN KATMAN" BANDI
   ============================================================ */
.nss-cz .nss-band__grid {
  display:grid; grid-template-columns:1fr; gap:32px; align-items:start;
}
@media (min-width:1024px){
  .nss-cz .nss-band__grid { grid-template-columns:5fr 7fr; gap:48px; }
}
.nss-cz .nss-band__title {
  margin:12px 0 0; font-weight:900; letter-spacing:-.02em; line-height:1.1;
  font-size:clamp(1.85rem,3.2vw,2.75rem);
}
.nss-cz .nss-band__lead {
  margin:16px 0 0; font-size:clamp(1rem,1.2vw,1.125rem); line-height:1.65; color:var(--ash);
}
.nss-cz .nss-feature-grid { display:grid; grid-template-columns:1fr; gap:20px; }
@media (min-width:640px){ .nss-cz .nss-feature-grid { grid-template-columns:repeat(3,1fr); } }
.nss-cz .nss-feature {
  background:var(--cloud); border-radius:var(--radius-md);
  padding:24px; box-shadow:var(--shadow-card);
}
.nss-cz .nss-feature__title { margin:0; font-weight:700; font-size:16px; letter-spacing:-.01em; }
.nss-cz .nss-feature__desc { margin:8px 0 0; font-size:14px; line-height:1.6; color:var(--ash); }

/* ============================================================
   KAPANIŞ CTA
   ============================================================ */
.nss-cz .nss-cta-wrap { padding:64px 0; }
@media (min-width:768px){ .nss-cz .nss-cta-wrap { padding:96px 0; } }
.nss-cz .nss-cta {
  background:var(--coral-bg); border-radius:var(--radius-lg);
  padding:48px 32px; color:#fff;
  display:flex; flex-direction:column; gap:32px;
}
@media (min-width:768px){
  .nss-cz .nss-cta { flex-direction:row; align-items:center; justify-content:space-between; padding:56px 48px; }
}
.nss-cz .nss-cta__text { max-width:36rem; }
.nss-cz .nss-cta__eyebrow {
  margin:0; font-size:12px; font-weight:600; letter-spacing:.14em;
  text-transform:uppercase; color:rgba(255,255,255,.8);
}
.nss-cz .nss-cta__title {
  margin:12px 0 0; color:#fff; font-weight:900; letter-spacing:-.02em; line-height:1.05;
  font-size:clamp(1.75rem,3vw,2.5rem);
}
.nss-cz .nss-cta__lead { margin:12px 0 0; color:rgba(255,255,255,.85); line-height:1.6; }
.nss-cz .nss-cta__actions { display:flex; flex-direction:column; gap:12px; }
@media (min-width:640px){ .nss-cz .nss-cta__actions { flex-direction:row; } }

.nss-cz .nss-btn {
  display:inline-flex; align-items:center; justify-content:center;
  padding:14px 24px; border-radius:999px; font-size:16px; font-weight:600;
  text-decoration:none; white-space:nowrap; transition:background-color .2s, opacity .2s;
}
.nss-cz .nss-btn--light { background:var(--cloud); color:var(--coral); }
.nss-cz .nss-btn--light:hover { background:var(--tint); }
.nss-cz .nss-btn--ghost { background:rgba(255,255,255,.15); color:#fff; }
.nss-cz .nss-btn--ghost:hover { background:rgba(255,255,255,.25); }

/* hareket azaltma tercihi */
@media (prefers-reduced-motion:reduce){
  .nss-cz * { transition:none !important; }
}/* End custom CSS */