/*
Theme Name: CÜNAM Design System 2.0
Purpose: Premium, white-first, mobile-first visual language for CÜNAM corporate web platform.
This file intentionally loads after main.css and acts as the single override layer for the new design system.
*/

:root{
    /* Brand foundation */
    --cunam-primary:#567684;
    --cunam-secondary:#B1E5DB;
    --cunam-accent:#4DA599;
    --cunam-dark:#2F4752;
    --cunam-light:#F8FBFA;

    /* DS 2.0 semantic colors */
    --ds-bg:#FFFFFF;
    --ds-bg-soft:#F6F9F8;
    --ds-bg-muted:#EEF4F3;
    --ds-surface:#FFFFFF;
    --ds-surface-glass:rgba(255,255,255,.78);
    --ds-ink:#102532;
    --ds-ink-2:#2B4653;
    --ds-text:#526875;
    --ds-muted:#7D929B;
    --ds-line:rgba(16,37,50,.10);
    --ds-line-strong:rgba(16,37,50,.16);
    --ds-accent:#4DA599;
    --ds-accent-soft:rgba(77,165,153,.12);
    --ds-accent-faint:rgba(177,229,219,.24);

    /* Layout */
    --ds-container:1440px;
    --ds-page-x:clamp(18px,4.8vw,72px);
    --ds-section-y:clamp(68px,9vw,132px);
    --ds-header-h:82px;

    /* Radius */
    --ds-radius-xs:10px;
    --ds-radius-sm:14px;
    --ds-radius-md:20px;
    --ds-radius-lg:28px;
    --ds-radius-xl:38px;
    --ds-radius-pill:999px;

    /* Shadows */
    --ds-shadow-sm:0 10px 26px rgba(16,37,50,.08);
    --ds-shadow-md:0 24px 64px rgba(16,37,50,.12);
    --ds-shadow-lg:0 34px 100px rgba(16,37,50,.18);

    /* Typography */
    --ds-font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --ds-h1:clamp(42px,6vw,86px);
    --ds-h2:clamp(32px,4vw,58px);
    --ds-h3:clamp(24px,2.4vw,34px);
    --ds-body:clamp(16px,1.15vw,18px);
    --ds-small:14px;

    /* Motion */
    --ds-ease:cubic-bezier(.2,.8,.2,1);
    --ds-fast:180ms var(--ds-ease);
    --ds-normal:320ms var(--ds-ease);
    --ds-slow:640ms var(--ds-ease);
}

html{scroll-behavior:smooth;}
body{
    font-family:var(--ds-font)!important;
    color:var(--ds-text)!important;
    background:var(--ds-bg)!important;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}

body.cunam-full-menu-open,
body.search-open{overflow:hidden;}

.container,
.header-inner,
.footer-inner{
    width:min(calc(100% - (var(--ds-page-x) * 2)), var(--ds-container))!important;
    max-width:var(--ds-container)!important;
    margin-inline:auto!important;
}

img{max-width:100%;height:auto;}
a,button{transition:color var(--ds-fast), background var(--ds-fast), border-color var(--ds-fast), box-shadow var(--ds-fast), transform var(--ds-fast), opacity var(--ds-fast);}
button{font-family:inherit;}

/* Shared components */
.btn,
.header-cta,
.hero-slider .hero-slide-button,
.hero-buttons a{
    min-height:48px!important;
    border-radius:var(--ds-radius-pill)!important;
    padding:0 22px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    font-size:14px!important;
    font-weight:800!important;
    letter-spacing:.01em!important;
}

