/* =========================================================
   1. GENEL HARDENING (AŞIRI TAŞMA ENGELLEYİCİ) & DEĞİŞKENLER
========================================================= */
:root {
  --ja-bg: #061017;          
  --ja-page-bg: #f7fbfd;
  --ja-page-ink: #123141;
  --ja-card-bg: #0b1b24;     
  --ja-border: rgba(153, 209, 228, 0.4); 
  --ja-text: #ecfaff;        
  --ja-text-muted: #a9c7d2;  
  
  --ja-primary: #99D1E4;     /* JeunACTIO Mavisi */
  --ja-secondary: #6ec6e8;   /* JeunACTIO Neon (koyu ton) */
  --ja-tertiary: #d9f8ff;    /* Buz Mavisi */
  --ja-brand-soft: #99D1E4;  /* JeunACTIO referans mavisi */
  --ja-brand-glow: rgba(153, 209, 228, 0.65);

}

/* Tüm cihazlarda yatayda kaymayı / sayfa patlamalarını kesin olarak keser */
html { overflow-x: hidden !important; max-width: 100vw !important; }
body { overflow-x: clip; max-width: 100vw !important; }
#jeunactio-inject-target, #jeunactio-inject-target * { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; box-sizing: border-box; }

/* =========================================================
   2. GHOST ORİJİNAL HEADER İPTALİ VE BİZİM ÖZEL HEADER'IMIZ
========================================================= */
/* Ghost'un Orijinal Menüsünü TAMAMEN Yok Et! */
.gh-head, .site-header, header.gh-head {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    z-index: -9999 !important;
}

/* Bizim Özel Menümüz */
.ja-custom-header {
    background: linear-gradient(135deg, #061017 0%, #0d3140 48%, #0b1b24 100%) !important;
    border-bottom: 2px solid rgba(153, 209, 228, 0.68) !important;
    box-shadow: var(--e2), var(--glow-soft) !important;
    width: 100%;
}
.ja-header-inner {
    display: flex; justify-content: space-between; align-items: center;
    width: var(--ja-container); margin: 0 auto; padding: 15px 0;
}
.ja-logo a {
    color: #fff; font-size: 24px; font-weight: 800; letter-spacing: 2px; text-decoration: none; 
    text-shadow: 0 0 12px rgba(153,209,228,0.85);
}

.ja-header-center { flex: 1; min-width: 0; display: flex; justify-content: center; }
.ja-header-right { display: flex; align-items: center; gap: 15px; }

/* Subscribe Butonu Çerçeveli Menü Stili */
.ja-subscribe-btn {
    background: transparent !important; color: var(--ja-text) !important; border: 1px solid var(--ja-text) !important;
    padding: 6px 16px !important; font-size: var(--fs-sm) !important; font-weight: 600 !important; border-radius: var(--r-lg) !important;
    transition: all 0.3s ease !important; display: inline-flex !important; align-items: center !important; text-decoration: none;
}
.ja-subscribe-btn:hover {
    background: rgba(153, 209, 228, 0.14) !important; color: var(--ja-primary) !important; border-color: var(--ja-primary) !important;
    text-shadow: 0 0 8px var(--ja-primary) !important;
}

/* SOSYAL MEDYA DAİRELERİ */
.ja-social-group { display: flex !important; align-items: center !important; gap: 8px !important; }
.ja-social-circle {
    display: flex !important; justify-content: center !important; align-items: center !important;
    width: 38px !important; height: 38px !important; border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.08) !important; border: 1px solid rgba(255, 255, 255, 0.15) !important;
    transition: all 0.3s ease !important; color: #fff !important; text-decoration: none !important;
}
.ja-social-circle svg { width: 16px !important; height: 16px !important; fill: currentColor !important; transition: all 0.3s ease !important; }
.ja-social-circle.fb:hover { background: rgba(153, 209, 228, 0.16) !important; border-color: var(--ja-primary) !important; color: var(--ja-primary) !important; box-shadow: var(--glow) !important; }
.ja-social-circle.tw:hover { background: rgba(153, 209, 228, 0.16) !important; border-color: var(--ja-primary) !important; color: var(--ja-primary) !important; box-shadow: var(--glow) !important; }
.ja-social-circle.ig:hover { background: rgba(153, 209, 228, 0.16) !important; border-color: var(--ja-primary) !important; color: var(--ja-primary) !important; box-shadow: var(--glow) !important; }

