/*
Theme Name: Robotik Selin Akademi Dark
Theme URI: https://robotikselin.com/
Author: Robotik Selin
Description: Robotik Selin Akademi için arkadaşının çalışan WordPress temasını temel alan koyu lacivert, turkuaz ve mor özel tasarım.
Version: 9.2.0
Text Domain: robotik-selin
*/

:root{
  --navy:#06152d;
  --navy2:#0d2c5d;
  --cyan:#20d7c7;
  --purple:#7c3aed;
  --pink:#f72d81;
  --soft:#f5f8fd;
  --text:#17243b;
  --muted:#64748b;
  --white:#fff;
  --font:'Nunito',system-ui,sans-serif;
  --shadow:0 18px 45px rgba(15,35,70,.12);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--soft);color:var(--text);font-family:var(--font);font-weight:600}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.container{width:min(1220px,calc(100% - 40px));margin:auto}

/* HEADER */
.site-header{
  position:sticky;top:0;z-index:1000;
  background:#06152d;
  box-shadow:0 8px 25px rgba(0,0,0,.2)
}
.admin-bar .site-header{top:32px}
.header-inner{min-height:82px;display:flex;align-items:center;gap:20px}
.brand{display:flex;align-items:center;gap:11px;color:#fff;font-size:20px;font-weight:1000;line-height:1}
.brand small{display:block;color:#96efe5;font-size:10px;letter-spacing:3px;margin-top:7px}
.brand-mark{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--purple));font-size:25px}
.main-nav{margin-left:auto}
.main-nav ul{display:flex;align-items:center;gap:3px;margin:0;padding:0;list-style:none}
.main-nav li{list-style:none}
.main-nav a{display:block;color:#fff;padding:11px 10px;border-radius:10px;font-size:12px;font-weight:900}
.main-nav a:hover,.main-nav .current-menu-item>a{color:var(--cyan);background:rgba(255,255,255,.08)}
.header-actions{display:flex;gap:8px}
.header-login{padding:12px 14px;border-radius:13px;font-size:12px;font-weight:1000}
.student-login{background:linear-gradient(135deg,var(--cyan),#47c1f0);color:#05243d}
.teacher-login{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff}
.menu-toggle{display:none;margin-left:auto;width:44px;height:44px;border:0;border-radius:12px;background:rgba(255,255,255,.1);color:#fff;font-size:23px}

/* HERO */
.dark-hero{
  color:#fff;overflow:hidden;
  background:
  radial-gradient(circle at 15% 30%,rgba(32,215,199,.20),transparent 28%),
  radial-gradient(circle at 85% 20%,rgba(124,58,237,.26),transparent 32%),
  linear-gradient(135deg,#06152c,#0d2c5d 55%,#201853);
}
.dark-hero-grid{min-height:690px;display:grid;grid-template-columns:1.02fr .98fr;gap:46px;align-items:center}
.dark-badge{display:inline-block;padding:9px 15px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#aff5ed;font-size:13px;font-weight:900}
.dark-hero h1{font-size:clamp(48px,6vw,74px);line-height:.96;margin:20px 0 16px;letter-spacing:-2px}
.dark-hero h1 span{display:block;background:linear-gradient(90deg,#38e9d9,#79d6ff,#bea2ff);-webkit-background-clip:text;color:transparent}
.dark-hero h2{color:#b9dcff;font-size:24px;margin:0 0 16px}
.dark-hero p{max-width:650px;color:#d7e4f5;font-size:17px;line-height:1.7;margin:0 0 28px}
.dark-actions{display:flex;gap:12px;flex-wrap:wrap}
.rs-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:14px 20px;border-radius:14px;font-weight:1000;transition:.2s}
.rs-btn:hover{transform:translateY(-2px)}
.rs-btn.cyan{background:linear-gradient(135deg,var(--cyan),#31bbed);color:#06243c}
.rs-btn.purple{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff}
.rs-btn.glass{color:#fff;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.09)}
.dark-hero-visual img{width:100%;max-height:520px;object-fit:contain;border-radius:28px;filter:drop-shadow(0 24px 30px rgba(0,0,0,.35))}

/* GENERAL */
.section{padding:72px 0}
.light-section{background:#f5f8fd}
.section-heading{max-width:780px;margin:0 auto 36px;text-align:center}
.section-heading h2,.about-copy h2,.book-copy h2,.application-box h2{color:var(--navy);font-size:clamp(30px,4vw,44px);line-height:1.08;margin:10px 0}
.section-heading h2 span,.about-copy h2 span,.book-copy h2 span,.application-box h2 span{color:var(--purple)}
.section-heading p{color:var(--muted)}
.eyebrow{display:inline-block;color:#2563eb;font-size:11px;font-weight:1000;letter-spacing:1.5px}

/* PROGRAMS */
.program-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.dark-program{background:#fff;border:1px solid #e2e9f2;border-radius:20px;padding:22px 15px;text-align:center;box-shadow:0 8px 24px rgba(15,35,70,.05);transition:.2s}
.dark-program:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.dark-program:nth-child(1){background:#fff8df}
.dark-program:nth-child(2){background:#fff0f7}
.dark-program:nth-child(3){background:#edf7ff}
.dark-program:nth-child(4){background:#f2efff}
.dark-program:nth-child(5){background:#ebfff6}
.dark-program:nth-child(6){background:#fff4ea}
.dark-program-icon{font-size:38px}
.dark-program h3{color:var(--navy);font-size:18px;line-height:1.05;margin:9px 0}
.dark-program .age{display:inline-block;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.7);font-size:11px;color:#334155}
.dark-program p{font-size:13px;line-height:1.5;color:#64748b}
.dark-program a{display:inline-block;padding:8px 11px;border:1px solid #7c3aed;border-radius:999px;color:#6d28d9;font-size:11px;font-weight:900}
.benefit-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:25px;padding:18px;border-radius:18px;background:#eaf3ff}
.benefit-strip span{text-align:center;font-size:13px;color:#17345f;font-weight:900}

/* ABOUT */
.about-section{background:#fff}
.about-grid{display:grid;grid-template-columns:.75fr 1.05fr .55fr;gap:35px;align-items:center}
.real-photo-wrap{position:relative}
.real-photo{width:100%;max-height:520px;object-fit:cover;object-position:center top;border-radius:30px;box-shadow:var(--shadow)}
.about-copy p{color:#64748b;line-height:1.75}
.about-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.about-tags span{padding:8px 11px;border-radius:999px;background:#eaf3ff;color:#2458ad;font-size:12px;font-weight:900}
.brand-visual{width:100%;filter:drop-shadow(0 16px 24px rgba(37,99,235,.15))}

/* ROBOT PROJECTS */
.robot-section{background:linear-gradient(135deg,#07182f,#142f66);color:#fff}
.section-heading-dark h2{color:#fff}
.section-heading-dark p{color:#c7d7ec}
.section-heading-dark .eyebrow{color:#76efe2}
.section-heading-dark h2 span{color:#76efe2}
.robot-project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.robot-project-grid article{min-height:220px;padding:24px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.robot-project-grid b{font-size:42px}
.robot-project-grid h3{font-size:18px;margin:14px 0 8px}
.robot-project-grid p{font-size:13px;line-height:1.55;color:#c9d8ec}

/* BOOK */
.book-section{background:#f4f1ff}
.book-grid-new{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center;padding:42px;border-radius:30px;background:linear-gradient(135deg,#e7dcff,#f8f6ff 55%,#ffdce9)}
.book-image-wrap{text-align:center}
.book-image-wrap img{width:100%;max-height:520px;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(17,24,39,.18))}
.book-copy p{color:#64748b;line-height:1.7}
.book-features{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:20px 0 24px}
.book-features span{padding:11px 12px;border-radius:12px;background:rgba(255,255,255,.72);font-size:12px;font-weight:900}

/* LOGIN */
.login-section{background:#fff}
.login-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.portal-card{padding:30px;border:1px solid #e2e8f0;border-radius:26px;background:linear-gradient(135deg,#f0fbff,#eef5ff)}
.portal-card.teacher{background:linear-gradient(135deg,#f6f0ff,#fff0f7)}
.portal-icon{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;font-size:31px;background:#fff;margin-bottom:14px}
.portal-card h3{color:var(--navy);font-size:25px;margin:10px 0}
.portal-card p{color:#64748b}

/* APPLICATION */
.application-section{padding-top:20px}
.application-box{display:grid;grid-template-columns:1.3fr .7fr;gap:28px;align-items:center;padding:38px;border-radius:28px;background:linear-gradient(135deg,#07182f,#173b78);color:#fff}
.application-box h2{color:#fff}
.application-box h2 span{color:#7ff4e8}
.application-box p{color:#cbd9eb;line-height:1.7}
.application-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}

/* FOOTER */
.site-footer{margin-top:0;padding:48px 0 18px;background:#06152d;color:#bdcadb}
.footer-grid-new{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:35px}
.site-footer strong{color:#fff}
.site-footer p{font-size:13px;line-height:1.7}
.footer-brand{color:#fff}
.footer-copy{margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.09);text-align:center;font-size:12px}

/* Gutenberg sayfaları */
.rs-gutenberg-page{max-width:1180px;margin:auto}

/* RESPONSIVE */
@media(max-width:1100px){
  .header-actions{display:none}
  .main-nav{display:none;position:absolute;top:82px;left:0;right:0;background:#06152d;padding:14px 20px 20px}
  .main-nav.mobile-open{display:block}
  .main-nav ul{flex-direction:column;align-items:stretch}
  .main-nav a{text-align:left}
  .menu-toggle{display:block}
  .dark-hero-grid{grid-template-columns:1fr 1fr}
  .program-grid{grid-template-columns:repeat(3,1fr)}
  .about-grid{grid-template-columns:.8fr 1.2fr}
  .brand-visual-wrap{display:none}
  .robot-project-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:782px){.admin-bar .site-header{top:46px}}
@media(max-width:720px){
  .container{width:min(100% - 28px,1220px)}
  .dark-hero-grid{grid-template-columns:1fr;min-height:auto;padding:55px 0 65px;text-align:center}
  .dark-actions{justify-content:center}
  .dark-hero h1{font-size:45px}
  .dark-hero-visual img{max-height:380px}
  .program-grid{grid-template-columns:repeat(2,1fr)}
  .benefit-strip{grid-template-columns:1fr 1fr}
  .about-grid,.book-grid-new,.login-grid,.application-box{grid-template-columns:1fr}
  .robot-project-grid{grid-template-columns:1fr}
  .book-grid-new{padding:26px}
  .application-actions{justify-content:flex-start}
  .footer-grid-new{grid-template-columns:1fr}
}
@media(max-width:480px){
  .program-grid,.benefit-strip,.book-features{grid-template-columns:1fr}
  .dark-hero h1{font-size:38px}
}


/* ===== V4 GÖRSEL DÜZELTMELER ===== */

/* Üst menü daha kompakt */
.site-header .header-inner{
  min-height:76px !important;
  gap:14px !important;
}
.site-header .brand{
  font-size:18px !important;
  white-space:nowrap;
}
.site-header .brand-mark{
  width:44px !important;
  height:44px !important;
  font-size:22px !important;
}
.site-header .main-nav a{
  font-size:12px !important;
  padding:10px 9px !important;
}
.site-header .header-actions{
  gap:8px !important;
}
.site-header .header-login{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  width:auto !important;
  max-width:none !important;
  padding:10px 14px !important;
  border-radius:12px !important;
  font-size:11px !important;
  line-height:1 !important;
  white-space:nowrap !important;
  writing-mode:horizontal-tb !important;
  text-orientation:mixed !important;
}

/* Hero başlangıcı: dev ikon/emoji ve gereksiz boşlukları engelle */
.dark-hero-grid{
  min-height:620px !important;
  padding:55px 0 !important;
}
.dark-hero-copy{
  min-width:0;
}
.dark-badge{
  display:inline-flex !important;
  align-items:center !important;
  width:auto !important;
  max-width:max-content !important;
  min-height:auto !important;
  font-size:12px !important;
  line-height:1.2 !important;
  padding:9px 14px !important;
  border-radius:999px !important;
}
.dark-badge::before,
.dark-badge::after{
  content:none !important;
  display:none !important;
}
.dark-hero h1{
  margin-top:18px !important;
  font-size:clamp(48px,5.5vw,68px) !important;
}
.dark-hero-visual{
  display:flex;
  align-items:center;
  justify-content:center;
}
.dark-hero-visual img{
  max-height:455px !important;
  border-radius:24px !important;
}

/* Programlar masaüstünde daha dengeli */
.program-grid{
  gap:16px !important;
}
.dark-program{
  min-width:0;
}

/* Hakkımda gerçek fotoğrafı daha doğal kırp */
.real-photo{
  aspect-ratio:4/5;
  object-fit:cover !important;
  object-position:center 20% !important;
}

/* Kitap görseli */
.book-image-wrap img{
  max-height:470px !important;
}

/* Küçük ekranda header */
@media(max-width:1180px){
  .header-actions{display:none !important}
  .menu-toggle{display:block !important}
}
@media(max-width:900px){
  .dark-hero-grid{
    grid-template-columns:1fr !important;
    text-align:center;
  }
  .dark-actions{justify-content:center}
  .dark-hero-visual img{max-height:390px !important}
}


/* ===== V7 ===== */
body{font-size:14px!important}
.dark-hero h1{font-size:clamp(40px,4.7vw,60px)!important}
.dark-hero h2{font-size:19px!important}
.dark-hero p{font-size:14px!important}
.section-heading h2,.about-copy h2,.book-copy h2,.application-box h2{font-size:clamp(28px,3.4vw,38px)!important}
.real-photo-wrap{display:none!important}
.about-grid-v7{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center}
.brand-visual-wrap-v7{text-align:center}
.brand-visual-v7{max-height:370px;object-fit:contain}
.benefit-strip{display:none!important}

/* Click dropdowns */
.rs-menu-item{position:relative}
.rs-menu-button{border:0;background:transparent;color:#fff;padding:10px 9px;border-radius:10px;font-size:12px;font-weight:900;cursor:pointer}
.rs-menu-button:hover{color:var(--cyan);background:rgba(255,255,255,.08)}
.rs-dropdown{display:none;position:absolute;top:calc(100% + 8px);left:0;width:280px;padding:8px;border-radius:15px;background:#fff;box-shadow:0 20px 45px rgba(0,0,0,.25);z-index:3000}
.rs-dropdown.open{display:block}
.rs-dropdown button,.rs-dropdown a{display:block;width:100%;border:0;background:#fff;color:#15233a;padding:11px 12px;border-radius:9px;text-align:left;font-weight:800;cursor:pointer}
.rs-dropdown button:hover,.rs-dropdown a:hover{background:#eef7ff;color:#2563eb}
.rs-dropdown small{display:block;color:#7a8899;font-weight:500;font-size:10px;margin-top:2px}

/* Modal & panels */
.rs-modal,.rs-panel-overlay{display:none;position:fixed;inset:0;z-index:9000;background:rgba(3,13,30,.8);padding:24px;overflow:auto}
.rs-modal.open,.rs-panel-overlay.open{display:grid;place-items:center}
.rs-modal-box,.rs-panel-window{position:relative;width:min(900px,100%);max-height:92vh;overflow:auto;background:#f7f9fd;border-radius:24px;padding:28px}
.rs-panel-wide{width:min(1180px,100%)}
.rs-modal-close,.rs-panel-close{position:absolute;right:14px;top:12px;width:38px;height:38px;border:0;border-radius:50%;font-size:20px;cursor:pointer}
.rs-login-card{max-width:460px;margin:auto;background:#fff;padding:28px;border-radius:20px;border:1px solid #e1e8f2;text-align:center}
.rs-login-card input{width:100%;padding:12px;margin:6px 0;border:1px solid #d6e0ec;border-radius:10px}
.rs-login-card .rs-btn{width:100%;margin-top:10px}
.rs-login-icon{font-size:34px}
.rs-demo-note{display:block;color:#64748b;margin-top:10px}
.rs-dashboard-hidden{display:none!important}
.rs-dashboard-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px;border-radius:20px;background:linear-gradient(135deg,#07182f,#5b21b6);color:#fff;margin-bottom:18px}
.rs-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:15px}
.rs-stat-grid>div{background:#fff;border:1px solid #e1e8f2;border-radius:15px;padding:16px}
.rs-stat-grid b{display:block;color:#6d28d9;font-size:18px}
.rs-stat-grid small{color:#64748b}
.rs-lesson-row{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;background:#fff;border:1px solid #e1e8f2;border-radius:13px;padding:11px;margin-bottom:8px}
.rs-lesson-row>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#eef4ff;color:#2563eb;font-weight:900}
.rs-lesson-row small{display:block;color:#64748b}
.rs-lesson-row.done{background:#f2fff8;border-color:#bde9d6}
.rs-teacher-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.rs-teacher-card{background:#fff;border:1px solid #e1e8f2;border-radius:17px;padding:18px;margin-bottom:15px}
.rs-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:10px}
.rs-form-grid input,.rs-form-grid select{padding:10px;border:1px solid #d8e1ec;border-radius:9px}
.rs-app-row{padding:10px;border-bottom:1px dashed #dce4ee}
.rs-app-row b,.rs-app-row span,.rs-app-row small{display:block}
.rs-app-row span,.rs-app-row small{font-size:11px;color:#64748b}
.rs-student-admin-card{border:1px solid #e1e8f2;border-radius:14px;padding:14px;margin-top:10px;background:#fbfdff}
.rs-teacher-lesson{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px dashed #e0e7ef;font-size:12px}
.rs-teacher-lesson button{border:0;border-radius:8px;padding:6px 8px;background:#ede9fe;color:#5b21b6;font-weight:800;cursor:pointer}
.rs-muted{color:#64748b}

@media(max-width:900px){
 .about-grid-v7,.rs-teacher-grid{grid-template-columns:1fr}
 .rs-dropdown{position:static;width:100%;box-shadow:none;background:#102c56}
 .rs-dropdown button,.rs-dropdown a{background:transparent;color:#fff}
}

/* V7.1 panel/form tamamlamaları */
.rs-full-form{max-width:900px;margin:24px auto 0}.rs-full-form textarea{width:100%;padding:12px;border:1px solid #d8e1ec;border-radius:10px;margin:10px 0}
.rs-consent{display:flex;gap:8px;align-items:flex-start;font-size:12px;margin:10px 0}.rs-success{margin-top:12px;padding:12px;border-radius:10px;background:#dcfce7;color:#166534}
.rs-package-checks{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr);gap:7px;background:#f8fafc;padding:10px;border-radius:10px}.rs-package-checks label{font-size:12px}
.rs-count-badge{display:inline-grid;place-items:center;min-width:24px;height:24px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px}
.rs-app-tabs{display:flex;gap:6px;margin-bottom:10px}.rs-app-tabs button{border:1px solid #dbe3ee;background:#fff;padding:7px 10px;border-radius:999px;cursor:pointer}
.rs-app-card{border:1px solid #e2e8f0;border-radius:13px;padding:12px;margin-bottom:9px}.rs-app-card small{display:block;color:#64748b}
.rs-app-details{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:8px 0;font-size:11px}.rs-app-controls{display:flex;gap:6px;flex-wrap:wrap}
.rs-app-controls input,.rs-app-controls select,.rs-app-controls button{padding:7px;border:1px solid #d8e1ec;border-radius:8px}.rs-app-controls button{background:#ede9fe;color:#5b21b6;font-weight:800}.rs-app-controls .danger{background:#fee2e2;color:#991b1b}
.rs-student-package{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:15px;margin-bottom:15px}.rs-progress,.rs-exam-box,.rs-exam-admin{padding:9px;border-radius:9px;background:#f8fafc;margin:8px 0;font-size:12px}
.rs-exam-box button,.rs-exam-admin button{margin-left:6px;padding:6px 8px;border:0;border-radius:7px;background:#ede9fe;color:#5b21b6;font-weight:800}.rs-course-admin{margin-top:12px;padding-top:8px;border-top:1px solid #e2e8f0}
@media(max-width:700px){.rs-app-details,.rs-package-checks{grid-template-columns:1fr}}


/* ===== V7.2 - Eğitim kartı ikon boyut düzeltmesi ===== */
/* WordPress/emoji sistemi ikonları <img> olarak üretse bile devleşmesini engeller. */
.dark-program-icon{
    width:72px !important;
    height:72px !important;
    margin:0 auto 12px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:42px !important;
    line-height:1 !important;
    overflow:hidden !important;
}
.dark-program-icon img,
.dark-program-icon img.emoji,
.dark-program-icon svg{
    width:52px !important;
    height:52px !important;
    max-width:52px !important;
    max-height:52px !important;
    min-width:0 !important;
    object-fit:contain !important;
    margin:0 !important;
    display:block !important;
}
.dark-program{
    padding:20px 15px !important;
}
.dark-program h3{
    margin-top:6px !important;
}


/* ===== V7.3: Kullanıcının istediği daha küçük görseller ===== */

/* Eğitim program kartları: yıldız, puzzle vb. */
.dark-program-icon{
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
    min-height:50px !important;
    margin:0 auto 10px !important;
    font-size:30px !important;
    line-height:1 !important;
    overflow:hidden !important;
}
.dark-program-icon img,
.dark-program-icon img.emoji,
.dark-program-icon svg{
    width:34px !important;
    height:34px !important;
    max-width:34px !important;
    max-height:34px !important;
    object-fit:contain !important;
}

/* Ana sayfa sağdaki büyük görsel */
.dark-hero-visual,
.dark-hero-visual img,
.hero-image,
.hero-image img{
    max-width:560px !important;
}
.dark-hero-visual img,
.hero-image img{
    width:100% !important;
    height:auto !important;
    object-fit:contain !important;
}

/* Hakkımda görseli */
.brand-visual-v7,
.about-image,
.about-visual img{
    max-width:280px !important;
    max-height:280px !important;
    width:auto !important;
    height:auto !important;
    object-fit:contain !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/* Kitap görseli */
.book-image img,
.book-visual img,
.book-cover,
.book-cover img{
    max-width:250px !important;
    max-height:340px !important;
    width:auto !important;
    height:auto !important;
    object-fit:contain !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/* Kartların kendisi de daha kompakt */
.dark-program{
    padding:16px 14px !important;
    min-height:0 !important;
}
.dark-program h3{
    font-size:15px !important;
    margin:6px 0 2px !important;
}
.dark-program p,
.dark-program small{
    font-size:11px !important;
}

/* Elementor/Gutenberg alanı: boşsa görüntü oluşturmaz */
.rs-wordpress-content:empty{display:none}
.rs-wordpress-content{padding:20px 0}


/* ===== V7.4 - Elementor örnek içeriğini normal siteden kaldır ===== */
.rs-wordpress-content{
    display:none !important;
}
/* Elementor editörünün kendi önizlemesinde içerik alanı erişilebilir kalsın */
body.elementor-editor-active .rs-wordpress-content,
body.elementor-editor-preview .rs-wordpress-content{
    display:block !important;
}

/* ===== Site içindeki gerçek görseller daha küçük ===== */

/* Ana sayfa sağ görsel */
.dark-hero-visual{
    max-width:470px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}
.dark-hero-visual img{
    width:100% !important;
    max-width:470px !important;
    max-height:360px !important;
    object-fit:contain !important;
}

/* Eğitim kartı ikonları - belirgin küçük */
.dark-program-icon{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    min-height:42px !important;
    max-width:42px !important;
    max-height:42px !important;
    margin:0 auto 8px !important;
    font-size:26px !important;
    line-height:42px !important;
    overflow:hidden !important;
}
.dark-program-icon img,
.dark-program-icon img.emoji,
.dark-program-icon svg{
    width:26px !important;
    height:26px !important;
    max-width:26px !important;
    max-height:26px !important;
    min-width:26px !important;
    min-height:26px !important;
    object-fit:contain !important;
    margin:8px !important;
}

/* Hakkımda görseli */
.brand-visual-wrap-v7{
    text-align:center !important;
}
.brand-visual-v7{
    width:auto !important;
    max-width:210px !important;
    max-height:210px !important;
    object-fit:contain !important;
    margin:0 auto !important;
}

/* Kitap görseli */
.book-image-wrap img{
    width:auto !important;
    max-width:190px !important;
    max-height:270px !important;
    object-fit:contain !important;
    margin:0 auto !important;
}

/* Robotik proje kartlarındaki emoji/simgeler de büyük olmasın */
.robot-project-grid article > b{
    font-size:28px !important;
    line-height:1 !important;
}

/* Mobilde de büyümesin */
@media(max-width:900px){
    .dark-hero-visual,
    .dark-hero-visual img{
        max-width:390px !important;
        max-height:300px !important;
    }
    .brand-visual-v7{
        max-width:180px !important;
        max-height:180px !important;
    }
    .book-image-wrap img{
        max-width:165px !important;
        max-height:235px !important;
    }
}


/* ===== V7.5: EĞİTİMLER AÇILIR MENÜSÜ KÜÇÜK SİMGELER ===== */
.rs-dropdown button,
.rs-dropdown a{
    font-size:13px !important;
    line-height:1.25 !important;
}
.rs-dropdown img.emoji,
.rs-dropdown button img.emoji,
.rs-dropdown a img.emoji{
    width:16px !important;
    height:16px !important;
    max-width:16px !important;
    max-height:16px !important;
    min-width:16px !important;
    min-height:16px !important;
    margin:0 7px 0 0 !important;
    vertical-align:-2px !important;
    display:inline-block !important;
    object-fit:contain !important;
}
.rs-dropdown small{
    margin-left:23px !important;
}

/* ===== KİTABIM PENCERESİ ===== */
.rs-no-scroll{overflow:hidden !important}
.rs-book-overlay{
    display:none;
    position:fixed;
    inset:0;
    z-index:99999;
    background:rgba(13,25,48,.72);
    padding:28px;
    overflow:auto;
}
.rs-book-overlay.open{
    display:flex;
    align-items:center;
    justify-content:center;
}
.rs-book-modal{
    position:relative;
    width:min(1180px,96vw);
    max-height:92vh;
    overflow:auto;
    background:#f3f6fb;
    border-radius:24px;
    box-shadow:0 30px 80px rgba(0,0,0,.28);
    padding:34px;
}
.rs-book-close{
    position:absolute;
    right:16px;
    top:14px;
    width:38px;
    height:38px;
    border:0;
    border-radius:50%;
    background:#fff;
    color:#18243a;
    font-size:25px;
    cursor:pointer;
    box-shadow:0 6px 18px rgba(0,0,0,.12);
    z-index:3;
}
.rs-book-modal-grid{
    display:grid;
    grid-template-columns:410px 1fr;
    gap:46px;
    align-items:center;
}
.rs-book-modal-image{
    min-height:390px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    border-radius:24px;
    padding:28px;
}
.rs-book-modal-image img{
    width:auto !important;
    height:auto !important;
    max-width:310px !important;
    max-height:340px !important;
    object-fit:contain !important;
    filter:drop-shadow(0 16px 20px rgba(17,24,39,.16));
}
.rs-book-kicker{
    display:inline-block;
    color:#7c3aed;
    font-weight:900;
    font-size:12px;
    letter-spacing:.08em;
    margin-bottom:8px;
}
.rs-book-modal-info h2{
    margin:0 0 14px;
    color:#142038;
    font-size:28px;
    line-height:1.18;
}
.rs-book-modal-info h2 span{color:#7c3aed}
.rs-book-description{
    margin:0 0 20px;
    color:#59708d;
    font-size:13px;
    line-height:1.7;
}
.rs-book-meta-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}
.rs-book-meta-grid>div{
    min-height:62px;
    padding:12px 14px;
    border:1px solid #d7dfeb;
    background:#fff;
    border-radius:12px;
}
.rs-book-meta-grid b{
    display:block;
    color:#17243a;
    font-size:11px;
    margin-bottom:5px;
}
.rs-book-meta-grid span{
    display:block;
    color:#17243a;
    font-size:12px;
}
.rs-buy-title{
    margin:20px 0 10px;
    color:#15233b;
    font-size:16px;
    font-weight:900;
}
.rs-buy-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
}
.rs-buy-grid a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    border:1px solid #d4deea;
    border-radius:11px;
    background:#fff;
    color:#111827;
    font-size:12px;
    font-weight:900;
    text-decoration:none;
    transition:.18s ease;
}
.rs-buy-grid a:hover{
    border-color:#7c3aed;
    color:#6d28d9;
    transform:translateY(-1px);
    box-shadow:0 7px 18px rgba(109,40,217,.1);
}
@media(max-width:850px){
    .rs-book-modal{padding:22px}
    .rs-book-modal-grid{grid-template-columns:1fr;gap:22px}
    .rs-book-modal-image{min-height:0;padding:20px}
    .rs-book-modal-image img{max-width:220px !important;max-height:260px !important}
}
@media(max-width:540px){
    .rs-book-overlay{padding:10px}
    .rs-book-modal{border-radius:18px;padding:18px}
    .rs-book-meta-grid,.rs-buy-grid{grid-template-columns:1fr}
    .rs-book-modal-info h2{font-size:22px}
}

/* ===== V7.6 Veli + Ders Detayı ===== */
.parent-login{background:linear-gradient(135deg,#14b8a6,#0ea5e9)!important;color:#fff!important}
.header-actions{gap:7px!important}
.header-login{padding:10px 12px!important;font-size:11px!important}
.rs-parent-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}
.rs-parent-summary>div{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px}
.rs-parent-summary b,.rs-parent-summary span{display:block}.rs-parent-summary b{font-size:11px;color:#64748b}.rs-parent-summary span{font-size:17px;font-weight:900;color:#18243a;margin-top:4px}
.rs-parent-course{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px;margin-bottom:15px}
.rs-parent-lesson{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px dashed #e2e8f0;padding:10px 0}
.rs-parent-lesson:first-of-type{border-top:0}
.rs-parent-lesson small{display:block;color:#64748b;margin-top:2px}
.rs-parent-lesson.done b{color:#15803d}
.rs-parent-lesson button,.rs-lesson-actions button{border:0;border-radius:8px;padding:7px 9px;background:#e0f2fe;color:#0369a1;font-weight:900;font-size:11px;cursor:pointer}
.rs-lesson-actions{display:flex;align-items:center;gap:8px}
.rs-lesson-detail-box{width:min(760px,96vw)!important}
.rs-lesson-detail-box h2{font-size:26px;color:#17243a;margin:8px 0 15px}
.rs-lesson-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.rs-lesson-meta span{background:#eef2ff;color:#4338ca;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}
.rs-detail-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:15px;margin-bottom:10px}
.rs-detail-card h3{margin:0 0 7px;font-size:14px;color:#17243a}.rs-detail-card p,.rs-detail-card li{font-size:12px;color:#52657d;line-height:1.6}
.rs-detail-card ul{margin:0;padding-left:18px}
.rs-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rs-parent-note{padding:12px;border-radius:12px;background:#ecfeff;color:#155e75;font-size:12px;font-weight:700}
@media(max-width:1050px){.header-actions{flex-wrap:wrap;justify-content:flex-end}.header-login{padding:8px 9px!important;font-size:10px!important}}
@media(max-width:700px){.rs-parent-summary,.rs-detail-grid{grid-template-columns:1fr}.rs-parent-lesson{align-items:flex-start;flex-direction:column}}


/* ===== V7.7 Görsel ve yerleşim düzeltmeleri ===== */

/* Emoji kaynaklı dev görselleri bu bölümlerde tamamen engelle */
.about-section img.emoji,
.login-section img.emoji,
.book-section img.emoji,
.rs-book-overlay img.emoji,
.dark-program img.emoji,
.robot-section img.emoji{
    width:18px !important;height:18px !important;
    max-width:18px !important;max-height:18px !important;
    min-width:18px !important;min-height:18px !important;
    object-fit:contain !important;
}

/* Eğitim kartları: görsel yerine küçük harfli rozet */
.dark-program{
    padding:22px 18px !important;
    min-height:285px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
}
.dark-program-icon{
    width:44px !important;height:44px !important;
    min-width:44px !important;min-height:44px !important;
    max-width:44px !important;max-height:44px !important;
    border-radius:13px !important;
    display:grid !important;place-items:center !important;
    background:linear-gradient(135deg,#e0f2fe,#ede9fe) !important;
    color:#5b21b6 !important;
    font-size:12px !important;
    font-weight:950 !important;
    letter-spacing:.03em !important;
    margin:0 0 14px !important;
}
.program-detail-btn{
    margin-top:auto;
    border:1.5px solid #7c3aed;
    background:transparent;
    color:#6d28d9;
    padding:9px 13px;
    border-radius:999px;
    font-size:12px;
    font-weight:900;
    cursor:pointer;
}
.program-detail-btn:hover{background:#7c3aed;color:#fff}

/* Hakkımda: yıldız emojisi kaldırıldı, içerik genişletildi */
.about-section{overflow:hidden}
.about-grid-v7{grid-template-columns:1.45fr .55fr !important;gap:36px !important}
.brand-visual-v7{
    max-width:170px !important;
    max-height:170px !important;
    width:auto !important;height:auto !important;
}
.about-copy h2{font-size:clamp(30px,4vw,46px) !important}
.about-copy p{font-size:14px !important;line-height:1.8 !important}
.about-tags span{font-size:11px !important}
.about-more-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
    margin-top:26px;
}
.about-more-grid article{
    background:#fff;
    border:1px solid #e1e8f2;
    border-radius:18px;
    padding:20px;
    box-shadow:0 12px 30px rgba(38,52,82,.06);
}
.about-number{
    display:inline-grid;
    place-items:center;
    width:34px;height:34px;
    border-radius:10px;
    background:#ede9fe;
    color:#6d28d9;
    font-weight:950;
    font-size:11px;
}
.about-more-grid h3{font-size:15px;margin:12px 0 7px;color:#17243a}
.about-more-grid p{font-size:12px;line-height:1.65;color:#5d6f86;margin:0}
.about-closing{text-align:center;margin-top:18px}
.about-closing strong{display:inline-block;padding:12px 18px;border-radius:999px;background:#0d233f;color:#fff;font-size:13px}

/* Program detay modalı */
.training-detail-head{padding-right:35px}
.training-detail-head h2{font-size:28px;margin:7px 0}
.training-detail-head p{color:#60728a;line-height:1.65}
.training-age{display:inline-block;margin-top:8px;padding:6px 10px;border-radius:999px;background:#eef2ff;color:#5b21b6;font-size:11px;font-weight:900}
.training-detail-body h3{font-size:15px;margin:20px 0 10px}
.training-lesson-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.training-lesson-list button{
    display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center;
    border:1px solid #e2e8f0;background:#fff;border-radius:12px;padding:10px;text-align:left;cursor:pointer
}
.training-lesson-list button>span{width:28px;height:28px;border-radius:8px;background:#eef2ff;color:#5b21b6;display:grid;place-items:center;font-weight:900}
.training-lesson-list button b{font-size:12px;color:#17243a}
.training-lesson-list button small{font-size:10px;color:#64748b}
.training-detail-footer{margin-top:16px}

/* Kitap bölümü: küçük, dengeli, dev dekoratif resim yok */
.book-section{padding:70px 0 !important}
.compact-book-card{
    display:grid;
    grid-template-columns:230px 1fr;
    gap:42px;
    align-items:center;
    background:linear-gradient(135deg,#f4f0ff,#f8fbff);
    border:1px solid #e5defa;
    border-radius:28px;
    padding:34px 42px;
}
.compact-book-image{
    display:flex;align-items:center;justify-content:center;
    background:#fff;border-radius:20px;padding:18px;
    min-height:245px;
}
.compact-book-image img{
    width:auto !important;height:auto !important;
    max-width:165px !important;max-height:220px !important;
    object-fit:contain !important;
    filter:drop-shadow(0 12px 16px rgba(17,24,39,.12)) !important;
}
.compact-book-copy h2{font-size:clamp(27px,3.4vw,42px);line-height:1.15;margin:8px 0 13px;color:#17243a}
.compact-book-copy h2 span{color:#7c3aed}
.compact-book-copy p{font-size:13px;line-height:1.7;color:#5f7087;max-width:740px}
.compact-book-meta{display:flex;gap:8px;flex-wrap:wrap;margin:17px 0}
.compact-book-meta span{background:#fff;border:1px solid #ded8ef;border-radius:999px;padding:7px 10px;font-size:11px;color:#4b5d75}
.compact-book-meta b{color:#17243a}
.compact-book-actions{display:flex;gap:10px;flex-wrap:wrap}
.rs-btn.outline{background:#fff;color:#5b21b6;border:1px solid #c4b5fd}

/* Kitap detay penceresinde de kitap kontrollü küçük */
.rs-book-modal-grid{grid-template-columns:330px 1fr !important;gap:34px !important}
.rs-book-modal-image{min-height:310px !important;padding:22px !important}
.rs-book-modal-image img{max-width:220px !important;max-height:270px !important}
.rs-buy-title{
    position:relative;
    padding-left:20px;
}
.rs-buy-title:before{
    content:"";
    position:absolute;left:0;top:50%;transform:translateY(-50%);
    width:10px;height:10px;border-radius:3px;background:#7c3aed;
}

/* Öğrenci + veli birleşik giriş */
.family-login{background:linear-gradient(135deg,#22c1dc,#38bdf8) !important;color:#07233c !important}
.compact-login-grid{grid-template-columns:1.2fr .8fr !important}
.portal-card{min-height:0 !important}
.portal-mini-icon{
    width:48px;height:48px;border-radius:14px;
    display:grid;place-items:center;
    background:#e0f2fe;color:#0369a1;
    font-size:12px;font-weight:950;letter-spacing:.04em;
    margin-bottom:14px;
}
.teacher-mini{background:#ede9fe;color:#6d28d9}
.portal-inline-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.rs-btn.soft{background:#ecfeff;color:#0f766e;border:1px solid #99f6e4}

/* Üstten açılan öğrenci/veli seçim penceresi */
.rs-access-chooser{
    position:relative;
    width:min(560px,94vw);
    background:#f8fafc;
    border-radius:22px;
    padding:28px;
    box-shadow:0 28px 70px rgba(0,0,0,.25);
}
.rs-access-chooser h2{font-size:24px;color:#17243a;margin:7px 0}
.rs-access-chooser>p{font-size:12px;color:#64748b;line-height:1.6}
.rs-access-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.rs-access-options button{
    border:1px solid #dbe5ef;background:#fff;border-radius:16px;padding:18px;text-align:left;cursor:pointer
}
.rs-access-options button:hover{border-color:#7c3aed;box-shadow:0 10px 22px rgba(124,58,237,.08)}
.rs-access-options b,.rs-access-options span{display:block}
.rs-access-options b{font-size:15px;color:#17243a;margin-bottom:5px}
.rs-access-options span{font-size:11px;color:#64748b}

@media(max-width:900px){
    .about-grid-v7,.about-more-grid,.compact-book-card,.compact-login-grid{grid-template-columns:1fr !important}
    .brand-visual-v7{max-width:140px !important;max-height:140px !important}
    .compact-book-image{min-height:0}
    .training-lesson-list{grid-template-columns:1fr}
}
@media(max-width:560px){
    .rs-access-options{grid-template-columns:1fr}
    .compact-book-card{padding:24px 18px}
    .compact-book-image img{max-width:145px !important;max-height:195px !important}
}

/* ===== V7.8 ===== */

/* Hakkımda artık ana sayfada değil; modal */
.rs-about-modal{
  position:relative;width:min(1120px,96vw);max-height:92vh;overflow:auto;
  background:#f7f9fd;border-radius:26px;padding:32px;box-shadow:0 28px 80px rgba(0,0,0,.28)
}
.rs-about-hero{display:grid;grid-template-columns:1.4fr .6fr;gap:34px;align-items:center}
.rs-about-copy h2{font-size:clamp(30px,4vw,48px);margin:7px 0 13px;color:#15233b}
.rs-about-copy h2 span{color:#7c3aed}
.rs-about-copy p{font-size:13px;line-height:1.75;color:#5f7188}
.rs-about-badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.rs-about-badges span{background:#fff;border:1px solid #dfe7f1;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:900;color:#425670}
.rs-about-brand{text-align:center}.rs-about-brand img{max-width:180px!important;max-height:180px!important;object-fit:contain!important}
.rs-about-prof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}
.rs-about-prof-grid article{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:17px}
.rs-about-prof-grid article>b{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#ede9fe;color:#6d28d9;font-size:10px}
.rs-about-prof-grid h3{font-size:14px;margin:10px 0 6px}.rs-about-prof-grid p{font-size:11px;line-height:1.6;color:#64748b;margin:0}
.rs-about-quote{text-align:center;margin-top:18px;padding:13px;border-radius:12px;background:#0d233f;color:#fff;font-size:13px;font-weight:800}

/* Application higher and more visible */
.application-section{padding:70px 0!important;background:linear-gradient(180deg,#f7fbff,#eef7ff)!important}
.application-box{border:1px solid #d9e8f6!important;box-shadow:0 14px 38px rgba(29,78,216,.06)}

/* Teacher management */
.rs-teacher-grid{grid-template-columns:repeat(2,1fr)!important}
.rs-parent-admin-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 0;border-bottom:1px dashed #dce4ee}
.rs-parent-admin-row b,.rs-parent-admin-row small{display:block}.rs-parent-admin-row small{color:#64748b;font-size:10px;margin-top:3px}
.rs-manage-wrap{border-bottom:1px solid #e2e8f0;padding-bottom:10px;margin-bottom:12px}
.rs-manage-actions{text-align:right;margin-top:6px}
button.danger,.rs-manage-actions .danger,.rs-parent-admin-row .danger{border:0;border-radius:8px;padding:7px 9px;background:#fee2e2;color:#991b1b;font-weight:900;font-size:10px;cursor:pointer}

/* Parent panel richer tracking */
.rs-parent-summary{grid-template-columns:repeat(4,1fr)!important}
.rs-parent-summary small{display:block;color:#64748b;font-size:10px;margin-top:3px}
.rs-parent-guide{background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;padding:14px;margin-bottom:14px}
.rs-parent-guide h3{font-size:14px;margin:0 0 8px;color:#1e3a8a}.rs-parent-guide div{display:flex;gap:8px;flex-wrap:wrap}
.rs-parent-guide span{font-size:10px;background:#fff;padding:6px 8px;border-radius:999px;color:#475569}
.rs-parent-course-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.rs-parent-course-head h3{margin:0 0 3px}.rs-parent-course-head small{color:#64748b}.rs-parent-course-head strong{color:#6d28d9;font-size:18px}
.rs-parent-progressbar{height:8px;border-radius:999px;background:#e2e8f0;overflow:hidden;margin:10px 0}.rs-parent-progressbar i{display:block;height:100%;background:linear-gradient(90deg,#22c55e,#14b8a6)}
.rs-parent-kpis{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.rs-parent-kpis span{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;padding:6px 8px;font-size:10px}
.rs-parent-exam-note{margin-top:10px;background:#faf5ff;border:1px solid #e9d5ff;border-radius:10px;padding:10px;font-size:11px;color:#6b21a8}

/* Contact + follow */
.rs-contact-section{padding:70px 0;background:#0a1f38;color:#fff}
.rs-contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}
.rs-contact-card,.rs-follow-card{border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:24px;background:rgba(255,255,255,.04)}
.rs-contact-card h2{font-size:28px;margin:8px 0}.rs-contact-card p,.rs-follow-card p{color:#bfd0e5;font-size:12px;line-height:1.65}
.rs-contact-links{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}
.rs-contact-links a,.rs-follow-links a{display:block;text-decoration:none;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:11px;background:rgba(255,255,255,.06);color:#fff}
.rs-contact-links b,.rs-contact-links span{display:block}.rs-contact-links b{font-size:11px}.rs-contact-links span{font-size:10px;color:#b8cbe0;margin-top:3px}
.rs-follow-card h3{font-size:21px;margin:8px 0}.rs-follow-links{display:flex;gap:9px;margin-top:14px}.rs-follow-links a{font-weight:900;font-size:11px;min-width:110px;text-align:center}

/* Compact main login panel */
.compact-login-grid{grid-template-columns:1.15fr .85fr!important}

/* Responsive */
@media(max-width:900px){
 .rs-about-hero,.rs-about-prof-grid,.rs-contact-grid{grid-template-columns:1fr}
 .rs-about-brand img{max-width:140px!important;max-height:140px!important}
 .rs-teacher-grid{grid-template-columns:1fr!important}
 .rs-parent-summary{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:560px){
 .rs-about-prof-grid,.rs-parent-summary,.rs-contact-links{grid-template-columns:1fr!important}
 .rs-follow-links{flex-direction:column}
}

/* ===== V7.9 Ana sayfa hareket + hero buton hizalama ===== */
/* Hero'daki WordPress emoji resimleri butonları büyütmesin */
.dark-actions .rs-btn img.emoji,
.dark-actions .rs-btn svg,
.dark-actions .rs-btn img{
  width:22px !important;
  height:22px !important;
  max-width:22px !important;
  max-height:22px !important;
  min-width:22px !important;
  min-height:22px !important;
  margin:0 7px 0 0 !important;
  object-fit:contain !important;
  vertical-align:middle !important;
}
.dark-actions{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  width:min(100%,680px) !important;
  align-items:stretch !important;
}
.dark-actions .rs-btn{
  width:100% !important;
  min-height:64px !important;
  height:64px !important;
  padding:10px 14px !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  white-space:normal !important;
  line-height:1.18 !important;
  font-size:13px !important;
  border-radius:16px !important;
  overflow:hidden !important;
}

/* Ana sayfaya hafif, profesyonel hareket */
@keyframes rsHeroFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-10px)}
}
@keyframes rsButtonFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-4px)}
}
.dark-hero-visual{
  animation:rsHeroFloat 5.5s ease-in-out infinite !important;
}
.dark-actions .rs-btn:nth-child(1){animation:rsButtonFloat 4s ease-in-out infinite}
.dark-actions .rs-btn:nth-child(2){animation:rsButtonFloat 4s ease-in-out .45s infinite}
.dark-actions .rs-btn:nth-child(3){animation:rsButtonFloat 4s ease-in-out .9s infinite}
.dark-actions .rs-btn:hover{
  animation-play-state:paused !important;
  transform:translateY(-3px) scale(1.015) !important;
}

/* Demo notu hiçbir yerde görünmesin */
.rs-demo-note{display:none !important}

@media (max-width:760px){
  .dark-actions{grid-template-columns:1fr !important;width:min(100%,380px) !important;margin-left:auto !important;margin-right:auto !important}
  .dark-actions .rs-btn{height:56px !important;min-height:56px !important}
}
@media (prefers-reduced-motion:reduce){
  .dark-hero-visual,.dark-actions .rs-btn{animation:none !important}
}


/* =========================================================
   V8.0 RESPONSIVE: desktop + tablet + phone
   ========================================================= */

/* General safeguards */
*, *::before, *::after { box-sizing: border-box; }
html, body { max-width: 100%; overflow-x: hidden; }
img, svg, video, iframe { max-width: 100%; height: auto; }
.container { width: min(1180px, calc(100% - 32px)); margin-left: auto; margin-right: auto; }

/* Header behavior */
.site-header { position: sticky; top: 0; z-index: 5000; }
.header-inner { display: flex; align-items: center; gap: 16px; min-height: 70px; }
.brand { flex: 0 0 auto; }
.main-nav { flex: 1 1 auto; }
.main-nav ul { display: flex; align-items: center; justify-content: center; gap: 6px; flex-wrap: nowrap; }
.header-actions { flex: 0 0 auto; display: flex; align-items: center; gap: 8px; }
.menu-toggle { display: none; }

/* Hero */
.dark-hero { overflow: hidden; }
.dark-hero-grid {
  display: grid;
  grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr);
  gap: 46px;
  align-items: center;
}
.dark-hero-copy { min-width: 0; }
.dark-hero-copy h1 { line-height: .98; }
.dark-actions {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px !important;
  align-items: stretch;
}
.dark-actions .rs-btn,
.dark-actions a {
  min-width: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
.dark-hero-visual { min-width: 0; }

/* Core grids */
.program-grid { display: grid !important; grid-template-columns: repeat(6, minmax(0,1fr)); gap: 16px !important; }
.robot-project-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 16px !important; }
.book-grid-new,
.compact-book-card,
.login-grid,
.compact-login-grid,
.rs-contact-grid,
.rs-teacher-grid,
.about-grid-v7,
.rs-about-hero { min-width: 0; }

/* Forms */
.rs-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.rs-form-grid > * { min-width: 0; width: 100%; }
.rs-full-form input,
.rs-full-form select,
.rs-full-form textarea,
.rs-login-card input,
.rs-form-grid input,
.rs-form-grid select { font-size: 16px; } /* prevents iOS zoom */

/* Panels / modals */
.rs-panel-overlay,
.rs-modal,
.rs-book-overlay { padding: 18px; }
.rs-panel-window,
.rs-modal-box,
.rs-book-modal,
.rs-about-modal,
.rs-access-chooser {
  width: min(1180px, 96vw) !important;
  max-width: 96vw !important;
  max-height: 92vh !important;
}
.rs-panel-wide { width: min(1180px,96vw) !important; }

/* DESKTOP WIDE */
@media (min-width: 1280px){
  .container { width: min(1240px, calc(100% - 48px)); }
  .dark-hero-grid { gap: 64px; }
  .dark-hero-visual { max-width: 620px; margin-left: auto; }
}

/* TABLET LANDSCAPE / SMALL LAPTOP */
@media (max-width: 1180px){
  .header-inner { gap: 10px; }
  .main-nav ul { gap: 2px; }
  .main-nav a,
  .rs-menu-button { font-size: 11px !important; padding: 9px 7px !important; }
  .header-login { font-size: 10px !important; padding: 9px 10px !important; }
  .brand { transform: scale(.92); transform-origin: left center; }

  .program-grid { grid-template-columns: repeat(3, minmax(0,1fr)) !important; }
  .robot-project-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  .about-more-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  .rs-about-prof-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
}

/* TABLET PORTRAIT */
@media (max-width: 980px){
  .menu-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 42px; height: 42px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.07);
    color: #fff;
    font-size: 22px;
    cursor: pointer;
    order: 4;
  }

  .header-inner { flex-wrap: wrap; padding-top: 8px; padding-bottom: 8px; }
  .brand { order: 1; }
  .header-actions { order: 2; margin-left: auto; }
  .menu-toggle { order: 3; }
  .main-nav {
    order: 4;
    flex: 1 0 100%;
    display: none;
    width: 100%;
    background: #0b1f38;
    border-radius: 14px;
    padding: 8px;
    margin-top: 4px;
  }
  .main-nav.mobile-open { display: block; }
  .main-nav ul {
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
  }
  .main-nav li { width: 100%; }
  .main-nav a,
  .rs-menu-button {
    width: 100%;
    display: block;
    text-align: left !important;
    padding: 11px 12px !important;
    font-size: 12px !important;
  }
  .rs-dropdown {
    position: static !important;
    width: 100% !important;
    box-shadow: none !important;
    margin-top: 4px;
  }

  .dark-hero-grid {
    grid-template-columns: 1fr !important;
    gap: 26px !important;
  }
  .dark-hero-copy { text-align: center; }
  .dark-badge { margin-left: auto; margin-right: auto; }
  .dark-hero-copy p { max-width: 720px; margin-left: auto; margin-right: auto; }
  .dark-actions {
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
  }
  .dark-hero-visual {
    max-width: 620px !important;
    margin: 0 auto !important;
  }

  .compact-book-card,
  .rs-contact-grid,
  .compact-login-grid,
  .login-grid,
  .rs-about-hero,
  .about-grid-v7 {
    grid-template-columns: 1fr !important;
  }
  .compact-book-image { max-width: 360px; width: 100%; margin: 0 auto; }
  .compact-book-copy { text-align: center; }
  .compact-book-meta,
  .compact-book-actions { justify-content: center; }

  .rs-teacher-grid { grid-template-columns: 1fr !important; }
  .rs-parent-summary { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .rs-book-modal-grid { grid-template-columns: 1fr !important; }
  .rs-book-modal-image { min-height: 0 !important; }
  .rs-book-modal-image img { max-width: 190px !important; max-height: 240px !important; }

  /* reduce animation on medium screens */
  .dark-hero-visual,
  .dark-actions > * { animation-duration: 7s !important; }
}

/* PHONE */
@media (max-width: 700px){
  .container { width: min(100% - 24px, 680px); }
  .site-header { position: sticky; top: 0; }
  .header-inner { min-height: 62px; gap: 8px; }
  .brand { transform: scale(.8); transform-origin: left center; max-width: 190px; }
  .header-actions { gap: 5px; }
  .header-login {
    padding: 8px 9px !important;
    font-size: 9px !important;
    border-radius: 10px !important;
  }
  .menu-toggle { width: 38px; height: 38px; font-size: 20px; }

  .dark-hero { padding-top: 26px !important; padding-bottom: 34px !important; }
  .dark-hero-copy h1 { font-size: clamp(38px, 13vw, 58px) !important; }
  .dark-hero-copy h2 { font-size: 18px !important; }
  .dark-hero-copy p { font-size: 13px !important; line-height: 1.65; }
  .dark-badge { font-size: 10px !important; padding: 8px 12px !important; }

  .dark-actions {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100%;
  }
  .dark-actions .rs-btn,
  .dark-actions a {
    min-height: 54px !important;
    font-size: 13px !important;
  }

  .dark-hero-visual { max-width: 100% !important; }
  .dark-hero-visual img { max-height: 300px !important; }

  .program-grid,
  .robot-project-grid,
  .about-more-grid,
  .rs-about-prof-grid,
  .training-lesson-list,
  .rs-detail-grid,
  .rs-contact-links,
  .rs-package-checks {
    grid-template-columns: 1fr !important;
  }
  .dark-program { min-height: 0 !important; padding: 18px !important; }

  .section,
  .application-section,
  .book-section,
  .rs-contact-section { padding-top: 48px !important; padding-bottom: 48px !important; }

  .section-heading h2,
  .compact-book-copy h2,
  .rs-contact-card h2,
  .rs-about-copy h2 { font-size: 28px !important; }

  .rs-form-grid { grid-template-columns: 1fr !important; }
  .rs-full-form textarea { min-height: 120px; }

  .portal-inline-actions,
  .compact-book-actions,
  .rs-follow-links {
    flex-direction: column;
  }
  .portal-inline-actions .rs-btn,
  .compact-book-actions .rs-btn,
  .compact-book-actions a,
  .rs-follow-links a {
    width: 100%;
  }

  .rs-panel-overlay,
  .rs-modal,
  .rs-book-overlay { padding: 8px !important; align-items: flex-start !important; }
  .rs-panel-window,
  .rs-modal-box,
  .rs-book-modal,
  .rs-about-modal,
  .rs-access-chooser {
    width: 100% !important;
    max-width: 100% !important;
    max-height: calc(100vh - 16px) !important;
    border-radius: 16px !important;
    padding: 18px !important;
    margin-top: 4px;
  }
  .rs-login-card { padding: 20px 16px !important; }
  .rs-dashboard-head { align-items: flex-start !important; }
  .rs-dashboard-head h2 { font-size: 20px !important; }

  .rs-parent-summary { grid-template-columns: 1fr !important; }
  .rs-parent-course-head { flex-direction: column; }
  .rs-parent-kpis { display: grid !important; grid-template-columns: 1fr 1fr; }
  .rs-parent-lesson { flex-direction: column; align-items: stretch !important; }
  .rs-parent-lesson button { width: 100%; }

  .rs-book-modal-image img { max-width: 150px !important; max-height: 205px !important; }
  .rs-book-meta-grid,
  .rs-buy-grid { grid-template-columns: 1fr !important; }

  .rs-contact-card,
  .rs-follow-card { padding: 18px !important; }

  /* Phone: stop floating animations to prevent clipping */
  .dark-hero-visual,
  .dark-actions > *,
  .float-updown,
  [class*="float"] {
    animation: none !important;
    transform: none !important;
  }
}

/* VERY SMALL PHONES */
@media (max-width: 420px){
  .container { width: calc(100% - 18px); }
  .brand { transform: scale(.72); max-width: 160px; }
  .header-actions { flex: 1; justify-content: flex-end; }
  .header-login { font-size: 8px !important; padding: 7px 7px !important; }
  .menu-toggle { width: 36px; height: 36px; }

  .dark-hero-copy h1 { font-size: 36px !important; }
  .dark-hero-copy h2 { font-size: 16px !important; }
  .dark-hero-copy p { font-size: 12px !important; }

  .rs-parent-kpis { grid-template-columns: 1fr !important; }
  .rs-app-controls { flex-direction: column; }
  .rs-app-controls > * { width: 100%; }
  .rs-teacher-lesson { flex-direction: column; align-items: stretch; }
  .rs-teacher-lesson button { width: 100%; }
}

/* LANDSCAPE PHONE */
@media (max-height: 520px) and (orientation: landscape){
  .rs-panel-overlay,
  .rs-modal,
  .rs-book-overlay { align-items: flex-start !important; }
  .rs-panel-window,
  .rs-modal-box,
  .rs-book-modal,
  .rs-about-modal { max-height: calc(100vh - 12px) !important; }
  .dark-hero { padding-top: 24px !important; }
}

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


/* ===== V8.1 CONTENT + MOBILE FIXES ===== */

/* Remove homepage portal explanation if any old style residue */
.login-section{display:none!important}

/* Technology Journal */
.rs-journal-section{padding:72px 0;background:linear-gradient(180deg,#f8fbff,#f2f7fd)}
.rs-journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}
.rs-journal-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:19px;box-shadow:0 10px 26px rgba(30,64,175,.05)}
.rs-journal-tag{display:inline-block;background:#eef2ff;color:#5b21b6;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:900}
.rs-journal-card h3{font-size:16px;line-height:1.35;color:#17243a;margin:11px 0 8px}
.rs-journal-card p{font-size:11px;line-height:1.65;color:#64748b;min-height:72px}
.rs-journal-card button{border:0;background:transparent;color:#6d28d9;font-weight:900;font-size:11px;padding:0;cursor:pointer}
.rs-journal-modal-box{width:min(720px,94vw)!important}
.rs-journal-modal-box h2{font-size:26px;color:#17243a;margin:8px 0 14px}
.rs-journal-modal-box p{font-size:13px;line-height:1.75;color:#53667e}

/* Training modal more detailed */
.training-outcomes{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px;margin-top:14px}
.training-outcomes h3{font-size:13px;margin:0 0 9px;color:#17243a}
.training-outcomes>div{display:flex;gap:7px;flex-wrap:wrap}
.training-outcomes span{background:#f5f3ff;color:#6d28d9;border-radius:999px;padding:6px 8px;font-size:10px;font-weight:800}

/* Prevent all giant emoji/image rendering in program/lesson/journal areas */
#rsTrainingContent img,
#rsLessonDetailContent img,
.rs-journal-section img,
.rs-journal-modal-box img,
.dark-program img,
.robot-project-grid img,
.book-features img,
.benefit-strip img{
  width:24px!important;
  height:24px!important;
  max-width:24px!important;
  max-height:24px!important;
  min-width:0!important;
  min-height:0!important;
  object-fit:contain!important;
}
#rsTrainingContent img.emoji,
#rsLessonDetailContent img.emoji,
.dark-program img.emoji,
.robot-project-grid img.emoji{
  width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important;
}
#rsTrainingContent svg,
#rsLessonDetailContent svg{
  max-width:28px!important;max-height:28px!important;
}

/* Mobile hamburger: force visibility/open state */
@media(max-width:980px){
  .menu-toggle{display:inline-flex!important;position:relative;z-index:6001}
  #rsMainNav.main-nav{display:none!important}
  #rsMainNav.main-nav.mobile-open{
    display:block!important;
    position:absolute!important;
    top:100%!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
    background:#081b33!important;
    border:1px solid rgba(255,255,255,.12)!important;
    box-shadow:0 18px 40px rgba(0,0,0,.28)!important;
    z-index:6000!important;
    border-radius:14px!important;
    padding:8px!important;
  }
  #rsMainNav.main-nav.mobile-open ul{display:flex!important;flex-direction:column!important;align-items:stretch!important}
  #rsMainNav.main-nav.mobile-open li{width:100%!important}
  #rsMainNav.main-nav.mobile-open a,
  #rsMainNav.main-nav.mobile-open .rs-menu-button{
    display:block!important;width:100%!important;text-align:left!important;padding:11px 12px!important
  }
  #rsMainNav .rs-dropdown.open{display:block!important;position:static!important;width:100%!important;margin-top:4px!important}
}

@media(max-width:900px){
 .rs-journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
 .rs-journal-grid{grid-template-columns:1fr}
 .rs-journal-card p{min-height:0}
}


/* ===== V8.2 LOGO + HERO REFRESH ===== */

/* Brand logo */
.brand-new{gap:10px!important}
.site-brand-logo{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  background:#fff;
  box-shadow:0 0 0 2px rgba(255,255,255,.12),0 8px 18px rgba(0,0,0,.2);
}
.brand-text{display:block;line-height:1}
.brand-text small{display:block}
.footer-site-logo{width:48px!important;height:48px!important}

/* Hero closer to the approved concept */
.dark-hero{
  background:
    radial-gradient(circle at 72% 25%,rgba(116,49,255,.24),transparent 28%),
    radial-gradient(circle at 82% 70%,rgba(0,220,255,.12),transparent 24%),
    linear-gradient(135deg,#081d38 0%,#123367 52%,#32277e 100%)!important;
}
.dark-hero-grid{position:relative}
.dark-hero-copy h2{
  font-family:inherit;
  font-size:22px!important;
  color:#fff!important;
  font-weight:800!important;
}
.dark-hero-copy h2:after{
  content:"";
  display:block;
  width:190px;height:3px;
  margin-top:9px;
  border-radius:999px;
  background:linear-gradient(90deg,#2ee6d6,#8b5cf6,#ff4fbd);
}
.hero-card-actions{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:24px!important;
}
.hero-action-card{
  min-height:132px!important;
  padding:16px!important;
  border-radius:18px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  text-align:left!important;
  position:relative;
  overflow:hidden;
  text-decoration:none!important;
}
.hero-action-card strong{font-size:14px;line-height:1.2;display:block}
.hero-action-card small{font-size:10px;opacity:.82;margin-top:5px}
.hero-action-symbol{
  position:absolute;
  top:14px;left:14px;
  width:42px;height:42px;
  border-radius:12px;
  display:grid;place-items:center;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.16);
  font-size:11px;font-weight:950;letter-spacing:.04em;
}
.rs-btn.journal{
  background:linear-gradient(135deg,#ff5fc8,#f044a5)!important;
  color:#fff!important;
}

/* Floating note effect */
.dark-hero-visual{position:relative!important}
.hero-floating-notes{
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:2;
}
.hero-floating-notes span{
  position:absolute;
  display:block;
  padding:11px 14px;
  border-radius:4px;
  color:#17243a;
  font-size:12px;
  line-height:1.35;
  font-weight:800;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
  transform:rotate(-5deg);
}
.hero-floating-notes span:first-child{
  top:2%;right:8%;
  background:#ffb4dd;
}
.hero-floating-notes span:last-child{
  top:22%;right:-2%;
  background:#93e7ff;
  transform:rotate(4deg);
}

/* Give the benefit strip a darker, premium look */
.benefit-strip{
  border-radius:18px!important;
  background:rgba(4,18,40,.78)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  color:#fff!important;
}
.benefit-strip span{color:#d8e9ff!important}

/* Desktop nav fitting */
@media(min-width:981px){
  .header-inner{gap:10px!important}
  .brand-new{min-width:230px}
  .main-nav ul{gap:1px!important}
  .main-nav a,.rs-menu-button{font-size:10.5px!important;padding:9px 6px!important}
  .header-login{font-size:9.5px!important;padding:9px 10px!important}
}

/* Tablet */
@media(max-width:1100px){
  .hero-card-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .hero-floating-notes span{font-size:10px}
}
@media(max-width:980px){
  .site-brand-logo{width:46px!important;height:46px!important;min-width:46px!important}
  .brand-new{min-width:0}
  .hero-floating-notes{display:none}
}
/* Phone */
@media(max-width:700px){
  .brand-text{font-size:15px}
  .brand-text small{font-size:8px!important;letter-spacing:2px!important}
  .site-brand-logo{width:42px!important;height:42px!important;min-width:42px!important}
  .hero-card-actions{grid-template-columns:1fr!important}
  .hero-action-card{min-height:88px!important;padding-left:70px!important;justify-content:center!important}
  .hero-action-symbol{top:50%;transform:translateY(-50%)}
}


/* ===== V8.3 - Ana sayfa aksiyon kartları yazı/gölge düzeltmesi ===== */
.hero-card-actions{
  align-items:stretch !important;
}
.hero-action-card{
  min-height:118px !important;
  padding:16px 14px 14px 68px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  text-align:left !important;
  text-shadow:none !important;
  box-shadow:none !important;
  filter:none !important;
  overflow:hidden !important;
}
.hero-action-card::before,
.hero-action-card::after{
  content:none !important;
  display:none !important;
}
.hero-action-card strong{
  display:block !important;
  margin:0 0 5px !important;
  padding:0 !important;
  font-size:14px !important;
  line-height:1.2 !important;
  letter-spacing:0 !important;
  text-shadow:none !important;
  filter:none !important;
  white-space:normal !important;
}
.hero-action-card small{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  font-size:10px !important;
  line-height:1.25 !important;
  text-shadow:none !important;
  filter:none !important;
  opacity:.9 !important;
}
.hero-action-symbol{
  left:14px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:40px !important;
  height:40px !important;
  font-size:10px !important;
  text-shadow:none !important;
  box-shadow:none !important;
  filter:none !important;
}
/* Card hover: only tiny movement, no shadow overlay */
.hero-action-card:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.12) !important;
}

/* Ensure old floating/card animation doesn't distort text */
.hero-card-actions > *{
  animation:none !important;
}

/* Tablet / phone */
@media(max-width:1100px){
  .hero-action-card{
    min-height:108px !important;
  }
}
@media(max-width:700px){
  .hero-action-card{
    min-height:82px !important;
    padding:12px 12px 12px 64px !important;
  }
  .hero-action-card strong{font-size:13px !important}
  .hero-action-card small{font-size:10px !important}
  .hero-action-symbol{width:36px !important;height:36px !important}
}


/* ===== V8.4 - ANA SAYFA TEK SATIR + HAREKETLİ HERO ===== */

/* Masaüstünde ANA SAYFA kesinlikle iki satıra bölünmesin */
@media (min-width: 981px){
  .main-nav > ul > li:first-child > a,
  .main-nav a[href*="#ana"],
  .main-nav a[href$="/"],
  .main-nav .current-menu-item > a,
  .main-nav .current_page_item > a{
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    min-width: max-content !important;
  }

  .main-nav a,
  .rs-menu-button{
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
  }

  /* Menüye biraz daha yatay alan aç */
  .header-inner{
    max-width: 1540px !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
  }
  .main-nav{
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
  .main-nav ul{
    flex-wrap: nowrap !important;
  }
}

/* Ana sayfanın sağındaki büyük görsel yavaşça aşağı-yukarı hareket eder */
.dark-hero-visual > img{
  animation: rsHeroFloatV84 4.6s ease-in-out infinite !important;
  will-change: transform;
  transform-origin: center center;
}
@keyframes rsHeroFloatV84{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-16px); }
}

/* Hareket rahatsız eden kullanıcılar için erişilebilirlik */
@media (prefers-reduced-motion: reduce){
  .dark-hero-visual > img{
    animation: none !important;
  }
}

/* Tablet ve telefonda daha küçük hareket */
@media (max-width: 980px){
  .dark-hero-visual > img{
    animation-duration: 5.2s !important;
  }
  @keyframes rsHeroFloatV84{
    0%,100%{ transform: translateY(0); }
    50%{ transform: translateY(-8px); }
  }
}


/* =========================================================
   V8.6 - STABLE HERO LAYOUT / CLEAN CARDS / CLEAN HEADER
   ========================================================= */

/* Prevent old card animation/shadow rules from affecting the new full-width card row */
.hero-actions-wrap{
  width:min(1180px,calc(100% - 32px)) !important;
  margin:0 auto !important;
  padding:0 0 34px !important;
}
.hero-actions-wrap .hero-card-actions{
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:16px !important;
  margin:0 !important;
  padding:0 !important;
}
.hero-actions-wrap .hero-action-card{
  min-width:0 !important;
  min-height:132px !important;
  height:auto !important;
  padding:18px 18px 18px 86px !important;
  margin:0 !important;
  border-radius:18px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  text-align:left !important;
  position:relative !important;
  overflow:hidden !important;
  text-decoration:none !important;
  animation:none !important;
  transform:none !important;
  filter:none !important;
  text-shadow:none !important;
  box-shadow:none !important;
  border:1px solid rgba(255,255,255,.18) !important;
}
.hero-actions-wrap .hero-action-card::before,
.hero-actions-wrap .hero-action-card::after{
  display:none !important;
  content:none !important;
}
.hero-actions-wrap .hero-action-card:hover{
  transform:translateY(-2px) !important;
  box-shadow:none !important;
}
.hero-actions-wrap .hero-action-symbol{
  position:absolute !important;
  left:18px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:50px !important;
  height:50px !important;
  border-radius:13px !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(255,255,255,.16) !important;
  border:0 !important;
  box-shadow:none !important;
  font-size:11px !important;
  font-weight:900 !important;
}
.hero-actions-wrap .hero-action-card strong{
  display:block !important;
  width:100% !important;
  margin:0 0 7px !important;
  padding:0 !important;
  font-size:17px !important;
  line-height:1.18 !important;
  font-weight:900 !important;
  letter-spacing:0 !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  text-shadow:none !important;
  filter:none !important;
}
.hero-actions-wrap .hero-action-card small{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  font-size:11px !important;
  line-height:1.2 !important;
  font-weight:600 !important;
  opacity:.92 !important;
  text-shadow:none !important;
}
.hero-actions-wrap .cyan{
  background:linear-gradient(135deg,#27d6d4,#28bae6) !important;
  color:#082039 !important;
}
.hero-actions-wrap .purple{
  background:linear-gradient(135deg,#7352ee,#7c36e8) !important;
  color:#fff !important;
}
.hero-actions-wrap .glass{
  background:linear-gradient(135deg,#174b82,#1c3968) !important;
  color:#fff !important;
}
.hero-actions-wrap .journal{
  background:linear-gradient(135deg,#f05db7,#ef45a2) !important;
  color:#fff !important;
}

/* Hero main grid stays balanced and centered */
.dark-hero-grid{
  width:min(1180px,calc(100% - 32px)) !important;
  margin:0 auto !important;
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr) !important;
  gap:46px !important;
}
.dark-hero-copy,
.dark-hero-visual{
  min-width:0 !important;
}
.dark-hero-copy{
  padding-left:0 !important;
  margin-left:0 !important;
}

/* Requested gentle up/down movement on the hero visual only */
.dark-hero-visual > img{
  animation:rsHeroFloatV86 4.8s ease-in-out infinite !important;
  transform-origin:center center;
  will-change:transform;
}
@keyframes rsHeroFloatV86{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-14px)}
}

/* Header: compact but not cramped */
@media(min-width:981px){
  .header-inner{
    width:min(1460px,calc(100% - 28px)) !important;
    max-width:none !important;
    margin:0 auto !important;
    padding:8px 0 !important;
    gap:10px !important;
    flex-wrap:nowrap !important;
  }
  .brand-new{
    flex:0 0 auto !important;
    min-width:0 !important;
  }
  .site-brand-logo{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
  }
  .brand-text{
    font-size:18px !important;
    white-space:nowrap !important;
  }
  .brand-text small{
    font-size:8px !important;
    letter-spacing:3px !important;
  }
  .main-nav{
    flex:1 1 auto !important;
    min-width:0 !important;
  }
  .main-nav ul{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    gap:1px !important;
  }
  .main-nav a,
  .rs-menu-button{
    padding:8px 7px !important;
    font-size:10.5px !important;
    white-space:nowrap !important;
    line-height:1 !important;
    text-shadow:none !important;
  }
  .main-nav > ul > li:first-child > a{
    white-space:nowrap !important;
    min-width:auto !important;
  }
  .header-actions{
    gap:8px !important;
    flex:0 0 auto !important;
  }
  .header-login{
    padding:9px 11px !important;
    font-size:9.5px !important;
    white-space:nowrap !important;
    box-shadow:none !important;
  }
}

/* Tablet */
@media(max-width:980px){
  .dark-hero-grid{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }
  .hero-actions-wrap .hero-card-actions{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .hero-actions-wrap .hero-action-card{
    min-height:112px !important;
  }
}

/* Phone */
@media(max-width:700px){
  .hero-actions-wrap{
    width:calc(100% - 24px) !important;
  }
  .hero-actions-wrap .hero-card-actions{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }
  .hero-actions-wrap .hero-action-card{
    min-height:86px !important;
    padding:14px 14px 14px 70px !important;
  }
  .hero-actions-wrap .hero-action-symbol{
    left:14px !important;
    width:42px !important;
    height:42px !important;
  }
  .hero-actions-wrap .hero-action-card strong{
    font-size:14px !important;
    margin-bottom:4px !important;
  }
  .hero-actions-wrap .hero-action-card small{
    font-size:10px !important;
  }
  .dark-hero-visual > img{
    animation:rsHeroFloatMobileV86 5.2s ease-in-out infinite !important;
  }
  @keyframes rsHeroFloatMobileV86{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-6px)}
  }
}

@media(prefers-reduced-motion:reduce){
  .dark-hero-visual > img{animation:none !important}
}


/* =========================================================
   V8.7 - ADMIN BAR ÇİZGİ/GAP + HERO HAREKET DÜZELTMESİ
   ========================================================= */

/* WordPress yönetim çubuğu ile site header arasındaki beyaz boşluğu görünmez yap */
html{
  background:#06152d !important;
}
body.admin-bar{
  background:#06152d !important;
}
/* admin bar altında header doğrudan koyu alanla birleşsin */
body.admin-bar .site-header{
  margin-top:0 !important;
  border-top:0 !important;
}

/* Header altındaki ince çizgi/gölgeyi azalt */
.site-header{
  border-top:0 !important;
  border-bottom:0 !important;
  box-shadow:0 4px 12px rgba(0,0,0,.16) !important;
}

/* Ana sayfadaki sağ görsel kesin olarak aşağı-yukarı hareket etsin */
.dark-hero-visual{
  position:relative !important;
  overflow:visible !important;
}
.dark-hero-visual > img{
  animation-name:rsHeroFloatV87 !important;
  animation-duration:3.8s !important;
  animation-timing-function:ease-in-out !important;
  animation-iteration-count:infinite !important;
  animation-direction:normal !important;
  animation-fill-mode:both !important;
  transform:translate3d(0,0,0);
  will-change:transform;
}
@keyframes rsHeroFloatV87{
  0%,100%{
    transform:translate3d(0,0,0);
  }
  50%{
    transform:translate3d(0,-18px,0);
  }
}

/* Bu özel hero hareketi reduced-motion ayarında da kullanıcı isteği nedeniyle açık kalsın */
@media (prefers-reduced-motion: reduce){
  .dark-hero-visual > img{
    animation:rsHeroFloatV87 3.8s ease-in-out infinite !important;
  }
}

/* Mobil ve tablette daha az hareket */
@media(max-width:980px){
  .dark-hero-visual > img{
    animation:rsHeroFloatV87Mobile 4.2s ease-in-out infinite !important;
  }
  @keyframes rsHeroFloatV87Mobile{
    0%,100%{transform:translate3d(0,0,0)}
    50%{transform:translate3d(0,-8px,0)}
  }
}


/* =========================================================
   V8.8 - KISALTMASIZ KARTLAR + AYRINTILI DERS İÇERİĞİ
   ========================================================= */

/* Ana sayfa kartlarında OD / EP / KT / TG kaldırıldığı için metni ortala */
.hero-actions-wrap .hero-action-card{
  padding:20px 22px !important;
  align-items:flex-start !important;
}
.hero-actions-wrap .hero-action-card strong,
.hero-actions-wrap .hero-action-card small{
  width:100% !important;
}
.hero-actions-wrap .hero-action-symbol{display:none !important}

/* Eğitim programlarında TK / KK / DT / RM / YZ / PA kutuları tamamen kaldırıldı */
.dark-program-icon{display:none !important}
.dark-program{
  padding-top:28px !important;
}
.dark-program h3{
  margin-top:0 !important;
}

/* "Bu Derste Neler Var?" daha profesyonel ve ayrıntılı */
.rs-topic-intro{
  margin:0 0 14px !important;
  color:#64748b !important;
  font-size:12px !important;
  line-height:1.6 !important;
}
.rs-detailed-topic-list{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  display:grid !important;
  gap:10px !important;
}
.rs-detailed-topic-list li{
  margin:0 !important;
  padding:12px 14px !important;
  border:1px solid #e2e8f0 !important;
  border-radius:12px !important;
  background:#f8fbff !important;
}
.rs-detailed-topic-list li b{
  display:block !important;
  margin-bottom:4px !important;
  color:#17243b !important;
  font-size:13px !important;
}
.rs-detailed-topic-list li span{
  display:block !important;
  color:#5f6f84 !important;
  font-size:11px !important;
  line-height:1.55 !important;
}
@media(max-width:700px){
  .hero-actions-wrap .hero-action-card{padding:16px !important}
  .rs-detailed-topic-list li{padding:10px 11px !important}
}


/* =========================================================
   V8.9 - TELEFON HAMBURGER MENÜSÜ KESİN AÇILIR
   ========================================================= */
@media(max-width:980px){
  .site-header{
    overflow:visible !important;
  }
  .header-inner{
    position:relative !important;
    overflow:visible !important;
  }
  .menu-toggle{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    position:relative !important;
    z-index:10003 !important;
    cursor:pointer !important;
    touch-action:manipulation !important;
    -webkit-tap-highlight-color:transparent;
  }

  #rsMainNav.main-nav{
    display:none !important;
  }

  #rsMainNav.main-nav.mobile-open{
    display:block !important;
    position:absolute !important;
    top:calc(100% + 8px) !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    max-height:calc(100vh - 120px) !important;
    overflow-y:auto !important;
    background:#071a31 !important;
    border:1px solid rgba(255,255,255,.13) !important;
    border-radius:16px !important;
    padding:10px !important;
    box-shadow:0 20px 45px rgba(0,0,0,.34) !important;
    z-index:10002 !important;
  }

  #rsMainNav.main-nav.mobile-open > ul{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:5px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }

  #rsMainNav.main-nav.mobile-open li{
    display:block !important;
    width:100% !important;
    margin:0 !important;
  }

  #rsMainNav.main-nav.mobile-open a,
  #rsMainNav.main-nav.mobile-open .rs-menu-button{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
    min-height:46px !important;
    padding:12px 13px !important;
    border:0 !important;
    border-radius:10px !important;
    background:rgba(255,255,255,.055) !important;
    color:#fff !important;
    font-size:13px !important;
    text-align:left !important;
  }

  #rsMainNav.main-nav.mobile-open a:hover,
  #rsMainNav.main-nav.mobile-open .rs-menu-button:hover{
    background:rgba(255,255,255,.10) !important;
    color:#58e8df !important;
  }

  #rsMainNav .rs-dropdown{
    display:none !important;
    position:static !important;
    width:100% !important;
    max-width:none !important;
    margin:5px 0 0 !important;
    padding:5px !important;
    box-shadow:none !important;
  }

  #rsMainNav .rs-dropdown.open{
    display:block !important;
  }

  #rsMainNav .rs-dropdown button,
  #rsMainNav .rs-dropdown a{
    min-height:42px !important;
    font-size:12px !important;
    background:#fff !important;
    color:#17243b !important;
  }

  #rsMainNav .rs-dropdown small{
    color:#718096 !important;
  }
}

/* iPhone portrait: menu spans the visible header width cleanly */
@media(max-width:700px){
  #rsMainNav.main-nav.mobile-open{
    left:-2px !important;
    right:-2px !important;
    width:calc(100% + 4px) !important;
  }
}


/* =========================================================
   V9.0 - MOBİL MENÜ JS'SİZ / SAF CSS İLE ÇALIŞIR
   ========================================================= */

.rs-mobile-nav-toggle{
  position:absolute !important;
  opacity:0 !important;
  pointer-events:none !important;
  width:1px !important;
  height:1px !important;
}

@media(min-width:981px){
  .rs-mobile-nav-toggle{display:none !important}
}

/* Telefon/tablet */
@media(max-width:980px){
  .site-header{
    overflow:visible !important;
  }

  .header-inner{
    position:relative !important;
    overflow:visible !important;
  }

  .menu-toggle{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:44px !important;
    height:44px !important;
    flex:0 0 44px !important;
    margin-left:8px !important;
    border-radius:13px !important;
    border:1px solid rgba(255,255,255,.18) !important;
    background:rgba(255,255,255,.08) !important;
    color:#fff !important;
    font-size:24px !important;
    line-height:1 !important;
    cursor:pointer !important;
    z-index:10020 !important;
    -webkit-tap-highlight-color:transparent !important;
    user-select:none !important;
  }

  /* Nav kapalı */
  #rsMainNav.main-nav{
    display:none !important;
  }

  /* Checkbox seçilince menü açılır - JS gerekmez */
  #rsMobileNavToggle:checked ~ #rsMainNav.main-nav{
    display:block !important;
    position:absolute !important;
    top:calc(100% + 8px) !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    max-height:calc(100vh - 130px) !important;
    overflow-y:auto !important;
    background:#071a31 !important;
    border:1px solid rgba(255,255,255,.14) !important;
    border-radius:16px !important;
    padding:10px !important;
    box-shadow:0 20px 46px rgba(0,0,0,.34) !important;
    z-index:10015 !important;
  }

  #rsMobileNavToggle:checked ~ #rsMainNav.main-nav > ul{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:5px !important;
    margin:0 !important;
    padding:0 !important;
  }

  #rsMobileNavToggle:checked ~ #rsMainNav.main-nav li{
    width:100% !important;
  }

  #rsMobileNavToggle:checked ~ #rsMainNav.main-nav a,
  #rsMobileNavToggle:checked ~ #rsMainNav.main-nav .rs-menu-button{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
    min-height:46px !important;
    padding:12px 13px !important;
    border-radius:10px !important;
    background:rgba(255,255,255,.055) !important;
    color:#fff !important;
    font-size:13px !important;
    text-align:left !important;
  }

  #rsMobileNavToggle:checked ~ #rsMainNav.main-nav .rs-dropdown.open{
    display:block !important;
    position:static !important;
    width:100% !important;
    margin-top:5px !important;
  }

  /* Açıkken hamburger görseli X olsun */
  #rsMobileNavToggle:checked ~ .header-actions + .menu-toggle::before{
    content:"×";
    font-size:30px;
  }
  #rsMobileNavToggle:checked ~ .header-actions + .menu-toggle{
    font-size:0 !important;
  }

  /* iPhone header */
  .brand-new{
    flex:0 1 auto !important;
  }
  .header-actions{
    margin-left:auto !important;
  }
}

/* Küçük telefonlarda giriş butonlarını taşırma */
@media(max-width:560px){
  .header-actions{
    gap:5px !important;
  }
  .header-login{
    padding:8px 8px !important;
    font-size:8.5px !important;
  }
  .menu-toggle{
    width:40px !important;
    height:40px !important;
    flex-basis:40px !important;
  }
}


/* =========================================================
   V9.1 - IPHONE MOBILE MENU + PANEL BUTTONS
   ========================================================= */

/* Desktop: mobile-only login items are hidden */
.rs-mobile-panel-links{
  display:none !important;
}

/* Tablet / iPhone */
@media(max-width:980px){
  /* Desktop header login buttons are intentionally hidden on mobile;
     their equivalents now live INSIDE the hamburger menu. */
  .header-actions{
    display:none !important;
  }

  .rs-mobile-panel-links{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:7px !important;
    width:100% !important;
    margin-top:8px !important;
    padding-top:8px !important;
    border-top:1px solid rgba(255,255,255,.12) !important;
  }

  .rs-mobile-panel-btn{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-height:46px !important;
    padding:11px 12px !important;
    border:0 !important;
    border-radius:11px !important;
    font-family:inherit !important;
    font-size:12px !important;
    font-weight:900 !important;
    cursor:pointer !important;
    -webkit-tap-highlight-color:transparent !important;
  }

  .rs-mobile-panel-btn.student{
    background:linear-gradient(135deg,#28d7d0,#31b9ea) !important;
    color:#05243d !important;
  }
  .rs-mobile-panel-btn.parent{
    background:linear-gradient(135deg,#14b8a6,#0ea5e9) !important;
    color:#fff !important;
  }
  .rs-mobile-panel-btn.teacher{
    background:linear-gradient(135deg,#8b5cf6,#6d28d9) !important;
    color:#fff !important;
  }

  /* Make pure-CSS hamburger the only source of truth */
  #rsMainNav.main-nav{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
  }

  #rsMobileNavToggle:checked ~ #rsMainNav.main-nav{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }

  /* Safari/iPhone stacking fix */
  .site-header{
    isolation:isolate !important;
  }
  #rsMainNav.main-nav{
    transform:translateZ(0);
    -webkit-transform:translateZ(0);
  }
  .menu-toggle{
    touch-action:manipulation !important;
  }
}

/* Small iPhone */
@media(max-width:560px){
  .brand-new{
    max-width:220px !important;
  }
  .brand-text{
    font-size:15px !important;
  }
  .site-brand-logo{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
  }
}


/* =========================================================
   V9.2 - VELİ ODAKLI ANA SAYFA / REKLAM BÖLÜMLERİ
   ========================================================= */

/* Shared */
.rs-parent-marketing,
.rs-program-advisor,
.rs-learning-flow,
.rs-parent-panel-promo,
.rs-trial-cta{
  position:relative;
  overflow:hidden;
}

/* Veli faydaları */
.rs-parent-marketing{
  padding:72px 0;
  background:linear-gradient(180deg,#f7fbff,#eef6ff);
}
.rs-parent-benefit-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-top:24px;
}
.rs-parent-benefit-grid article{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:18px;
  padding:20px;
  box-shadow:0 10px 28px rgba(15,35,70,.05);
}
.benefit-index{
  display:grid;
  place-items:center;
  width:36px;height:36px;
  border-radius:10px;
  background:#e0f2fe;
  color:#0369a1;
  font-size:10px;
  font-weight:950;
}
.rs-parent-benefit-grid h3{
  margin:12px 0 7px;
  font-size:15px;
  color:#17243b;
}
.rs-parent-benefit-grid p{
  margin:0;
  color:#64748b;
  font-size:11px;
  line-height:1.65;
}

/* Program advisor */
.rs-program-advisor{
  padding:58px 0;
  background:#0b213d;
}
.rs-advisor-box{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:20px;
  align-items:center;
  background:linear-gradient(135deg,#102f59,#2d2a78);
  border:1px solid rgba(255,255,255,.11);
  border-radius:24px;
  padding:26px;
  color:#fff;
}
.rs-advisor-box h2{
  margin:7px 0 8px;
  font-size:28px;
}
.rs-advisor-box p{
  margin:0;
  color:#c5d5e8;
  font-size:12px;
  line-height:1.6;
}
.rs-advisor-controls{
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
}
.rs-advisor-controls select{
  width:100%;
  min-height:46px;
  padding:0 12px;
  border-radius:11px;
  border:1px solid rgba(255,255,255,.2);
  background:#fff;
  color:#17243b;
  font-size:16px;
}
.rs-advisor-result{
  grid-column:1/-1;
  margin-top:2px;
  padding:14px;
  border-radius:12px;
  background:rgba(255,255,255,.07);
  color:#e7eef9;
  font-size:11px;
}
.rs-advisor-result b{display:block;margin-bottom:8px}
.rs-advisor-tags{display:flex;gap:7px;flex-wrap:wrap}
.rs-advisor-tags span{
  padding:6px 8px;
  border-radius:999px;
  background:#fff;
  color:#5b21b6;
  font-size:10px;
  font-weight:900;
}

/* Lesson flow */
.rs-learning-flow{
  padding:72px 0;
  background:#fff;
}
.rs-flow-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  margin-top:24px;
}
.rs-flow-grid article{
  position:relative;
  min-height:170px;
  padding:18px;
  border-radius:18px;
  background:#f8fbff;
  border:1px solid #e2e8f0;
}
.rs-flow-grid article>span{
  display:grid;
  place-items:center;
  width:34px;height:34px;
  border-radius:10px;
  background:linear-gradient(135deg,#22d3ee,#8b5cf6);
  color:#fff;
  font-size:11px;
  font-weight:950;
}
.rs-flow-grid h3{
  margin:12px 0 7px;
  font-size:14px;
  color:#17243b;
}
.rs-flow-grid p{
  margin:0;
  font-size:10.5px;
  line-height:1.6;
  color:#64748b;
}

/* Parent panel promo */
.rs-parent-panel-promo{
  padding:72px 0;
  background:linear-gradient(135deg,#eef6ff,#f6f0ff);
}
.rs-parent-panel-promo-box{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:26px;
  align-items:center;
}
.rs-parent-panel-promo-box h2{
  font-size:32px;
  margin:8px 0 12px;
  color:#17243b;
}
.rs-parent-panel-promo-box p{
  color:#5f7188;
  font-size:12px;
  line-height:1.7;
}
.rs-parent-promo-points{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:16px 0;
}
.rs-parent-promo-points span{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:10px;
  padding:9px 10px;
  font-size:10px;
  color:#42546b;
}
.rs-parent-dashboard-preview{
  background:#0b213d;
  color:#fff;
  border-radius:22px;
  padding:22px;
  box-shadow:0 18px 44px rgba(15,35,70,.14);
}
.preview-head small,
.preview-head strong{display:block}
.preview-head small{font-size:8px;letter-spacing:.08em;color:#79e5dc}
.preview-head strong{font-size:18px;margin-top:4px}
.preview-percent{font-size:42px;font-weight:950;margin:18px 0 8px}
.preview-bar{
  height:9px;
  background:rgba(255,255,255,.12);
  border-radius:999px;
  overflow:hidden;
}
.preview-bar i{
  display:block;height:100%;
  background:linear-gradient(90deg,#22d3ee,#8b5cf6);
}
.preview-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-top:15px;
}
.preview-stats span{
  padding:10px;
  border-radius:10px;
  background:rgba(255,255,255,.07);
  font-size:9px;
  color:#c7d6e8;
}
.preview-stats b{
  display:block;
  font-size:17px;
  color:#fff;
  margin-bottom:3px;
}
.preview-current{
  margin-top:12px;
  padding:11px;
  border-radius:10px;
  background:#fff;
  color:#17243b;
}
.preview-current b,
.preview-current span{display:block}
.preview-current b{font-size:9px;color:#64748b}
.preview-current span{font-size:12px;font-weight:900;margin-top:3px}

/* CTA */
.rs-trial-cta{
  padding:48px 0;
  background:#081a31;
}
.rs-trial-cta-box{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:24px 28px;
  border-radius:20px;
  background:linear-gradient(135deg,#123663,#402783);
  color:#fff;
}
.rs-trial-cta-box h2{
  margin:7px 0;
  font-size:26px;
}
.rs-trial-cta-box p{
  margin:0;
  color:#c4d6e8;
  font-size:11px;
}

/* Tablet */
@media(max-width:980px){
  .rs-parent-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rs-advisor-box,
  .rs-parent-panel-promo-box{grid-template-columns:1fr}
  .rs-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Phone */
@media(max-width:700px){
  .rs-parent-marketing,
  .rs-program-advisor,
  .rs-learning-flow,
  .rs-parent-panel-promo,
  .rs-trial-cta{
    padding:46px 0 !important;
  }

  .rs-parent-benefit-grid,
  .rs-flow-grid,
  .rs-parent-promo-points,
  .preview-stats{
    grid-template-columns:1fr !important;
  }

  .rs-advisor-controls{
    grid-template-columns:1fr !important;
  }

  .rs-advisor-controls .rs-btn{
    width:100% !important;
    text-align:center !important;
  }

  .rs-advisor-box{
    padding:18px !important;
  }

  .rs-advisor-box h2,
  .rs-parent-panel-promo-box h2,
  .rs-trial-cta-box h2{
    font-size:24px !important;
  }

  .rs-trial-cta-box{
    flex-direction:column;
    align-items:stretch;
    padding:20px;
  }
  .rs-trial-cta-box .rs-btn{
    width:100%;
    text-align:center;
  }

  .rs-parent-dashboard-preview{
    padding:18px;
  }
}