.btn-primary,
.header-cta,
.hero-slider .hero-slide-button:first-child{
    color:#fff!important;
    background:linear-gradient(135deg,var(--ds-accent),#65C4B6)!important;
    box-shadow:0 16px 34px rgba(77,165,153,.26)!important;
    border:1px solid rgba(255,255,255,.16)!important;
}

.btn-primary:hover,
.header-cta:hover,
.hero-slider .hero-slide-button:first-child:hover{
    transform:translateY(-2px)!important;
    box-shadow:0 22px 48px rgba(77,165,153,.34)!important;
}

.btn-outline,
.hero-slider .hero-slide-button:not(:first-child){
    color:var(--ds-ink)!important;
    background:rgba(255,255,255,.72)!important;
    border:1px solid var(--ds-line)!important;
    box-shadow:0 10px 28px rgba(16,37,50,.06)!important;
}

.btn-outline:hover,
.hero-slider .hero-slide-button:not(:first-child):hover{
    transform:translateY(-2px)!important;
    border-color:rgba(77,165,153,.34)!important;
    background:#fff!important;
}

/* Header DS 2.0 */
.site-header.cunam-header-v30{
    position:fixed!important;
    top:18px!important;
    left:0!important;
    right:0!important;
    z-index:10050!important;
    padding:0 var(--ds-page-x)!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    pointer-events:none;
}

.cunam-header-v30 .header-inner{
    pointer-events:auto;
    min-height:var(--ds-header-h)!important;
    width:min(100%, var(--ds-container))!important;
    padding:10px 12px 10px 16px!important;
    border-radius:var(--ds-radius-pill)!important;
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
    background:rgba(255,255,255,.12)!important;
    border:1px solid rgba(255,255,255,.18)!important;
    box-shadow:none!important;
    backdrop-filter:blur(18px) saturate(140%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(140%)!important;
}

body.header-scrolled .cunam-header-v30 .header-inner,
body.cunam-full-menu-open .cunam-header-v30 .header-inner{
    background:rgba(255,255,255,.88)!important;
    border-color:var(--ds-line)!important;
    box-shadow:var(--ds-shadow-sm)!important;
}

.cunam-header-v30 .site-logo{
    color:#fff!important;
    min-width:286px!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
}

body.header-scrolled .cunam-header-v30 .site-logo,
body.cunam-full-menu-open .cunam-header-v30 .site-logo{color:var(--ds-ink)!important;}

.cunam-header-v30 .site-logo img{
    width:52px!important;
    height:52px!important;
    object-fit:contain!important;
    filter:drop-shadow(0 12px 22px rgba(0,0,0,.18))!important;
}

body.header-scrolled .cunam-header-v30 .site-logo img,
body.cunam-full-menu-open .cunam-header-v30 .site-logo img{filter:none!important;}

.cunam-header-v30 .site-logo-text strong{
    font-size:18px!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
    line-height:1!important;
}

.cunam-header-v30 .site-logo-text small{
    color:rgba(255,255,255,.80)!important;
    font-size:11px!important;
    font-weight:650!important;
    line-height:1.25!important;
    max-width:236px!important;
}

body.header-scrolled .cunam-header-v30 .site-logo-text small,
body.cunam-full-menu-open .cunam-header-v30 .site-logo-text small{color:rgba(16,37,50,.62)!important;}

.cunam-desktop-nav{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    flex:1 1 auto!important;
}

.cunam-desktop-nav a,
.cunam-desktop-nav button{
    appearance:none!important;
    border:0!important;
    cursor:pointer!important;
    color:rgba(255,255,255,.86)!important;
    background:transparent!important;
    border-radius:var(--ds-radius-pill)!important;
    padding:11px 12px!important;
    font-size:13px!important;
    font-weight:800!important;
    letter-spacing:.01em!important;
    white-space:nowrap!important;
}

body.header-scrolled .cunam-desktop-nav a,
body.header-scrolled .cunam-desktop-nav button,
body.cunam-full-menu-open .cunam-desktop-nav a,
body.cunam-full-menu-open .cunam-desktop-nav button{color:rgba(16,37,50,.72)!important;}

.cunam-desktop-nav a:hover,
.cunam-desktop-nav button:hover,
.cunam-desktop-nav button.is-active,
body.cunam-full-menu-open .cunam-desktop-nav button.is-active{
    color:var(--ds-ink)!important;
    background:rgba(255,255,255,.78)!important;
}

body.header-scrolled .cunam-desktop-nav a:hover,
body.header-scrolled .cunam-desktop-nav button:hover,
body.header-scrolled .cunam-desktop-nav button.is-active,
body.cunam-full-menu-open .cunam-desktop-nav button.is-active{
    background:var(--ds-accent-soft)!important;
}

.cunam-header-v30 .header-actions{display:flex!important;align-items:center!important;gap:9px!important;margin-left:auto!important;}
.cunam-header-v30 .header-search-toggle,
.cunam-header-v30 .cunam-full-menu-toggle,
.cunam-header-v30 .language-switcher{
    height:44px!important;
    min-width:44px!important;
    border-radius:var(--ds-radius-pill)!important;
    color:#fff!important;
    background:rgba(255,255,255,.12)!important;
    border:1px solid rgba(255,255,255,.18)!important;
    box-shadow:none!important;
}

body.header-scrolled .cunam-header-v30 .header-search-toggle,
body.header-scrolled .cunam-header-v30 .cunam-full-menu-toggle,
body.header-scrolled .cunam-header-v30 .language-switcher,
body.cunam-full-menu-open .cunam-header-v30 .header-search-toggle,
body.cunam-full-menu-open .cunam-header-v30 .cunam-full-menu-toggle,
body.cunam-full-menu-open .cunam-header-v30 .language-switcher{
    color:var(--ds-ink)!important;
    background:rgba(16,37,50,.055)!important;
    border-color:var(--ds-line)!important;
}

.cunam-header-v30 .header-search-toggle:hover,
.cunam-header-v30 .cunam-full-menu-toggle:hover,
.cunam-header-v30 .language-switcher:hover{transform:translateY(-1px)!important;background:rgba(255,255,255,.24)!important;}

.cunam-header-v30 .language-switcher a{color:inherit!important;font-weight:900!important;font-size:12px!important;}
.cunam-header-v30 .language-switcher li:not(:last-child)::after{color:currentColor!important;opacity:.35!important;}
.cunam-header-v30 .cunam-full-menu-toggle{width:auto!important;padding:0 14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;}
.cunam-header-v30 .cunam-full-menu-toggle em{font-style:normal!important;font-size:13px!important;font-weight:900!important;margin-right:4px!important;}
.cunam-header-v30 .cunam-full-menu-toggle span:not(.screen-reader-text){width:16px!important;height:2px!important;background:currentColor!important;border-radius:999px!important;margin:0!important;}

/* Integrated navigation panel */
.cunam-full-menu.cunam-visual-menu{
    position:fixed!important;
    inset:0!important;
    z-index:10030!important;
    padding:112px var(--ds-page-x) 28px!important;
    background:linear-gradient(180deg,rgba(246,249,248,.78),rgba(246,249,248,.96))!important;
    backdrop-filter:blur(18px) saturate(150%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(150%)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity var(--ds-normal), visibility var(--ds-normal)!important;
}

body.cunam-full-menu-open .cunam-full-menu.cunam-visual-menu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
.cunam-visual-backdrop{position:absolute!important;inset:0!important;background:transparent!important;border:0!important;cursor:default!important;}
.cunam-visual-panel{
    position:relative!important;
    width:min(100%, var(--ds-container))!important;
    margin:0 auto!important;
    min-height:min(690px,calc(100vh - 150px))!important;
    border-radius:var(--ds-radius-xl)!important;
    background:rgba(255,255,255,.86)!important;
    border:1px solid var(--ds-line)!important;
    box-shadow:var(--ds-shadow-lg)!important;
    display:grid!important;
    grid-template-columns:minmax(260px,.8fr) minmax(420px,1.35fr) minmax(260px,.75fr)!important;
    gap:18px!important;
    padding:18px!important;
    overflow:hidden!important;
    transform:translateY(-14px) scale(.985)!important;
    transition:transform var(--ds-normal)!important;
}
body.cunam-full-menu-open .cunam-visual-panel{transform:translateY(0) scale(1)!important;}

.cunam-visual-panel::before{
    content:"";
    position:absolute;
    inset:-30% auto auto -18%;
    width:520px;
    height:520px;
    background:radial-gradient(circle,rgba(177,229,219,.38),transparent 68%);
    pointer-events:none;
}

.cunam-visual-intro,
.cunam-visual-feature{
    position:relative!important;
    border-radius:calc(var(--ds-radius-xl) - 10px)!important;
    background:linear-gradient(180deg,var(--ds-bg-soft),#fff)!important;
    border:1px solid var(--ds-line)!important;
    padding:28px!important;
}

.cunam-visual-intro{display:flex!important;flex-direction:column!important;justify-content:flex-end!important;min-height:100%!important;}
.visual-intro-mark{width:62px!important;height:62px!important;border-radius:20px!important;background:#fff!important;display:grid!important;place-items:center!important;box-shadow:var(--ds-shadow-sm)!important;margin-bottom:auto!important;}
.visual-intro-mark img{width:48px!important;height:48px!important;object-fit:contain!important;}
.cunam-visual-intro>span,
.cunam-visual-feature>span,
.visual-menu-group>span{color:var(--ds-accent)!important;font-size:12px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.12em!important;}
.cunam-visual-intro h2{color:var(--ds-ink)!important;font-size:clamp(28px,2.6vw,44px)!important;line-height:1.04!important;letter-spacing:-.04em!important;margin:18px 0!important;}
.cunam-visual-intro p,.cunam-visual-feature p{color:var(--ds-text)!important;font-size:15px!important;line-height:1.75!important;margin:0 0 22px!important;}
.visual-intro-links{display:flex!important;gap:10px!important;flex-wrap:wrap!important;}
.visual-intro-links a,.cunam-visual-feature>a{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:0 17px!important;border-radius:var(--ds-radius-pill)!important;background:var(--ds-ink)!important;color:#fff!important;font-size:13px!important;font-weight:850!important;text-decoration:none!important;
}
.visual-intro-links a:nth-child(2){background:#fff!important;color:var(--ds-ink)!important;border:1px solid var(--ds-line)!important;}

.cunam-visual-grid{
    position:relative!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    align-content:start!important;
    overflow:auto!important;
    padding-right:4px!important;
}
.visual-menu-group{
    border-radius:24px!important;
    background:#fff!important;
    border:1px solid var(--ds-line)!important;
    padding:20px!important;
    box-shadow:0 14px 36px rgba(16,37,50,.05)!important;
}
.visual-menu-group h3{color:var(--ds-ink)!important;font-size:21px!important;line-height:1.15!important;margin:8px 0 14px!important;letter-spacing:-.03em!important;}
.visual-menu-group a{
    display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;
    padding:11px 0!important;border-top:1px solid rgba(16,37,50,.07)!important;color:var(--ds-ink-2)!important;text-decoration:none!important;font-size:14px!important;font-weight:720!important;
}
.visual-menu-group a:hover{color:var(--ds-accent)!important;transform:translateX(2px)!important;}
.visual-menu-group a i{font-style:normal!important;opacity:.42!important;}

.cunam-visual-feature{display:flex!important;flex-direction:column!important;justify-content:flex-end!important;background:linear-gradient(145deg,#102532,#2F4752)!important;color:#fff!important;border:0!important;overflow:hidden!important;}
.cunam-visual-feature::before{content:"";position:absolute;inset:-30% -40% auto auto;width:360px;height:360px;border-radius:50%;background:rgba(177,229,219,.20);}
.cunam-visual-feature h3{position:relative;color:#fff!important;font-size:clamp(24px,2.2vw,36px)!important;line-height:1.08!important;letter-spacing:-.04em!important;margin:16px 0!important;}
.cunam-visual-feature p{position:relative;color:rgba(255,255,255,.72)!important;}
.cunam-visual-feature>a{position:relative;background:#fff!important;color:var(--ds-ink)!important;margin-bottom:18px!important;}
.visual-menu-close{position:absolute!important;top:18px!important;right:18px!important;width:42px!important;height:42px!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.10)!important;color:#fff!important;font-size:26px!important;cursor:pointer!important;z-index:2!important;}
.visual-feature-mini{position:relative!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;}
.visual-feature-mini a{color:rgba(255,255,255,.78)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:999px!important;padding:8px 12px!important;font-size:12px!important;font-weight:800!important;text-decoration:none!important;}

/* Hero / page rhythm DS 2.0 */
.hero-slider,
.hero-section{
    min-height:100svh!important;
    background:
        radial-gradient(circle at 72% 18%,rgba(177,229,219,.34),transparent 30%),
        radial-gradient(circle at 8% 78%,rgba(86,118,132,.10),transparent 34%),
        linear-gradient(180deg,#102532 0%,#183744 44%,#F6F9F8 44%,#FFFFFF 100%)!important;
    overflow:hidden!important;
}
.hero-slider-track,.hero-inner{padding-top:clamp(128px,15vh,190px)!important;}
.hero-content h1,.hero-slide-title{
    font-size:var(--ds-h1)!important;
    line-height:.98!important;
    letter-spacing:-.065em!important;
    color:#fff!important;
    max-width:980px!important;
}
.hero-content p,.hero-slide-description{
    font-size:clamp(17px,1.35vw,21px)!important;
    line-height:1.72!important;
    color:rgba(255,255,255,.76)!important;
    max-width:760px!important;
}
.hero-label,.hero-slide-kicker{
    background:rgba(177,229,219,.16)!important;
    border:1px solid rgba(177,229,219,.26)!important;
    color:#DDF8F4!important;
    border-radius:var(--ds-radius-pill)!important;
    font-size:12px!important;
    font-weight:900!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
}
.hero-card{
    background:rgba(255,255,255,.12)!important;
    border:1px solid rgba(255,255,255,.18)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    box-shadow:0 40px 90px rgba(0,0,0,.20)!important;
}
.hero-stats,.hero-slider-stats{
    border-radius:var(--ds-radius-xl)!important;
    background:rgba(255,255,255,.88)!important;
    border:1px solid var(--ds-line)!important;
    box-shadow:var(--ds-shadow-md)!important;
}
.hero-stat strong,.hero-slider-stat strong{color:var(--ds-ink)!important;}
.hero-stat span,.hero-slider-stat span{color:var(--ds-muted)!important;}

/* Sections */
.home-section,
.intro-section,
.news-events-section,
.labs-section,
.research-output-section,
.research-areas-section{padding-block:var(--ds-section-y)!important;background:#fff!important;}
.section-eyebrow{color:var(--ds-accent)!important;font-weight:900!important;letter-spacing:.12em!important;text-transform:uppercase!important;}
.section-title,h2{color:var(--ds-ink)!important;letter-spacing:-.045em!important;}
.card,.news-card,.event-card,.lab-card,.research-card,.output-card{
    border-radius:var(--ds-radius-lg)!important;
    background:#fff!important;
    border:1px solid var(--ds-line)!important;
    box-shadow:0 18px 48px rgba(16,37,50,.06)!important;
}
.card:hover,.news-card:hover,.event-card:hover,.lab-card:hover,.research-card:hover,.output-card:hover{transform:translateY(-4px)!important;box-shadow:var(--ds-shadow-md)!important;border-color:rgba(77,165,153,.22)!important;}

/* Search */
.cunam-search-overlay{z-index:10080!important;}
.cunam-search-modal{border-radius:var(--ds-radius-xl)!important;border:1px solid var(--ds-line)!important;box-shadow:var(--ds-shadow-lg)!important;}
.cunam-search-modal label{color:var(--ds-ink)!important;letter-spacing:-.04em!important;}
.cunam-search-modal input{border-radius:20px!important;border:1px solid var(--ds-line)!important;}

/* Responsive */
@media(max-width:1180px){
    .cunam-header-v30 .site-logo{min-width:238px!important;}
    .cunam-desktop-nav a,.cunam-desktop-nav button{font-size:12px!important;padding:10px 8px!important;}
    .cunam-header-v30 .header-cta{display:none!important;}
    .cunam-visual-panel{grid-template-columns:1fr 1.4fr!important;}
    .cunam-visual-feature{display:none!important;}
}

@media(max-width:900px){
    :root{--ds-page-x:clamp(14px,4vw,26px);--ds-header-h:70px;}
    .site-header.cunam-header-v30{top:12px!important;padding:0 var(--ds-page-x)!important;}
    .cunam-header-v30 .header-inner{padding:9px 10px!important;border-radius:26px!important;}
    .cunam-desktop-nav{display:none!important;}
    .cunam-header-v30 .site-logo{min-width:0!important;flex:1!important;}
    .cunam-header-v30 .site-logo img{width:46px!important;height:46px!important;}
    .cunam-header-v30 .site-logo-text strong{font-size:15px!important;}
    .cunam-header-v30 .site-logo-text small{display:none!important;}
    .cunam-header-v30 .language-switcher{display:none!important;}
    .cunam-header-v30 .header-search-toggle{width:40px!important;height:40px!important;}
    .cunam-header-v30 .cunam-full-menu-toggle{width:42px!important;height:42px!important;padding:0!important;border-radius:50%!important;}
    .cunam-header-v30 .cunam-full-menu-toggle em{display:none!important;}
    .cunam-full-menu.cunam-visual-menu{padding:94px var(--ds-page-x) 16px!important;}
    .cunam-visual-panel{min-height:calc(100svh - 110px)!important;grid-template-columns:1fr!important;padding:12px!important;border-radius:28px!important;overflow:auto!important;}
    .cunam-visual-intro{min-height:auto!important;padding:22px!important;}
    .visual-intro-mark{display:none!important;}
    .cunam-visual-intro h2{font-size:30px!important;margin:10px 0!important;}
    .cunam-visual-grid{grid-template-columns:1fr!important;overflow:visible!important;padding-right:0!important;}
    .visual-menu-group{padding:18px!important;border-radius:22px!important;}
    .hero-slider-track,.hero-inner{padding-top:118px!important;}
    .hero-content h1,.hero-slide-title{font-size:clamp(40px,12vw,62px)!important;}
}

@media(max-width:560px){
    .cunam-header-v30 .header-search-toggle{display:none!important;}
    .cunam-visual-intro p{display:none!important;}
    .visual-intro-links a{flex:1 1 auto!important;}
    .hero-buttons,.hero-slide-actions{display:flex!important;flex-direction:column!important;align-items:stretch!important;}
    .hero-buttons a,.hero-slide-actions a{width:100%!important;}
}

@media(prefers-reduced-motion:reduce){
    *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important;}
}

/* Actual hero-slider markup compatibility */
.hero-slide-content h1{
    font-size:var(--ds-h1)!important;
    line-height:.98!important;
    letter-spacing:-.065em!important;
    color:#fff!important;
    max-width:980px!important;
}
.hero-slide-content p{
    font-size:clamp(17px,1.35vw,21px)!important;
    line-height:1.72!important;
    color:rgba(255,255,255,.76)!important;
    max-width:760px!important;
}
.hero-slide-label{
    display:inline-flex!important;
    align-items:center!important;
    width:max-content!important;
    padding:9px 14px!important;
    margin-bottom:20px!important;
    background:rgba(177,229,219,.16)!important;
    border:1px solid rgba(177,229,219,.26)!important;
    color:#DDF8F4!important;
    border-radius:var(--ds-radius-pill)!important;
    font-size:12px!important;
    font-weight:900!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
}
.hero-signature-actions{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:12px!important;
    margin-top:34px!important;
}
.hero-signature-actions a{
    min-height:50px!important;
    border-radius:var(--ds-radius-pill)!important;
    padding:0 22px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:14px!important;
    font-weight:900!important;
    text-decoration:none!important;
}
.hero-signature-actions a:first-child{background:linear-gradient(135deg,var(--ds-accent),#65C4B6)!important;color:#fff!important;box-shadow:0 16px 34px rgba(77,165,153,.28)!important;}
.hero-signature-actions a:last-child{background:rgba(255,255,255,.78)!important;color:var(--ds-ink)!important;border:1px solid rgba(255,255,255,.5)!important;}
.hero-signature-actions a:hover{transform:translateY(-2px)!important;}
.hero-slide-media::after{background:linear-gradient(90deg,rgba(8,25,34,.78),rgba(8,25,34,.34) 48%,rgba(8,25,34,.16))!important;}
.hero-bottom-panel{bottom:clamp(20px,5vh,52px)!important;}
.hero-quick-links a{border-radius:var(--ds-radius-pill)!important;background:rgba(255,255,255,.78)!important;color:var(--ds-ink)!important;border:1px solid var(--ds-line)!important;}
.hero-scroll-indicator{color:var(--ds-ink)!important;}

@media(max-width:900px){
    .hero-slide-content h1{font-size:clamp(40px,12vw,62px)!important;}
    .hero-slide-content p{font-size:16px!important;}
    .hero-signature-actions{flex-direction:column!important;align-items:stretch!important;}
    .hero-signature-actions a{width:100%!important;}
}

/* ==========================================================
   CUNAM DESIGN SYSTEM 2.0 — PREMIUM HEADER / NAVIGATION V2
   Reference: integrated glass header + connected navigation panel
   ========================================================== */
:root {
    --cunam-navy-950: #06182a;
    --cunam-navy-900: #082238;
    --cunam-navy-850: #0a2b45;
    --cunam-cyan-400: #67e6f3;
    --cunam-cyan-500: #43c7d7;
    --cunam-white-soft: rgba(255,255,255,.92);
    --cunam-glass-line: rgba(255,255,255,.24);
    --cunam-header-x: clamp(16px, 4.5vw, 88px);
    --cunam-header-top: clamp(14px, 2vw, 32px);
    --cunam-header-h: clamp(72px, 6.4vw, 108px);
    --cunam-panel-top: calc(var(--cunam-header-top) + var(--cunam-header-h) + 2px);
}

body.cunam-premium-nav-open {
    overflow: hidden;
}

.cunam-premium-header {
    position: fixed;
    inset: var(--cunam-header-top) var(--cunam-header-x) auto var(--cunam-header-x);
    z-index: 10020;
    pointer-events: none;
}

.cunam-premium-shell {
    height: var(--cunam-header-h);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 0 clamp(14px, 2vw, 26px);
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 22px;
    background:
        linear-gradient(135deg, rgba(255,255,255,.20), rgba(255,255,255,.07)),
        linear-gradient(180deg, rgba(72,151,198,.42), rgba(11,53,82,.34));
    backdrop-filter: blur(24px) saturate(150%);
    -webkit-backdrop-filter: blur(24px) saturate(150%);
    box-shadow:
        0 26px 70px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.32),
        inset 0 -1px 0 rgba(255,255,255,.08);
    pointer-events: auto;
    transition: background .28s ease, border-color .28s ease, transform .28s ease, box-shadow .28s ease;
}

body.cunam-premium-nav-open .cunam-premium-shell,
body.header-scrolled .cunam-premium-shell {
    background:
        linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,.06)),
        linear-gradient(180deg, rgba(35,104,148,.52), rgba(6,28,47,.46));
    border-color: rgba(255,255,255,.34);
}

.cunam-premium-brand {
    display: inline-flex;
    align-items: center;
    gap: clamp(12px, 1.5vw, 18px);
    min-width: 0;
    color: #fff;
    text-decoration: none;
}

.brand-orbit {
    width: clamp(44px, 4.5vw, 66px);
    height: clamp(44px, 4.5vw, 66px);
    display: grid;
    place-items: center;
    flex: 0 0 auto;
}

.brand-orbit img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 10px 24px rgba(91,231,242,.28));
}

.brand-copy {
    display: grid;
    gap: 2px;
    line-height: 1.05;
}

.brand-copy strong {
    font-size: clamp(1.55rem, 2vw, 2.15rem);
    letter-spacing: .02em;
    font-weight: 850;
}

.brand-copy small {
    font-size: clamp(.78rem, 1vw, 1.04rem);
    font-weight: 500;
    color: rgba(255,255,255,.94);
    white-space: nowrap;
}

.cunam-premium-actions {
    display: flex;
    align-items: center;
    gap: clamp(10px, 1vw, 16px);
}

.premium-search,
.premium-menu-button,
.premium-language {
    border: 1px solid rgba(255,255,255,.18);
    color: #fff;
    background: rgba(255,255,255,.10);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
}

.premium-search {
    width: clamp(46px, 4.3vw, 64px);
    height: clamp(46px, 4.3vw, 64px);
    border-radius: 999px;
    display: grid;
    place-items: center;
    cursor: pointer;
    transition: transform .22s ease, background .22s ease;
}

.premium-search:hover,
.premium-menu-button:hover {
    transform: translateY(-1px);
    background: rgba(255,255,255,.16);
}

.premium-search svg,
.premium-nav-icon svg,
.premium-quick-card svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.premium-language {
    display: flex;
    align-items: center;
    overflow: hidden;
    min-height: clamp(46px, 4.3vw, 58px);
    border-radius: 999px;
}

.premium-language a,
.premium-language span {
    min-width: 58px;
    min-height: clamp(46px, 4.3vw, 58px);
    display: grid;
    place-items: center;
    color: #fff !important;
    text-decoration: none;
    font-size: .92rem;
    font-weight: 600;
    border-right: 1px solid rgba(255,255,255,.12);
}

.premium-language a:last-child,
.premium-language span:last-child {
    border-right: 0;
}

.premium-menu-button {
    min-width: clamp(128px, 10vw, 170px);
    height: clamp(56px, 4.9vw, 72px);
    padding: 0 clamp(18px, 2vw, 28px);
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    cursor: pointer;
    background: rgba(2,20,42,.78);
    border-color: rgba(255,255,255,.10);
    font-size: 1rem;
    font-weight: 750;
    box-shadow: 0 16px 40px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.10);
}

.premium-menu-button i,
.premium-menu-button i::before,
.premium-menu-button i::after {
    display: block;
    width: 28px;
    height: 2px;
    border-radius: 4px;
    background: #fff;
    transition: transform .26s ease, opacity .26s ease;
    content: '';
}

.premium-menu-button i {
    position: relative;
}

.premium-menu-button i::before {
    position: absolute;
    top: -9px;
    right: 0;
}

.premium-menu-button i::after {
    position: absolute;
    top: 9px;
    right: 0;
}

body.cunam-premium-nav-open .premium-menu-button i {
    background: transparent;
}

body.cunam-premium-nav-open .premium-menu-button i::before {
    transform: translateY(9px) rotate(45deg);
}

body.cunam-premium-nav-open .premium-menu-button i::after {
    transform: translateY(-9px) rotate(-45deg);
}

body.cunam-premium-nav-open .cunam-premium-shell::after {
    content: '';
    position: absolute;
    right: clamp(36px, 4.2vw, 78px);
    bottom: -2px;
    width: 14px;
    height: 14px;
    background: #85eff7;
    transform: translateY(50%) rotate(45deg);
    border-radius: 2px;
    box-shadow: 0 0 22px rgba(103,230,243,.65);
}

.cunam-premium-nav {
    position: fixed;
    inset: 0;
    z-index: 10010;
    pointer-events: none;
    opacity: 0;
    transition: opacity .26s ease;
}

body.cunam-premium-nav-open .cunam-premium-nav {
    opacity: 1;
    pointer-events: auto;
}

.premium-nav-backdrop {
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(2,14,26,.18);
    cursor: default;
}

.premium-nav-panel {
    position: absolute;
    top: var(--cunam-panel-top);
    left: max(18px, calc(var(--cunam-header-x) + 115px));
    right: var(--cunam-header-x);
    min-height: clamp(420px, 48vw, 590px);
    display: grid;
    grid-template-columns: minmax(270px, 360px) 1fr;
    grid-template-rows: 1fr auto;
    overflow: hidden;
    border-radius: 0 0 16px 16px;
    background:
        radial-gradient(circle at 12% 0%, rgba(64,203,226,.16), transparent 34%),
        linear-gradient(120deg, rgba(5,19,37,.98), rgba(9,43,68,.97));
    box-shadow: 0 34px 96px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.08);
    transform: translateY(-12px) scale(.985);
    transform-origin: top right;
    opacity: 0;
    transition: transform .34s cubic-bezier(.2,.8,.2,1), opacity .26s ease;
}

body.cunam-premium-nav-open .premium-nav-panel {
    transform: translateY(0) scale(1);
    opacity: 1;
}

.premium-nav-showcase {
    grid-row: 1 / 3;
    min-height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    padding: clamp(28px, 3vw, 48px);
    isolation: isolate;
    overflow: hidden;
    background:
        linear-gradient(90deg, rgba(0,16,38,.75), rgba(0,16,38,.25)),
        radial-gradient(circle at 70% 50%, rgba(12,207,239,.58), transparent 7%),
        radial-gradient(circle at 82% 42%, rgba(64,230,255,.30), transparent 12%),
        linear-gradient(135deg, #06142b, #032f61 54%, #07192c);
}

.premium-nav-showcase::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .46;
    background:
        linear-gradient(110deg, transparent 0 52%, rgba(80,234,255,.24) 52.4%, transparent 54%),
        linear-gradient(150deg, transparent 0 58%, rgba(80,234,255,.16) 58.4%, transparent 60%),
        repeating-linear-gradient(90deg, transparent 0 42px, rgba(255,255,255,.035) 43px 44px);
    filter: blur(.2px);
}

.premium-nav-showcase::after {
    content: '';
    position: absolute;
    right: -24%;
    bottom: -20%;
    width: 78%;
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(89,231,243,.35), transparent 62%);
    filter: blur(18px);
    opacity: .75;
}

.showcase-content {
    position: relative;
    z-index: 1;
    max-width: 265px;
    color: #fff;
}

.showcase-content strong {
    display: block;
    font-size: clamp(2rem, 2.6vw, 3rem);
    line-height: .98;
    margin-bottom: 12px;
    letter-spacing: -.03em;
}

.showcase-content h2 {
    font-size: clamp(1.2rem, 1.45vw, 1.55rem);
    line-height: 1.42;
    margin: 0;
    font-weight: 730;
    color: #fff;
}

.showcase-line {
    display: block;
    width: 78px;
    height: 3px;
    margin: 26px 0;
    border-radius: 999px;
    background: var(--cunam-cyan-400);
    box-shadow: 0 0 18px rgba(103,230,243,.58);
}

.showcase-content p {
    font-size: .98rem;
    line-height: 1.68;
    color: rgba(255,255,255,.86);
    margin: 0;
}

.premium-nav-columns {
    display: grid;
    grid-template-columns: repeat(6, minmax(112px, 1fr));
    gap: clamp(16px, 1.7vw, 30px);
    padding: clamp(38px, 4vw, 54px) clamp(34px, 4.2vw, 60px) clamp(24px, 2vw, 32px);
}

.premium-nav-column {
    min-width: 0;
}

.premium-nav-icon {
    color: var(--cunam-cyan-400);
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    margin-bottom: 14px;
}

.premium-nav-icon svg {
    width: 34px;
    height: 34px;
    stroke-width: 1.65;
}

.premium-nav-column h3 {
    min-height: 42px;
    margin: 0 0 18px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255,255,255,.08);
    color: #fff;
    font-size: clamp(.92rem, .95vw, 1.08rem);
    line-height: 1.22;
    font-weight: 830;
    letter-spacing: -.015em;
}

.premium-nav-column ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 15px;
}

.premium-nav-column a {
    color: rgba(255,255,255,.84);
    text-decoration: none;
    font-size: clamp(.84rem, .86vw, .96rem);
    line-height: 1.35;
    transition: color .2s ease, transform .2s ease;
    display: inline-block;
}

.premium-nav-column a:hover {
    color: var(--cunam-cyan-400);
    transform: translateX(3px);
}

.premium-nav-quicklinks {
    grid-column: 2;
    margin: 0 clamp(34px, 4.2vw, 60px) clamp(26px, 3vw, 42px);
    padding-top: clamp(20px, 2vw, 28px);
    border-top: 1px solid rgba(255,255,255,.13);
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
}

.premium-quick-card {
    position: relative;
    min-height: 74px;
    display: grid;
    grid-template-columns: 72px 1fr;
    grid-template-rows: auto auto;
    column-gap: 18px;
    align-items: center;
    padding: 0 clamp(16px, 2vw, 30px);
    color: #fff;
    text-decoration: none;
    border-right: 1px solid rgba(255,255,255,.07);
}

.premium-quick-card:last-child {
    border-right: 0;
}

.premium-quick-card span {
    grid-row: 1 / 3;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #fff;
    background: rgba(103,230,243,.13);
}

.premium-quick-card b {
    font-size: .92rem;
    align-self: end;
    letter-spacing: -.01em;
}

.premium-quick-card small {
    color: rgba(255,255,255,.78);
    font-size: .9rem;
    line-height: 1.35;
    align-self: start;
}

.premium-quick-card em {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 2rem;
    font-style: normal;
    color: rgba(255,255,255,.75);
}

.premium-quick-card:hover span {
    background: rgba(103,230,243,.22);
}

.cunam-search-overlay {
    z-index: 10040;
}

@media (max-width: 1180px) {
    :root {
        --cunam-header-x: clamp(14px, 2.5vw, 28px);
    }
    .premium-nav-panel {
        left: var(--cunam-header-x);
        grid-template-columns: 280px 1fr;
    }
    .premium-nav-columns {
        grid-template-columns: repeat(3, minmax(145px, 1fr));
        gap: 24px 30px;
    }
    .premium-nav-quicklinks {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .premium-quick-card {
        border-right: 0;
        padding-block: 10px;
    }
}

@media (max-width: 860px) {
    :root {
        --cunam-header-top: 12px;
        --cunam-header-h: 70px;
    }
    .brand-copy small { display: none; }
    .brand-copy strong { font-size: 1.55rem; }
    .premium-language { display: none; }
    .premium-menu-button {
        min-width: 74px;
        width: 74px;
        padding: 0;
        justify-content: center;
    }
    .premium-menu-button span { display: none; }
    .premium-nav-panel {
        top: calc(var(--cunam-header-top) + var(--cunam-header-h) + 10px);
        left: var(--cunam-header-x);
        right: var(--cunam-header-x);
        bottom: 14px;
        min-height: 0;
        overflow: auto;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        border-radius: 22px;
    }
    .premium-nav-showcase {
        grid-row: auto;
        min-height: 260px;
    }
    .showcase-content { max-width: 100%; }
    .premium-nav-columns {
        grid-template-columns: 1fr;
        padding: 28px 24px;
        gap: 26px;
    }
    .premium-nav-column h3 { min-height: 0; }
    .premium-nav-column ul { gap: 12px; }
    .premium-nav-quicklinks {
        grid-column: auto;
        margin: 0 24px 28px;
    }
}

@media (max-width: 520px) {
    .cunam-premium-shell {
        padding-inline: 12px;
        border-radius: 18px;
    }
    .brand-orbit {
        width: 44px;
        height: 44px;
    }
    .brand-copy strong {
        font-size: 1.35rem;
    }
    .premium-search {
        width: 46px;
        height: 46px;
    }
    .premium-menu-button {
        width: 56px;
        min-width: 56px;
        height: 50px;
    }
    .premium-menu-button i,
    .premium-menu-button i::before,
    .premium-menu-button i::after {
        width: 24px;
    }
    .premium-nav-showcase {
        min-height: 230px;
        padding: 26px;
    }
    .showcase-content strong {
        font-size: 2rem;
    }
    .showcase-content h2 {
        font-size: 1.15rem;
    }
    .premium-quick-card {
        grid-template-columns: 56px 1fr;
        column-gap: 12px;
        padding-inline: 0;
    }
    .premium-quick-card span {
        width: 48px;
        height: 48px;
    }
}

/* ==========================================================
   V34 FIX — HERO / HEADER TOP ALIGNMENT
   Üstte oluşan siyah boşluğu kaldırır ve hero'yu sayfanın en üstüne oturtur.
   ========================================================== */
html,
body {
    margin: 0 !important;
    padding: 0 !important;
    background: #071722 !important;
}

body.admin-bar {
    margin-top: 0 !important;
}

.site-main,
#primary.site-main {
    margin-top: 0 !important;
    padding-top: 0 !important;
    background: #071722 !important;
}

.home .site-main > .hero-slider:first-child,
.front-page .site-main > .hero-slider:first-child,
.hero-slider:first-child {
    margin-top: 0 !important;
}

:root {
    --cunam-header-top: clamp(10px, 1.55vw, 24px);
    --cunam-panel-top: calc(var(--cunam-header-top) + var(--cunam-header-h) + 2px);
}

.cunam-premium-header {
    inset: var(--cunam-header-top) var(--cunam-header-x) auto var(--cunam-header-x) !important;
}

.hero-slider {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 100svh !important;
    height: 100svh !important;
    background: #071722 !important;
    position: relative !important;
}

.hero-slider-track,
.hero-slide,
.hero-slide.is-active,
.hero-slide-inner {
    min-height: 100svh !important;
}

.hero-slider-track {
    margin: 0 !important;
    padding: 0 !important;
    background: #071722 !important;
}

.hero-slide-media {
    inset: 0 !important;
}

.hero-slide-image {
    width: 100% !important;
    height: 100svh !important;
    object-fit: cover !important;
    object-position: center !important;
}

.hero-slide-inner {
    padding-top: calc(var(--cunam-header-top) + var(--cunam-header-h) + clamp(42px, 5.5vh, 72px)) !important;
    padding-bottom: clamp(105px, 13vh, 150px) !important;
    align-items: flex-start !important;
}

.hero-bottom-panel {
    bottom: clamp(22px, 4.2vh, 44px) !important;
}

@media (max-width: 782px) {
    :root {
        --cunam-header-top: 10px;
    }

    .hero-slider,
    .hero-slider-track,
    .hero-slide,
    .hero-slide.is-active,
    .hero-slide-inner,
    .hero-slide-image {
        min-height: 100svh !important;
        height: 100svh !important;
    }

    .hero-slide-inner {
        padding-top: calc(var(--cunam-header-top) + var(--cunam-header-h) + 32px) !important;
        padding-bottom: 118px !important;
    }
}

/* =========================================================
   CÜNAM DS 2.0 - Hero Service Rail v35
   İstatistik kutuları kaldırıldı; hero altında servis linkleri eklendi.
   ========================================================= */
.hero-service-panel{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    bottom:clamp(20px,4.2vh,48px)!important;
    transform:translateX(-50%)!important;
    width:min(1440px,calc(100% - 88px))!important;
    z-index:30!important;
    padding:0!important;
}
.hero-service-links{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    align-items:stretch!important;
    border-radius:20px!important;
    background:linear-gradient(135deg,rgba(22,42,50,.80),rgba(8,22,32,.70))!important;
    border:1px solid rgba(255,255,255,.12)!important;
    box-shadow:0 24px 80px rgba(0,0,0,.34)!important;
    backdrop-filter:blur(22px) saturate(145%)!important;
    -webkit-backdrop-filter:blur(22px) saturate(145%)!important;
    overflow:hidden!important;
}
.hero-service-link{
    min-height:104px!important;
    display:flex!important;
    align-items:center!important;
    gap:16px!important;
    padding:22px 28px!important;
    color:#fff!important;
    text-decoration:none!important;
    position:relative!important;
    transition:background .25s ease, transform .25s ease!important;
}
.hero-service-link:not(:last-child)::after{
    content:""!important;
    position:absolute!important;
    right:0!important;
    top:28%!important;
    bottom:28%!important;
    width:1px!important;
    background:rgba(255,255,255,.16)!important;
}
.hero-service-link:hover{
    background:rgba(255,255,255,.08)!important;
    transform:translateY(-1px)!important;
}
.hero-service-icon{
    width:42px!important;
    height:42px!important;
    flex:0 0 42px!important;
    display:grid!important;
    place-items:center!important;
    color:#54dbe0!important;
    filter:drop-shadow(0 0 12px rgba(84,219,224,.18))!important;
}
.hero-service-icon svg{
    width:36px!important;
    height:36px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
}
.hero-service-copy{
    display:flex!important;
    flex-direction:column!important;
    gap:6px!important;
    min-width:0!important;
}
.hero-service-copy strong{
    color:#fff!important;
    font-size:15px!important;
    line-height:1.15!important;
    font-weight:850!important;
    letter-spacing:-.015em!important;
    white-space:nowrap!important;
}
.hero-service-copy small{
    color:rgba(255,255,255,.76)!important;
    font-size:13px!important;
    line-height:1.2!important;
    font-weight:500!important;
    white-space:nowrap!important;
}
.hero-stats,
.hero-quick-links,
.hero-scroll-indicator{
    display:none!important;
}

@media (max-width:1180px){
    .hero-service-panel{width:min(1000px,calc(100% - 44px))!important;}
    .hero-service-links{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
    .hero-service-link:nth-child(3)::after{display:none!important;}
    .hero-service-link{min-height:92px!important;padding:18px 22px!important;}
}
@media (max-width:782px){
    .hero-service-panel{
        position:relative!important;
        left:auto!important;
        bottom:auto!important;
        transform:none!important;
        width:calc(100% - 28px)!important;
        margin:-86px auto 28px!important;
        z-index:35!important;
    }
    .hero-service-links{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        border-radius:18px!important;
    }
    .hero-service-link{
        min-height:84px!important;
        padding:16px!important;
        gap:12px!important;
    }
    .hero-service-link:nth-child(odd)::after{display:block!important;}
    .hero-service-link:nth-child(even)::after{display:none!important;}
    .hero-service-icon{width:34px!important;height:34px!important;flex-basis:34px!important;}
    .hero-service-icon svg{width:30px!important;height:30px!important;}
    .hero-service-copy strong{font-size:13px!important;white-space:normal!important;}
    .hero-service-copy small{font-size:12px!important;white-space:normal!important;}
}


/* =========================================================
   CÜNAM DS 2.0 - v36 Header compact + centered hero + managed rail
   ========================================================= */
:root{
    --cunam-header-top: clamp(8px, 1vw, 16px) !important;
    --cunam-header-h: clamp(58px, 5vw, 82px) !important;
    --cunam-panel-top: calc(var(--cunam-header-top) + var(--cunam-header-h) + 2px) !important;
}
.cunam-premium-shell{
    border-radius:18px!important;
    padding:0 clamp(12px,1.55vw,22px)!important;
}
.brand-orbit{width:clamp(38px,3.4vw,54px)!important;height:clamp(38px,3.4vw,54px)!important;}
.brand-copy strong{font-size:clamp(1.28rem,1.62vw,1.82rem)!important;line-height:.98!important;}
.brand-copy small{font-size:clamp(.72rem,.88vw,.94rem)!important;line-height:1.1!important;}
.premium-search{width:clamp(42px,3.6vw,56px)!important;height:clamp(42px,3.6vw,56px)!important;}
.premium-language{min-height:clamp(42px,3.6vw,54px)!important;}
.premium-language a,.premium-language span{min-width:clamp(44px,3.9vw,56px)!important;min-height:clamp(42px,3.6vw,54px)!important;font-size:.86rem!important;}
.premium-menu-button{min-width:clamp(112px,8.6vw,148px)!important;height:clamp(46px,4vw,60px)!important;padding:0 clamp(16px,1.7vw,24px)!important;font-size:.92rem!important;}
.premium-menu-button i,.premium-menu-button i::before,.premium-menu-button i::after{width:24px!important;}
.premium-menu-button i::before{top:-8px!important;}.premium-menu-button i::after{top:8px!important;}
body.cunam-premium-nav-open .premium-menu-button i::before{transform:translateY(8px) rotate(45deg)!important;}
body.cunam-premium-nav-open .premium-menu-button i::after{transform:translateY(-8px) rotate(-45deg)!important;}

.hero-slide-inner{
    padding-top:calc(var(--cunam-header-top) + var(--cunam-header-h) + clamp(18px,3vh,42px))!important;
    padding-bottom:clamp(128px,17vh,190px)!important;
    display:flex!important;
    align-items:center!important;
}
.hero-slide-content{
    margin-top:clamp(10px,3vh,38px)!important;
}
.hero-service-link{cursor:pointer!important;}
.hero-service-link:focus-visible{outline:2px solid rgba(103,230,243,.9)!important;outline-offset:-4px!important;}

@media(max-width:782px){
    :root{--cunam-header-top:8px!important;--cunam-header-h:64px!important;}
    .cunam-premium-shell{border-radius:16px!important;}
    .brand-copy small{white-space:normal!important;}
    .hero-slide-inner{align-items:center!important;padding-top:96px!important;padding-bottom:120px!important;}
    .hero-slide-content{margin-top:0!important;}
}

/* =========================================================
   CÜNAM DS 2.0 - v37 Hero quick access click fix
   Hero hızlı erişim barının üstündeki pointer-events kilidi kaldırıldı.
   ========================================================= */
.hero-bottom-panel.hero-service-panel,
.hero-service-panel,
.hero-service-links,
.hero-service-link,
.hero-service-link *{
    pointer-events:auto!important;
}
.hero-service-panel{
    z-index:80!important;
}
.hero-tech-layer,
.hero-particle-canvas,
.hero-slide::before,
.hero-slide::after,
.hero-slider::before,
.hero-slider::after{
    pointer-events:none!important;
}
.hero-service-link{
    position:relative!important;
    z-index:2!important;
}

/* =========================================================
   CÜNAM DS 2.0 - v38 Navigation showcase readability + motion
   Sol tanıtım alanı daha okunabilir ve efektif hale getirildi.
   ========================================================= */
.premium-nav-showcase-v38{
    position:relative!important;
    overflow:hidden!important;
    background:
        radial-gradient(circle at 72% 46%, rgba(103,230,243,.30), transparent 0 9%, transparent 27%),
        radial-gradient(circle at 16% 28%, rgba(77,165,153,.24), transparent 0 10%, transparent 32%),
        linear-gradient(145deg, rgba(2,20,42,.94), rgba(5,46,70,.88) 54%, rgba(4,24,42,.95))!important;
}
.premium-nav-showcase-v38::before{
    content:""!important;
    position:absolute!important;
    inset:-35%!important;
    background:
        conic-gradient(from 140deg at 50% 50%, transparent 0deg, rgba(103,230,243,.24) 34deg, transparent 72deg, transparent 180deg, rgba(77,165,153,.18) 224deg, transparent 280deg)!important;
    opacity:.55!important;
    animation:cunamShowcaseSweep 9s linear infinite!important;
    pointer-events:none!important;
}
.premium-nav-showcase-v38::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:linear-gradient(90deg, rgba(0,0,0,.12), transparent 40%, rgba(255,255,255,.06))!important;
    pointer-events:none!important;
}
.showcase-gridline{
    position:absolute!important;
    inset:0!important;
    background-image:
        linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px)!important;
    background-size:42px 42px!important;
    mask-image:linear-gradient(90deg, rgba(0,0,0,.9), rgba(0,0,0,.2))!important;
    opacity:.55!important;
    pointer-events:none!important;
}
.showcase-orbit{
    position:absolute!important;
    right:clamp(22px,4vw,54px)!important;
    top:clamp(28px,5vw,78px)!important;
    width:118px!important;
    height:118px!important;
    border:1px solid rgba(103,230,243,.22)!important;
    border-radius:999px!important;
    opacity:.75!important;
    animation:cunamOrbitFloat 5.5s ease-in-out infinite!important;
    pointer-events:none!important;
}
.showcase-orbit::before,
.showcase-orbit::after{
    content:""!important;
    position:absolute!important;
    inset:18px!important;
    border:1px solid rgba(103,230,243,.18)!important;
    border-radius:999px!important;
}
.showcase-orbit::after{inset:42px!important;background:rgba(103,230,243,.14)!important;box-shadow:0 0 34px rgba(103,230,243,.28)!important;}
.showcase-orbit span{
    position:absolute!important;
    width:8px!important;
    height:8px!important;
    border-radius:50%!important;
    background:#67e6f3!important;
    box-shadow:0 0 18px rgba(103,230,243,.9)!important;
}
.showcase-orbit span:nth-child(1){left:10px!important;top:54px!important;}
.showcase-orbit span:nth-child(2){right:24px!important;top:18px!important;}
.showcase-orbit span:nth-child(3){right:20px!important;bottom:22px!important;}
.premium-nav-showcase-v38 .showcase-content{
    position:relative!important;
    z-index:2!important;
    max-width:310px!important;
}
.premium-nav-showcase-v38 .showcase-kicker,
.premium-nav-showcase-v38 .showcase-content strong{
    display:inline-flex!important;
    align-items:center!important;
    gap:10px!important;
    color:#fff!important;
    font-size:clamp(2rem,3vw,3.2rem)!important;
    line-height:.95!important;
    letter-spacing:-.045em!important;
    text-shadow:0 12px 34px rgba(0,0,0,.5)!important;
}
.premium-nav-showcase-v38 .showcase-kicker::after{
    content:""!important;
    width:9px!important;
    height:9px!important;
    border-radius:50%!important;
    background:#67e6f3!important;
    box-shadow:0 0 18px rgba(103,230,243,.85)!important;
}
.premium-nav-showcase-v38 h2{
    margin:16px 0 0!important;
    color:rgba(255,255,255,.92)!important;
    font-size:clamp(1.05rem,1.42vw,1.48rem)!important;
    line-height:1.32!important;
    font-weight:800!important;
    letter-spacing:-.025em!important;
    text-shadow:0 8px 24px rgba(0,0,0,.52)!important;
}
.premium-nav-showcase-v38 .showcase-line{
    display:block!important;
    width:76px!important;
    height:3px!important;
    border-radius:999px!important;
    margin:28px 0 26px!important;
    background:linear-gradient(90deg,#67e6f3,rgba(103,230,243,.15))!important;
    box-shadow:0 0 20px rgba(103,230,243,.44)!important;
}
.premium-nav-showcase-v38 p{
    color:rgba(255,255,255,.88)!important;
    font-size:clamp(.92rem,1vw,1.02rem)!important;
    line-height:1.72!important;
    font-weight:550!important;
    text-shadow:0 8px 24px rgba(0,0,0,.55)!important;
}
.showcase-tags{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    margin-top:24px!important;
}
.showcase-tags span{
    display:inline-flex!important;
    align-items:center!important;
    min-height:30px!important;
    padding:7px 10px!important;
    border-radius:999px!important;
    border:1px solid rgba(103,230,243,.22)!important;
    background:rgba(255,255,255,.075)!important;
    color:rgba(255,255,255,.9)!important;
    font-size:12px!important;
    font-weight:700!important;
    letter-spacing:-.01em!important;
    backdrop-filter:blur(10px)!important;
}
@keyframes cunamShowcaseSweep{to{transform:rotate(360deg)}}
@keyframes cunamOrbitFloat{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}50%{transform:translate3d(-8px,10px,0) rotate(10deg)}}
@media(max-width:980px){
    .showcase-orbit{width:96px!important;height:96px!important;opacity:.48!important;}
    .premium-nav-showcase-v38 .showcase-content{max-width:100%!important;}
}
@media(max-width:782px){
    .premium-nav-showcase-v38{min-height:260px!important;}
    .premium-nav-showcase-v38 .showcase-content{padding:28px!important;}
    .showcase-tags{display:none!important;}
}

/* =========================================================
   CÜNAM DS 2.0 - v39 Managed Navigation Panel
   Navigation panel content is now managed from CÜNAM CMS.
   ========================================================= */
.premium-nav-showcase-v38[style*="--nav-showcase-bg"]{
    background:
        linear-gradient(145deg, rgba(2,20,42,.84), rgba(5,46,70,.70) 54%, rgba(4,24,42,.88)),
        var(--nav-showcase-bg) center/cover no-repeat!important;
}
.premium-nav-showcase-v38:not(.has-light)::before{display:none!important;}
.premium-nav-showcase-v38:not(.has-grid) .showcase-gridline{display:none!important;}
.premium-nav-showcase-v38:not(.has-orbit) .showcase-orbit{display:none!important;}
.premium-nav-showcase-v38 .showcase-content{transition:transform .25s ease!important;}
body:not(.cunam-premium-nav-open) .premium-nav-showcase-v38 .showcase-content{transform:none!important;}
@media (hover:hover){
    body.cunam-premium-nav-open .premium-nav-showcase-v38.has-parallax:hover .showcase-content{transform:translate3d(4px,-4px,0)!important;}
}

/* =========================================================
   CÜNAM DS 2.0 - v40 Premium Language Switcher
   Active language is now visually obvious in the header.
   ========================================================= */
.cunam-premium-header .premium-language,
.cunam-premium-header .language-switcher-list{
    position:relative!important;
    isolation:isolate!important;
}
.cunam-premium-header .language-switcher-list{
    min-height:44px!important;
    padding:5px!important;
    gap:5px!important;
    border-radius:999px!important;
    border:1px solid rgba(177,229,219,.38)!important;
    background:linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.07))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.20), 0 14px 30px rgba(0,0,0,.18)!important;
    backdrop-filter:blur(16px) saturate(150%)!important;
    -webkit-backdrop-filter:blur(16px) saturate(150%)!important;
}
.cunam-premium-header .language-switcher-list::before{
    content:"Dil"!important;
    position:absolute!important;
    left:50%!important;
    top:-10px!important;
    transform:translateX(-50%)!important;
    padding:2px 7px!important;
    border-radius:999px!important;
    background:rgba(4,20,34,.72)!important;
    color:rgba(177,229,219,.92)!important;
    font-size:9px!important;
    font-weight:900!important;
    line-height:1!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
    opacity:0!important;
    transition:opacity .2s ease, top .2s ease!important;
    pointer-events:none!important;
}
.cunam-premium-header .premium-language:hover .language-switcher-list::before{
    opacity:1!important;
    top:-14px!important;
}
.cunam-premium-header .language-switcher-list li{
    position:relative!important;
    z-index:1!important;
}
.cunam-premium-header .language-switcher-list li:not(:last-child)::after{
    display:none!important;
}
.cunam-premium-header .language-switcher-list a{
    position:relative!important;
    min-width:46px!important;
    height:34px!important;
    padding:0 13px!important;
    border-radius:999px!important;
    border:1px solid transparent!important;
    color:rgba(232,251,247,.70)!important;
    font-size:12px!important;
    font-weight:950!important;
    letter-spacing:.08em!important;
    text-shadow:none!important;
    opacity:.76!important;
}
.cunam-premium-header .language-switcher-list a:hover{
    color:#fff!important;
    opacity:1!important;
    background:rgba(255,255,255,.10)!important;
    transform:translateY(-1px)!important;
}
.cunam-premium-header .language-switcher-list .current-lang a{
    color:#062334!important;
    opacity:1!important;
    background:linear-gradient(135deg, #67e6f3 0%, #B1E5DB 48%, #4DA599 100%)!important;
    border-color:rgba(255,255,255,.42)!important;
    box-shadow:0 10px 24px rgba(103,230,243,.32), inset 0 1px 0 rgba(255,255,255,.42)!important;
    transform:none!important;
}
.cunam-premium-header .language-switcher-list .current-lang a::after{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    bottom:-9px!important;
    width:6px!important;
    height:6px!important;
    border-radius:999px!important;
    background:#67e6f3!important;
    transform:translateX(-50%)!important;
    box-shadow:0 0 0 4px rgba(103,230,243,.16), 0 0 18px rgba(103,230,243,.95)!important;
}
.cunam-premium-header .language-switcher-list .current-lang a::before{
    content:"Aktif"!important;
    position:absolute!important;
    left:50%!important;
    top:calc(100% + 12px)!important;
    transform:translateX(-50%)!important;
    padding:3px 8px!important;
    border-radius:999px!important;
    background:rgba(5,24,38,.90)!important;
    color:#B1E5DB!important;
    font-size:9px!important;
    font-weight:950!important;
    line-height:1!important;
    letter-spacing:.10em!important;
    text-transform:uppercase!important;
    box-shadow:0 8px 18px rgba(0,0,0,.28)!important;
    opacity:0!important;
    transition:opacity .18s ease, transform .18s ease!important;
    pointer-events:none!important;
}
.cunam-premium-header .premium-language:hover .language-switcher-list .current-lang a::before{
    opacity:1!important;
    transform:translateX(-50%) translateY(2px)!important;
}
body.header-scrolled .cunam-premium-header .language-switcher-list{
    background:rgba(255,255,255,.72)!important;
    border-color:rgba(77,165,153,.22)!important;
    box-shadow:0 10px 26px rgba(47,71,82,.10)!important;
}
body.header-scrolled .cunam-premium-header .language-switcher-list a{
    color:rgba(47,71,82,.62)!important;
}
body.header-scrolled .cunam-premium-header .language-switcher-list a:hover{
    color:#2F4752!important;
    background:rgba(77,165,153,.08)!important;
}
body.header-scrolled .cunam-premium-header .language-switcher-list .current-lang a{
    color:#062334!important;
}
@media(max-width:700px){
    .cunam-premium-header .language-switcher-list{
        min-height:38px!important;
        padding:4px!important;
        gap:3px!important;
    }
    .cunam-premium-header .language-switcher-list a{
        min-width:38px!important;
        height:30px!important;
        padding:0 9px!important;
        font-size:11px!important;
    }
    .cunam-premium-header .language-switcher-list::before,
    .cunam-premium-header .language-switcher-list .current-lang a::before{
        display:none!important;
    }
}


/* ================= V41 Header Online Appointment Button ================= */
.cunam-premium-header .premium-appointment-button{
    height:clamp(46px,4vw,58px);
    padding:0 clamp(16px,1.55vw,24px);
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    color:#05243a!important;
    text-decoration:none!important;
    font-weight:850;
    font-size:clamp(.82rem,.85vw,.95rem);
    letter-spacing:.01em;
    white-space:nowrap;
    background:linear-gradient(135deg, rgba(103,239,245,.98), rgba(77,165,153,.96));
    border:1px solid rgba(255,255,255,.34);
    box-shadow:0 16px 36px rgba(77,165,153,.28), inset 0 1px 0 rgba(255,255,255,.42);
    transition:transform .22s ease, box-shadow .22s ease, filter .22s ease;
}
.cunam-premium-header .premium-appointment-button svg{
    width:20px;
    height:20px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.cunam-premium-header .premium-appointment-button:hover{
    transform:translateY(-1px);
    filter:saturate(1.08);
    box-shadow:0 20px 44px rgba(77,165,153,.36), inset 0 1px 0 rgba(255,255,255,.5);
}
body.header-scrolled .cunam-premium-header .premium-appointment-button{
    background:linear-gradient(135deg, rgba(103,239,245,.94), rgba(77,165,153,.92));
}
@media (max-width:1180px){
    .cunam-premium-header .premium-appointment-button{padding:0 14px;}
    .cunam-premium-header .premium-appointment-button span{max-width:155px;overflow:hidden;text-overflow:ellipsis;}
}
@media (max-width:980px){
    .cunam-premium-header .premium-appointment-button{display:none;}
}


/* =========================================================
   CÜNAM DS 2.0 - v42 Mobile QA / Responsive Refinement
   Mobilde header, hero slider, hızlı erişim ve navigation panel iyileştirildi.
   ========================================================= */
html{scroll-padding-top:calc(var(--cunam-header-top) + var(--cunam-header-h) + 18px)!important;}
body.cunam-premium-nav-open{overflow:hidden!important;touch-action:none!important;}
body.cunam-premium-nav-open .premium-nav-backdrop{
    background:rgba(3,12,20,.42)!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
}

@media (max-width: 1024px){
    .cunam-premium-actions{gap:8px!important;}
    .premium-appointment-button{height:46px!important;padding:0 14px!important;border-radius:14px!important;}
    .premium-appointment-button span{font-size:.82rem!important;max-width:155px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
    .premium-menu-button{min-width:88px!important;}
}

@media (max-width: 860px){
    :root{
        --cunam-header-top: 8px!important;
        --cunam-header-x: 10px!important;
        --cunam-header-h: 60px!important;
        --cunam-panel-top: 76px!important;
    }
    .cunam-premium-header{inset:var(--cunam-header-top) var(--cunam-header-x) auto var(--cunam-header-x)!important;}
    .cunam-premium-shell{
        min-height:var(--cunam-header-h)!important;
        height:var(--cunam-header-h)!important;
        padding:0 8px 0 10px!important;
        border-radius:18px!important;
    }
    .cunam-premium-brand{min-width:0!important;gap:8px!important;flex:1 1 auto!important;}
    .brand-orbit{width:42px!important;height:42px!important;flex:0 0 42px!important;}
    .brand-copy{min-width:0!important;}
    .brand-copy strong{font-size:1.22rem!important;letter-spacing:-.03em!important;}
    .brand-copy small{display:none!important;}
    .cunam-premium-actions{gap:6px!important;flex:0 0 auto!important;}
    .premium-search{width:42px!important;height:42px!important;border-radius:14px!important;}
    .premium-search svg{width:18px!important;height:18px!important;}
    .premium-language{display:none!important;}
    .premium-appointment-button{
        display:grid!important;
        place-items:center!important;
        width:42px!important;
        min-width:42px!important;
        height:42px!important;
        padding:0!important;
        border-radius:14px!important;
        background:linear-gradient(135deg,#57e6df,#3fa79c)!important;
        color:#06262a!important;
    }
    .premium-appointment-button span{display:none!important;}
    .premium-appointment-button svg{margin:0!important;width:19px!important;height:19px!important;stroke-width:2!important;}
    .premium-menu-button{
        width:52px!important;
        min-width:52px!important;
        height:42px!important;
        padding:0!important;
        border-radius:14px!important;
    }
    .premium-menu-button span{display:none!important;}
    .premium-menu-button i,.premium-menu-button i::before,.premium-menu-button i::after{width:22px!important;height:2px!important;}

    .hero-slider,
    .hero-slider-track,
    .hero-slide,
    .hero-slide.is-active,
    .hero-slide-inner,
    .hero-slide-image{
        min-height:92svh!important;
        height:92svh!important;
    }
    .hero-slide-image{object-position:center center!important;}
    .hero-slide.has-dark-overlay::before,
    .hero-slide::before{
        background:linear-gradient(180deg,rgba(4,13,22,.48) 0%,rgba(4,13,22,.26) 28%,rgba(4,13,22,.68) 100%)!important;
    }
    .hero-slide-inner{
        padding-top:calc(var(--cunam-header-h) + 30px)!important;
        padding-bottom:150px!important;
        align-items:center!important;
        justify-content:center!important;
        text-align:center!important;
    }
    .hero-slide-content{
        width:min(100%, 620px)!important;
        margin:0 auto!important;
        transform:none!important;
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
    }
    .hero-slide-label{margin-inline:auto!important;}
    .hero-slide-content h1{
        max-width:11.5em!important;
        margin-left:auto!important;
        margin-right:auto!important;
        font-size:clamp(2.05rem,9vw,3.75rem)!important;
        line-height:.98!important;
        letter-spacing:-.055em!important;
        text-wrap:balance!important;
    }
    .hero-slide-content p{
        max-width:34em!important;
        margin-left:auto!important;
        margin-right:auto!important;
        font-size:clamp(.95rem,3.65vw,1.08rem)!important;
        line-height:1.55!important;
        text-wrap:pretty!important;
    }
    .hero-signature-actions{
        justify-content:center!important;
        gap:10px!important;
        flex-wrap:wrap!important;
    }
    .hero-signature-actions a{
        min-height:44px!important;
        padding:12px 16px!important;
        border-radius:999px!important;
        font-size:.9rem!important;
    }
    .hero-slider-arrow{display:none!important;}
    .hero-slider-dots{
        bottom:116px!important;
        left:50%!important;
        right:auto!important;
        transform:translateX(-50%)!important;
        gap:8px!important;
        z-index:85!important;
    }
    .hero-slider-dots button{width:8px!important;height:8px!important;}
    .hero-tech-layer,.hero-particle-canvas{opacity:.42!important;}

    .hero-service-panel{
        position:relative!important;
        left:auto!important;
        right:auto!important;
        bottom:auto!important;
        transform:none!important;
        width:calc(100% - 20px)!important;
        margin:-88px auto 26px!important;
        z-index:90!important;
    }
    .hero-service-links{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        border-radius:20px!important;
        background:rgba(9,24,33,.88)!important;
        box-shadow:0 18px 54px rgba(0,0,0,.30)!important;
    }
    .hero-service-link{
        min-height:76px!important;
        padding:14px 12px!important;
        gap:10px!important;
        -webkit-tap-highlight-color:transparent!important;
    }
    .hero-service-link:nth-child(odd)::after{display:block!important;top:22%!important;bottom:22%!important;}
    .hero-service-link:nth-child(even)::after{display:none!important;}
    .hero-service-link::before{
        content:""!important;
        position:absolute!important;
        left:14px!important;
        right:14px!important;
        bottom:0!important;
        height:1px!important;
        background:rgba(255,255,255,.10)!important;
    }
    .hero-service-link:nth-last-child(-n+2)::before{display:none!important;}
    .hero-service-icon{width:30px!important;height:30px!important;flex:0 0 30px!important;}
    .hero-service-icon svg{width:26px!important;height:26px!important;}
    .hero-service-copy{gap:4px!important;}
    .hero-service-copy strong{font-size:12.8px!important;line-height:1.15!important;white-space:normal!important;}
    .hero-service-copy small{font-size:11.5px!important;line-height:1.22!important;white-space:normal!important;color:rgba(255,255,255,.70)!important;}

    .premium-nav-panel{
        top:calc(var(--cunam-header-top) + var(--cunam-header-h) + 8px)!important;
        left:10px!important;
        right:10px!important;
        bottom:10px!important;
        min-height:0!important;
        border-radius:22px!important;
        grid-template-columns:1fr!important;
        grid-template-rows:auto auto auto!important;
        overflow:auto!important;
        overscroll-behavior:contain!important;
        -webkit-overflow-scrolling:touch!important;
        background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,250,250,.97))!important;
        border:1px solid rgba(255,255,255,.72)!important;
        box-shadow:0 24px 80px rgba(0,0,0,.34)!important;
        transform:translateY(-6px)!important;
        transition:opacity .2s ease, transform .22s ease!important;
    }
    body.cunam-premium-nav-open .premium-nav-panel{transform:translateY(0)!important;}
    body.cunam-premium-nav-open .cunam-premium-shell::after{display:none!important;}
    .premium-nav-showcase,
    .premium-nav-showcase-v38{
        min-height:auto!important;
        padding:0!important;
        border-radius:20px!important;
        margin:10px!important;
        background:linear-gradient(135deg,#062039,#0a4b5b)!important;
    }
    .premium-nav-showcase-v38::before{animation:none!important;opacity:.22!important;}
    .showcase-orbit{animation:none!important;opacity:.34!important;right:14px!important;top:20px!important;}
    .premium-nav-showcase-v38 .showcase-content{
        max-width:100%!important;
        padding:24px 22px!important;
    }
    .premium-nav-showcase-v38 .showcase-kicker,
    .premium-nav-showcase-v38 .showcase-content strong{font-size:1.75rem!important;}
    .premium-nav-showcase-v38 h2{font-size:1.04rem!important;line-height:1.34!important;margin-top:10px!important;}
    .premium-nav-showcase-v38 .showcase-line{margin:18px 0!important;width:58px!important;}
    .premium-nav-showcase-v38 p{font-size:.9rem!important;line-height:1.56!important;max-width:95%!important;}
    .showcase-tags{display:flex!important;gap:6px!important;margin-top:16px!important;}
    .showcase-tags span{font-size:11px!important;min-height:26px!important;padding:5px 8px!important;}
    .premium-nav-columns{
        grid-template-columns:1fr!important;
        gap:0!important;
        padding:4px 14px 12px!important;
    }
    .premium-nav-column{
        padding:16px 4px!important;
        border-bottom:1px solid rgba(22,42,50,.10)!important;
    }
    .premium-nav-icon{display:none!important;}
    .premium-nav-column h3{
        min-height:0!important;
        margin:0 0 12px!important;
        padding:0!important;
        border:0!important;
        color:#102532!important;
        font-size:1.05rem!important;
    }
    .premium-nav-column ul{
        display:grid!important;
        grid-template-columns:1fr 1fr!important;
        gap:8px!important;
    }
    .premium-nav-column a{
        display:flex!important;
        align-items:center!important;
        min-height:38px!important;
        padding:9px 10px!important;
        border-radius:12px!important;
        background:rgba(16,37,50,.045)!important;
        color:rgba(16,37,50,.78)!important;
        font-size:.88rem!important;
        line-height:1.18!important;
    }
    .premium-nav-column a:hover{transform:none!important;color:#0b756f!important;background:rgba(77,165,153,.10)!important;}
    .premium-nav-quicklinks{
        grid-column:auto!important;
        margin:4px 14px 16px!important;
        padding-top:12px!important;
        border-top:1px solid rgba(22,42,50,.10)!important;
        grid-template-columns:1fr!important;
        gap:8px!important;
    }
    .premium-quick-card{
        min-height:64px!important;
        grid-template-columns:46px 1fr 18px!important;
        column-gap:10px!important;
        padding:10px 12px!important;
        border:1px solid rgba(22,42,50,.08)!important;
        border-radius:14px!important;
        background:#fff!important;
        color:#102532!important;
    }
    .premium-quick-card span{width:40px!important;height:40px!important;color:#0b756f!important;background:rgba(77,165,153,.10)!important;}
    .premium-quick-card b{font-size:.9rem!important;color:#102532!important;}
    .premium-quick-card small{font-size:.82rem!important;color:rgba(16,37,50,.58)!important;}
    .premium-quick-card em{position:static!important;grid-column:3!important;grid-row:1/3!important;transform:none!important;color:rgba(16,37,50,.35)!important;font-size:1.45rem!important;align-self:center!important;}
}

@media (max-width: 430px){
    .brand-copy strong{font-size:1.08rem!important;}
    .premium-search{display:none!important;}
    .hero-slide-content h1{font-size:clamp(1.85rem,10vw,2.55rem)!important;max-width:10.5em!important;}
    .hero-slide-content p{font-size:.92rem!important;max-width:30em!important;}
    .hero-signature-actions a{width:100%!important;justify-content:center!important;}
    .hero-service-panel{width:calc(100% - 16px)!important;margin-top:-78px!important;}
    .hero-service-links{grid-template-columns:1fr!important;}
    .hero-service-link{min-height:66px!important;padding:12px 14px!important;}
    .hero-service-link::after{display:none!important;}
    .hero-service-link::before{display:block!important;}
    .hero-service-link:last-child::before{display:none!important;}
    .premium-nav-column ul{grid-template-columns:1fr!important;}
    .showcase-tags{display:none!important;}
}

@media (prefers-reduced-motion: reduce){
    .premium-nav-showcase-v38::before,.showcase-orbit{animation:none!important;}
    .hero-slide,.premium-nav-panel,.hero-service-link{transition:none!important;}
}




/* CÜNAM v45 — navigation showcase image switching + stable menu open */
.premium-nav-showcase{position:relative!important;overflow:hidden!important;}
.premium-nav-showcase .showcase-image-layer{
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    opacity:0!important;
    transform:scale(1.035)!important;
    transition:opacity .38s ease, transform .55s cubic-bezier(.2,.8,.2,1)!important;
    background:
        linear-gradient(90deg,rgba(4,23,39,.82),rgba(4,23,39,.54)),
        var(--nav-showcase-bg, radial-gradient(circle at 72% 24%, rgba(93,226,230,.28), transparent 34%), linear-gradient(135deg,#061b31,#0a3344)) center/cover no-repeat!important;
}
.premium-nav-showcase .showcase-image-layer[style*="--nav-column-bg"]{
    background:
        linear-gradient(90deg,rgba(4,23,39,.78),rgba(4,23,39,.48)),
        var(--nav-column-bg) center/cover no-repeat!important;
}
.premium-nav-showcase .showcase-image-layer.is-active{opacity:1!important;transform:scale(1)!important;}
.premium-nav-showcase .showcase-orbit,
.premium-nav-showcase .showcase-gridline,
.premium-nav-showcase .showcase-content{position:relative!important;z-index:2!important;}
.premium-nav-showcase::before,.premium-nav-showcase::after{z-index:1!important;pointer-events:none!important;}
.premium-nav-column{cursor:default!important;}
.premium-nav-column:hover .premium-nav-icon{transform:translateY(-2px)!important;}

/* Menü açılırken sayfayı en üste zıplatmayı engeller */


body.cunam-premium-nav-open{overflow:hidden!important;}
@media (max-width: 991px){
    .premium-nav-showcase .showcase-image-layer[style*="--nav-column-bg"]{background-position:center!important;}
}

/* =========================================================
   V48 - Header V3 Soft Premium Refinement
   Purpose: thinner, softer, less dominant header while keeping
   existing managed CMS/navigation structure intact.
========================================================= */
:root{
    --cunam-header-top: clamp(10px, 1.4vw, 18px);
    --cunam-header-h: clamp(60px, 4.8vw, 72px);
    --cunam-panel-top: calc(var(--cunam-header-top) + var(--cunam-header-h) + 2px);
}

.cunam-premium-shell{
    height: var(--cunam-header-h)!important;
    gap: clamp(14px, 1.5vw, 22px)!important;
    padding: 0 clamp(14px, 1.7vw, 22px)!important;
    border-radius: 18px!important;
    background:
        linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.045)),
        linear-gradient(180deg, rgba(40,82,107,.54), rgba(12,38,56,.38))!important;
    border-color: rgba(255,255,255,.18)!important;
    backdrop-filter: blur(20px) saturate(145%)!important;
    -webkit-backdrop-filter: blur(20px) saturate(145%)!important;
    box-shadow:
        0 18px 46px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.22),
        inset 0 -1px 0 rgba(255,255,255,.055)!important;
}

body.cunam-premium-nav-open .cunam-premium-shell,
body.header-scrolled .cunam-premium-shell{
    background:
        linear-gradient(135deg, rgba(255,255,255,.13), rgba(255,255,255,.04)),
        linear-gradient(180deg, rgba(34,83,111,.60), rgba(7,28,45,.50))!important;
    border-color: rgba(255,255,255,.22)!important;
    box-shadow:
        0 14px 36px rgba(0,0,0,.20),
        inset 0 1px 0 rgba(255,255,255,.20)!important;
}

.cunam-premium-brand{
    gap: clamp(10px, 1vw, 14px)!important;
}

.brand-orbit{
    width: clamp(42px, 3.4vw, 52px)!important;
    height: clamp(42px, 3.4vw, 52px)!important;
}

.brand-copy strong{
    font-size: clamp(1.28rem, 1.55vw, 1.82rem)!important;
    font-weight: 780!important;
    letter-spacing: .012em!important;
}

.brand-copy small{
    font-size: clamp(.72rem, .82vw, .94rem)!important;
    font-weight: 480!important;
    color: rgba(255,255,255,.88)!important;
    letter-spacing: -.01em!important;
}

.cunam-premium-actions{
    gap: clamp(8px, .8vw, 12px)!important;
}

.premium-search{
    width: clamp(40px, 3.3vw, 48px)!important;
    height: clamp(40px, 3.3vw, 48px)!important;
    background: rgba(255,255,255,.075)!important;
    border-color: rgba(255,255,255,.16)!important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10)!important;
}

.premium-search svg,
.premium-nav-icon svg,
.premium-quick-card svg{
    width: 21px!important;
    height: 21px!important;
}

.premium-language{
    min-height: clamp(40px, 3.3vw, 48px)!important;
    height: clamp(40px, 3.3vw, 48px)!important;
    background: rgba(255,255,255,.075)!important;
    border-color: rgba(255,255,255,.15)!important;
}

.premium-language a,
.premium-language span{
    min-width: clamp(42px, 3.5vw, 52px)!important;
    min-height: clamp(40px, 3.3vw, 48px)!important;
    font-size: .82rem!important;
    font-weight: 580!important;
}

.cunam-premium-header .language-switcher-list{
    height: clamp(40px, 3.3vw, 48px)!important;
    min-height: clamp(40px, 3.3vw, 48px)!important;
    padding: 3px!important;
    background: rgba(255,255,255,.075)!important;
    border-color: rgba(255,255,255,.15)!important;
}

.cunam-premium-header .language-switcher-list a{
    min-width: clamp(36px, 3vw, 46px)!important;
    height: calc(clamp(40px, 3.3vw, 48px) - 8px)!important;
    min-height: auto!important;
    font-size: .78rem!important;
    font-weight: 650!important;
}

.cunam-premium-header .language-switcher-list .current-lang a{
    background: rgba(103,230,243,.18)!important;
    color: #eaffff!important;
    box-shadow: inset 0 0 0 1px rgba(103,230,243,.28)!important;
}

.cunam-premium-header .language-switcher-list .current-lang a::after{
    height: 2px!important;
    bottom: 4px!important;
    width: 16px!important;
    background: #67e6f3!important;
}

.cunam-premium-header .language-switcher-list .current-lang a::before{
    display:none!important;
}

.premium-menu-button{
    min-width: clamp(108px, 8vw, 138px)!important;
    height: clamp(42px, 3.6vw, 52px)!important;
    padding: 0 clamp(15px, 1.5vw, 22px)!important;
    gap: 14px!important;
    font-size: .9rem!important;
    font-weight: 680!important;
    background: rgba(4,22,43,.72)!important;
    border-color: rgba(255,255,255,.095)!important;
    box-shadow: 0 10px 28px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.09)!important;
}

.premium-menu-button i{
    width: 23px!important;
    height: 16px!important;
}

.premium-menu-button i,
.premium-menu-button i::before,
.premium-menu-button i::after{
    height: 2px!important;
}

body.cunam-premium-nav-open .premium-menu-button i::before{transform:translateY(7px) rotate(45deg)!important;}
body.cunam-premium-nav-open .premium-menu-button i::after{transform:translateY(-7px) rotate(-45deg)!important;}

.cunam-premium-header .premium-appointment-button{
    min-height: clamp(40px, 3.3vw, 48px)!important;
    padding: 0 clamp(13px, 1.25vw, 18px)!important;
    font-size: .83rem!important;
    font-weight: 700!important;
    border-radius: 999px!important;
}

.cunam-premium-header .premium-appointment-button svg{
    width: 18px!important;
    height: 18px!important;
}

/* v51: Hero haber sliderı tek CTA */
.hero-signature-actions--single{gap:0!important;}
.hero-signature-actions--single a{min-width:168px!important;}
.hero-signature-actions--single a:last-child{background:linear-gradient(135deg,#4DA599,#79d6c9)!important;color:#fff!important;border:0!important;box-shadow:0 18px 40px rgba(77,165,153,.26)!important;}
@media (max-width:768px){.hero-signature-actions--single a{width:auto!important;min-width:160px!important;max-width:220px!important;}}

/* =========================================================
   CÜNAM v52 - Featured news hero title balance
   Uzun haber başlıkları ekranın yarısını kaplamasın.
   ========================================================= */
.hero-slide-content{
    max-width:min(720px, 48vw)!important;
}

.hero-slide-content h1,
.hero-slide-title{
    max-width:11.6em!important;
    font-size:clamp(3.15rem, 4.15vw, 5.15rem)!important;
    line-height:1.02!important;
    letter-spacing:-.058em!important;
    text-wrap:balance!important;
}

.hero-slide-content p,
.hero-slide-description{
    max-width:640px!important;
    font-size:clamp(1.02rem, 1.12vw, 1.25rem)!important;
    line-height:1.58!important;
    display:-webkit-box!important;
    -webkit-line-clamp:3!important;
    line-clamp:3!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
}

.hero-slide-label{
    font-size:.78rem!important;
    padding:8px 15px!important;
}

.hero-source,
.hero-slide-source{
    font-size:.82rem!important;
    letter-spacing:.08em!important;
}

@media (min-width:1440px){
    .hero-slide-content h1,
    .hero-slide-title{
        font-size:clamp(3.4rem, 4.25vw, 5.35rem)!important;
    }
}

@media (max-width:1200px){
    .hero-slide-content{max-width:min(680px, 58vw)!important;}
    .hero-slide-content h1,
    .hero-slide-title{font-size:clamp(2.75rem, 5.8vw, 4.4rem)!important;}
}

@media (max-width:768px){
    .hero-slide-content{max-width:100%!important;}
    .hero-slide-content h1,
    .hero-slide-title{
        max-width:10.8em!important;
        font-size:clamp(2rem, 9.2vw, 3.05rem)!important;
        line-height:1.04!important;
        letter-spacing:-.052em!important;
    }
    .hero-slide-content p,
    .hero-slide-description{
        font-size:clamp(.98rem, 3.8vw, 1.08rem)!important;
        line-height:1.5!important;
        -webkit-line-clamp:3!important;
        line-clamp:3!important;
    }
}


/* =========================================================
   CÜNAM v53 - Hero clean news title
   Önemli haber etiketi ve kaynak satırı kaldırıldı; başlık daha yukarı ve dengeli.
   ========================================================= */
.hero-slide-label,
.hero-news-meta{
    display:none!important;
}
.hero-slide-content{
    margin-top:clamp(-34px,-3vh,-12px)!important;
    max-width:620px!important;
}
.hero-slide-content h1{
    font-size:clamp(44px,4.1vw,62px)!important;
    line-height:1.04!important;
    letter-spacing:-.045em!important;
    max-width:600px!important;
    margin-top:0!important;
    margin-bottom:clamp(18px,2vh,26px)!important;
}
.hero-slide-content p{
    max-width:590px!important;
    font-size:clamp(17px,1.05vw,20px)!important;
    line-height:1.72!important;
    margin-bottom:clamp(22px,3vh,34px)!important;
}
.hero-slide-content::before{
    height:min(560px,58vh)!important;
    opacity:.72!important;
}
@media(max-width:1200px){
    .hero-slide-content h1{font-size:clamp(42px,5vw,58px)!important;max-width:560px!important;}
}
@media(max-width:782px){
    .hero-slide-content{margin-top:0!important;max-width:100%!important;}
    .hero-slide-content h1{
        font-size:clamp(34px,9vw,42px)!important;
        line-height:1.08!important;
        max-width:94%!important;
    }
    .hero-slide-content p{
        font-size:16px!important;
        line-height:1.62!important;
        max-width:92%!important;
    }
    .hero-slide-content::before{height:calc(100% + 40px)!important;}
}

/* CÜNAM v79 — daha hızlı ve akıcı premium menü geçişleri */
.cunam-premium-nav{
    transition:opacity .16s ease-out!important;
    will-change:opacity!important;
}
.premium-nav-panel{
    transform:translate3d(0,-8px,0) scale(.992)!important;
    opacity:0!important;
    transition:transform .18s cubic-bezier(.16,1,.3,1), opacity .14s ease-out!important;
    will-change:transform,opacity!important;
    backface-visibility:hidden!important;
    contain:layout paint!important;
}
body.cunam-premium-nav-open .premium-nav-panel{
    transform:translate3d(0,0,0) scale(1)!important;
    opacity:1!important;
}
.premium-nav-backdrop{
    transition:opacity .14s ease-out!important;
}
.premium-nav-showcase .showcase-image-layer{
    transition:opacity .20s ease-out, transform .26s cubic-bezier(.16,1,.3,1)!important;
    will-change:opacity,transform!important;
}
.premium-nav-column a,
.premium-nav-column,
.premium-quick-card{
    transition-duration:.16s!important;
}
@media (prefers-reduced-motion: reduce){
    .cunam-premium-nav,
    .premium-nav-panel,
    .premium-nav-showcase .showcase-image-layer,
    .premium-nav-column a,
    .premium-quick-card{transition:none!important;}
}

/* CÜNAM v82 — Header Online Randevu görünürlüğünü garanti altına al */
@media (min-width: 769px) {
    .cunam-premium-header .premium-appointment-button {
        display: inline-flex !important;
    }
}

/* CÜNAM v83 — Hero turkuaz çizgi kaldırıldı */
.hero-slide-content::before{
    display:none!important;
    content:none!important;
}
.hero-slide-content{
    padding-left:0!important;
}

/* =========================================================
   CÜNAM v84 - Sol menü tanıtım alanı animasyon yumuşatma
   Menü hızlı açılır; sol showcase alanı artık ayrı ayrı fırlamaz/titremez.
   ========================================================= */
@media (min-width: 769px){
    .premium-nav-showcase,
    .premium-nav-showcase-v38{
        transform:translate3d(0,0,0)!important;
        transition:opacity .24s ease-out!important;
        will-change:opacity!important;
        backface-visibility:hidden!important;
        contain:layout paint!important;
    }

    .premium-nav-showcase .showcase-content,
    .premium-nav-showcase-v38 .showcase-content{
        transform:none!important;
        transition:opacity .26s ease-out!important;
        animation:none!important;
        will-change:auto!important;
    }

    body.cunam-premium-nav-open .premium-nav-showcase-v38.has-parallax:hover .showcase-content,
    body.cunam-premium-nav-open .premium-nav-showcase.has-parallax:hover .showcase-content{
        transform:none!important;
    }

    .premium-nav-showcase .showcase-image-layer{
        transform:none!important;
        transition:opacity .28s ease-out!important;
        will-change:opacity!important;
        backface-visibility:hidden!important;
    }

    .premium-nav-showcase .showcase-image-layer.is-active{
        transform:none!important;
    }

    .premium-nav-showcase-v38::before,
    .showcase-orbit{
        animation-duration:18s!important;
    }
}