/* =========================================================
   3. ANA SAYFA WIDGETLARI (BİLGİSAYAR GÖRÜNÜMÜ DEFAULT)
========================================================= */
.jeunactio-root{ font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; width: 100%; display: block; opacity: 0; transition: opacity .3s ease; z-index: 900; position: relative; overflow-x: hidden; color: var(--ja-text); background:
  radial-gradient(circle at 10% 8%, rgba(153, 209, 228, 0.34), transparent 34%),
  radial-gradient(circle at 86% 16%, rgba(153, 209, 228, 0.24), transparent 30%),
  radial-gradient(circle at 50% 92%, rgba(153, 209, 228, 0.18), transparent 42%),
  linear-gradient(180deg, #ffffff 0%, var(--ja-page-bg) 44%, #eef8fb 100%);
  background-color: var(--ja-page-bg); }
.jeunactio-root.is-visible{ opacity: 1; }
.jeunactio-root img{ display: block; max-width: 100%; height: auto; border: 0; }
.jeunactio-root .sec-frames{ padding: var(--ja-section-y) 0; border-bottom: 1px solid rgba(153,209,228,0.28); background: linear-gradient(180deg, rgba(255,255,255,0.88), rgba(238,248,251,0.94)); }

/* =========================================================
   3B. GİRİŞ PROJE VİTRİNİ (KURUMSAL CAROUSEL)
========================================================= */
.jeunactio-root .ja-project-showcase{ padding: clamp(8px, 1.2vw, 18px) 0 var(--ja-section-y); background:
  linear-gradient(180deg, rgba(255,255,255,0.94), rgba(238,248,251,0.94) 48%, rgba(255,255,255,0.78)),
  radial-gradient(circle at 16% 18%, rgba(153,209,228,0.34), transparent 32%);
  border-bottom: 1px solid rgba(153,209,228,0.34);
}
.jeunactio-root .ja-project-tabs{ width: var(--ja-container); margin: 0 auto 26px; display:grid; grid-template-columns: 1fr; align-items:end; }
.jeunactio-root .ja-project-tabs-logo{ display:none; }
.jeunactio-root .ja-project-tabs-inner{ grid-column: 1; display:flex; align-items:flex-end; gap: 7px; min-width:0; overflow-x:auto; overflow-y:visible; padding: 34px 0 3px; scrollbar-width: none; }
.jeunactio-root .ja-tab-wrap{ position:relative; display:flex; flex-direction:column; align-items:stretch; flex: 1 1 0; min-width: 0; }
.jeunactio-root .ja-tab-soon{ display: none !important; }
.jeunactio-root .ja-tab-soon::after{ content:""; position:absolute; left:50%; top:100%; transform: translateX(-50%); width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #e07b00; }
@keyframes jaTabSoonFloat{ 0%,100%{ transform: translateX(-50%) translateY(0); } 50%{ transform: translateX(-50%) translateY(-4px); } }
.jeunactio-root .ja-project-tabs-inner::-webkit-scrollbar{ display:none; }
.jeunactio-root .ja-project-tab{ position:relative; display:inline-flex; align-items:center; justify-content:center; width:100%; min-height: 40px; padding: 10px 28px 10px 20px; border: 1px solid rgba(18,49,65,0.28); border-bottom-color: rgba(153,209,228,0.68); background: rgba(255,255,255,0.78); color:#123141; text-decoration:none; font-size: clamp(12px, .95vw, 15px); font-weight: 900; letter-spacing:.7px; text-transform: uppercase; white-space: nowrap; text-align:center; cursor:pointer; clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 100%, 0 100%); box-shadow: var(--e2); transition: background .25s ease, color .25s ease, transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.jeunactio-root .ja-project-tab[data-showcase-key="recrutement"].is-active::after{ background:#6c3fc9; box-shadow:0 0 10px rgba(108,63,201,0.45); }
/* İlan aktif olduğu sürece sekme sürekli yanıp söner (has-new'in aksine kalıcı, kullanıcı görünce sönmez) */
.jeunactio-root .ja-project-tab.is-live{ animation: jaTabFlash 1.1s ease-in-out infinite; }
.jeunactio-root .ja-project-tab.is-live::after{ background:#ff5470 !important; opacity:1 !important; animation: jaTabBarFlash 1.1s ease-in-out infinite; }
.jeunactio-root .ja-project-tab::after{ content:""; position:absolute; left:0; right:22px; bottom:0; height:3px; background: rgba(153,209,228,0.76); box-shadow: var(--glow); opacity:.55; }
.jeunactio-root .ja-project-tab:hover,
.jeunactio-root .ja-project-tab.is-active{ transform: translateY(-2px); color:#061017; background: linear-gradient(180deg, #ffffff, rgba(153,209,228,0.9)); border-color: rgba(153,209,228,0.95); box-shadow: var(--e2), var(--glow-soft); }
.jeunactio-root .ja-project-tab.is-active::after{ opacity:1; background:#061017; box-shadow:none; }
.jeunactio-root .ja-project-tab[data-showcase-key="projects"].is-active::after{ background:#378add; box-shadow:0 0 10px rgba(55,138,221,0.45); }
.jeunactio-root .ja-project-tab[data-showcase-key="workshops"].is-active::after{ background:#639922; box-shadow:0 0 10px rgba(99,153,34,0.45); }
.jeunactio-root .ja-project-tab[data-showcase-key="holidays"].is-active::after{ background:#ef9f27; box-shadow:0 0 10px rgba(239,159,39,0.45); }
.jeunactio-root .ja-project-tab.has-new{ animation: jaTabFlash 1.1s ease-in-out infinite; }
.jeunactio-root .ja-project-tab.has-new::after{ background:#ff5470 !important; opacity:1 !important; animation: jaTabBarFlash 1.1s ease-in-out infinite; }
@keyframes jaTabFlash{ 0%,100%{ background: rgba(255,84,112,0.06); } 50%{ background: rgba(255,84,112,0.32); } }
@keyframes jaTabBarFlash{ 0%,100%{ box-shadow: 0 0 0 rgba(255,84,112,0); } 50%{ box-shadow: 0 0 12px 2px rgba(255,84,112,0.75); } }
.jeunactio-root .ja-project-shell{ width: var(--ja-container); margin: 0 auto; display: grid; grid-template-columns: clamp(280px, 18vw, 320px) minmax(0, 1fr) clamp(190px, 14vw, 230px); gap: clamp(10px, 1.2vw, 18px); align-items: stretch; }
.jeunactio-root .ja-avenir-panel{ display:flex; flex-direction:column; border:1px solid rgba(153,209,228,0.38); border-radius:var(--r-lg); overflow:hidden; background:#fff; box-shadow:var(--e3); }
.jeunactio-root .ja-avenir-head{ padding:12px 14px 10px; background:#071820; border-bottom:1px solid rgba(153,209,228,0.2); }
.jeunactio-root .ja-avenir-head span{ font-size:var(--fs-xs); font-weight:900; letter-spacing:.14em; text-transform:uppercase; color:#99d1e4; }
.jeunactio-root .ja-avenir-list{ flex:1; overflow-y:auto; scrollbar-width:thin; scrollbar-color:rgba(153,209,228,0.3) transparent; }
.jeunactio-root .ja-avenir-list::-webkit-scrollbar{ width:3px; }
.jeunactio-root .ja-avenir-list::-webkit-scrollbar-thumb{ background:rgba(153,209,228,0.35); border-radius:3px; }
.jeunactio-root .ja-av-item{ display:block; padding:10px 13px; border-bottom:1px solid rgba(0,0,0,0.05); border-left:3px solid transparent; text-decoration:none; transition:background .15s; cursor:pointer; }
.ja-av-cursor-tip{ position:fixed; z-index:9999; pointer-events:none; background:#071820; color:#fff; font-size:var(--fs-xs); font-weight:700; padding:6px 11px; border-radius:var(--r-sm); box-shadow:var(--e2); white-space:nowrap; opacity:0; transform:translate(14px, 14px); transition:opacity .15s ease; font-family:Inter,"Segoe UI",sans-serif; }
.ja-av-cursor-tip.is-visible{ opacity:1; }
.jeunactio-root .ja-av-item:last-child{ border-bottom:none; }
.jeunactio-root .ja-av-item:hover{ background:rgba(153,209,228,0.08); }
.jeunactio-root .ja-av-item.av-blue{ border-left-color:#378add; background:#f5f9fe; }
.jeunactio-root .ja-av-item.av-green{ border-left-color:#639922; background:#f5faf0; }
.jeunactio-root .ja-av-item.av-amber{ border-left-color:#ef9f27; background:#fef9f2; }
.jeunactio-root .ja-av-item.av-blue:hover{ background:#edf4fd; }
.jeunactio-root .ja-av-item.av-green:hover{ background:#edf6e0; }
.jeunactio-root .ja-av-item.av-amber:hover{ background:#fdf3e3; }
.jeunactio-root .ja-av-date{ font-size:var(--fs-xs); font-weight:800; margin-bottom:2px; }
.jeunactio-root .ja-av-item.av-blue .ja-av-date{ color:#185fa5; }
.jeunactio-root .ja-av-item.av-green .ja-av-date{ color:#3b6d11; }
.jeunactio-root .ja-av-item.av-amber .ja-av-date{ color:#854f0b; }
.jeunactio-root .ja-av-name{ font-size:var(--fs-xs); font-weight:800; color:#071820; line-height:1.3; }
.jeunactio-root .ja-av-cat{ font-size:var(--fs-xs); color:#99aab5; margin-top:2px; }
.jeunactio-root .ja-project-intro{ position: relative; min-height: clamp(400px, 30vw, 520px); padding: clamp(22px, 2.4vw, 32px); border: 1px solid rgba(153,209,228,0.44); border-radius: var(--r-lg); background: linear-gradient(145deg, rgba(7,22,31,0.94), rgba(11,39,52,0.9)); box-shadow: var(--e3), var(--glow-soft); overflow: hidden; display:flex; flex-direction:column; }
.jeunactio-root .ja-project-intro::before{ content:""; position:absolute; inset:0; background: linear-gradient(90deg, rgba(153,209,228,0.16), transparent 42%); pointer-events:none; }
.jeunactio-root .ja-project-kicker{ position: relative; display:inline-flex; align-items:center; gap:10px; margin-bottom:18px; color: var(--ja-primary); font-size: var(--fs-xs); font-weight: 900; letter-spacing: 1.4px; text-transform: uppercase; }
.jeunactio-root .ja-project-kicker::before{ content:""; width: 28px; height: 2px; background: var(--ja-primary); box-shadow: var(--glow); }
.jeunactio-root .ja-project-title{ position: relative; margin:0; color:#fff; font-size: clamp(26px, 2.25vw, 38px); line-height: 1.04; font-weight: 900; letter-spacing: 0; }
.jeunactio-root .ja-project-lead{ position: relative; max-width: 680px; margin: 0; color: var(--ja-text-muted); font-size: clamp(13px, .95vw, 15px); line-height: 1.58; text-align: justify; }
.jeunactio-root .ja-project-facts{ position: relative; display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: auto; padding-top: 18px; }
.jeunactio-root .ja-project-fact{ padding: 12px 10px; border: 1px solid rgba(153,209,228,0.32); border-radius: var(--r-md); background: rgba(255,255,255,0.045); }
.jeunactio-root .ja-project-fact strong{ display:block; color:#fff; font-size: var(--fs-xl); line-height:1; }
.jeunactio-root .ja-project-fact span{ display:block; margin-top:6px; color: var(--ja-text-muted); font-size: var(--fs-xs); font-weight: 800; letter-spacing:.5px; text-transform: uppercase; }
.jeunactio-root .ja-project-menu{ position: relative; margin-top: 22px; display:flex; flex-direction:column; gap: 9px; }
.jeunactio-root .ja-project-menu-title{ color:#d7edf4; font-size: var(--fs-xs); font-weight: 900; letter-spacing: 1.2px; text-transform: uppercase; opacity:.9; }
.jeunactio-root .ja-project-menu-btn{ position:relative; width:100%; min-width:0; display:grid; grid-template-columns: 32px minmax(0,1fr) 12px; align-items:center; gap: 10px; min-height: 58px; padding: 10px 12px; border-radius: var(--r-md); border: 1px solid rgba(153,209,228,0.28); background: rgba(255,255,255,0.045); color:#e8f8fc; text-align:left; cursor:pointer; transition: transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease; }
.jeunactio-root .ja-menu-badge{ position:absolute; top:-8px; right:10px; font-size: var(--fs-xs); font-weight:900; letter-spacing:.08em; text-transform:uppercase; color:#fff; background: linear-gradient(135deg, #ef9f27, #e07b00); padding: 3px 9px; border-radius: var(--r-pill); box-shadow: 0 4px 10px rgba(224,123,0,0.4); animation: jaMenuBadgePulse 1.6s ease-in-out infinite; z-index: 2; }
@keyframes jaMenuBadgePulse{ 0%,100%{ transform: scale(1); box-shadow: 0 4px 10px rgba(224,123,0,0.4); } 50%{ transform: scale(1.08); box-shadow: 0 6px 16px rgba(224,123,0,0.6); } }
.jeunactio-root .ja-project-menu-btn::before{ content: attr(data-index); width: 28px; height: 28px; display:inline-flex; align-items:center; justify-content:center; border-radius: 50%; color:#061017; background: rgba(153,209,228,0.88); font-size: var(--fs-xs); font-weight: 900; }
.jeunactio-root .ja-project-menu-btn::after{ content:""; width: 9px; height: 9px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; transform: rotate(45deg); opacity:.55; }
.jeunactio-root .ja-project-menu-btn span{ display:block; min-width:0; font-size: var(--fs-xs); font-weight: 900; letter-spacing:.45px; line-height:1.25; text-transform: uppercase; overflow-wrap:anywhere; }
.jeunactio-root .ja-project-menu-btn .ja-project-menu-btn-body{ display:flex; flex-direction:column; gap:4px; min-width:0; }
.jeunactio-root .ja-project-menu-btn .ja-project-menu-btn-label{ display:block; min-width:0; font-size: var(--fs-xs); font-weight: 900; letter-spacing:.45px; line-height:1.25; text-transform: uppercase; overflow-wrap:anywhere; }
.jeunactio-root .ja-project-menu-btn .ja-menu-form-link{ display:inline-flex; align-self:flex-start; font-size: var(--fs-xs); font-weight: 800; letter-spacing:.02em; text-transform:none; color:#8ee6a8; text-decoration:underline; text-underline-offset:2px; }
.jeunactio-root .ja-project-menu-btn .ja-menu-form-link:hover{ color:#b3f2c4; }
.jeunactio-root .ja-project-menu-btn small{ display:none; }
.jeunactio-root .ja-project-menu-btn:hover, .jeunactio-root .ja-project-menu-btn.is-active{ transform: translateX(2px); border-color: rgba(153,209,228,0.78); background: rgba(153,209,228,0.16); box-shadow: var(--glow); color:#fff; }
.jeunactio-root .ja-project-carousel{ position: relative; z-index: 4; height: 100%; min-height: clamp(400px, 30vw, 520px); border: 1px solid rgba(153,209,228,0.52); border-radius: var(--r-lg); overflow: hidden; background: #07131b; box-shadow: var(--e3), var(--glow-soft); align-self: stretch; transform: scaleX(1.32) scaleY(1.08); transform-origin: center; transition: transform .55s cubic-bezier(.22,.85,.32,1), box-shadow .55s ease; }
/* İmleç dışarıdayken orta kart (dönen fotoğraflar) büyütülüp soldaki menü ve sağdaki
   "À venir" kartlarının üzerine taşar; imleç üçlü alana gelince normal boyutuna küçülüp
   3 kart yan yana, tam görünür hale gelir. İçindeki slaytlara ayrıca dokunulmuyor,
   hepsi carousel ile birlikte büyüyüp küçülüyor. */
.jeunactio-root .ja-project-shell:hover .ja-project-carousel{ transform: scale(1); box-shadow: var(--e3), var(--glow-soft); }
.jeunactio-root .ja-project-track{ position: relative; height: 100%; overflow: hidden; }
.jeunactio-root .ja-project-slide{ position: absolute; inset: 0; width: 100%; height: 100%; display:flex; align-items:flex-end; padding: 0 calc(clamp(24px, 4vw, 44px) + var(--ja-link-w, 190px) + 12px) 20px calc(clamp(24px, 4vw, 44px) + var(--ja-nav-w, 0px) + 12px); overflow:hidden; opacity: 0; pointer-events:none; transform: translateX(0) scale(1); transition: transform .65s cubic-bezier(.22,.85,.32,1), opacity .5s linear, filter .5s ease; z-index: 1; filter: brightness(1); }
.jeunactio-root .ja-project-slide.is-active{ opacity: 1; transform: translateX(0) scale(1); pointer-events:auto; z-index: 2; }
.jeunactio-root .ja-project-slide::before{ content:""; position:absolute; inset:0; z-index:1; background-image: linear-gradient(90deg, rgba(6,16,23,0.34), rgba(6,16,23,0.14) 38%, rgba(6,16,23,0)), linear-gradient(0deg, rgba(6,16,23,0.28), transparent 48%), var(--ja-project-image); background-size: 100% 100%, 100% 100%, contain; background-position: center; background-repeat: no-repeat; filter: saturate(1.08) contrast(1.04) brightness(1.02); transform: scale(1); transition: transform 5.6s ease, filter .9s ease; }
.jeunactio-root .ja-project-slide.is-active::before{ transform: scale(1.005); }
.jeunactio-root .ja-project-slide::after{ content:""; position:absolute; inset:-30px; z-index:0; background-image: var(--ja-project-image); background-size: cover; background-position: center; filter: blur(26px) saturate(1.15) brightness(.8); }
.jeunactio-root .ja-project-panel{ position: relative; z-index: 3; width: 100%; max-width: 100%; min-height: 38px; display: flex; align-items: center; padding: 0 16px; border: 1px solid rgba(153,209,228,0.28); border-radius: var(--r-md); background: rgba(6,16,23,0.34); backdrop-filter: blur(8px); box-shadow: var(--e3); }
.jeunactio-root .ja-project-panel::before{ content: attr(data-marker); position:static; flex:none; margin-right:12px; display:inline-flex; align-items:center; gap:10px; padding: 4px 12px; border-radius: var(--r-pill); background: rgba(6,16,23,0.72); border: 1px solid rgba(153,209,228,0.3); backdrop-filter: blur(6px); color:#d9f8ff; font-size: var(--fs-xs); font-weight:900; letter-spacing:1.1px; text-transform:uppercase; opacity:.92; white-space:nowrap; }
.jeunactio-root .ja-project-label{ display:none !important; }
.jeunactio-root .ja-project-panel h3{ margin:0; color:#fff; font-size: clamp(13px, 1.4vw, 19px); line-height: 1.1; font-weight: 900; text-shadow: 0 3px 18px rgba(0,0,0,0.46); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.jeunactio-root .ja-project-panel p{ display:none !important; }
.jeunactio-root .ja-project-hover-info{ position:absolute; top:0; left:0; right:0; height:25%; min-height:118px; z-index:6; display:flex; flex-direction:column; justify-content:center; gap:8px; padding: clamp(18px, 2.4vw, 30px) clamp(26px, 4vw, 52px); background: linear-gradient(90deg, rgba(6,16,23,0.72), rgba(153,209,228,0.18)); border-bottom:1px solid rgba(153,209,228,0.36); backdrop-filter: blur(14px); opacity:0; transform: translateY(-100%); transition: opacity .28s ease, transform .28s ease; pointer-events:none; }
.jeunactio-root .ja-project-hover-info.is-visible{ opacity:1; transform: translateY(0); }
.jeunactio-root .ja-project-hover-info strong{ color:#fff; font-size: clamp(18px, 1.8vw, 28px); line-height:1.08; }
.jeunactio-root .ja-project-hover-info span{ color:#d7edf4; max-width: 760px; font-size: clamp(13px, 1vw, 15px); line-height:1.45; }
.jeunactio-root .ja-project-controls{ position:absolute; left: clamp(24px, 4vw, 44px); right: clamp(24px, 4vw, 44px); bottom: 20px; height: 38px; z-index: 4; display:flex; align-items:center; justify-content:flex-end; gap:20px; pointer-events:none; }
.jeunactio-root .ja-project-dots{ display:none; }
.jeunactio-root .ja-project-dot{ width: 38px; height: 38px; padding: 0; border: 1px solid rgba(153,209,228,0.4); border-radius: 50%; background: rgba(6,16,23,0.62); color: #d9f8ff; font-size: var(--fs-xs); font-weight: 900; letter-spacing: .04em; font-family: inherit; cursor: pointer; backdrop-filter: blur(6px); transition: background .25s ease, color .25s ease, border-color .25s ease; }
.jeunactio-root .ja-project-dot:hover{ border-color: var(--ja-primary); }
.jeunactio-root .ja-project-dot.is-active{ background: var(--ja-primary); border-color: var(--ja-primary); color: #061017; box-shadow: var(--glow); }
.jeunactio-root .ja-project-link{ pointer-events:auto; color:#fff; background: rgba(7,19,27,0.32); border:1px solid rgba(255,255,255,0.4); border-radius: var(--r-pill); height: 38px; display: inline-flex; align-items: center; padding: 0 16px; white-space: nowrap; text-decoration:none; font-size: var(--fs-xs); font-weight: 900; letter-spacing:.5px; text-transform: uppercase; box-shadow: none; backdrop-filter: blur(2px); transition: background .2s ease, color .2s ease; }
.jeunactio-root .ja-project-link:hover{ background: rgba(153,209,228,0.85); color:#061017; }
.jeunactio-root .ja-field-section{ margin-top: 18px; }
.jeunactio-root .ja-section-intro{ display:none !important; }
.jeunactio-root .banner-card .ja-section-label{ position:absolute; left: -70px; top: -56px; z-index: 6; width: 46px; height: 160px; margin: 0; display:flex; align-items:center; justify-content:center; writing-mode: vertical-rl; transform: rotate(180deg); color: #123141; border: 1px solid rgba(153,209,228,0.68); border-radius: var(--r-md); background: rgba(255,255,255,0.82); box-shadow: var(--e2); font-weight: 950; text-shadow: 0 1px 0 rgba(255,255,255,0.9); }
.jeunactio-root .banner-card .ja-section-label.is-stuck{ position: fixed !important; top: 92px !important; left: var(--ja-sticky-label-left, 16px) !important; z-index: 950; }
.jeunactio-root .banner-card .ja-section-label::before{ width: 2px; height: 28px; flex: 0 0 auto; }
.jeunactio-root .banner-card .ja-section-label::after{ content:""; position:absolute; inset: 8px 7px; border-radius: var(--r-pill); border: 1px solid rgba(18,49,65,0.14); opacity:.42; pointer-events:none; }
.jeunactio-root .banner-card .ja-section-label span{ position:relative; z-index:2; }
.jeunactio-root .banner-card .ja-section-label .ja-scroll-hand{ position:absolute; left: 50%; top: 24px; z-index:1; width: 22px; height: 30px; border-radius: var(--r-md); border: 2px solid rgba(18,49,65,0.24); background: rgba(153,209,228,0.14); transform: translateX(-50%) rotate(180deg); opacity:.32; animation: jaHandScrollUp 2.2s ease-in-out infinite; pointer-events:none; }
.jeunactio-root .banner-card .ja-section-label .ja-scroll-hand::before{ content:""; position:absolute; left:50%; top:5px; width:3px; height:10px; border-radius:var(--r-pill); background: rgba(18,49,65,0.34); transform: translateX(-50%); }
.jeunactio-root .banner-card .ja-section-label .ja-scroll-hand::after{ content:""; position:absolute; left:50%; top:-12px; width:10px; height:10px; border-left:2px solid rgba(18,49,65,0.28); border-top:2px solid rgba(18,49,65,0.28); transform: translateX(-50%) rotate(45deg); }
@keyframes jaHandScrollUp{ 0%,100%{ transform: translate(-50%, 13px) rotate(180deg); opacity:.18; } 42%{ transform: translate(-50%, -16px) rotate(180deg); opacity:.36; } 68%{ transform: translate(-50%, -20px) rotate(180deg); opacity:.08; } }
.jeunactio-root .ja-section-intro h2,
.jeunactio-root .ja-section-intro p{ display:none !important; }

/* =========================================================
   5. EDITORYAL BÖLÜM (GAZETE MANŞETİ STİLİ)
========================================================= */
.ja-editorial-section { width: min(600px, 100%); display: flex; flex-direction: column; gap: 20px; justify-self: end; }
.ja-editorial-section[hidden] { display: none !important; }
.ja-ed-card { background: linear-gradient(145deg, rgba(11,27,36,0.98), rgba(9,32,43,0.96)); border: 1px solid var(--ja-border); border-radius: var(--r-lg); padding: 20px; box-shadow: var(--e2), var(--glow-soft); text-decoration: none; display: flex; flex-direction: column; transition: all 0.3s ease; }
.ja-ed-card:hover { transform: translateY(-4px); border-color: var(--ja-primary); box-shadow: var(--glow); }
.ja-ed-main { border-color: rgba(153, 209, 228, 0.72); flex-grow: 1; }
.ja-ed-author { display: flex; align-items: center; gap: 15px; margin-bottom: 15px; }
.ja-ed-author img { width: 48px; height: 48px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.1); object-fit: cover; }
.ja-ed-main .ja-ed-author img { width: 60px; height: 60px; border-color: var(--ja-primary); box-shadow: var(--glow); }
.ja-ed-author-info { display: flex; flex-direction: column; }
.ja-ed-name { color: #fff; font-weight: 700; font-size: var(--fs-md); line-height: 1.2; }
.ja-ed-title { color: var(--ja-tertiary); font-size: var(--fs-xs); text-transform: uppercase; letter-spacing: 1px; font-weight: 600; margin-top: 3px; }
.ja-ed-headline { color: #fff; font-weight: 800; font-size: var(--fs-lg); line-height: 1.35; margin: 0; transition: color 0.2s; }
.ja-ed-main .ja-ed-headline { font-size: var(--fs-2xl); }
.ja-ed-excerpt { color: var(--ja-text-muted); font-size: var(--fs-md); line-height: 1.6; margin: 15px 0 0 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.ja-ed-secondary .ja-ed-excerpt { font-size: var(--fs-sm); line-height: 1.5; margin-top: 10px; }
.ja-ed-secondary { display: grid; grid-template-columns: 1fr; gap: 15px; }

/* BİLGİSAYAR: 160PX SABİT BOYLUK */
.jeunactio-root .banner-card{ width: var(--ja-container); height: 160px; display: flex; margin: 0 auto 50px auto; background: var(--ja-card-bg); border-bottom: 1px solid var(--ja-primary); box-shadow: var(--e2); overflow: visible; border-radius: var(--r-md); position: relative; }
.jeunactio-root .banner-left{ flex: 1; overflow: hidden; border-right: 1px solid var(--ja-border); min-width: 25%; max-width: 30%; background: #fff; display: flex; align-items: center; justify-content: center; padding: 10px; position: relative; z-index: 4; box-shadow: 18px 0 26px rgba(255,255,255,0.9); } 
.jeunactio-root .banner-right{ flex: 3; overflow: hidden; background: #000; position: relative; z-index: 1; transform-origin: left center; clip-path: inset(0 100% 0 0); animation: jaBannerRevealRight 1.9s cubic-bezier(.2,.82,.18,1) .25s forwards; perspective: 900px; }
.jeunactio-root .banner-right::after{ content:""; position:absolute; inset:0; pointer-events:none; background: linear-gradient(90deg, rgba(255,255,255,0.36), transparent 18%, transparent); opacity:.42; transform: translateX(-100%); animation: jaBannerLightSweep 1.9s ease .25s forwards; z-index: 4; }
.jeunactio-root .banner-left img { max-width: 100%; max-height: 100%; object-fit: contain; }
.jeunactio-root .vertical-slide a { display: block; width: 100%; height: 100%; }
.jeunactio-root .vertical-slide img { width: 100%; height: 100%; object-fit: cover; filter: brightness(0.9); }
.jeunactio-root .vertical-track{ display: flex; flex-direction: column; width: 100%; height: 100%; will-change: transform; transform: translate3d(0,0,0); transform-style: preserve-3d; }
.jeunactio-root .vertical-slide{ height: 100%; width: 100%; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.jeunactio-root .vertical-track.is-prism-turn .vertical-slide:first-child{ animation: jaPrismFaceOut .9s cubic-bezier(.3,.74,.28,1) both; transform-origin: center top; backface-visibility: hidden; }
.jeunactio-root .vertical-track.is-prism-turn .vertical-slide:nth-child(2){ animation: jaPrismFaceIn .9s cubic-bezier(.3,.74,.28,1) both; transform-origin: center bottom; backface-visibility: hidden; }
@keyframes jaBannerRevealRight{ from{ clip-path: inset(0 100% 0 0); transform: translateX(-18px); } to{ clip-path: inset(0 0 0 0); transform: translateX(0); } }
@keyframes jaBannerLightSweep{ from{ transform: translateX(-100%); opacity:.5; } to{ transform: translateX(115%); opacity:0; } }
@keyframes jaPrismFaceOut{ from{ transform: rotateX(0deg) translateZ(0); filter: brightness(1); } to{ transform: rotateX(-76deg) translateZ(16px); filter: brightness(.72); } }
@keyframes jaPrismFaceIn{ from{ transform: rotateX(76deg) translateZ(16px); filter: brightness(.72); } to{ transform: rotateX(0deg) translateZ(0); filter: brightness(1); } }

/* Grid (Bilgisayarda Sola Yaslı ve %55) */
.ja-content-wrapper { width: var(--ja-container); margin: 0 auto; display: flex; flex-direction: column; gap: 30px; }
.ja-title-card { background: linear-gradient(145deg, rgba(11,27,36,0.96), rgba(9,32,43,0.92)); border: 1px solid rgba(153,209,228,0.38); border-radius: var(--r-md); padding: 13px 18px; box-shadow: var(--e2), var(--glow-soft); display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 20px; }
.ja-title-card .btn.has-new{ position: relative; border-color:#ff5470 !important; animation: jaNewPillFlash 1.1s ease-in-out infinite; }
.ja-title-card .btn.has-new::after{ content:""; position:absolute; top:-5px; right:-5px; width:10px; height:10px; border-radius:50%; background:#ff5470; box-shadow:0 0 0 0 rgba(255,84,112,0.7); animation: jaNewDotPing 1.1s ease-out infinite; }
@keyframes jaNewPillFlash{ 0%,100%{ background-color: rgba(255,84,112,0.08); box-shadow: 0 0 0 0 rgba(255,84,112,0.5); } 50%{ background-color: rgba(255,84,112,0.55); box-shadow: 0 0 14px 3px rgba(255,84,112,0.6); } }
@keyframes jaNewDotPing{ 0%{ box-shadow: 0 0 0 0 rgba(255,84,112,0.7); } 70%{ box-shadow: 0 0 0 8px rgba(255,84,112,0); } 100%{ box-shadow: 0 0 0 0 rgba(255,84,112,0); } }

.ja-home-columns { display: grid; grid-template-columns: minmax(0, 1fr) minmax(520px, 600px); gap: 30px; width: 100%; align-items: flex-start; }
.jeunactio-root .frames-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; width: 100%; min-width: 0; margin: 0; }
.jeunactio-root .frame-wrapper { min-width: 0; display: flex; flex-direction: column; }
.jeunactio-root .frame{ background: linear-gradient(145deg, rgba(11,27,36,0.98), rgba(9,32,43,0.96)); border: 1px solid var(--ja-border); border-radius: var(--r-lg); padding: 20px; box-shadow: var(--e2), var(--glow-soft); overflow: hidden; transition: all 0.3s ease; flex: 1; margin: 0; }
.jeunactio-root .frame:hover{ transform: translateY(-5px); border-color: var(--ja-primary); box-shadow: var(--glow); }
.jeunactio-root .btn{ display: inline-flex; align-items: center; padding: 8px 16px; border-radius: var(--r-pill); font-weight: 700; font-size: var(--fs-sm); background: rgba(153, 209, 228, 0.14); border: 1px solid rgba(153, 209, 228, 0.4); color: var(--ja-primary); white-space: nowrap; text-transform: uppercase; letter-spacing: 1px; box-shadow: var(--glow); }
.jeunactio-root .ja-social-embed-slot{ flex: 0 0 calc(50% - 8px); min-height: clamp(360px, 34vw, 520px); padding: 14px; background: linear-gradient(145deg, rgba(11,27,36,0.98), rgba(6,16,23,0.98)); border: 1px solid var(--ja-border); border-radius: var(--r-lg); overflow: hidden; box-shadow: var(--e2), var(--glow-soft); display: flex; flex-direction: column; gap: 12px; }
.jeunactio-root .ja-social-embed-slot.instagram{ border-color: rgba(153,209,228,0.65); box-shadow: var(--e2), var(--glow-soft); }
.jeunactio-root .ja-social-embed-slot.facebook{ border-color: rgba(153,209,228,0.65); box-shadow: var(--e2), var(--glow-soft); }
.jeunactio-root .ja-social-embed-head{ display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 44px; padding: 10px 12px; border: 1px solid rgba(255,255,255,0.08); border-radius: var(--r-md); background: rgba(255,255,255,0.04); color: #fff; font-size: var(--fs-xs); font-weight: 800; letter-spacing: .6px; text-transform: uppercase; }
.jeunactio-root .ja-social-embed-head span{ display: inline-flex; align-items: center; gap: 8px; }
.jeunactio-root .ja-social-embed-head span::before{ content: ""; width: 9px; height: 9px; border-radius: 50%; background: currentColor; box-shadow: 0 0 10px currentColor; }
.jeunactio-root .ja-social-embed-slot.instagram .ja-social-embed-head span{ color: var(--ja-tertiary); }
.jeunactio-root .ja-social-embed-slot.facebook .ja-social-embed-head span{ color: var(--ja-secondary); }
.jeunactio-root .ja-social-embed-head a{ color: var(--ja-text); text-decoration: none; font-size: var(--fs-xs); max-width: 52%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.jeunactio-root .ja-social-embed-body{ position: relative; flex: 1; min-height: 0; display: flex; align-items: stretch; justify-content: center; background: #0b0e18; border: 1px solid rgba(255,255,255,0.1); border-radius: var(--r-md); overflow: hidden; }
.jeunactio-root .ja-social-embed-body iframe{ position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; background: #fff; z-index: 2; }
.jeunactio-root .instagram-media{ position: absolute !important; inset: 0 !important; width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; border: 0 !important; z-index: 2; }
.jeunactio-root .ja-social-fallback{ position: absolute; inset: 0; z-index: 1; display: flex; align-items: center; justify-content: center; padding: 24px; background: radial-gradient(circle at top, rgba(153,209,228,0.18), rgba(6,16,23,0.96)); color: var(--ja-text); text-align: center; text-decoration: none; font-weight: 700; line-height: 1.45; }

/* CAROUSEL */
.jeunactio-root .carousel{ width: 100%; margin: 0; overflow: hidden; border-radius: var(--r-md); position: relative; height: clamp(350px, 45vw, 600px) !important; background: transparent; padding: 0; }
.jeunactio-root .track{ display: flex; gap: 16px; height: 100%; align-items: stretch; will-change: transform; transform: translate3d(0,0,0); }
.jeunactio-root .slide{ flex: 0 0 25%; height: 100%; border-radius: var(--r-md); overflow: hidden; transition: transform .6s ease, filter .6s ease, opacity .6s ease; border: 2px solid transparent; background: var(--ja-bg); display: flex; align-items: center; justify-content: center; position: relative; }
.jeunactio-root .slide::before{ content: ""; position: absolute; inset: -24px; background-image: var(--ja-slide-bg); background-size: cover; background-position: center; filter: blur(18px) brightness(0.45) saturate(0.9); transform: scale(1.08); opacity: 0.9; z-index: 0; }
.jeunactio-root .slide::after{ content: ""; position: absolute; inset: 0; background: rgba(7,9,19,0.18); z-index: 1; pointer-events: none; }
.jeunactio-root .slide img{ width: 100% !important; height: 100% !important; object-fit: contain !important; object-position: center center !important; position: relative; z-index: 2; }
.jeunactio-root .slide.is-center{ flex: 0 0 100%; transform: scale(1); z-index: 10; box-shadow: var(--e2); border-color: var(--ja-primary); }
.jeunactio-root .frame-wrapper:nth-child(2) .slide.is-center { border-color: var(--ja-secondary); }
.jeunactio-root .slide:not(.is-center){ filter: blur(1px) brightness(0.5); opacity: 0.6; transform: scale(0.98); }

/* İndikatörler ve Alt Kontroller */
.jeunactio-root .carousel-indicators { position: absolute; bottom: 15px; left: 0; width: 100%; display: flex; justify-content: center; gap: 8px; z-index: 20; pointer-events: none; }
.jeunactio-root .carousel-indicator { width: 8px; height: 8px; border-radius: 2px; transition: all 0.3s ease; background: rgba(255, 255, 255, 0.4); border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: var(--e1); }
.jeunactio-root .carousel-indicator.active { background: var(--ja-primary); width: 24px; border-color: var(--ja-primary); box-shadow: var(--glow); }
.jeunactio-root .frame:nth-child(2) .carousel-indicator.active { background: var(--ja-primary); border-color: var(--ja-primary); box-shadow: var(--glow); }

.jeunactio-root .ja-frame-footer { display: flex; flex-direction: column; margin-top: 15px; }
.jeunactio-root .ja-action-row { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 12px; gap: 15px; }
.jeunactio-root .ja-comment-btn { border: 2px solid #fff; border-radius: var(--r-lg); padding: 4px 18px; color: #fff; font-size: var(--fs-xs); background: transparent; cursor: pointer; transition: all 0.3s; }
.jeunactio-root .ja-comment-btn:hover { background: rgba(255,255,255,0.1); }

.jeunactio-root .ja-comment-section { display: flex; flex-direction: column; gap: 8px; margin-top: 5px; }
.jeunactio-root .ja-comment-author-input { background: transparent; border: none; border-bottom: 1px solid rgba(255,255,255,0.2); color: var(--ja-secondary); padding: 4px 6px; font-size: var(--fs-xs); width: 180px; transition: border-color 0.3s; margin-left: 2px; }
.jeunactio-root .ja-comment-author-input:focus { outline: none; border-color: var(--ja-primary); }
.jeunactio-root .ja-comment-author-input::placeholder { color: rgba(255,255,255,0.3); font-style: italic; }
.jeunactio-root .ja-comment-input-wrapper { display: flex; position: relative; width: 100%; }
.jeunactio-root .ja-comment-input { flex: 1; background: rgba(0,0,0,0.2); border: 1px solid rgba(255,255,255,0.2); border-radius: var(--r-md); color: #fff; padding: 12px 40px 12px 15px; font-size: var(--fs-sm); font-family: inherit; resize: none; height: 46px; transition: all 0.3s ease; }
.jeunactio-root .ja-comment-input:focus { outline: none; border-color: var(--ja-secondary); height: 138px; }
.jeunactio-root .ja-comment-input::placeholder { color: rgba(255,255,255,0.4); font-style: italic; }
.jeunactio-root .ja-comment-submit { position: absolute; right: 6px; bottom: 6px; background: transparent; color: var(--ja-secondary); border: none; padding: 0; width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s; }
.jeunactio-root .ja-comment-submit svg { width: 22px; height: 22px; fill: currentColor; }
.jeunactio-root .ja-comment-submit:hover { color: var(--ja-primary); transform: scale(1.1); box-shadow: none; }
.jeunactio-root .ja-comment-list { display: flex; flex-direction: column; gap: 8px; max-height: 100px; height: 100px; overflow-y: auto; padding-right: 5px; }
.jeunactio-root .ja-comment-list::-webkit-scrollbar { width: 4px; }
.jeunactio-root .ja-comment-list::-webkit-scrollbar-track { background: transparent; }
.jeunactio-root .ja-comment-list::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.2); border-radius: 4px; }
.jeunactio-root .ja-comment-item { background: rgba(255,255,255,0.03); border-left: 3px solid var(--ja-primary); padding: 10px 12px; border-radius: 4px var(--r-sm) var(--r-sm) 4px; font-size: var(--fs-xs); color: var(--ja-text); line-height: 1.4; word-break: break-word; animation: fadeIn 0.3s ease; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }

/* Youtube Grid */
.jeunactio-root .video-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }

/* ── Timeline / Akış ── */
.jeunactio-root .ja-timeline-section{ margin-top: var(--ja-section-y); padding-top: 32px; border-top: 1px solid var(--ja-border); }
.jeunactio-root .ja-timeline-head{ display: flex; justify-content: space-between; align-items: flex-end; gap: 18px; margin-bottom: 28px; }
.jeunactio-root .ja-timeline-title{ margin: 0; color: var(--ja-page-ink); font-size: clamp(28px, 4vw, 46px); line-height: 1.05; font-weight: 900; letter-spacing: 0; }
.jeunactio-root .ja-timeline-note{ max-width: 560px; margin: 0; color: #426171; font-size: var(--fs-sm); line-height: 1.5; }
.jeunactio-root .ja-timeline-layout{ display: grid; grid-template-columns: 1fr 300px; gap: 28px; align-items: start; }
.jeunactio-root .ja-timeline-feed{ display: flex; flex-direction: column; gap: 0; }
/* Ay grubu — accordion */
.jeunactio-root .ja-tl-month-group{ margin-bottom: 12px; border: 1px solid rgba(0,0,0,0.07); border-radius: var(--r-md); overflow: hidden; background: #fff; box-shadow: var(--e1); }
.jeunactio-root .ja-tl-month-toggle{ display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 18px; cursor: pointer; user-select: none; background: transparent; border: none; width: 100%; text-align: left; }
.jeunactio-root .ja-tl-month-toggle:hover{ background: rgba(153,209,228,0.06); }
.jeunactio-root .ja-tl-month-toggle-left{ display: flex; align-items: center; gap: 10px; }
.jeunactio-root .ja-tl-month-dot{ width: 8px; height: 8px; border-radius: 50%; background: #99D1E4; flex-shrink: 0; }
.jeunactio-root .ja-tl-month-dot.current{ background: #0d3140; box-shadow: 0 0 0 3px rgba(13,49,64,0.12); }
.jeunactio-root .ja-tl-month-name{ font-size: var(--fs-xs); font-weight: 800; letter-spacing: .09em; text-transform: uppercase; color: #8fa8b4; }
.jeunactio-root .ja-tl-month-name.current{ color: #0d3140; }
.jeunactio-root .ja-tl-month-count{ font-size: var(--fs-xs); font-weight: 600; color: #b0c8d4; background: rgba(153,209,228,0.15); border-radius: var(--r-pill); padding: 2px 8px; }
.jeunactio-root .ja-tl-month-chevron{ width: 16px; height: 16px; flex-shrink: 0; transition: transform .3s ease; color: #b0c8d4; }
.jeunactio-root .ja-tl-month-group.is-open .ja-tl-month-chevron{ transform: rotate(180deg); }
.jeunactio-root .ja-tl-month-body{ overflow: hidden; max-height: 0; transition: max-height .4s ease; padding: 0 14px; }
.jeunactio-root .ja-tl-month-group.is-open .ja-tl-month-body{ max-height: 4000px; padding: 0 14px 14px; }
/* Hero kart */
.jeunactio-root .ja-timeline-card-hero{ background: #f8fbfc; border: 1px solid rgba(0,0,0,0.06); border-radius: var(--r-md); overflow: hidden; color: #1a2a33; text-decoration: none; display: flex; flex-direction: column; transition: box-shadow .2s, transform .2s; margin-bottom: 10px; }
.jeunactio-root .ja-timeline-card-hero:hover{ box-shadow: var(--e2); transform: translateY(-2px); }
.jeunactio-root .ja-tl-hero-img{ position: relative; width: 100%; overflow: hidden; background: #000; }
.jeunactio-root .ja-tl-hero-img .ja-tl-blur{ position:absolute; inset:-30px; width:calc(100% + 60px); height:calc(100% + 60px); object-fit:cover; filter:blur(24px) brightness(0.72) saturate(1.3); z-index:0; pointer-events:none; }
.jeunactio-root .ja-tl-hero-img .ja-tl-main{ position:relative; z-index:1; width:100%; height:auto; max-height:340px; object-fit:contain; object-position:center; display:block; }
.jeunactio-root .ja-tl-hero-body{ padding: 18px; display: flex; flex-direction: column; gap: 10px; }
/* Mini kart grid */
.jeunactio-root .ja-tl-mini-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.jeunactio-root .ja-timeline-card-mini{ background: #f8fbfc; border: 1px solid rgba(0,0,0,0.06); border-radius: var(--r-md); overflow: hidden; color: #1a2a33; text-decoration: none; display: flex; flex-direction: column; transition: box-shadow .2s, transform .2s; }
.jeunactio-root .ja-timeline-card-mini:hover{ box-shadow: var(--e2); transform: translateY(-2px); }
.jeunactio-root .ja-tl-mini-img{ position: relative; width: 100%; overflow: hidden; background: #000; }
.jeunactio-root .ja-tl-mini-img .ja-tl-blur{ position:absolute; inset:-24px; width:calc(100% + 48px); height:calc(100% + 48px); object-fit:cover; filter:blur(20px) brightness(0.72) saturate(1.3); z-index:0; pointer-events:none; }
.jeunactio-root .ja-tl-mini-img .ja-tl-main{ position:relative; z-index:1; width:100%; height:auto; max-height:180px; object-fit:contain; object-position:center; display:block; }
.jeunactio-root .ja-tl-mini-body{ padding: 12px; display: flex; flex-direction: column; gap: 7px; flex: 1; }
/* Paylaşılan stiller */
.jeunactio-root .ja-timeline-tag{ align-self: flex-start; color: #0d3140; background: rgba(153,209,228,0.2); border-radius: var(--r-pill); padding: 3px 10px; font-size: var(--fs-xs); font-weight: 700; text-transform: uppercase; letter-spacing: .5px; }
.jeunactio-root .ja-tl-hero-body h3{ margin: 0; color: #0d1f29 !important; font-size: var(--fs-xl); line-height: 1.3; font-weight: 800; }
.jeunactio-root .ja-tl-mini-body h3{ margin: 0; color: #0d1f29 !important; font-size: var(--fs-sm); line-height: 1.35; font-weight: 700; }
.jeunactio-root .ja-tl-hero-body p{ margin: 0; color: #426171 !important; font-size: var(--fs-sm); line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.jeunactio-root .ja-timeline-meta{ margin-top: auto; color: #8fa8b4 !important; font-size: var(--fs-xs); font-weight: 600; display: flex; align-items: center; gap: 6px; }
.jeunactio-root .ja-timeline-meta::before{ content:''; display:inline-block; width:5px; height:5px; border-radius:50%; background:#99D1E4; }
/* Daha fazla yükle butonu */
.jeunactio-root .ja-tl-load-more{ display: flex; justify-content: center; padding: 28px 0 0; }
.jeunactio-root .ja-tl-load-btn{ background: transparent; border: 1.5px solid rgba(13,49,64,0.25); border-radius: var(--r-pill); padding: 11px 32px; font-size: var(--fs-sm); font-weight: 700; color: #0d3140; cursor: pointer; transition: border-color .2s, background .2s, color .2s; display: flex; align-items: center; gap: 8px; }
.jeunactio-root .ja-tl-load-btn:hover{ border-color: #0d3140; background: #0d3140; color: #fff; }
.jeunactio-root .ja-tl-load-btn.loading{ opacity: .6; pointer-events: none; }
.jeunactio-root .ja-tl-load-btn svg{ width: 14px; height: 14px; transition: transform .4s; }
.jeunactio-root .ja-tl-load-btn.loading svg{ animation: ja-spin .8s linear infinite; }
@keyframes ja-spin{ to{ transform: rotate(360deg); } }
/* Sağ panel */
.jeunactio-root .ja-timeline-sidebar{ display: flex; flex-direction: column; gap: 16px; position: sticky; top: 80px; }
.jeunactio-root .ja-timeline-widget{ background: #fff; border: 1px solid rgba(0,0,0,0.08); border-radius: var(--r-lg); padding: 18px; box-shadow: var(--e2); }
.jeunactio-root .ja-timeline-widget-title{ font-size: var(--fs-xs); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #8fa8b4; margin: 0 0 14px; }
.jeunactio-root .ja-tl-event{ display: flex; gap: 12px; align-items: flex-start; padding: 8px 0; border-bottom: 1px solid rgba(0,0,0,0.06); }
.jeunactio-root .ja-tl-event:last-child{ border-bottom: none; padding-bottom: 0; }
.jeunactio-root .ja-tl-event-date{ background: #0d3140; color: #99D1E4; border-radius: var(--r-sm); padding: 6px 8px; text-align: center; min-width: 40px; flex-shrink: 0; }
.jeunactio-root .ja-tl-event-date strong{ display: block; font-size: var(--fs-md); font-weight: 800; line-height: 1; }
.jeunactio-root .ja-tl-event-date span{ font-size: var(--fs-xs); text-transform: uppercase; font-weight: 700; letter-spacing: .06em; }
.jeunactio-root .ja-tl-event-info{ flex: 1; min-width: 0; }
.jeunactio-root .ja-tl-event-title{ font-size: var(--fs-sm); font-weight: 600; color: #0d1f29; margin: 0 0 2px; line-height: 1.3; }
.jeunactio-root .ja-tl-event-sub{ font-size: var(--fs-xs); color: #8fa8b4; margin: 0; }
.jeunactio-root .ja-tl-tags{ display: flex; flex-wrap: wrap; gap: 6px; }
.jeunactio-root .ja-tl-tag-pill{ font-size: var(--fs-xs); font-weight: 600; padding: 4px 10px; border-radius: var(--r-pill); background: rgba(13,49,64,0.07); color: #0d3140; text-decoration: none; transition: background .2s; }
.jeunactio-root .ja-tl-tag-pill:hover{ background: rgba(153,209,228,0.25); }
.jeunactio-root .ja-loader-text{ color: var(--ja-text-muted); padding: 24px; text-align: center; }

/* =========================================================
   4. AGRESİF MOBİL / TABLET UYARLAMALARI (TÜM ENGELLERİ EZER)
========================================================= */
@media (max-width: 1100px) {
  .jeunactio-root .ja-project-tabs{ grid-template-columns: 1fr !important; }
  .jeunactio-root .ja-project-tabs-logo{ display:none !important; }
  .jeunactio-root .ja-project-tabs-inner{ grid-column: 1 !important; }
  .jeunactio-root .ja-project-shell{ grid-template-columns: 1fr !important; position: relative !important; }
  .jeunactio-root .ja-avenir-panel{ display:none !important; }
  .jeunactio-root .ja-project-carousel{ height: 520px !important; transform: none !important; }
  .jeunactio-root .ja-project-hover-info{ display: none !important; }

  /* Intro card devient un overlay posé sur le haut du carrousel, ne pousse plus le contenu */
  .jeunactio-root .ja-project-intro{
    position: absolute !important;
    top: 0 !important; left: 0 !important; right: 0 !important;
    z-index: 20 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 16px 18px 14px !important;
    background: linear-gradient(180deg, rgba(7,24,32,0.92) 0%, rgba(7,24,32,0.72) 65%, transparent 100%) !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: var(--r-lg) var(--r-lg) 0 0 !important;
    overflow: visible !important;
  }
  .jeunactio-root .ja-project-intro::before{ display: none !important; }
  .jeunactio-root .ja-project-facts{ display: none !important; }
  .jeunactio-root .ja-project-kicker{ font-size: var(--fs-xs) !important; }
  .jeunactio-root .ja-project-lead{ font-size: var(--fs-xs) !important; line-height: 1.45 !important; margin: 0 0 10px !important; max-width: 92% !important; }
  .jeunactio-root .ja-project-menu-title{ display: none !important; }
  .jeunactio-root .ja-project-menu{
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 6px !important;
    scrollbar-width: none !important;
  }
  .jeunactio-root .ja-project-menu::-webkit-scrollbar{ display: none !important; }
  .jeunactio-root .ja-project-menu-btn{
    flex: none !important;
    width: auto !important;
    min-height: 30px !important;
    padding: 6px 14px !important;
    border-radius: var(--r-lg) !important;
    display: inline-flex !important;
    align-items: center !important;
    grid-template-columns: none !important;
  }
  .jeunactio-root .ja-project-menu-btn::before,
  .jeunactio-root .ja-project-menu-btn::after{ display: none !important; }
  .jeunactio-root .ja-project-menu-btn span{
    font-size: var(--fs-xs) !important; text-transform: none !important; white-space: nowrap !important;
  }
  .jeunactio-root .ja-section-intro{ align-items: flex-start !important; flex-direction: column !important; }
  .ja-home-columns{ grid-template-columns: 1fr !important; }
  .ja-editorial-section{ width: 100% !important; justify-self: stretch !important; }
  .jeunactio-root .frames-grid{ width: 100% !important; grid-template-columns: 1fr !important; margin-right: auto !important; margin-left: auto !important; }
  .jeunactio-root .frame-wrapper, .jeunactio-root .ja-social-embed-slot{ flex: 0 0 100% !important; width: 100% !important; }
  .jeunactio-root .frame{ max-width: 100% !important; flex: 0 0 100% !important; width: 100% !important; margin-bottom: 25px !important; }
  .jeunactio-root .video-grid{ grid-template-columns: 1fr 1fr !important; }
  .jeunactio-root .ja-timeline-layout{ grid-template-columns: 1fr !important; }
  .jeunactio-root .ja-timeline-sidebar{ display: none !important; }
  .jeunactio-root .ja-timeline-head{ align-items: flex-start; flex-direction: column; }
  .ja-header-inner { flex-wrap: wrap; justify-content: center; gap: 15px; }
  .ja-header-center { width: 100%; order: 3; }
}

@media (max-width: 800px) {
  .jeunactio-root .video-grid{ grid-template-columns: 1fr !important; }
  .jeunactio-root .ja-tl-mini-grid{ grid-template-columns: 1fr !important; }
  .jeunactio-root .ja-tl-hero-img{ height: 180px !important; }
}

@media (max-width: 640px) {
  .jeunactio-root .ja-project-showcase{ padding-top: 26px !important; }
  .jeunactio-root .ja-project-tab{ min-height: 36px !important; padding: 9px 24px 9px 14px !important; font-size: var(--fs-xs) !important; }
  .jeunactio-root .ja-project-intro{ padding: 22px !important; }
  .jeunactio-root .ja-project-facts{ grid-template-columns: 1fr !important; }
  .jeunactio-root .ja-project-menu-btn{ grid-template-columns: auto 1fr !important; padding: 12px !important; }
  .jeunactio-root .ja-project-menu-btn::after{ display:none !important; }
  .jeunactio-root .ja-project-carousel{ height: 560px !important; }
  .jeunactio-root .ja-project-slide{ padding: 22px !important; align-items: center !important; }
  .jeunactio-root .ja-project-controls{ left: 22px !important; right: 22px !important; bottom: 18px !important; align-items: flex-start !important; flex-direction: column !important; }
  .jeunactio-root .ja-project-link{ width: 100% !important; text-align: center !important; }
  .jeunactio-root .banner-card{ 
      flex-direction: column !important; height: auto !important; box-shadow: none !important; border: 0 !important; margin-bottom: 20px !important; background: transparent !important; 
  }
  .jeunactio-root .banner-card .ja-section-label{ position: relative !important; left: 0 !important; top: 0 !important; width: 100% !important; height: 42px !important; margin-bottom: 10px !important; writing-mode: horizontal-tb !important; transform: none !important; }
  .jeunactio-root .banner-card .ja-section-label.is-stuck{ position: relative !important; top: 0 !important; left: 0 !important; }
  .jeunactio-root .banner-card .ja-section-label .ja-scroll-hand{ left: auto !important; right: 16px !important; top: 6px !important; transform: none !important; }
  .jeunactio-root .banner-left { height: 60px !important; width: 100% !important; border: none !important; margin-bottom: 10px !important; border-radius: var(--r-sm) !important; background: transparent !important; display: flex !important; justify-content: flex-start !important; align-items: center !important; padding: 0 !important; }
  .jeunactio-root .banner-left img { height: 100% !important; width: auto !important; object-fit: contain !important; max-width: 70%; }
  .jeunactio-root .banner-right { height: clamp(200px, 50vw, 300px) !important; width: 100% !important; border-radius: var(--r-md) !important; border: none !important; overflow: hidden !important; }
  .jeunactio-root .vertical-slide img { object-fit: cover !important; height: 100% !important; width: 100% !important; }
  
  .jeunactio-root .carousel{ height: clamp(300px, 90vw, 550px) !important; max-height: 75vh !important; }
  .jeunactio-root .slide { flex: 0 0 35% !important; } 
  .jeunactio-root .slide.is-center { flex: 0 0 100% !important; } 
  .jeunactio-root .btn{ font-size: var(--fs-xs) !important; padding: 6px 12px !important; }
  
  .ja-social-group { gap: 4px !important; }
  .ja-social-circle { width: 32px !important; height: 32px !important;}
  .ja-social-circle svg { width: 14px !important; height: 14px !important; }
  .ja-nav-item, .ja-sliding-menu a { font-size: var(--fs-xs) !important; padding: 6px 10px !important; }
  .ja-hamburger { padding: 6px !important; }
}

@media (prefers-reduced-motion: reduce){ .jeunactio-root * { animation: none !important; transition: none !important; } }
  /* ========================================================= */
  /* MODAL (AÇILIR PENCERE) STİLLERİ (Instagram Tarzı)               */
  /* ========================================================= */
  .ja-modal-overlay {
      position: fixed;
      top: 0; left: 0; right: 0; bottom: 0;
      background: rgba(0,0,0,0.8);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      z-index: 9999;
      display: flex;
      align-items: center;
      justify-content: center;
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.3s ease, visibility 0.3s ease;
  }
  .ja-modal-overlay.is-active {
      opacity: 1;
      visibility: visible;
  }
  .ja-modal-box {
      background: #fff;
      width: 95%; /* Mobilde genişliği ayarlar */
      max-width: 900px;
      max-height: 90vh; /* Ekrana sığması için yükseklik limiti */
      border-radius: var(--r-md);
      box-shadow: var(--e3);
      display: flex;
      flex-direction: column;
      overflow: hidden;
      transform: scale(0.95) translateY(20px);
      transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      position: relative;
  }
  @media (min-width: 768px) {
      .ja-modal-box {
          flex-direction: row; /* Masaüstünde yan yana (Sol Fotoğraf / İçerik, Sağ Yorumlar) */
      }
  }
  .ja-modal-overlay.is-active .ja-modal-box {
      transform: scale(1) translateY(0);
  }
  .ja-modal-close {
      position: absolute;
      top: 15px;
      right: 15px;
      width: 32px;
      height: 32px;
      background: rgba(0,0,0,0.1);
      border: none;
      border-radius: 50%;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 10;
      color: #333;
      transition: background 0.2s ease;
  }
  .ja-modal-close:hover { background: rgba(0,0,0,0.2); }
  
  /* Sol Taraf (İçerik ve Fotoğraf) */
  .ja-modal-content-area {
      flex: 1 1 60%;
      max-height: 50vh; /* Mobilde scroll olabilmesi için */
      overflow-y: auto;
      border-right: 1px solid var(--ja-border);
      padding: 0;
      background: #fafafa;
  }
  @media (min-width: 768px) {
      .ja-modal-content-area { max-height: 90vh; }
  }
  .ja-modal-image {
      width: 100%;
      height: auto;
      max-height: 400px;
      object-fit: cover;
      display: block;
      background: #eee;
  }
  .ja-modal-body {
      padding: 25px;
  }
  .ja-modal-title {
      font-size: 1.5rem;
      font-weight: 800;
      color: var(--ja-primary);
      margin-bottom: 10px;
      line-height: 1.3;
  }
  .ja-modal-text {
      font-size: var(--fs-md);
      color: var(--ja-text);
      line-height: 1.6;
      margin-bottom: 20px;
  }
  .ja-modal-text img {
      max-width: 100%;
      height: auto;
      border-radius: var(--r-sm);
      margin: 15px 0;
  }

  /* Sağ Taraf (Yorum Bölgesi / Disqus) */
  .ja-modal-comments-area {
      flex: 1 1 40%;
      max-height: 40vh; /* Mobilde yorumlar aşağıda scrolllanır */
      overflow-y: auto;
      padding: 25px;
      background: #fff;
  }
  @media (min-width: 768px) {
      .ja-modal-comments-area { max-height: 90vh; }
  }
  .ja-modal-comments-header {
      font-size: var(--fs-lg);
      font-weight: 700;
      margin-bottom: 15px;
      color: var(--ja-primary);
      border-bottom: 1px solid var(--ja-border);
      padding-bottom: 10px;
  }
  /* Scrollbar Stilleri */
  .ja-modal-content-area::-webkit-scrollbar,
  .ja-modal-comments-area::-webkit-scrollbar { width: 6px; }
  .ja-modal-content-area::-webkit-scrollbar-track,
  .ja-modal-comments-area::-webkit-scrollbar-track { background: transparent; }
  .ja-modal-content-area::-webkit-scrollbar-thumb,
  .ja-modal-comments-area::-webkit-scrollbar-thumb { background: #ccc; border-radius: 3px; }

/* ===== RESPONSIVE DÜZELTMELER: sekmeler, slayt çubuğu, header ===== */
.jeunactio-root .ja-project-carousel{ container: ja-car / inline-size; }
.jeunactio-root .ja-project-panel h3{ white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; line-height: 1.15; }
.jeunactio-root .ja-project-panel::before{ display: inline-block; line-height: 1.4; max-width: 104px; overflow: hidden; text-overflow: ellipsis; }
@container ja-car (max-width: 640px){
  .jeunactio-root .ja-project-link{ width: 38px; padding: 0; justify-content: center; font-size: 0; letter-spacing: 0; }
  .jeunactio-root .ja-project-link::after{ content: "→"; font-size: var(--fs-md); line-height: 1; }
}
@container ja-car (max-width: 480px){
  .jeunactio-root .ja-project-panel{ flex-wrap: wrap; row-gap: 4px; padding: 8px 14px; }
  .jeunactio-root .ja-project-panel::before{ margin-right: 0; }
  .jeunactio-root .ja-project-panel h3{ flex: 1 1 100%; }
}
@media (max-width: 900px){
  .jeunactio-root .ja-project-tabs-inner{ display: grid !important; grid-template-columns: 1fr 1fr; gap: 6px; overflow: visible !important; padding-top: 26px !important; }
  .jeunactio-root .ja-tab-wrap{ flex: none; }
  .jeunactio-root .ja-project-tab{ white-space: normal !important; line-height: 1.15; min-height: 44px !important; padding: 8px 24px 8px 12px !important; }
}
@media (max-width: 640px){
  .jeunactio-root .ja-project-slide{ padding: 0 calc(16px + var(--ja-link-w, 38px) + 10px) 16px 16px !important; align-items: flex-end !important; }
  .jeunactio-root .ja-project-controls{ left: 16px !important; right: 16px !important; bottom: 16px !important; height: 38px !important; flex-direction: row !important; align-items: flex-end !important; justify-content: flex-end !important; }
  .jeunactio-root .ja-project-link{ width: 38px !important; text-align: center !important; }
}
@media (max-width: 420px){
  .ja-header-right{ flex-wrap: wrap; justify-content: center; gap: 10px; max-width: 100%; }
}
/* =========================================================
   ACTUALITÉS SADELEŞTİRME: afiş odaklı, tek seviye kart, açık yüzey
========================================================= */
.ja-title-card{ background: none; border: 0; border-bottom: 1px solid #dbe7ec; border-radius: 0; box-shadow: none; padding: 0 0 12px; margin-bottom: 18px; }
.jeunactio-root .ja-title-card .btn{ background: none !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; color: #0f2a38 !important; font-size: var(--fs-xs); font-weight: 800; letter-spacing: .1em; }
.jeunactio-root .ja-title-card .btn:last-child{ color: #58737f !important; font-weight: 600; letter-spacing: .04em; }
.ja-title-card .btn.has-new{ animation: none; }
.ja-title-card .btn.has-new::after{ top: -3px; right: -12px; }

.jeunactio-root .frame{ background: none; border: 0; border-radius: 0; padding: 0; box-shadow: none; overflow: visible; }
.jeunactio-root .frame:hover{ transform: none; box-shadow: none; border-color: transparent; }
.jeunactio-root .frame-wrapper{ padding-bottom: 30px; }
.jeunactio-root .carousel{ overflow: visible; clip-path: none; border-radius: 0; padding: 0; perspective: 1400px; }
.jeunactio-root .track{ display: block; position: relative; gap: 0; transform-style: preserve-3d; transform: translateZ(calc(var(--ja-cube-w, 300px) / -2)); }
.jeunactio-root .slide,
.jeunactio-root .slide.is-center,
.jeunactio-root .frame-wrapper:nth-child(2) .slide.is-center{ position: absolute; inset: 0; flex: none; width: auto; height: auto; background: #e8f0f4; border: 0; border-radius: var(--r-md); overflow: hidden; box-shadow: var(--e2); -webkit-backface-visibility: hidden; backface-visibility: hidden; filter: none; opacity: 1; transition: none; }
.jeunactio-root .track > .slide{ visibility: hidden; pointer-events: none; }
.jeunactio-root .slide:not(.is-center){ filter: none; opacity: 1; }
.jeunactio-root .track > .slide:nth-child(1){ transform: translateZ(calc(var(--ja-cube-w, 300px) / 2)); visibility: visible; pointer-events: auto; }
.jeunactio-root .track > .slide:nth-child(2){ transform: rotateY(90deg) translateZ(calc(var(--ja-cube-w, 300px) / 2)); visibility: visible; }
.jeunactio-root .slide::before{ display: block; content: ""; position: absolute; inset: -30px; z-index: 0; background-image: var(--ja-slide-bg); background-size: cover; background-position: center; filter: blur(22px) saturate(1.15) brightness(1.04); transform: none; opacity: 1; }
.jeunactio-root .slide::after{ display: block; content: ""; position: absolute; inset: 0; z-index: 1; background: rgba(255,255,255,.22); pointer-events: none; }
.jeunactio-root .slide img{ position: relative; z-index: 2; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: contain !important; border-radius: 0; box-shadow: none; }
.jeunactio-root .carousel-indicators{ bottom: -30px; }
.jeunactio-root .carousel-indicator{ width: 6px; height: 6px; border-radius: 50%; background: #c4d5dc; border: 0; box-shadow: none; }
.jeunactio-root .carousel-indicator.active,
.jeunactio-root .frame:nth-child(2) .carousel-indicator.active{ width: 22px; border-radius: var(--r-pill); background: #0f2a38; border: 0; box-shadow: none; }

.ja-ed-card{ background: #fff; border: 1px solid #dbe7ec; border-radius: var(--r-md); box-shadow: var(--e1); padding: 20px 22px; }
.ja-ed-card:hover{ transform: translateY(-2px); border-color: #99d1e4; box-shadow: var(--e2); }
.ja-ed-main{ border-color: #dbe7ec; }
.ja-ed-author img, .ja-ed-main .ja-ed-author img{ border: 0; box-shadow: none; }
.ja-ed-name, .ja-ed-headline{ color: #0f2a38; }
.ja-ed-title, .ja-ed-excerpt{ color: #58737f; }

.jeunactio-root .ja-social-embed-slot,
.jeunactio-root .ja-social-embed-slot.instagram,
.jeunactio-root .ja-social-embed-slot.facebook{ padding: 0; background: #fff; border: 1px solid #dbe7ec; border-radius: var(--r-md); box-shadow: var(--e1); }
.jeunactio-root .ja-social-embed-head{ background: none; border: 0; border-bottom: 1px solid #dbe7ec; border-radius: 0; color: #0f2a38; padding: 12px 16px; }
.jeunactio-root .ja-social-embed-head a{ color: #58737f; }
.jeunactio-root .ja-social-embed-slot.instagram .ja-social-embed-head span,
.jeunactio-root .ja-social-embed-slot.facebook .ja-social-embed-head span{ color: #0f2a38; }
.jeunactio-root .ja-social-embed-head span::before{ width: 8px; height: 8px; background: #99d1e4; box-shadow: none; }
.jeunactio-root .ja-social-embed-body{ background: #fff; border: 0; border-radius: 0 0 var(--r-md) var(--r-md); }
.jeunactio-root .ja-social-fallback{ background: #f7fbfd; color: #0f2a38; font-size: var(--fs-sm); font-weight: 700; text-decoration: none; }
.jeunactio-root .carousel{ height: auto !important; max-height: none !important; aspect-ratio: 3 / 4; }
@media (max-width: 640px){ .jeunactio-root .ja-social-embed-slot{ min-height: 480px; } }
/* =========================================================
   AÇIK YÜZEY BASKIN + KART İÇİ ANİMASYONLAR (negovest tarzı kademeli giriş)
========================================================= */
@media (min-width: 1101px) {
  .jeunactio-root .ja-project-intro{ background: #fff; border-color: #dbe7ec; box-shadow: var(--e2); }
  .jeunactio-root .ja-project-intro::before{ background: linear-gradient(90deg, rgba(153,209,228,0.2), transparent 42%); }
  .jeunactio-root .ja-project-lead{ color: #58737f; }
  .jeunactio-root .ja-project-fact{ background: #f4f8fa; border-color: #dbe7ec; }
  .jeunactio-root .ja-project-fact strong{ color: #0f2a38; }
  .jeunactio-root .ja-project-fact span{ color: #58737f; }
  .jeunactio-root .ja-project-menu-title{ color: #0f2a38; }
  .jeunactio-root .ja-project-menu-btn{ background: #f4f8fa; border-color: #dbe7ec; color: #0f2a38; }
  .jeunactio-root .ja-project-menu-btn .ja-menu-form-link{ color: #1d7a3a; }
  .jeunactio-root .ja-project-menu-btn:hover, .jeunactio-root .ja-project-menu-btn.is-active{ background: #e3f1f6; border-color: #99d1e4; box-shadow: var(--e1); color: #0f2a38; }
}
.ja-form-section{ background: linear-gradient(135deg, #f1f7fa 0%, #dfeef4 60%, #eef6f9 100%); }
.ja-form-ticker::before{ background: linear-gradient(180deg, #eaf3f7, transparent); }
.ja-form-ticker::after{ background: linear-gradient(0deg, #eaf3f7, transparent); }
.ja-form-ticker-item{ color: #58737f; }
.ja-form-ticker-item.is-intro{ color: #0f2a38; }
.ja-form-acc-title{ color: #0f2a38; }
.ja-form-acc-toggle{ background: #0f2a38; border-color: #0f2a38; color: #fff; }
.ja-form-acc-toggle:hover{ background: #0d3140; border-color: #0d3140; box-shadow: var(--e2); }
.ja-form-acc-hint{ color: #fff; }

@keyframes jaA-card{ 0%{ opacity:0; transform: perspective(1000px) translateY(28px) rotateX(14deg) scale(.96); } to{ opacity:1; transform:none; } }
@keyframes jaA-row{ 0%{ opacity:0; transform: translateX(-24px); } to{ opacity:1; transform:none; } }
@keyframes jaA-pop{ 0%{ opacity:0; transform: scale(.5); } 70%{ opacity:1; transform: scale(1.08); } to{ transform: scale(1); } }
.ja-anim[data-a], .ja-anim [data-a]{ opacity: 0; }
.ja-anim.ja-play[data-a], .ja-anim.ja-play [data-a]{ opacity: 1; --d: calc(.15s + min(var(--i, 0), 30) * 55ms); animation-delay: var(--d); animation-duration: .75s; animation-timing-function: cubic-bezier(.22,1,.36,1); animation-fill-mode: backwards; }
.ja-anim.ja-play[data-a=card], .ja-anim.ja-play [data-a=card]{ animation-name: jaA-card; animation-duration: .95s; transform-origin: 50% 100%; }
.ja-anim.ja-play[data-a=row], .ja-anim.ja-play [data-a=row]{ animation-name: jaA-row; }
.ja-anim.ja-play [data-a=pop]{ animation-name: jaA-pop; animation-duration: .6s; }
@media (prefers-reduced-motion: reduce){ .ja-anim[data-a], .ja-anim [data-a]{ opacity: 1 !important; animation: none !important; } }

/* ===== Sabit vitrin carousel boyutu, sosyal kartlar, 3B efektler ===== */
.jeunactio-root .ja-project-carousel{ height: clamp(520px, 50vw, 720px); min-height: 0; }
.jeunactio-root .ja-social-embed-slot{ min-height: 720px; }
.jeunactio-root .ja-social-embed-body{ overflow-y: auto; }
@media (max-width: 640px){ .jeunactio-root .ja-social-embed-slot{ min-height: 560px; } }
@keyframes jaA-sheen{ 0%{ background-position: 150% 0; } to{ background-position: -50% 0; } }
.ja-ed-card, .ja-avenir-panel, .ja-project-intro, .ja-timeline-widget{ transform-style: preserve-3d; }
.ja-tilt{ transition: transform .35s cubic-bezier(.22,1,.36,1), box-shadow .35s; will-change: transform; }
.ja-ed-card::after{ content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; background: linear-gradient(105deg, transparent 35%, rgba(153,209,228,.3) 50%, transparent 65%); background-size: 250% 100%; background-position: 150% 0; }
.ja-ed-card{ position: relative; }
.ja-ed-card:hover::after{ animation: jaA-sheen 1s cubic-bezier(.22,1,.36,1); }
.ja-ed-card .ja-ed-author img{ transition: transform .5s cubic-bezier(.22,1,.36,1); }
.ja-ed-card:hover .ja-ed-author img{ transform: translateZ(28px) scale(1.08); }
.ja-ed-card:hover .ja-ed-headline{ transform: translateZ(18px); }
.ja-ed-headline{ transition: transform .5s cubic-bezier(.22,1,.36,1); }
.jeunactio-root .ja-av-item{ transition: transform .4s cubic-bezier(.22,1,.36,1), background .3s; }
.jeunactio-root .ja-av-item:hover{ transform: translateX(4px) translateZ(14px); }
.jeunactio-root .ja-project-fact{ transition: transform .4s cubic-bezier(.22,1,.36,1), box-shadow .4s; }
.jeunactio-root .ja-project-fact:hover{ transform: translateY(-4px) translateZ(20px); box-shadow: var(--e2); }
@media (prefers-reduced-motion: reduce){ .ja-tilt{ transition: none; } .ja-ed-card:hover::after{ animation: none; } }

.jeunactio-root .ja-social-embed-slot.facebook{ background: none; border: 0; box-shadow: none; padding: 0; min-height: 0; overflow: visible; }
.jeunactio-root .ja-social-embed-slot.facebook .ja-social-embed-head{ display: none; }
.jeunactio-root .ja-social-embed-slot.facebook .ja-social-embed-body{ display: flex; justify-content: center; background: none; border: 0; border-radius: 0; padding: 0; overflow: visible; }
.jeunactio-root .ja-social-embed-slot.facebook iframe{ position: relative; inset: auto; display: block; margin: 0 auto; max-width: 100%; height: 720px; }
.jeunactio-root .ja-social-embed-slot.instagram{ background: none; border: 0; box-shadow: none; padding: 0; min-height: 0; overflow: visible; }
.jeunactio-root .ja-social-embed-slot.instagram .ja-social-embed-head{ display: none; }
.jeunactio-root .ja-social-embed-slot.instagram .ja-social-embed-body{ display: flex; justify-content: center; background: none; border: 0; border-radius: 0; padding: 0; overflow: visible; }
.jeunactio-root .ja-social-embed-slot.instagram iframe{ position: relative; inset: auto; display: block; width: 100%; max-width: 500px; height: 720px; background: #fff; border-radius: 12px; }
.jeunactio-root .ja-social-embed-slot.instagram .ja-social-embed-body{ flex-direction: column; align-items: center; gap: 14px; }
.jeunactio-root .ja-ig-highlights{ width: 100%; max-width: 500px; display: flex; gap: 14px; overflow-x: auto; padding: 4px 4px 8px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.jeunactio-root .ja-ig-highlights::-webkit-scrollbar{ display: none; }
.jeunactio-root .ja-ig-hl{ flex: 0 0 auto; width: 68px; display: flex; flex-direction: column; align-items: center; gap: 6px; text-decoration: none; color: #0f2a38; }
.jeunactio-root .ja-ig-ring{ width: 64px; height: 64px; border-radius: 50%; display: grid; place-items: center; color: var(--c); background: #fff; border: 3px solid var(--c); box-shadow: 0 0 0 3px #fff, 0 0 0 4px #dbe7ec; transition: transform .25s ease, box-shadow .25s ease; }
.jeunactio-root .ja-ig-ring svg{ width: 26px; height: 26px; }
.jeunactio-root .ja-ig-lbl{ width: 100%; text-align: center; font-size: var(--fs-xs); font-weight: 700; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.jeunactio-root .ja-ig-hl:hover .ja-ig-ring, .jeunactio-root .ja-ig-hl:focus-visible .ja-ig-ring{ transform: translateY(-3px); box-shadow: 0 0 0 3px #fff, 0 0 0 4px var(--c), var(--e2); }
.jeunactio-root .ja-social-embed-slot.instagram .ja-social-embed-body{ min-height: 720px; justify-content: space-between; }
.jeunactio-root .ja-social-embed-slot.instagram iframe{ height: 470px; flex: none; }
.jeunactio-root .ja-ig-highlights{ justify-content: space-around; }
@media (max-width: 640px){ .jeunactio-root .ja-ig-highlights{ gap: 10px; } }
@media (prefers-reduced-motion: reduce){ .jeunactio-root .ja-ig-ring{ transition: none; } }

/* Video cards (light) */
.jeunactio-root .video-grid{ align-items: stretch; }
.jeunactio-root .ja-promo-card{ position: relative; display: flex; flex-direction: column; min-height: 0; height: 100%; background: #fff; border: 1px solid #dbe7ec; border-radius: var(--r-md); box-shadow: var(--e1); overflow: hidden; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.jeunactio-root .ja-promo-card:hover{ transform: translateY(-2px); border-color: #99d1e4; box-shadow: var(--e2); }
.jeunactio-root .ja-promo-card:focus-within{ border-color: #99d1e4; }
.jeunactio-root .ja-cover{ position: relative; width: 100%; aspect-ratio: 16 / 9; background: #eaf3f7; overflow: hidden; border-radius: 0; flex: none; }
.jeunactio-root .ja-cover iframe{ position: absolute; inset: 0; width: 100%; height: 100%; border: 0; object-fit: cover; }
.jeunactio-root .ja-cover--off{ display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; color: #58737f; font-size: var(--fs-xs); font-weight: 600; }
.jeunactio-root .ja-cover--off svg{ width: 40px; height: 40px; fill: #58737f; }
.jeunactio-root .ja-content{ display: flex; flex-direction: column; flex: 1; padding: 18px 20px 20px; gap: 0; }
.jeunactio-root .ja-badge{ position: absolute; left: 12px; top: 12px; z-index: 2; display: inline-flex; align-items: center; margin: 0; padding: 4px 10px; border-radius: var(--r-pill); background: rgba(255,255,255,.95); color: #0f2a38; border: 1px solid #dbe7ec; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; line-height: 1.2; white-space: nowrap; box-shadow: var(--e1); }
.jeunactio-root .ja-title{ margin: 0 0 8px; color: #0f2a38; font-size: var(--fs-lg); font-weight: 700; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.jeunactio-root .ja-lead{ margin: 0 0 14px; color: #58737f; font-size: var(--fs-sm); line-height: 1.55; white-space: normal; max-height: none; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }
.jeunactio-root .ja-cta{ margin-top: auto; padding-top: 4px; }
.jeunactio-root .ja-btn{ display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 8px 18px; border-radius: var(--r-pill); background: rgba(153,209,228,.35); border: 1px solid #99d1e4; color: #0f2a38; font-size: var(--fs-sm); font-weight: 700; text-decoration: none; text-transform: none; letter-spacing: 0; white-space: nowrap; box-shadow: none; transition: background .2s ease, border-color .2s ease; }
.jeunactio-root .ja-btn:hover{ background: #99d1e4; color: #0f2a38; border-color: #99d1e4; }
.jeunactio-root .ja-btn:focus-visible, .jeunactio-root .ja-promo-card a:focus-visible{ outline: 2px solid #99d1e4; outline-offset: 2px; }
@media (prefers-reduced-motion: reduce){ .jeunactio-root .ja-promo-card, .jeunactio-root .ja-btn{ transition: none; } .jeunactio-root .ja-promo-card:hover{ transform: none; } }