.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ============================================================
   NSS TEKNOLOJİ — HEADER + MEGA MENU CSS
   Kaynak: alt-c-card-v2.txt design tokens
   Kapsar: header, tüm mega menüler, çözümler/markalar/mevzuat grid
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

/* ============================================================
   1. DESIGN TOKENS
   ============================================================ */
:root {
    --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;
    --font:   'Inter', sans-serif;
}

/* ============================================================
   2. GRADIENT HELPERS
   ============================================================ */
.grad-coral  { background: linear-gradient(135deg, #FFE4E6 0%, #FFEDE6 100%); }
.grad-sage   { background: linear-gradient(135deg, #E8F0E9 0%, #F0F5E8 100%); }
.grad-cream  { background: linear-gradient(135deg, #FFF6EC 0%, #FFE4E6 100%); }
.grad-navy   { background: linear-gradient(135deg, #E6E9F4 0%, #EEE9F5 100%); }
.grad-sky    { background: linear-gradient(135deg, #E6F1F8 0%, #EAF6FA 100%); }
.grad-butter { background: linear-gradient(135deg, #FAF1DA 0%, #FFEDE6 100%); }
.grad-peach  { background: linear-gradient(135deg, #FFEDE6 0%, #FFE4E6 100%); }
.grad-lilac  { background: linear-gradient(135deg, #EEE9F5 0%, #E6E9F4 100%); }
.coral-bg    { background: linear-gradient(135deg, #E94B4B 0%, #C8102E 100%); }

/* ============================================================
   3. BODY / BASE
   ============================================================ */
body { padding-top: 80px; font-family: var(--font); }

/* ============================================================
   4. BACKDROP
   ============================================================ */
.megamenu-backdrop {
    position: fixed; inset: 0;
    background: rgba(26, 35, 50, 0.25);
    backdrop-filter: blur(2px);
    opacity: 0; visibility: hidden;
    transition: opacity .2s ease, visibility .2s;
    z-index: 40;
}
.megamenu-backdrop[data-open] { opacity: 1; visibility: visible; }

/* ============================================================
   5. HEADER
   ============================================================ */
.nss-header {
    position: fixed;
    top: 0; left: 0; right: 0;
    z-index: 50;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-bottom: 1px solid var(--line);
}

.nss-header-inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 24px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.nss-header-logo img { height: 44px; width: auto; }

/* ============================================================
   6. NAV
   ============================================================ */
.nss-header-nav {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 14px;
    font-weight: 500;
    color: rgba(26, 35, 50, 0.8);
}

.mm-trigger {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    border-radius: 9999px;
    border: none;
    background: transparent;
    font-family: var(--font) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: rgba(26, 35, 50, 0.8) !important;
    cursor: pointer;
    transition: background .2s, color .2s;
    letter-spacing: 0 !important;
    text-transform: none !important;
}
.mm-trigger:hover,
.mm-trigger[data-open] { background: var(--tint); color:   var(--coral) !important; }

.mm-chev {
    width: 14px; height: 14px;
    transition: transform .2s ease;
    flex-shrink: 0;
}
.mm-trigger[data-open] .mm-chev { transform: rotate(180deg); }

.nss-header-nav a {
    display: inline-flex;
    align-items: center;
    padding: 8px 12px;
    border-radius: 9999px;
    color: rgba(26, 35, 50, 0.8) !important;
    text-decoration: none !important;
    font-family: var(--font) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    transition: background .2s, color .2s;
}
.nss-header-nav a:hover { background: var(--tint); color: var(--coral) !important; }

/* ============================================================
   7. HEADER ACTIONS
   ============================================================ */
.nss-header-actions {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
}

.nss-phone-block {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: 1.2;
}
.nss-phone-label {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--ash);
}
.nss-phone-number {
    font-size: 13px;
    font-weight: 700;
    color: var(--steel);
    text-decoration: none;
    transition: color .2s;
}
.nss-phone-number:hover { color: var(--coral); }

.nss-btn-bayilik {
    display: inline-flex;
    align-items: center;
    padding: 10px 20px;
    background: linear-gradient(135deg, #E94B4B 0%, #C8102E 100%);
    color: #fff;
    font-family: var(--font);
    font-size: 13px;
    font-weight: 600;
    border-radius: 9999px;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 1px 2px rgba(26,35,50,0.04), 0 8px 24px -8px rgba(26,35,50,0.10);
    transition: opacity .2s;
}
.nss-btn-bayilik:hover { opacity: 0.9; }

/* ============================================================
   8. HAMBURGER
   ============================================================ */
.nss-hamburger {
    display: none;
    flex-direction: column;
    gap: 5px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
}
.nss-hamburger span {
    display: block;
    width: 22px; height: 2px;
    background: var(--steel);
    border-radius: 2px;
}

/* ============================================================
   9. MEGAMENU WRAPPER
   ============================================================ */
.megamenu {
    position: fixed;
    left: 0; right: 0;
    top: 80px;
    background: var(--cloud);
    border-top: 1px solid var(--line);
    box-shadow: 0 24px 48px -12px rgba(26, 35, 50, 0.12);
    opacity: 0; visibility: hidden;
    transform: translateY(-6px);
    transition: opacity .2s ease, transform .2s ease, visibility .2s;
    z-index: 49;
}
.megamenu[data-open] { opacity: 1; visibility: visible; transform: translateY(0); }

.megamenu-inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 40px 24px;
}

/* ============================================================
   10. GRID LAYOUTS
   ============================================================ */
.mm-grid-4col { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.mm-grid-3col { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.mm-grid-2col { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.mm-grid-12   { display: grid; grid-template-columns: 3fr 9fr; gap: 32px; }
.mm-subgrid   { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }

/* ============================================================
   11. SOL AÇIKLAMA KOLONU
   ============================================================ */
.mm-desc-col { display: flex; flex-direction: column; gap: 12px; }

.mm-desc-label {
    font-size: 11px; font-weight: 600;
    letter-spacing: 0.1em; text-transform: uppercase;
    color: var(--coral);
}
.mm-desc-title {
    font-size: 22px; font-weight: 900;
    color: var(--steel); line-height: 1.15;
    letter-spacing: -0.02em; margin: 0;
}
.mm-desc-text {
    font-size: 13px; color: var(--ash);
    line-height: 1.6; margin: 0;
}
.mm-desc-link {
    display: inline-flex; align-items: center; gap: 4px;
    font-size: 13px; font-weight: 600;
    color: var(--coral); text-decoration: none;
    transition: gap .2s;
}
.mm-desc-link:hover { gap: 8px; }

/* ============================================================
   12. SECTION DIVIDERS (Mevzuat, Sektörler gruplaması)
   ============================================================ */
.mm-section { margin-bottom: 24px; }

.mm-section-header {
    display: flex; align-items: center; gap: 8px;
    margin-bottom: 12px;
}
.mm-section-dot {
    width: 4px; height: 16px;
    background: var(--coral); border-radius: 2px;
    flex-shrink: 0;
}
.mm-section-title {
    font-size: 10px; font-weight: 700;
    letter-spacing: 0.1em; text-transform: uppercase;
    color: var(--steel);
}
.mm-section-count { font-size: 10px; color: var(--ash); }

/* ============================================================
   13. KARTLAR — mm-card (Markalar, Sektörler, Mevzuat statik)
   ============================================================ */
.mm-card {
    display: flex; align-items: flex-start; gap: 16px;
    padding: 16px; border-radius: 16px;
    border: 1px solid transparent;
    text-decoration: none;
    cursor: pointer;
    background: transparent;
    text-align: left;
    width: 100%;
    font-family: var(--font);
    transition: background .2s ease, border-color .2s ease;
}
.mm-card:hover { background: var(--tint); }
.mm-card:hover .mm-icon {
    background: linear-gradient(135deg, #E94B4B 0%, #C8102E 100%) !important;
    color: white !important;
}

.mm-card-dashed { border: 1px dashed var(--line); }
.mm-card-dashed:hover {
    border-color: var(--coral) !important;
    background: var(--blush) !important;
}

/* İkon kutusu */
.mm-icon {
    flex-shrink: 0;
    width: 44px; height: 44px;
    border-radius: 12px;
    display: flex; align-items: center; justify-content: center;
    transition: background .2s ease, color .2s ease;
}

/* Küçük rozet ikon (Mevzuat: KVKK, GDPR...) */
.mm-icon-sm {
    width: 48px; height: 48px;
    border-radius: 12px;
    display: flex; align-items: center; justify-content: center;
    font-size: 11px; font-weight: 900;
    letter-spacing: -0.02em;
    flex-shrink: 0;
}

.mm-card-body { display: flex; flex-direction: column; gap: 2px; }
.mm-card-title {
    font-size: 14px; font-weight: 600;
    color: var(--steel); line-height: 1.25;
}
.mm-card-sub { font-size: 12px; color: var(--ash); }

/* ============================================================
   14. ÇÖZÜMLER MEGA MENÜSÜ — [nss_cozumler_menu] çıktısı
   ============================================================ */

/* Ana 2 sütun grid */
.nss-mm-domains {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 28px;
    width: 100%;
    align-items: start;
}

/* Domain grubu */
.nss-mm-group { margin-bottom: 18px; }

/* Domain başlık satırı */
.nss-mm-group-header {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-bottom: 8px;
    margin-bottom: 4px;
    border-bottom: 1px solid #F3F4F6;
}

/* Domain ikon kutusu — bg ve color inline */
.nss-mm-group-icon {
    width: 44px; height: 44px; min-width: 44px;
    border-radius: 8px;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0; overflow: hidden;
}
.nss-mm-group-icon svg,
.nss-mm-group-icon img { width: 20px; height: 20px; display: block; }

.nss-mm-group-name {
    font-family: Inter, system-ui, sans-serif;
    font-size: 10px; font-weight: 700;
    letter-spacing: 0.09em; text-transform: uppercase;
    color: #1A2332; flex: 1; line-height: 1.2;
}
.nss-mm-group-count {
    font-family: Inter, system-ui, sans-serif;
    font-size: 10px; color: #9CA3AF; flex-shrink: 0;
}

/* Çözüm satırı */
.nss-mm-cozum-link {
    display: flex; flex-direction: column; gap: 2px;
    padding: 8px 8px 8px 36px;
    border-radius: 8px;
    text-decoration: none;
    transition: background 0.15s ease;
}
.nss-mm-cozum-link:hover { background: #F7F8FA; }

.nss-mm-cozum-title {
    font-family: Inter, system-ui, sans-serif;
    font-size: 14px; font-weight: 600;
    color: #1A2332; line-height: 1.3;
}
.nss-mm-cozum-vendor {
    font-family: Inter, system-ui, sans-serif;
    font-size: 12px; color: #6B7480; line-height: 1.3;
}

/* Çözümler sabit son kart (Mevzuat Uyum Haritası) */
.nss-mm-mevzuat-harita { margin-bottom: 18px; }

.nss-mm-mevzuat-harita-link {
    display: flex; flex-direction: column; gap: 2px;
    padding: 8px 8px 8px 36px;
    border-radius: 8px;
    border: 1px dashed #E5E7EB;
    text-decoration: none;
    transition: border-color 0.15s ease, background 0.15s ease;
}
.nss-mm-mevzuat-harita-link:hover {
    border-color: #D6354C;
    background: #FFF5F5;
}

/* Dot fallback */
.nss-mm-icon-dot {
    width: 8px; height: 8px;
    border-radius: 50%; display: block;
}

/* ============================================================
   15. MEVZUAT MEGA MENÜSÜ — [nss_mevzuat_menu] ciktisi
   ============================================================ */

/* Ana container */
.nss-mm-mevzuat-grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}

/* Grup wrapper */
.nss-mm-mevzuat-grid .nss-mm-section {
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* Grup baslik satiri */
.nss-mm-mevzuat-grid .nss-mm-section-header {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-bottom: 10px;
    margin-bottom: 8px;
    border-bottom: 1px solid var(--line);
}

.nss-mm-mevzuat-grid .nss-mm-section-dot {
    width: 3px;
    height: 14px;
    border-radius: 2px;
    background: var(--coral);
    flex-shrink: 0;
}

.nss-mm-mevzuat-grid .nss-mm-section-title {
    font-family: Inter, system-ui, sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    color: var(--steel);
    flex: 1;
}

.nss-mm-mevzuat-grid .nss-mm-section-count {
    font-family: Inter, system-ui, sans-serif;
    font-size: 10px;
    color: var(--ash);
    flex-shrink: 0;
}

/* 3 sutun kart grid */
.nss-mm-mevzuat-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4px;
}

/* Mevzuat karti */
.nss-mm-mevzuat-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid transparent;
    text-decoration: none;
    transition: background 0.15s ease;
}
.nss-mm-mevzuat-card:hover {
    background: var(--tint);
}
.nss-mm-mevzuat-card:hover .nss-mm-mevzuat-icon {
    filter: brightness(0.93);
}

/* Ikon kutusu — renk badge_background inline'dan gelir */
.nss-mm-mevzuat-icon {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: filter 0.15s ease;
}

/* SVG ikon tam kutuyu kaplar */
.nss-mm-mevzuat-icon svg,
.nss-mm-mevzuat-icon img {
    width: 44px;
    height: 44px;
    display: block;
    border-radius: 10px;
}

/* Kart icerik */
.nss-mm-mevzuat-body {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-width: 0;
}

.nss-mm-mevzuat-title {
    font-family: Inter, system-ui, sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: var(--steel);
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nss-mm-mevzuat-sub {
    font-family: Inter, system-ui, sans-serif;
    font-size: 11px;
    color: var(--ash);
    line-height: 1.3;
    margin-top: 1px;
}

/* ============================================================
   16. RESPONSIVE
   ============================================================ */
@media (max-width: 1024px) {
    .nss-header-nav,
    .nss-phone-block { display: none; }
    .nss-hamburger { display: flex; }
    body { padding-top: 80px; }
    .nss-mm-mevzuat-list { grid-template-columns: repeat(2, 1fr); }
    .nss-mm-domains { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
    .megamenu-inner { padding: 24px 16px; }
    .mm-grid-12 { grid-template-columns: 1fr; }
    .mm-subgrid { grid-template-columns: repeat(2, 1fr); }
    .mm-grid-3col { grid-template-columns: repeat(2, 1fr); }
    .nss-mm-mevzuat-list { grid-template-columns: 1fr; }
}
/* ============================================================
   NSS TEKNOLOJİ - FOOTER CSS
   Design tokens: nss-header.css ile ayni :root
   Elementor > Custom CSS veya nss-header.css sonuna ekle
   ============================================================ */

/* Elementor section padding sifirlama */
.nss-footer.elementor-section,
.nss-footer .elementor-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* Body ve html alt bosluklari temizle */
body { margin-bottom: 0 !important; }

.nss-footer {
    background: var(--steel);
    color: var(--cloud);
    font-family: var(--font);
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
}

.nss-footer-inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 72px 24px 32px;
}

/* 4 kolon grid */
.nss-footer-top {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1.4fr;
    gap: 48px;
    align-items: start;
    padding-bottom: 56px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

/* Kolon 1: Marka */
.nss-footer-logo {
    height: 40px;
    width: auto;
    display: block;
}

.nss-footer-desc {
    margin-top: 20px;
    font-size: 13px;
    line-height: 1.75;
    color: rgba(255,255,255,0.6);
    max-width: 340px;
}

.nss-footer-social {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 24px;
}

.nss-footer-social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 9999px;
    background: rgba(255,255,255,0.08);
    color: rgba(255,255,255,0.6);
    text-decoration: none;
    transition: background .2s ease, color .2s ease;
}
.nss-footer-social-link:hover {
    background: var(--coral);
    color: #fff;
}
.nss-footer-social-link svg {
    width: 16px;
    height: 16px;
    display: block;
}

/* Kolon 2-3: Link listeleri */
.nss-footer-col-label {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.4);
    margin: 0 0 16px 0;
}

.nss-footer-links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.nss-footer-links a {
    font-size: 13px;
    font-weight: 500;
    color: rgba(255,255,255,0.75);
    text-decoration: none;
    transition: color .15s ease;
}
.nss-footer-links a:hover { color: var(--coral); }

/* Kolon 4: Iletisim */
.nss-footer-email {
    display: block;
    margin-top: 4px;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: -0.03em;
    color: #fff;
    text-decoration: none;
    line-height: 1.2;
    transition: color .15s ease;
}
.nss-footer-email:hover { color: var(--coral); }

.nss-footer-phone {
    display: block;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 600;
    color: rgba(255,255,255,0.85);
    text-decoration: none;
    transition: color .15s ease;
}
.nss-footer-phone:hover { color: var(--coral); }

.nss-footer-support {
    margin-top: 6px;
    font-size: 12px;
    color: rgba(255,255,255,0.4);
}

.nss-footer-cta {
    display: inline-flex;
    align-items: center;
    margin-top: 20px;
    padding: 10px 20px;
    background: linear-gradient(135deg, #E94B4B 0%, #C8102E 100%);
    color: #fff;
    font-family: var(--font);
    font-size: 13px;
    font-weight: 600;
    border-radius: 9999px;
    text-decoration: none;
    box-shadow: 0 4px 16px rgba(200,16,46,0.3);
    transition: opacity .2s ease;
}
.nss-footer-cta:hover { opacity: 0.88; }

/* Alt seksiyon: copyright */
.nss-footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-top: 28px;
    flex-wrap: wrap;
}

.nss-footer-copy {
    font-size: 12px;
    color: rgba(255,255,255,0.35);
}

.nss-footer-legal {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}
.nss-footer-legal a {
    font-size: 12px;
    color: rgba(255,255,255,0.35);
    text-decoration: none;
    transition: color .15s ease;
}
.nss-footer-legal a:hover { color: rgba(255,255,255,0.75); }

/* Responsive */
@media (max-width: 1024px) {
    .nss-footer-top { grid-template-columns: 1fr 1fr; gap: 36px; }
    .nss-footer-brand { grid-column: 1 / -1; }
    .nss-footer-desc { max-width: 100%; }
}

@media (max-width: 640px) {
    .nss-footer-inner { padding: 48px 20px 24px; }
    .nss-footer-top { grid-template-columns: 1fr; gap: 32px; padding-bottom: 40px; }
    .nss-footer-bottom { flex-direction: column; align-items: flex-start; gap: 12px; }
    .nss-footer-legal { gap: 12px; }
}
/* ==========================================================================
   NSS Industries Header Mega-Menu
   [nss_industries_menu] cikisini bicimler. Yukleme: Elementor popup/menu
   custom CSS, ya da tema enqueue. Palet degiskenleri nss-industry.css ile ortak;
   tek basina kullanilirsa asagidaki :root degerleri yeter.
   ========================================================================== */

:root {
  --nss-coral: #D6354C;
  --nss-steel: #1A2332;
  --nss-ash: #6B7480;
  --nss-line: #E5E7EB;
  --nss-tint: #F7F8FA;
}

.nss-hmenu {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 48px;
  align-items: start;
  padding: 8px 4px;
}

/* ---- left intro ---- */
.nss-hmenu-eyebrow {
  font-size: 12px; font-weight: 700; text-transform: uppercase;
  letter-spacing: .14em; color: var(--nss-coral); margin: 0;
}
.nss-hmenu-title {
  font-weight: 800; color: var(--nss-steel);
  font-size: 1.6rem; line-height: 1.15; margin: .5rem 0 0;
}
.nss-hmenu-lead { color: var(--nss-ash); font-size: .95rem; line-height: 1.6; margin: .9rem 0 0; max-width: 30ch; }
.nss-hmenu-all {
  display: inline-block; margin-top: 1.25rem;
  color: var(--nss-coral); font-weight: 700; font-size: .95rem; text-decoration: none;
}
.nss-hmenu-all:hover { text-decoration: underline; }

/* ---- right groups grid ---- */
.nss-hmenu-groups {
  display: grid;
  grid-template-columns: repeat(3, minmax(200px, 1fr));
  gap: 6px 28px;
  align-content: start;
}
.nss-hmenu-grouplabel {
  grid-column: 1 / -1;
  font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .12em;
  color: var(--nss-steel); margin: 14px 0 6px; padding-left: 10px;
  border-left: 3px solid var(--nss-coral); line-height: 1;
}
.nss-hmenu-grouplabel:first-child { margin-top: 0; }
.nss-hmenu-count { color: var(--nss-ash); font-weight: 600; }

/* ---- item ---- */
.nss-hmenu-item {
  display: flex; align-items: center; gap: 14px;
  padding: 12px; border-radius: 14px; text-decoration: none;
  transition: background .15s ease, box-shadow .15s ease;
}
.nss-hmenu-item:hover { background: #fff; box-shadow: 0 8px 24px rgba(26, 35, 50, .10); }

.nss-hmenu-iconbox {
  flex: 0 0 auto; width: 44px; height: 44px; border-radius: 12px;
  background: var(--cardbg, var(--nss-tint));
  display: flex; align-items: center; justify-content: center;
  transition: background .15s ease;
}
.nss-hmenu-item:hover .nss-hmenu-iconbox { background: var(--nss-coral); }

.nss-hmenu-ico {
  width: 22px; height: 22px; display: inline-block;
  background-color: var(--nss-coral);
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: center; mask-position: center;
  -webkit-mask-size: contain; mask-size: contain;
  transition: background-color .15s ease;
}
.nss-hmenu-item:hover .nss-hmenu-ico { background-color: #fff; }

.nss-hmenu-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.nss-hmenu-name { font-weight: 700; color: var(--nss-steel); font-size: .98rem; line-height: 1.2; }
.nss-hmenu-tags { color: var(--nss-ash); font-size: .8rem; line-height: 1.3; }

/* ---- responsive ---- */
@media (max-width: 1100px) {
  .nss-hmenu-groups { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 880px) {
  .nss-hmenu { grid-template-columns: 1fr; gap: 24px; }
  .nss-hmenu-groups { grid-template-columns: 1fr; }
}
/* ============================================================
   NSS — Bilgi Merkezi mega menü içeriği
   Yalnızca #mm-bilgi-merkezi altına scope'lu; diğer mega menüleri
   etkilemez. .megamenu panel görünümü mevcut header CSS'inden gelir;
   bu dosya sadece kolon/öğe düzenini biçimler.
   ============================================================ */

/* Bu menüde sol açıklama + sağ kolonlar yan yana */
#mm-bilgi-merkezi .mm-grid-12 {
  display: flex;
  gap: 40px;
  align-items: flex-start;
}
#mm-bilgi-merkezi .mm-desc-col { flex: 0 0 240px; }
#mm-bilgi-merkezi .mm-bilgi { flex: 1 1 auto; min-width: 0; }

/* İçerik türü kolonları — yan yana */
.mm-bilgi-cols {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 28px;
}

/* Kolon başlığı (içerik türü) */
.mm-bilgi-col__head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 12px;
  margin-bottom: 8px;
  border-bottom: 1px solid #E5E7EB;
}
.mm-bilgi-col__icon {
  width: 30px; height: 30px; border-radius: 9px;
  display: inline-flex; align-items: center; justify-content: center;
  background: #F7F8FA; color: #D6354C; flex-shrink: 0; overflow: hidden;
}
.mm-bilgi-col__icon .mm-bilgi-icn-svg { width: 16px; height: 16px; }
.mm-bilgi-col__icon .mm-bilgi-icn-img { width: 100%; height: 100%; object-fit: cover; }
.mm-bilgi-col__title {
  font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
  color: #6B7480;
}

/* Kolon içindeki yazılar — alt alta */
.mm-bilgi-col__items { display: flex; flex-direction: column; gap: 2px; }

.mm-bilgi-item {
  display: flex; align-items: flex-start; gap: 12px;
  padding: 10px; border-radius: 12px;
  text-decoration: none; color: #1A2332;
  transition: background .15s ease;
}
.mm-bilgi-item:hover { background: #F7F8FA; }
.mm-bilgi-item__icon {
  width: 38px; height: 38px; border-radius: 10px; flex-shrink: 0;
  display: inline-flex; align-items: center; justify-content: center;
  background: #FFE4E6; color: #D6354C; overflow: hidden;
}
.mm-bilgi-item__icon .mm-bilgi-icn-svg { width: 18px; height: 18px; }
.mm-bilgi-item__icon .mm-bilgi-icn-img { width: 100%; height: 100%; object-fit: cover; }
.mm-bilgi-item__body { display: flex; flex-direction: column; min-width: 0; }
.mm-bilgi-item__title {
  font-size: 13.5px; font-weight: 600; line-height: 1.3; color: #1A2332;
}
.mm-bilgi-item:hover .mm-bilgi-item__title { color: #D6354C; }
.mm-bilgi-item__desc {
  margin-top: 2px; font-size: 12px; line-height: 1.45; color: #6B7480;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.mm-bilgi-empty { font-size: 12px; color: #9aa1ab; padding: 8px 10px; }

/* Mobil: kolonlar alt alta */
@media (max-width: 900px) {
  #mm-bilgi-merkezi .mm-grid-12 { flex-direction: column; gap: 24px; }
  #mm-bilgi-merkezi .mm-desc-col { flex: none; }
  .mm-bilgi-cols { grid-template-columns: 1fr; }
}/* End custom CSS */