{"id":13427,"date":"2026-04-20T01:34:45","date_gmt":"2026-04-19T22:34:45","guid":{"rendered":"https:\/\/mini-talks.org\/financial-model-2\/"},"modified":"2026-04-22T04:01:24","modified_gmt":"2026-04-22T01:01:24","slug":"mini-talks-studio","status":"publish","type":"page","link":"https:\/\/mini-talks.org\/tr\/app-studio\/mini-talks-studio\/","title":{"rendered":"St\u00fcdyo"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"13427\" class=\"elementor elementor-13427\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-83b4d58 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"83b4d58\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e26f755\" data-id=\"e26f755\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-927c65e elementor-widget elementor-widget-html\" data-id=\"927c65e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 1 PAGE \u2014 HERO INTRO\r\n     Section 0 \u2014 Mini-Talks Studio + Challenge + 4 Chapters\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n\/* ============ INTRO HERO ============ *\/\r\n.l1-intro {\r\n  width: 82%;\r\n  margin: 40px auto 0;\r\n  padding: 20px 0 40px;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n.l1-intro-grid {\r\n  display: grid;\r\n  grid-template-columns: 1.3fr 1fr;\r\n  gap: 40px;\r\n  align-items: center;\r\n}\r\n\r\n\/* Mini-Talks Studio title \u2014 outlined *\/\r\n.l1-intro-title {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(28px, 3.2vw, 48px);\r\n  color: #FFFFFF;\r\n  -webkit-text-stroke: 2px #E52828;\r\n  paint-order: stroke fill;\r\n  text-shadow:\r\n    2px 2px 0 #E52828,\r\n    -2px -2px 0 #E52828,\r\n    2px -2px 0 #E52828,\r\n    -2px 2px 0 #E52828,\r\n    0 2px 0 #E52828,\r\n    0 -2px 0 #E52828,\r\n    2px 0 0 #E52828,\r\n    -2px 0 0 #E52828;\r\n  margin: 0 0 14px 0;\r\n  line-height: 1.1;\r\n}\r\n\r\n\/* 4 color bars \u2014 connected, sharp corners, RED-YELLOW-BLUE-GREEN *\/\r\n.l1-intro-bars {\r\n  display: flex;\r\n  gap: 0;\r\n  height: 8px;\r\n  margin-bottom: 22px;\r\n  max-width: 360px;\r\n}\r\n.l1-intro-bars span { flex: 1; height: 100%; }\r\n\r\n.l1-intro-desc {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 600;\r\n  font-size: clamp(14px, 1.3vw, 18px);\r\n  color: #1D1D1B;\r\n  line-height: 1.6;\r\n  margin: 0;\r\n  max-width: 460px;\r\n}\r\n\r\n\/* Yellow logo card \u2014 clean, no bottom border *\/\r\n.l1-intro-logo-card {\r\n  background: #FFCC00;\r\n  border-radius: 20px;\r\n  padding: 40px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  aspect-ratio: 16 \/ 9;\r\n  max-width: 440px;\r\n  margin-left: auto;\r\n}\r\n.l1-intro-logo-card img {\r\n  max-width: 180px;\r\n  height: auto;\r\n}\r\n\r\n\/* ============ BLUE CHALLENGE SECTION ============ *\/\r\n.l1-challenge {\r\n  background: #0055BF;\r\n  padding: 60px 0 70px;\r\n  width: 100%;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n.l1-challenge-inner {\r\n  width: 82%;\r\n  margin: 0 auto;\r\n}\r\n.l1-challenge h2 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(28px, 3.5vw, 48px);\r\n  color: #FFFFFF;\r\n  margin: 0 0 14px 0;\r\n  line-height: 1.15;\r\n  text-align: center;\r\n}\r\n.l1-challenge-desc {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 600;\r\n  font-size: clamp(14px, 1.3vw, 18px);\r\n  color: #FFFFFF;\r\n  line-height: 1.6;\r\n  text-align: center;\r\n  margin: 0 auto 46px;\r\n  max-width: 720px;\r\n}\r\n\r\n\/* Yellow stats brick \u2014 clean, no bottom border *\/\r\n.l1-stats-brick {\r\n  position: relative;\r\n  background: #FFCC00;\r\n  border-radius: 16px;\r\n  padding: 40px 24px 28px;\r\n  margin-top: 40px;\r\n}\r\n\/* PNG studs on top *\/\r\n.l1-stats-studs {\r\n  position: absolute;\r\n  top: -28px;\r\n  left: 0;\r\n  right: 0;\r\n  height: 30px;\r\n  background-image:\r\n    url('https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/02\/yeni-sari-4.png'),\r\n    url('https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/02\/yeni-sari-4.png'),\r\n    url('https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/02\/yeni-sari-4.png');\r\n  background-repeat: no-repeat, no-repeat, no-repeat;\r\n  background-position: left bottom, center bottom, right bottom;\r\n  background-size: 34% auto, 34% auto, 34% auto;\r\n}\r\n\r\n.l1-stats-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 0;\r\n}\r\n.l1-stat-cell {\r\n  padding: 10px 24px;\r\n  position: relative;\r\n}\r\n.l1-stat-cell + .l1-stat-cell::before {\r\n  content: '';\r\n  position: absolute;\r\n  left: 0;\r\n  top: 10%;\r\n  bottom: 10%;\r\n  width: 2px;\r\n  background: rgba(0,85,191,0.3);\r\n}\r\n.l1-stat-big {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(32px, 3.2vw, 48px);\r\n  color: #0055BF;\r\n  line-height: 1;\r\n  margin-bottom: 10px;\r\n}\r\n.l1-stat-big.infinity {\r\n  -webkit-text-stroke: 2px #0055BF;\r\n  paint-order: stroke fill;\r\n  font-size: clamp(36px, 3.6vw, 52px);\r\n  letter-spacing: -2px;\r\n}\r\n.l1-stat-title {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 800;\r\n  font-size: clamp(15px, 1.5vw, 20px);\r\n  color: #0055BF;\r\n  margin-bottom: 6px;\r\n}\r\n.l1-stat-sub {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 500;\r\n  font-size: clamp(12px, 1vw, 14px);\r\n  color: #1D1D1B;\r\n  line-height: 1.4;\r\n}\r\n\r\n\/* ============ 4 CHAPTER CARDS \u2014 LEGO bricks (fig-talks border style, sharp bottom) ============ *\/\r\n.l1-chapters {\r\n  width: 82%;\r\n  margin: 60px auto 80px;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n.l1-chapters-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 24px;\r\n  padding-top: 36px;\r\n}\r\n\r\n.l1-chapter {\r\n  position: relative;\r\n  background: #FFFFFF;\r\n  border: 4px solid;\r\n  border-bottom-width: 10px;\r\n  border-radius: 12px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow: visible;\r\n}\r\n\r\n\/* PNG studs on top *\/\r\n.l1-chapter-studs {\r\n  position: absolute;\r\n  top: -30px;\r\n  left: 0%;\r\n  right: 0%;\r\n  height: 30px;\r\n  background-repeat: no-repeat;\r\n  background-position: center bottom;\r\n  background-size: 100% auto;\r\n}\r\n\r\n\/* Content *\/\r\n.l1-chapter-body {\r\n  padding: 22px 24px 24px;\r\n  flex: 1;\r\n}\r\n.l1-chapter-label {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 800;\r\n  font-size: clamp(13px, 1.2vw, 15px);\r\n  margin-bottom: 8px;\r\n}\r\n.l1-chapter-title {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(20px, 2vw, 28px);\r\n  color: #1D1D1B;\r\n  margin: 0 0 12px 0;\r\n  line-height: 1.2;\r\n}\r\n.l1-chapter-desc {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 500;\r\n  font-size: clamp(14px, 1.3vw, 18px);\r\n  color: #1D1D1B;\r\n  line-height: 1.5;\r\n  margin: 0;\r\n}\r\n\r\n\/* Color variants *\/\r\n.l1-chapter.c-red    { border-color: #E52828; }\r\n.l1-chapter.c-red    .l1-chapter-label  { color: #E52828; }\r\n.l1-chapter.c-red    .l1-chapter-studs  { background-image: url('https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/02\/yeni-3-kirmizi.png'); }\r\n\r\n.l1-chapter.c-blue   { border-color: #0055BF; }\r\n.l1-chapter.c-blue   .l1-chapter-label  { color: #0055BF; }\r\n.l1-chapter.c-blue   .l1-chapter-studs  { background-image: url('https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/02\/yeni-3-mavi.png'); }\r\n\r\n.l1-chapter.c-green  { border-color: #237841; }\r\n.l1-chapter.c-green  .l1-chapter-label  { color: #237841; }\r\n.l1-chapter.c-green  .l1-chapter-studs  { background-image: url('https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/02\/yeni-3-yesil.png'); }\r\n\r\n.l1-chapter.c-yellow { border-color: #FFCC00; }\r\n.l1-chapter.c-yellow .l1-chapter-label  { color: #D4A017; }\r\n.l1-chapter.c-yellow .l1-chapter-studs  { background-image: url('https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/02\/yeni-3-sari.png'); }\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 992px) {\r\n  .l1-intro-grid { grid-template-columns: 1fr; }\r\n  .l1-intro-logo-card { margin: 0 auto; }\r\n  .l1-chapters-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 36px;\r\n  }\r\n  .l1-stats-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 20px 0;\r\n  }\r\n  .l1-stat-cell + .l1-stat-cell::before { display: none; }\r\n}\r\n@media (max-width: 600px) {\r\n  .l1-chapters-grid { grid-template-columns: 1fr; }\r\n  .l1-challenge { padding: 40px 0 50px; }\r\n}\r\n<\/style>\r\n\r\n<!-- INTRO -->\r\n<div class=\"l1-intro\">\r\n  <div class=\"l1-intro-grid\">\r\n    <div class=\"l1-intro-left\">\r\n      <h1 class=\"l1-intro-title\">Mini-Talks St\u00fcdyo<\/h1>\r\n      <div class=\"l1-intro-bars\">\r\n        <span style=\"background:#E52828\"><\/span>\r\n        <span style=\"background:#FFCC00\"><\/span>\r\n        <span style=\"background:#0055BF\"><\/span>\r\n        <span style=\"background:#237841\"><\/span>\r\n      <\/div>\r\n      <p class=\"l1-intro-desc\">\r\n        Se\u00e7ici mutizmi olan \u00e7ocuklar i\u00e7in animasyon, ki\u015fiselle\u015ftirilmi\u015f Minis ve yap\u0131land\u0131r\u0131lm\u0131\u015f konu\u015fma seviyeleri ile olu\u015fturulmu\u015f g\u00fcvenli bir ileti\u015fim uygulamas\u0131.\r\n      <\/p>\r\n    <\/div>\r\n    <div class=\"l1-intro-right\">\r\n      <div class=\"l1-intro-logo-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/minitalks-logo-2.png\" alt=\"Mini-Talks\" \/>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- BLUE CHALLENGE -->\r\n<div class=\"l1-challenge\">\r\n  <div class=\"l1-challenge-inner\">\r\n    <h2>Se\u00e7ici mutizm sessiz bir meydan okumad\u0131r.<\/h2>\r\n    <p class=\"l1-challenge-desc\">\r\n      \u00c7ocuklar konu\u015fmak ister. Ancak her ortamda konu\u015famazlar. Mini-Talks bu bo\u015flu\u011fu g\u00fcvenli, yap\u0131land\u0131r\u0131lm\u0131\u015f ve e\u011flenceli bir deneyimle doldurur.\r\n    <\/p>\r\n\r\n    <div class=\"l1-stats-brick\">\r\n      <div class=\"l1-stats-studs\"><\/div>\r\n      <div class=\"l1-stats-grid\">\r\n        <div class=\"l1-stat-cell\">\r\n          <div class=\"l1-stat-big\">140'ta 1<\/div>\r\n          <div class=\"l1-stat-title\">\u00c7ocuklarda yayg\u0131nl\u0131k<\/div>\r\n          <div class=\"l1-stat-sub\">Anksiyete temelli bozukluk<\/div>\r\n        <\/div>\r\n        <div class=\"l1-stat-cell\">\r\n          <div class=\"l1-stat-big\">4<\/div>\r\n          <div class=\"l1-stat-title\">Konu\u015fma seviyeleri<\/div>\r\n          <div class=\"l1-stat-sub\">Ses \u2192 Kelime \u2192 C\u00fcmle \u2192 Diyalog<\/div>\r\n        <\/div>\r\n        <div class=\"l1-stat-cell\">\r\n          <div class=\"l1-stat-big\">4<\/div>\r\n          <div class=\"l1-stat-title\">Kullan\u0131c\u0131 rolleri<\/div>\r\n          <div class=\"l1-stat-sub\">\u00c7ocuk, Ebeveyn, Uzman, \u0130n\u015faat\u00e7\u0131<\/div>\r\n        <\/div>\r\n        <div class=\"l1-stat-cell\">\r\n          <div class=\"l1-stat-big infinity\">\u221e<\/div>\r\n          <div class=\"l1-stat-title\">Mini kombinasyonlar<\/div>\r\n          <div class=\"l1-stat-sub\">Sa\u00e7 \u00d7 Ba\u015f \u00d7 G\u00f6vde \u00d7 Bacaklar<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- 4 CHAPTER CARDS -->\r\n<div class=\"l1-chapters\">\r\n  <div class=\"l1-chapters-grid\">\r\n\r\n    <div class=\"l1-chapter c-red\">\r\n      <div class=\"l1-chapter-studs\"><\/div>\r\n      <div class=\"l1-chapter-body\">\r\n        <div class=\"l1-chapter-label\">B\u00f6l\u00fcm 1<\/div>\r\n        <h3 class=\"l1-chapter-title\">Giri\u015f ve Kimlik<\/h3>\r\n        <p class=\"l1-chapter-desc\">4 rol, g\u00fcvenli oturum a\u00e7ma, ebeveyn-\u00e7ocuk uzman ba\u011flant\u0131lar\u0131.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"l1-chapter c-blue\">\r\n      <div class=\"l1-chapter-studs\"><\/div>\r\n      <div class=\"l1-chapter-body\">\r\n        <div class=\"l1-chapter-label\">B\u00f6l\u00fcm 2<\/div>\r\n        <h3 class=\"l1-chapter-title\">Kurulum ve Ki\u015fiselle\u015ftirme<\/h3>\r\n        <p class=\"l1-chapter-desc\">59 sahne, Mini fig\u00fcr olu\u015fturucu, Sa\u00e7\/Kafa\/G\u00f6vde\/Bacaklar<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"l1-chapter c-green\">\r\n      <div class=\"l1-chapter-studs\"><\/div>\r\n      <div class=\"l1-chapter-body\">\r\n        <div class=\"l1-chapter-label\">B\u00f6l\u00fcm 3<\/div>\r\n        <h3 class=\"l1-chapter-title\">Etkile\u015fim Sistemi<\/h3>\r\n        <p class=\"l1-chapter-desc\">Tu\u011fla slot sistemi, demo, kay\u0131t, animasyonlu oynatma, uzman siyah tu\u011fla.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"l1-chapter c-yellow\">\r\n      <div class=\"l1-chapter-studs\"><\/div>\r\n      <div class=\"l1-chapter-body\">\r\n        <div class=\"l1-chapter-label\">B\u00f6l\u00fcm 4<\/div>\r\n        <h3 class=\"l1-chapter-title\">\u0130lerleme ve G\u00f6sterge Tablosu<\/h3>\r\n        <p class=\"l1-chapter-desc\">8 widget, Rolleri G\u00f6r\u00fcnt\u00fcle\/Y\u00f6net, klinik g\u00f6zlem altyap\u0131s\u0131<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc7e79f elementor-widget elementor-widget-html\" data-id=\"cc7e79f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 1: ENTRY & IDENTITY\r\n     Section 1 \u2014 Layer Header + Main Menu\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n\/* ============ LAYER HEADER ============ *\/\r\n.l1-header {\r\n  width: 82%;\r\n  margin: 60px auto 60px;\r\n  font-family: 'Montserrat', sans-serif;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 20px;\r\n}\r\n\r\n\/* Sol ve sa\u011f renkli barlar \u2014 red, yellow, blue, GREEN (sharp corners) *\/\r\n.l1-header-bars-left,\r\n.l1-header-bars-right {\r\n  display: flex;\r\n  gap: 0;\r\n  flex: 1;\r\n  height: 8px;\r\n  max-width: 340px;\r\n}\r\n.l1-header-bars-left span,\r\n.l1-header-bars-right span { flex: 1; height: 100%; }\r\n.l1-bar-red    { background: #E52828; }\r\n.l1-bar-yellow { background: #FFCC00; }\r\n.l1-bar-blue   { background: #0055BF; }\r\n.l1-bar-green  { background: #237841; }\r\n\r\n\/* Layer title container *\/\r\n.l1-header-title {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n  flex-shrink: 0;\r\n}\r\n\/* \"Layer 1:\" \u2014 solid red text *\/\r\n.l1-header-title .l1-prefix {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(22px, 2.2vw, 32px);\r\n  color: #E52828;\r\n  white-space: nowrap;\r\n}\r\n\/* \"Entry & Identity\" \u2014 konturlu\/outlined heading *\/\r\n.l1-header-title .l1-badge {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(22px, 2.2vw, 32px);\r\n  color: #FFFFFF;\r\n  -webkit-text-stroke: 2px #E52828;\r\n  paint-order: stroke fill;\r\n  text-shadow:\r\n    2px 2px 0 #E52828,\r\n    -2px -2px 0 #E52828,\r\n    2px -2px 0 #E52828,\r\n    -2px 2px 0 #E52828,\r\n    0 2px 0 #E52828,\r\n    0 -2px 0 #E52828,\r\n    2px 0 0 #E52828,\r\n    -2px 0 0 #E52828;\r\n  white-space: nowrap;\r\n  line-height: 1.1;\r\n}\r\n\r\n\/* ============ MAIN MENU SECTION ============ *\/\r\n.l1-mm {\r\n  width: 82%;\r\n  margin: 0 auto 80px;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n\/* Section title \u2014 solid red, NO outline *\/\r\n.l1-mm-title {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(28px, 3.2vw, 48px);\r\n  color: #E52828;\r\n  margin: 0 0 16px 0;\r\n  line-height: 1.15;\r\n}\r\n\r\n.l1-mm-desc {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 600;\r\n  font-size: clamp(14px, 1.3vw, 18px);\r\n  color: #1D1D1B;\r\n  line-height: 1.6;\r\n  margin: 0 0 32px 0;\r\n  max-width: 85%;\r\n}\r\n\r\n\/* Screenshots grid: 1 big left + 2 small right *\/\r\n.l1-mm-grid {\r\n  display: grid;\r\n  grid-template-columns: 2fr 1fr;\r\n  gap: 24px;\r\n}\r\n\r\n\/* Main screenshot \u2014 fig-talks border style *\/\r\n.l1-mm-main-shot {\r\n  border: 4px solid #E52828;\r\n  border-bottom-width: 10px;\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n  background: #FFFFFF;\r\n  aspect-ratio: 16 \/ 10;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.l1-mm-main-shot img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n.l1-mm-side {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 24px;\r\n}\r\n.l1-mm-side-shot {\r\n  flex: 1;\r\n  border: 4px solid;\r\n  border-bottom-width: 10px;\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n  background: #FFFFFF;\r\n  min-height: 150px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.l1-mm-side-shot.border-blue  { border-color: #0055BF; }\r\n.l1-mm-side-shot.border-green { border-color: #237841; }\r\n.l1-mm-side-shot img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n  .l1-header {\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n  }\r\n  .l1-header-bars-left,\r\n  .l1-header-bars-right { max-width: 100%; }\r\n  .l1-mm-grid { grid-template-columns: 1fr; }\r\n  .l1-mm-side { flex-direction: row; }\r\n  .l1-mm-desc { max-width: 100%; }\r\n}\r\n<\/style>\r\n\r\n<!-- LAYER 1 HEADER -->\r\n<div class=\"l1-header\">\r\n  <div class=\"l1-header-bars-left\">\r\n    <span class=\"l1-bar-red\"><\/span>\r\n    <span class=\"l1-bar-yellow\"><\/span>\r\n    <span class=\"l1-bar-blue\"><\/span>\r\n    <span class=\"l1-bar-green\"><\/span>\r\n  <\/div>\r\n  <div class=\"l1-header-title\">\r\n    <span class=\"l1-prefix\">Katman 1:<\/span>\r\n    <span class=\"l1-badge\">Giri\u015f ve Kimlik<\/span>\r\n  <\/div>\r\n  <div class=\"l1-header-bars-right\">\r\n    <span class=\"l1-bar-red\"><\/span>\r\n    <span class=\"l1-bar-yellow\"><\/span>\r\n    <span class=\"l1-bar-blue\"><\/span>\r\n    <span class=\"l1-bar-green\"><\/span>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- MAIN MENU SECTION -->\r\n<div class=\"l1-mm\">\r\n  <h2 class=\"l1-mm-title\">Ana Men\u00fc<\/h2>\r\n  <p class=\"l1-mm-desc\">\r\n    Ana men\u00fc kas\u0131tl\u0131 olarak basittir. \u00dc\u00e7 tu\u011fla d\u00fc\u011fme: Oynat, Hakk\u0131nda, Ayarlar. Da\u011f\u0131n\u0131kl\u0131k yok, bask\u0131 yok. Tam deneyimin kilidini a\u00e7mak i\u00e7in sa\u011f \u00fcst k\u00f6\u015feden kaydolun - 50 sahne, tam \u00f6zelle\u015ftirme, Mini Journey kontrol paneli. Ya da hesap olmadan sadece Oynat'a bas\u0131n.\r\n  <\/p>\r\n\r\n  <div class=\"l1-mm-grid\">\r\n    <div class=\"l1-mm-main-shot\">\r\n      <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/eaa52c602f6e3126fec05fa64bda03211575ebe6.png\" alt=\"Mini-Talks Main Menu\" \/>\r\n    <\/div>\r\n\r\n    <div class=\"l1-mm-side\">\r\n      <div class=\"l1-mm-side-shot border-blue\">\r\n        <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/fd03fc950280b61266a4ba5a377cbc01f7a12f95.jpg\" alt=\"About Page\" \/>\r\n      <\/div>\r\n      <div class=\"l1-mm-side-shot border-green\">\r\n        <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/7f100ec40e098fc5c9f9d5120d1b27916bc3c6d5.png\" alt=\"Settings Page\" \/>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-70130cd elementor-widget elementor-widget-html\" data-id=\"70130cd\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 1 \u2014 4 ROLES, 4 DISTINCT EXPERIENCES\r\n     Section 2 \u2014 Interactive role switcher\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n.l1-roles {\r\n  width: 82%;\r\n  margin: 0 auto 80px;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n\/* Section title \u2014 SOLID RED (no outline) *\/\r\n.l1-roles-title {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(28px, 3.2vw, 48px);\r\n  color: #E52828;\r\n  margin: 0 0 16px 0;\r\n  line-height: 1.15;\r\n}\r\n\r\n.l1-roles-desc {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 600;\r\n  font-size: clamp(14px, 1.3vw, 18px);\r\n  color: #1D1D1B;\r\n  line-height: 1.6;\r\n  margin: 0 0 28px 0;\r\n  max-width: 85%;\r\n}\r\n\r\n\/* ============ ROLE TABS \u2014 fig-talks border style ============ *\/\r\n.l1-roles-tabs {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 18px;\r\n  margin-bottom: 0; \/* close to content card *\/\r\n}\r\n\r\n.l1-role-tab {\r\n  position: relative;\r\n  background: #FFFFFF;\r\n  border: 4px solid;\r\n  border-bottom-width: 10px;\r\n  border-radius: 12px;\r\n  padding: 18px 20px;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(15px, 1.3vw, 19px);\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  text-align: center;\r\n  user-select: none;\r\n  color: #1D1D1B; \/* pasifken siyah *\/\r\n}\r\n\r\n\/* Border colors \u2014 pasif *\/\r\n.l1-role-tab.role-red    { border-color: #E52828; }\r\n.l1-role-tab.role-blue   { border-color: #0055BF; }\r\n.l1-role-tab.role-green  { border-color: #237841; }\r\n.l1-role-tab.role-yellow { border-color: #FFCC00; }\r\n\r\n.l1-role-tab:hover { transform: translateY(-2px); }\r\n\r\n\/* Aktif = filled bg + white text (sar\u0131 hari\u00e7) *\/\r\n.l1-role-tab.active.role-red    { background: #E52828; color: #FFFFFF; }\r\n.l1-role-tab.active.role-blue   { background: #0055BF; color: #FFFFFF; }\r\n.l1-role-tab.active.role-green  { background: #237841; color: #FFFFFF; }\r\n.l1-role-tab.active.role-yellow { background: #FFCC00; color: #1D1D1B; }\r\n\r\n\/* ============ ROLE CONTENT CARD \u2014 close to tabs ============ *\/\r\n.l1-role-content {\r\n  display: none;\r\n  border: 3px solid;\r\n  border-bottom-width: 6px;\r\n  border-radius: 12px;\r\n  padding: 14px 18px 20px 36px;\r\n  color: #FFFFFF;\r\n  overflow: hidden;\r\n  margin-top: 18px;\r\n}\r\n.l1-role-content.active {\r\n  display: grid;\r\n  grid-template-columns: 1fr 2fr;\r\n  gap: 24px;\r\n  align-items: center;\r\n}\r\n\r\n\/* Color variants \u2014 border same color as bg *\/\r\n.l1-role-content.bg-red    { background: #E52828; border-color: #E52828; }\r\n.l1-role-content.bg-blue   { background: #0055BF; border-color: #0055BF; }\r\n.l1-role-content.bg-green  { background: #237841; border-color: #237841; }\r\n.l1-role-content.bg-yellow { background: #FFCC00; border-color: #FFCC00; color: #1D1D1B; }\r\n\r\n\/* Left side \u2014 role text *\/\r\n.l1-role-left h3 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(22px, 2.2vw, 32px);\r\n  margin: 0 0 6px 0;\r\n  line-height: 1.1;\r\n}\r\n.l1-role-left .l1-role-subtitle {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 700;\r\n  font-size: clamp(14px, 1.2vw, 17px);\r\n  opacity: 0.92;\r\n  margin: 0 0 22px 0;\r\n}\r\n\r\n.l1-role-features {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n.l1-role-features li {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 600;\r\n  font-size: clamp(14px, 1.3vw, 18px);\r\n  line-height: 1.4;\r\n  margin-bottom: 14px;\r\n  padding-left: 34px;\r\n  position: relative;\r\n  min-height: 24px;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n\/* Check box \u2014 white filled, rounded *\/\r\n.l1-role-features li::before {\r\n  content: '';\r\n  position: absolute;\r\n  left: 0;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  width: 22px;\r\n  height: 22px;\r\n  background: #FFFFFF;\r\n  border-radius: 5px;\r\n}\r\n\r\n\/* Checked \u2014 dark check inside *\/\r\n.l1-role-features li.checked::after {\r\n  content: '';\r\n  position: absolute;\r\n  left: 6px;\r\n  top: 50%;\r\n  transform: translateY(-65%) rotate(45deg);\r\n  width: 8px;\r\n  height: 14px;\r\n  border: solid #1D1D1B;\r\n  border-width: 0 3px 3px 0;\r\n}\r\n\r\n\/* Unchecked \u2014 dash (minus) inside box, no strikethrough *\/\r\n.l1-role-features li.unchecked::before {\r\n  background: rgba(255,255,255,0.55);\r\n}\r\n.l1-role-features li.unchecked::after {\r\n  content: '';\r\n  position: absolute;\r\n  left: 5px;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  width: 12px;\r\n  height: 3px;\r\n  background: #1D1D1B;\r\n  border-radius: 2px;\r\n}\r\n.l1-role-features li.unchecked {\r\n  opacity: 0.75;\r\n}\r\n\r\n\/* Yellow content \u2014 unchecked variant *\/\r\n.l1-role-content.bg-yellow .l1-role-features li.unchecked::before {\r\n  background: rgba(0,0,0,0.2);\r\n}\r\n\r\n\/* Right side \u2014 single WHITE panel with two forms *\/\r\n.l1-role-forms-panel {\r\n  background: #FFFFFF;\r\n  border-radius: 12px;\r\n  padding: 16px;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 14px;\r\n  align-items: stretch;\r\n}\r\n.l1-role-form-item {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  overflow: hidden;\r\n  border-radius: 8px;\r\n  min-height: 360px;\r\n  background: transparent;\r\n}\r\n.l1-role-form-item img {\r\n  max-width: 100%;\r\n  max-height: 100%;\r\n  width: 100%;\r\n  height: auto;\r\n  object-fit: contain;\r\n  display: block;\r\n}\r\n\r\n.l1-role-form-placeholder {\r\n  color: #999;\r\n  font-weight: 700;\r\n  font-size: 13px;\r\n  padding: 20px;\r\n  text-align: center;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 992px) {\r\n  .l1-roles-tabs { grid-template-columns: repeat(2, 1fr); }\r\n  .l1-role-content.active { grid-template-columns: 1fr; }\r\n}\r\n@media (max-width: 600px) {\r\n  .l1-roles-tabs {\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 12px;\r\n  }\r\n  .l1-role-tab {\r\n    padding: 12px 10px;\r\n    font-size: 13px;\r\n  }\r\n  .l1-role-content.active { padding: 24px; }\r\n  .l1-role-forms-panel { grid-template-columns: 1fr; }\r\n  .l1-roles-desc { max-width: 100%; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"l1-roles\">\r\n  <h2 class=\"l1-roles-title\">4 Rol, 4 Farkl\u0131 Deneyim<\/h2>\r\n  <p class=\"l1-roles-desc\">\r\n    Bir hesap olu\u015ftururken, kullan\u0131c\u0131lar 4 rol aras\u0131ndan se\u00e7im yapar. Her rol farkl\u0131 bir kay\u0131t formu ve farkl\u0131 izinler getirir.\r\n  <\/p>\r\n\r\n  <!-- ROLE TABS -->\r\n  <div class=\"l1-roles-tabs\">\r\n    <div class=\"l1-role-tab role-red active\" data-role=\"child\" onclick=\"l1SelectRole(this, 'child')\">\u00c7ocuk (Mini)<\/div>\r\n    <div class=\"l1-role-tab role-blue\" data-role=\"parent\" onclick=\"l1SelectRole(this, 'parent')\">Ebeveyn<\/div>\r\n    <div class=\"l1-role-tab role-green\" data-role=\"expert\" onclick=\"l1SelectRole(this, 'expert')\">Uzman<\/div>\r\n    <div class=\"l1-role-tab role-yellow\" data-role=\"builder\" onclick=\"l1SelectRole(this, 'builder')\">\u0130n\u015faat\u00e7\u0131<\/div>\r\n  <\/div>\r\n\r\n  <!-- ========== CHILD (MINI) \u2014 RED ========== -->\r\n  <div class=\"l1-role-content bg-red active\" data-content=\"child\">\r\n    <div class=\"l1-role-left\">\r\n      <h3>\u00c7ocuk (Mini)<\/h3>\r\n      <div class=\"l1-role-subtitle\">Oyunlar, kay\u0131tlar<\/div>\r\n      <ul class=\"l1-role-features\">\r\n        <li class=\"checked\">Mini olu\u015ftur ve oyna<\/li>\r\n        <li class=\"checked\">Ses kaydetme ve oynatma<\/li>\r\n        <li class=\"checked\">Kendi Yolculuklar\u0131n\u0131 G\u00f6r\u00fcr<\/li>\r\n        <li class=\"unchecked\">G\u00f6sterge paneli y\u00f6netimi yok<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n    <div class=\"l1-role-forms-panel\">\r\n      <div class=\"l1-role-form-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/4e1a6770fda409b8251621157b780e6e4b019df3.png\" alt=\"Child Form Step 1\" \/>\r\n      <\/div>\r\n      <div class=\"l1-role-form-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/257f66f84fca90421a54eacf22b37c689b8dc52f.png\" alt=\"Child Form Step 2\" \/>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- ========== PARENT \u2014 BLUE ========== -->\r\n  <div class=\"l1-role-content bg-blue\" data-content=\"parent\">\r\n    <div class=\"l1-role-left\">\r\n      <h3>Ebeveyn<\/h3>\r\n      <div class=\"l1-role-subtitle\">Y\u00f6netir, onaylar, izler<\/div>\r\n      <ul class=\"l1-role-features\">\r\n        <li class=\"checked\">\u00c7ocuk profillerini y\u00f6netir<\/li>\r\n        <li class=\"checked\">Uzman ba\u011flant\u0131lar\u0131n\u0131 onaylar<\/li>\r\n        <li class=\"checked\">\u0130lerleme g\u00f6sterge tablosunu g\u00f6r\u00fcnt\u00fcler<\/li>\r\n        <li class=\"checked\">Ayarlar\u0131 y\u00f6netir<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n    <div class=\"l1-role-forms-panel\">\r\n      <div class=\"l1-role-form-item\">\r\n        <div class=\"l1-role-form-placeholder\">Ebeveyn Formu 1<br>- g\u00f6r\u00fcnt\u00fc beklemede -<\/div>\r\n      <\/div>\r\n      <div class=\"l1-role-form-item\">\r\n        <div class=\"l1-role-form-placeholder\">Ebeveyn Formu 2<br>- g\u00f6r\u00fcnt\u00fc beklemede -<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- ========== EXPERT \u2014 GREEN ========== -->\r\n  <div class=\"l1-role-content bg-green\" data-content=\"expert\">\r\n    <div class=\"l1-role-left\">\r\n      <h3>Uzman<\/h3>\r\n      <div class=\"l1-role-subtitle\">G\u00f6zlemler, rehberlik eder (yaln\u0131zca g\u00f6r\u00fcnt\u00fcleme)<\/div>\r\n      <ul class=\"l1-role-features\">\r\n        <li class=\"checked\">Ba\u011fl\u0131 Mini'nin ilerlemesini izler<\/li>\r\n        <li class=\"checked\">Ebeveyn onay\u0131 ile eri\u015fim<\/li>\r\n        <li class=\"checked\">Klinik g\u00f6zlem altyap\u0131s\u0131<\/li>\r\n        <li class=\"unchecked\">Ayarlar veya profil d\u00fczenlenemiyor<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n    <div class=\"l1-role-forms-panel\">\r\n      <div class=\"l1-role-form-item\">\r\n        <div class=\"l1-role-form-placeholder\">Uzman Formu 1<br>- g\u00f6r\u00fcnt\u00fc beklemede -<\/div>\r\n      <\/div>\r\n      <div class=\"l1-role-form-item\">\r\n        <div class=\"l1-role-form-placeholder\">Uzman Formu 2<br>- g\u00f6r\u00fcnt\u00fc beklemede -<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- ========== BUILDER \u2014 YELLOW ========== -->\r\n  <div class=\"l1-role-content bg-yellow\" data-content=\"builder\">\r\n    <div class=\"l1-role-left\">\r\n      <h3>\u0130n\u015faat\u00e7\u0131<\/h3>\r\n      <div class=\"l1-role-subtitle\">Olu\u015fturur, \u00f6zelle\u015ftirir (18+)<\/div>\r\n      <ul class=\"l1-role-features\">\r\n        <li class=\"checked\">Kendi fig\u00fcrlerini \u00f6zelle\u015ftirir<\/li>\r\n        <li class=\"checked\">Sahneleri oynat\u0131r ve kaydeder<\/li>\r\n        <li class=\"checked\">LEGO Creations b\u00f6l\u00fcm\u00fc<\/li>\r\n        <li class=\"unchecked\">Mini y\u00f6netim yok<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n    <div class=\"l1-role-forms-panel\">\r\n      <div class=\"l1-role-form-item\">\r\n        <div class=\"l1-role-form-placeholder\">\u0130n\u015faat\u00e7\u0131 Formu 1<br>- g\u00f6r\u00fcnt\u00fc beklemede -<\/div>\r\n      <\/div>\r\n      <div class=\"l1-role-form-item\">\r\n        <div class=\"l1-role-form-placeholder\">\u0130n\u015faat\u00e7\u0131 Formu 2<br>- g\u00f6r\u00fcnt\u00fc beklemede -<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\nfunction l1SelectRole(tab, roleKey) {\r\n  document.querySelectorAll('.l1-role-tab').forEach(function(t) { t.classList.remove('active'); });\r\n  document.querySelectorAll('.l1-role-content').forEach(function(c) { c.classList.remove('active'); });\r\n  tab.classList.add('active');\r\n  document.querySelector('.l1-role-content[data-content=\"' + roleKey + '\"]').classList.add('active');\r\n}\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dd73941 elementor-widget elementor-widget-html\" data-id=\"dd73941\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 1 \u2014 HOW CONNECTIONS WORK\r\n     Section 3 \u2014 Three flow paths\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n.l1-conn {\r\n  width: 82%;\r\n  margin: 0 auto 80px;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n\/* Title \u2014 SOLID RED (no outline) *\/\r\n.l1-conn-title {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(28px, 3.2vw, 48px);\r\n  color: #E52828;\r\n  margin: 0 0 16px 0;\r\n  line-height: 1.15;\r\n}\r\n\r\n.l1-conn-desc {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 600;\r\n  font-size: clamp(14px, 1.3vw, 18px);\r\n  color: #1D1D1B;\r\n  line-height: 1.6;\r\n  margin: 0 0 36px 0;\r\n}\r\n\r\n\/* ============ FLOW BOX \u2014 fig-talks border style ============ *\/\r\n.l1-flow {\r\n  border: 4px solid;\r\n  border-bottom-width: 10px;\r\n  border-radius: 12px;\r\n  padding: 24px 32px;\r\n  margin-bottom: 24px;\r\n  background: #FFFFFF;\r\n}\r\n.l1-flow.flow-blue   { border-color: #0055BF; }\r\n.l1-flow.flow-yellow { border-color: #FFCC00; }\r\n.l1-flow.flow-green  { border-color: #237841; }\r\n\r\n.l1-flow-title {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(20px, 2vw, 26px);\r\n  margin: 0 0 16px 0;\r\n}\r\n.l1-flow.flow-blue   .l1-flow-title { color: #0055BF; }\r\n.l1-flow.flow-yellow .l1-flow-title { color: #E8B000; }\r\n.l1-flow.flow-green  .l1-flow-title { color: #237841; }\r\n\r\n\/* Steps row *\/\r\n.l1-flow-steps {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n\r\n\/* Step pill *\/\r\n.l1-step {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 700;\r\n  font-size: clamp(13px, 1.1vw, 15px);\r\n  color: #1D1D1B;\r\n}\r\n\r\n\/* Numbered small box *\/\r\n.l1-step-num {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 26px;\r\n  height: 26px;\r\n  border-radius: 5px;\r\n  color: #FFFFFF;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: 13px;\r\n  flex-shrink: 0;\r\n}\r\n.l1-flow.flow-blue   .l1-step-num { background: #0055BF; }\r\n.l1-flow.flow-yellow .l1-step-num { background: #FFCC00; color: #1D1D1B; }\r\n.l1-flow.flow-green  .l1-step-num { background: #237841; }\r\n\r\n\/* Arrow *\/\r\n.l1-arrow {\r\n  color: #237841;\r\n  font-size: 22px;\r\n  font-weight: 900;\r\n  line-height: 1;\r\n  flex-shrink: 0;\r\n}\r\n\r\n\/* Result chip \u2014 green filled *\/\r\n.l1-result {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: #237841;\r\n  color: #FFFFFF;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 800;\r\n  font-size: clamp(13px, 1.1vw, 15px);\r\n  padding: 8px 16px;\r\n  border-radius: 8px;\r\n  white-space: nowrap;\r\n}\r\n.l1-result::before {\r\n  content: '\u2713';\r\n  font-weight: 900;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n  .l1-flow { padding: 20px; }\r\n  .l1-flow-steps {\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    gap: 8px;\r\n  }\r\n  .l1-arrow {\r\n    transform: rotate(90deg);\r\n    margin: 2px 0;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"l1-conn\">\r\n  <h2 class=\"l1-conn-title\">Ba\u011flant\u0131lar nas\u0131l \u00e7al\u0131\u015f\u0131r?<\/h2>\r\n  <p class=\"l1-conn-desc\">\r\n    \u00dc\u00e7 yol, tek kural: ebeveyn onay\u0131 olmadan hi\u00e7bir \u015fey olmaz.\r\n  <\/p>\r\n\r\n  <!-- CHILD STARTS \u2014 BLUE -->\r\n  <div class=\"l1-flow flow-blue\">\r\n    <h3 class=\"l1-flow-title\">\u00c7ocuk Ba\u015flang\u0131\u00e7lar\u0131<\/h3>\r\n    <div class=\"l1-flow-steps\">\r\n      <div class=\"l1-step\"><span class=\"l1-step-num\">1<\/span> \u00c7ocuk kay\u0131t formunu doldurur + ebeveyninin e-postas\u0131n\u0131 girer<\/div>\r\n      <span class=\"l1-arrow\">\u2192<\/span>\r\n      <div class=\"l1-step\"><span class=\"l1-step-num\">2<\/span> 'Ebeveyn Talebi G\u00f6nder' tetiklenir<\/div>\r\n      <span class=\"l1-arrow\">\u2192<\/span>\r\n      <div class=\"l1-step\"><span class=\"l1-step-num\">3<\/span> Ebeveyn onayl\u0131yor<\/div>\r\n      <span class=\"l1-arrow\">\u2192<\/span>\r\n      <div class=\"l1-result\">Hesap etkinle\u015ftirilir<\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- PARENT STARTS \u2014 YELLOW -->\r\n  <div class=\"l1-flow flow-yellow\">\r\n    <h3 class=\"l1-flow-title\">Ebeveyn Ba\u015flang\u0131\u00e7lar\u0131<\/h3>\r\n    <div class=\"l1-flow-steps\">\r\n      <div class=\"l1-step\"><span class=\"l1-step-num\">1<\/span> Ebeveyn kendi hesab\u0131na giri\u015f yapar<\/div>\r\n      <span class=\"l1-arrow\">\u2192<\/span>\r\n      <div class=\"l1-step\"><span class=\"l1-step-num\">2<\/span> '\u00c7ocuk Ekle' arac\u0131l\u0131\u011f\u0131yla \u00e7ocuk profili olu\u015fturur<\/div>\r\n      <span class=\"l1-arrow\">\u2192<\/span>\r\n      <div class=\"l1-result\">Hemen aktif (ebeveyn zaten onayl\u0131yor)<\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- EXPERT STARTS \u2014 GREEN -->\r\n  <div class=\"l1-flow flow-green\">\r\n    <h3 class=\"l1-flow-title\">Uzman Ba\u015flang\u0131\u00e7lar\u0131<\/h3>\r\n    <div class=\"l1-flow-steps\">\r\n      <div class=\"l1-step\"><span class=\"l1-step-num\">1<\/span> Uzman 'Mini Ekle'ye dokunuyor<\/div>\r\n      <span class=\"l1-arrow\">\u2192<\/span>\r\n      <div class=\"l1-step\"><span class=\"l1-step-num\">2<\/span> Ebeveyn talebi al\u0131r<\/div>\r\n      <span class=\"l1-arrow\">\u2192<\/span>\r\n      <div class=\"l1-step\"><span class=\"l1-step-num\">3<\/span> Ebeveyn onayl\u0131yor<\/div>\r\n      <span class=\"l1-arrow\">\u2192<\/span>\r\n      <div class=\"l1-result\">Yaln\u0131zca g\u00f6r\u00fcnt\u00fcleme eri\u015fimi<\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0e38bcd elementor-widget elementor-widget-html\" data-id=\"0e38bcd\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 2: SETUP & PERSONALIZATION\r\n     Section 1 \u2014 Layer Header + Pick Who Plays\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n\/* ============ LAYER 2 HEADER ============ *\/\r\n.l2-header {\r\n  width: 82%;\r\n  margin: 60px auto 50px;\r\n  font-family: 'Montserrat', sans-serif;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 20px;\r\n}\r\n\r\n.l2-header-bars-left,\r\n.l2-header-bars-right {\r\n  display: flex;\r\n  gap: 0;\r\n  flex: 1;\r\n  height: 8px;\r\n  max-width: 340px;\r\n}\r\n.l2-header-bars-left span,\r\n.l2-header-bars-right span { flex: 1; height: 100%; }\r\n.l2-bar-red    { background: #E52828; }\r\n.l2-bar-yellow { background: #FFCC00; }\r\n.l2-bar-blue   { background: #0055BF; }\r\n.l2-bar-green  { background: #237841; }\r\n\r\n.l2-header-title {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n  flex-shrink: 0;\r\n}\r\n\/* \"Layer 2:\" \u2014 solid red *\/\r\n.l2-header-title .l2-prefix {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(22px, 2.2vw, 32px);\r\n  color: #E52828;\r\n  white-space: nowrap;\r\n}\r\n\/* \"Setup & Personalization\" \u2014 konturlu *\/\r\n.l2-header-title .l2-badge {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(22px, 2.2vw, 32px);\r\n  color: #FFFFFF;\r\n  -webkit-text-stroke: 2px #E52828;\r\n  paint-order: stroke fill;\r\n  text-shadow:\r\n    2px 2px 0 #E52828,\r\n    -2px -2px 0 #E52828,\r\n    2px -2px 0 #E52828,\r\n    -2px 2px 0 #E52828,\r\n    0 2px 0 #E52828,\r\n    0 -2px 0 #E52828,\r\n    2px 0 0 #E52828,\r\n    -2px 0 0 #E52828;\r\n  white-space: nowrap;\r\n  line-height: 1.1;\r\n}\r\n\r\n\/* ============ PICK WHO PLAYS CARD ============ *\/\r\n.l2-pick {\r\n  width: 82%;\r\n  margin: 0 auto 20px;\r\n  font-family: 'Montserrat', sans-serif;\r\n  background: #E52828;\r\n  border: 3px solid #E52828;\r\n  border-bottom-width: 6px;\r\n  border-radius: 12px;\r\n  padding: 10px 14px 18px 36px;\r\n  color: #FFFFFF;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.5fr;\r\n  gap: 28px;\r\n  align-items: center;\r\n}\r\n\r\n.l2-pick-left h2 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(20px, 2vw, 28px);\r\n  color: #FFFFFF;\r\n  margin: 0 0 12px 0;\r\n  line-height: 1.15;\r\n}\r\n.l2-pick-left p {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 600;\r\n  font-size: clamp(14px, 1.3vw, 18px);\r\n  color: #FFFFFF;\r\n  line-height: 1.5;\r\n  margin: 0 0 24px 0;\r\n}\r\n\r\n\/* Profile pills \u2014 flex row, badge sits next to info naturally *\/\r\n.l2-profiles {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 10px;\r\n}\r\n.l2-profile {\r\n  background: #F2F2F2;\r\n  color: #1D1D1B;\r\n  border-radius: 8px;\r\n  padding: 10px 10px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  min-height: 52px;\r\n}\r\n.l2-profile-icon {\r\n  width: 28px;\r\n  height: 28px;\r\n  background: #D8D8D8;\r\n  border-radius: 5px;\r\n  flex-shrink: 0;\r\n}\r\n.l2-profile-info {\r\n  flex: 1;\r\n  min-width: 0;\r\n}\r\n.l2-profile-name {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(12px, 1.1vw, 14px);\r\n  line-height: 1.2;\r\n  color: #1D1D1B;\r\n}\r\n.l2-profile-sub {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 500;\r\n  font-size: clamp(10px, 0.9vw, 12px);\r\n  color: #666;\r\n  line-height: 1.2;\r\n  margin-top: 2px;\r\n}\r\n.l2-profile-badge {\r\n  background: #0055BF;\r\n  color: #FFFFFF;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 800;\r\n  font-size: 10px;\r\n  padding: 3px 7px;\r\n  border-radius: 4px;\r\n  flex-shrink: 0;\r\n  letter-spacing: 0.3px;\r\n  white-space: nowrap;\r\n}\r\n\r\n\/* Right side \u2014 white container with screenshot *\/\r\n.l2-pick-right {\r\n  background: #FFFFFF;\r\n  border-radius: 10px;\r\n  padding: 14px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  overflow: hidden;\r\n}\r\n.l2-pick-right img {\r\n  width: 100%;\r\n  max-width: 100%;\r\n  height: auto;\r\n  display: block;\r\n  border-radius: 4px;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 900px) {\r\n  .l2-header {\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n  }\r\n  .l2-header-bars-left,\r\n  .l2-header-bars-right { max-width: 100%; }\r\n  .l2-pick {\r\n    grid-template-columns: 1fr;\r\n    gap: 20px;\r\n    padding: 24px;\r\n  }\r\n  .l2-profiles {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<!-- LAYER 2 HEADER -->\r\n<div class=\"l2-header\">\r\n  <div class=\"l2-header-bars-left\">\r\n    <span class=\"l2-bar-red\"><\/span>\r\n    <span class=\"l2-bar-yellow\"><\/span>\r\n    <span class=\"l2-bar-blue\"><\/span>\r\n    <span class=\"l2-bar-green\"><\/span>\r\n  <\/div>\r\n  <div class=\"l2-header-title\">\r\n    <span class=\"l2-prefix\">Katman 2:<\/span>\r\n    <span class=\"l2-badge\">Kurulum ve Ki\u015fiselle\u015ftirme<\/span>\r\n  <\/div>\r\n  <div class=\"l2-header-bars-right\">\r\n    <span class=\"l2-bar-red\"><\/span>\r\n    <span class=\"l2-bar-yellow\"><\/span>\r\n    <span class=\"l2-bar-blue\"><\/span>\r\n    <span class=\"l2-bar-green\"><\/span>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- PICK WHO PLAYS CARD -->\r\n<div class=\"l2-pick\">\r\n  <div class=\"l2-pick-left\">\r\n    <h2>Kimin oynayaca\u011f\u0131n\u0131 se\u00e7.<\/h2>\r\n    <p>Ebeveynler birden fazla \u00e7ocuk kaydedebilir. Play tu\u015funa bas\u0131ld\u0131\u011f\u0131nda, hangi profilin oynayaca\u011f\u0131n\u0131 se\u00e7erler. Her \u00e7ocu\u011fun sahneleri, ilerlemesi ve \u00f6d\u00fclleri ba\u011f\u0131ms\u0131zd\u0131r.<\/p>\r\n\r\n    <div class=\"l2-profiles\">\r\n      <div class=\"l2-profile\">\r\n        <div class=\"l2-profile-icon\"><\/div>\r\n        <div class=\"l2-profile-info\">\r\n          <div class=\"l2-profile-name\">\u00c7ocuk-1<\/div>\r\n          <div class=\"l2-profile-sub\">Ya\u015f: 7-9<\/div>\r\n        <\/div>\r\n        <span class=\"l2-profile-badge\">Aktif<\/span>\r\n      <\/div>\r\n      <div class=\"l2-profile\">\r\n        <div class=\"l2-profile-icon\"><\/div>\r\n        <div class=\"l2-profile-info\">\r\n          <div class=\"l2-profile-name\">\u00c7ocuk-2<\/div>\r\n          <div class=\"l2-profile-sub\">Ya\u015f: 4-6<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"l2-profile\">\r\n        <div class=\"l2-profile-icon\"><\/div>\r\n        <div class=\"l2-profile-info\">\r\n          <div class=\"l2-profile-name\">Ebeveyn<\/div>\r\n          <div class=\"l2-profile-sub\">Y\u00f6netmek<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"l2-pick-right\">\r\n    <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/0777784d8556917f83b0e0b931fb90b29df28322.png\" alt=\"Pick who plays \u2014 Mini-Talks Play screen\" \/>\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d612024 elementor-widget elementor-widget-html\" data-id=\"d612024\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 2 \u2014 50 SCENES\r\n     Section 2 \u2014 Real-life scenes with stacked images\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n\/* ============ 50 SCENES CARD ============ *\/\r\n.l2-scenes {\r\n  width: 82%;\r\n  margin: 0 auto 30px;\r\n  font-family: 'Montserrat', sans-serif;\r\n  background: #E52828;\r\n  border: 3px solid #E52828;\r\n  border-bottom-width: 6px;\r\n  border-radius: 12px;\r\n  padding: 10px 14px 18px 36px;\r\n  color: #FFFFFF;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.8fr;\r\n  gap: 26px;\r\n  align-items: center;\r\n}\r\n\r\n\/* Left side \u2014 text *\/\r\n.l2-scenes-label {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 700;\r\n  font-size: clamp(14px, 1.3vw, 18px);\r\n  color: #FFFFFF;\r\n  margin: 0 0 4px 0;\r\n}\r\n\r\n.l2-scenes h2 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(44px, 6vw, 88px);\r\n  color: #FFFFFF;\r\n  margin: 0 0 22px 0;\r\n  line-height: 1;\r\n  letter-spacing: -1px;\r\n}\r\n\r\n.l2-scenes-list {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 4px 24px;\r\n}\r\n.l2-scenes-list ul {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n.l2-scenes-list li {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 700;\r\n  font-size: clamp(13px, 1.2vw, 16px);\r\n  line-height: 1.5;\r\n  color: #FFFFFF;\r\n}\r\n\/* \"and more...\" \u2014 italic, last item of RIGHT column *\/\r\n.l2-scenes-list li.more {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-style: italic;\r\n  font-size: clamp(16px, 1.5vw, 20px);\r\n  color: #FFFFFF;\r\n  margin-top: 10px;\r\n  line-height: 1.2;\r\n}\r\n\r\n\/* Right side \u2014 stacked scene images *\/\r\n.l2-scenes-stack {\r\n  position: relative;\r\n  width: 100%;\r\n  aspect-ratio: 16 \/ 10;\r\n  cursor: pointer;\r\n  user-select: none;\r\n}\r\n.l2-scenes-stack img {\r\n  position: absolute;\r\n  top: 0;\r\n  height: 100%;\r\n  width: 82%;\r\n  border-radius: 14px;\r\n  object-fit: cover;\r\n  box-shadow: -6px 0 14px rgba(0,0,0,0.22);\r\n  transition: left 0.5s cubic-bezier(0.4, 0, 0.2, 1),\r\n              transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\r\n              opacity 0.3s ease;\r\n}\r\n\/* En soldaki ARKA (en k\u00fc\u00e7\u00fck z-index) \u2192 sa\u011fa do\u011fru \u00d6NE \u2014 tight stacking *\/\r\n.l2-scenes-stack .scene-1 { left: 0%;    z-index: 1; }\r\n.l2-scenes-stack .scene-2 { left: 3.6%;  z-index: 2; }\r\n.l2-scenes-stack .scene-3 { left: 7.2%;  z-index: 3; }\r\n.l2-scenes-stack .scene-4 { left: 10.8%; z-index: 4; }\r\n.l2-scenes-stack .scene-5 { left: 14.4%; z-index: 5; }\r\n.l2-scenes-stack .scene-6 { left: 18%;   z-index: 6; }\r\n\r\n\/* Cycling states \u2014 when .cycling is added, the front card slides out *\/\r\n.l2-scenes-stack.cycling img.going-back {\r\n  transform: translateX(-10%) scale(0.92);\r\n  opacity: 0;\r\n  z-index: 0 !important;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 900px) {\r\n  .l2-scenes {\r\n    grid-template-columns: 1fr;\r\n    gap: 24px;\r\n    padding: 24px;\r\n  }\r\n  .l2-scenes-stack {\r\n    aspect-ratio: 16 \/ 10;\r\n  }\r\n}\r\n@media (max-width: 500px) {\r\n  .l2-scenes-list {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<!-- 50 SCENES CARD -->\r\n<div class=\"l2-scenes\">\r\n  <div class=\"l2-scenes-left\">\r\n    <div class=\"l2-scenes-label\">Ger\u00e7ek hayattan sahneler<\/div>\r\n    <h2>50 SAHNE<\/h2>\r\n\r\n    <div class=\"l2-scenes-list\">\r\n      <ul>\r\n        <li>Basketbol<\/li>\r\n        <li>Plaj<\/li>\r\n        <li>Kafe<\/li>\r\n        <li>S\u0131n\u0131f<\/li>\r\n        <li>Orkestra<\/li>\r\n      <\/ul>\r\n      <ul>\r\n        <li>Oyun Alan\u0131<\/li>\r\n        <li>Havuz Partisi<\/li>\r\n        <li>Robot Turnuvas\u0131<\/li>\r\n        <li>S\u00fcpermarket<\/li>\r\n        <li>Tenis<\/li>\r\n        <li class=\"more\">ve daha fazlas\u0131...<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"l2-scenes-right\">\r\n    <div class=\"l2-scenes-stack\" onclick=\"l2ScenesCycle(this)\">\r\n      <!-- En solda ARKA \u2192 sa\u011fa do\u011fru \u00d6NE (s\u0131ra tersine \u00e7evrildi) -->\r\n      <img decoding=\"async\" class=\"scene-1\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/1bcc15012d55089e5ba6e4e1994ee1c29c9efff7.png\" alt=\"Scene 1\" \/>\r\n      <img decoding=\"async\" class=\"scene-2\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/84c6f278ed3f027cfce6091e020e29be1d09eb13.png\" alt=\"Scene 2\" \/>\r\n      <img decoding=\"async\" class=\"scene-3\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/afcb13bb75f3b3f676a974dced8c780744ea2070.png\" alt=\"Scene 3\" \/>\r\n      <img decoding=\"async\" class=\"scene-4\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/2ee73e7960e25cdf4b0323f8ce01b54e3a0bdb85.png\" alt=\"Scene 4\" \/>\r\n      <img decoding=\"async\" class=\"scene-5\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/f60c83c6e859fe177ceb37a18896e1702060ca3a.png\" alt=\"Scene 5\" \/>\r\n      <img decoding=\"async\" class=\"scene-6\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/cd67811cb0658adaf22491c2d0a1d386ae5bd0a8.png\" alt=\"Scene 6\" \/>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  \/\/ Animation lock to prevent double-click during transition\r\n  var animating = false;\r\n\r\n  window.l2ScenesCycle = function(stackEl) {\r\n    if (animating) return;\r\n    animating = true;\r\n\r\n    var imgs = stackEl.querySelectorAll('img');\r\n    if (imgs.length === 0) { animating = false; return; }\r\n\r\n    \/\/ Find the FRONT image (highest current z-index among classes scene-1..scene-6)\r\n    var classOrder = ['scene-1','scene-2','scene-3','scene-4','scene-5','scene-6'];\r\n    var positions = [\r\n      { left: '0%',    z: 1 },\r\n      { left: '3.6%',  z: 2 },\r\n      { left: '7.2%',  z: 3 },\r\n      { left: '10.8%', z: 4 },\r\n      { left: '14.4%', z: 5 },\r\n      { left: '18%',   z: 6 }\r\n    ];\r\n\r\n    \/\/ Determine current class-to-position mapping (cached on stackEl)\r\n    if (!stackEl._order) {\r\n      stackEl._order = classOrder.slice(); \/\/ position-0 = back ... position-5 = front\r\n    }\r\n    var order = stackEl._order;\r\n    \/\/ Front is the last one in order\r\n    var frontClass = order[order.length - 1];\r\n    var frontImg = stackEl.querySelector('.' + frontClass);\r\n    if (!frontImg) { animating = false; return; }\r\n\r\n    \/\/ Phase 1: animate front out\r\n    frontImg.classList.add('going-back');\r\n    stackEl.classList.add('cycling');\r\n\r\n    setTimeout(function() {\r\n      \/\/ Phase 2: rotate order \u2014 move front class to back of array\r\n      var moved = order.pop();\r\n      order.unshift(moved);\r\n\r\n      \/\/ Apply new positions (no transition on the going-back element yet)\r\n      \/\/ Remove transition briefly for the jumped element\r\n      frontImg.style.transition = 'none';\r\n      frontImg.classList.remove('going-back');\r\n\r\n      \/\/ Reassign z-index + left based on new order\r\n      order.forEach(function(cls, idx) {\r\n        var el = stackEl.querySelector('.' + cls);\r\n        if (!el) return;\r\n        var pos = positions[idx];\r\n        el.style.left = pos.left;\r\n        el.style.zIndex = pos.z;\r\n      });\r\n\r\n      \/\/ Force reflow, then restore transition\r\n      void frontImg.offsetWidth;\r\n      frontImg.style.transition = '';\r\n      stackEl.classList.remove('cycling');\r\n\r\n      animating = false;\r\n    }, 500);\r\n  };\r\n})();\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0104509 elementor-widget elementor-widget-html\" data-id=\"0104509\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 2 \u2014 MINI FIGURE CUSTOMIZATION\r\n     Section 3 \u2014 Title + 4 Tabs + Hair Card + 4 Action Bricks\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n.l2-mfc {\r\n  width: 82%;\r\n  margin: 0 auto 30px;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n\/* Title \u2014 solid red *\/\r\n.l2-mfc-title {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(28px, 3.2vw, 48px);\r\n  color: #E52828;\r\n  margin: 0 0 16px 0;\r\n  line-height: 1.15;\r\n}\r\n\r\n.l2-mfc-desc {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 600;\r\n  font-size: clamp(14px, 1.3vw, 18px);\r\n  color: #1D1D1B;\r\n  line-height: 1.6;\r\n  margin: 0 0 28px 0;\r\n  max-width: 85%;\r\n}\r\n\r\n\/* ============ TABS (Hair\/Head\/Torso\/Legs) ============ *\/\r\n.l2-mfc-tabs {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 18px;\r\n  margin-bottom: 0;\r\n}\r\n.l2-mfc-tab {\r\n  background: #FFFFFF;\r\n  border: 4px solid #E52828;\r\n  border-bottom-width: 10px;\r\n  border-radius: 12px;\r\n  padding: 18px 20px;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(15px, 1.3vw, 19px);\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  text-align: center;\r\n  user-select: none;\r\n  color: #1D1D1B;\r\n}\r\n.l2-mfc-tab:hover { transform: translateY(-2px); }\r\n.l2-mfc-tab.active { background: #E52828; color: #FFFFFF; }\r\n\r\n\/* Tab content wrapper *\/\r\n.l2-mfc-content { display: none; margin-top: 18px; }\r\n.l2-mfc-content.active { display: block; }\r\n\r\n\/* Placeholder for Head\/Torso\/Legs *\/\r\n.l2-mfc-placeholder {\r\n  background: #E52828;\r\n  border: 3px solid #E52828;\r\n  border-bottom-width: 6px;\r\n  border-radius: 12px;\r\n  padding: 100px 28px;\r\n  color: #FFFFFF;\r\n  text-align: center;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 800;\r\n  font-size: clamp(16px, 1.5vw, 22px);\r\n  letter-spacing: 0.3px;\r\n  min-height: 320px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n\/* ============ HAIR CUSTOMIZATION CARD ============ *\/\r\n.l2-mfc-card {\r\n  background: #E52828;\r\n  border: 3px solid #E52828;\r\n  border-bottom-width: 6px;\r\n  border-radius: 12px;\r\n  padding: 26px 26px 30px 32px;\r\n  color: #FFFFFF;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.3fr;\r\n  gap: 30px;\r\n  align-items: center;\r\n}\r\n.l2-mfc-card h3 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(20px, 2vw, 28px);\r\n  color: #FFFFFF;\r\n  margin: 0 0 10px 0;\r\n  line-height: 1.15;\r\n}\r\n.l2-mfc-card-desc {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 600;\r\n  font-size: clamp(13px, 1.2vw, 16px);\r\n  color: #FFFFFF;\r\n  line-height: 1.5;\r\n  margin: 0 0 20px 0;\r\n}\r\n\r\n.l2-mfc-label {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(13px, 1.2vw, 15px);\r\n  color: #FFFFFF;\r\n  margin: 0 0 8px 0;\r\n}\r\n\r\n\/* White panel (only for Color) *\/\r\n.l2-mfc-panel {\r\n  background: #FFFFFF;\r\n  border-radius: 10px;\r\n  padding: 12px 14px;\r\n  margin-top: 14px;\r\n}\r\n\/* Label inside white panel should be black *\/\r\n.l2-mfc-panel .l2-mfc-label {\r\n  color: #1D1D1B;\r\n}\r\n\r\n\/* Pill buttons \u2014 no outer border, just white fills *\/\r\n.l2-mfc-pill-row {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 8px;\r\n}\r\n.l2-mfc-pill {\r\n  background: #FFFFFF;\r\n  color: #1D1D1B;\r\n  border: none;\r\n  border-radius: 8px;\r\n  padding: 9px 10px;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 800;\r\n  font-size: clamp(12px, 1.1vw, 14px);\r\n  text-align: center;\r\n}\r\n\r\n\/* Horizontal divider \u2014 WHITE on red bg *\/\r\n.l2-mfc-hdivider {\r\n  height: 2px;\r\n  background: #FFFFFF;\r\n  margin: 12px 0;\r\n}\r\n\r\n\/* Color palette \u2014 white bg + vertical divider *\/\r\n.l2-mfc-colors {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  flex-wrap: wrap;\r\n}\r\n.l2-mfc-color {\r\n  width: 22px;\r\n  height: 22px;\r\n  border-radius: 50%;\r\n  border: 1px solid rgba(0,0,0,0.15);\r\n  cursor: pointer;\r\n  flex-shrink: 0;\r\n}\r\n.l2-mfc-color.rainbow {\r\n  background: conic-gradient(#E52828, #FFCC00, #237841, #0055BF, #8E44AD, #E52828);\r\n  border-color: rgba(0,0,0,0.15);\r\n}\r\n.l2-mfc-vdivider {\r\n  width: 1px;\r\n  height: 22px;\r\n  background: rgba(0,0,0,0.18);\r\n  margin: 0 4px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n\/* Right side \u2014 screenshot container *\/\r\n.l2-mfc-shot {\r\n  background: #FFFFFF;\r\n  border-radius: 10px;\r\n  padding: 14px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  overflow: hidden;\r\n}\r\n.l2-mfc-shot img {\r\n  width: 100%;\r\n  max-width: 100%;\r\n  height: auto;\r\n  display: block;\r\n  border-radius: 4px;\r\n}\r\n\r\n\/* ============ 4 ACTION BRICK BUTTONS ============ *\/\r\n.l2-actions {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 20px;\r\n  margin-top: 54px;\r\n}\r\n.l2-action-btn {\r\n  position: relative;\r\n  background: #FFFFFF;\r\n  border: 4px solid;\r\n  border-bottom-width: 12px;\r\n  border-radius: 18px;\r\n  padding: 20px 18px 22px 18px;\r\n  text-align: center;\r\n}\r\n\r\n\/* LEGO studs on top \u2014 PNG (same pattern as chapter cards) *\/\r\n.l2-action-studs {\r\n  position: absolute;\r\n  top: -30px;\r\n  left: 2%;\r\n  right: 2%;\r\n  height: 30px;\r\n  background-repeat: no-repeat;\r\n  background-position: center bottom;\r\n  background-size: 100% auto;\r\n}\r\n\r\n\/* Inner icon\/label badge (the PNG the user provided) \u2014 inside the body *\/\r\n.l2-action-icon {\r\n  display: block;\r\n  max-width: 78%;\r\n  width: auto;\r\n  height: auto;\r\n  margin: 0 auto 10px;\r\n}\r\n\r\n.l2-action-btn h3 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(22px, 2vw, 28px);\r\n  margin: 6px 0 6px 0;\r\n  line-height: 1.1;\r\n}\r\n.l2-action-btn p {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 500;\r\n  font-size: clamp(12px, 1.1vw, 14px);\r\n  color: #1D1D1B;\r\n  line-height: 1.4;\r\n  margin: 0;\r\n}\r\n\r\n\/* Color variants \u2014 border + stud PNG + title color *\/\r\n.l2-action-btn.c-red    { border-color: #E52828; }\r\n.l2-action-btn.c-red    h3 { color: #E52828; }\r\n.l2-action-btn.c-red    .l2-action-studs { background-image: url('https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/02\/yeni-3-kirmizi.png'); }\r\n\r\n.l2-action-btn.c-yellow { border-color: #FFCC00; }\r\n.l2-action-btn.c-yellow h3 { color: #D4A017; }\r\n.l2-action-btn.c-yellow .l2-action-studs { background-image: url('https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/02\/yeni-3-sari.png'); }\r\n\r\n.l2-action-btn.c-green  { border-color: #237841; }\r\n.l2-action-btn.c-green  h3 { color: #237841; }\r\n.l2-action-btn.c-green  .l2-action-studs { background-image: url('https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/02\/yeni-3-yesil.png'); }\r\n\r\n.l2-action-btn.c-blue   { border-color: #0055BF; }\r\n.l2-action-btn.c-blue   h3 { color: #0055BF; }\r\n.l2-action-btn.c-blue   .l2-action-studs { background-image: url('https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/02\/yeni-3-mavi.png'); }\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 900px) {\r\n  .l2-mfc-tabs { grid-template-columns: repeat(2, 1fr); }\r\n  .l2-mfc-card {\r\n    grid-template-columns: 1fr;\r\n    padding: 24px;\r\n  }\r\n  .l2-actions { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n@media (max-width: 500px) {\r\n  .l2-mfc-tabs, .l2-actions { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"l2-mfc\">\r\n  <h2 class=\"l2-mfc-title\">Mini Fig\u00fcr \u00d6zelle\u015ftirme<\/h2>\r\n  <p class=\"l2-mfc-desc\">\r\n    4 b\u00f6l\u00fcm \u00d7 Kad\u0131n\/Erkek\/\u00c7ocuk kategorisi \u00d7 d\u00fczinelerce stil \u00d7 renk paleti. Beni \u015fa\u015f\u0131rt\u0131n veya varsay\u0131lanlar\u0131 kullan\u0131n. Diyalog modunda, iki Mini ayn\u0131 anda olu\u015fturulur.\r\n  <\/p>\r\n\r\n  <!-- TABS -->\r\n  <div class=\"l2-mfc-tabs\">\r\n    <div class=\"l2-mfc-tab active\" onclick=\"l2MfcTabSwitch(this, 'hair')\">Sa\u00e7<\/div>\r\n    <div class=\"l2-mfc-tab\" onclick=\"l2MfcTabSwitch(this, 'head')\">Kafa<\/div>\r\n    <div class=\"l2-mfc-tab\" onclick=\"l2MfcTabSwitch(this, 'torso')\">G\u00f6vde<\/div>\r\n    <div class=\"l2-mfc-tab\" onclick=\"l2MfcTabSwitch(this, 'legs')\">Bacaklar<\/div>\r\n  <\/div>\r\n\r\n  <!-- HAIR (active) -->\r\n  <div class=\"l2-mfc-content active\" data-mfc=\"hair\">\r\n    <div class=\"l2-mfc-card\">\r\n      <div class=\"l2-mfc-card-left\">\r\n        <h3>Sa\u00e7 \u00d6zelle\u015ftirme<\/h3>\r\n        <p class=\"l2-mfc-card-desc\">\r\n          Basit ve Etkileyici alt kategoriler. Kel se\u00e7ene\u011fi mevcuttur. Kategori ba\u015f\u0131na farkl\u0131 renklerde ~30 stil: kahverengi, siyah, k\u0131rm\u0131z\u0131, gri ve daha fazlas\u0131.\r\n        <\/p>\r\n\r\n        <!-- Categories \u2014 directly on red bg, just pills + divider -->\r\n        <div class=\"l2-mfc-label\">Kategoriler:<\/div>\r\n        <div class=\"l2-mfc-pill-row\">\r\n          <div class=\"l2-mfc-pill\">Kad\u0131n<\/div>\r\n          <div class=\"l2-mfc-pill\">Erkek<\/div>\r\n          <div class=\"l2-mfc-pill\">\u00c7ocuk<\/div>\r\n        <\/div>\r\n        <div class=\"l2-mfc-hdivider\"><\/div>\r\n        <div class=\"l2-mfc-pill-row\">\r\n          <div class=\"l2-mfc-pill\">K\u0131sa<\/div>\r\n          <div class=\"l2-mfc-pill\">Uzun<\/div>\r\n          <div class=\"l2-mfc-pill\">\u015eapka<\/div>\r\n        <\/div>\r\n\r\n        <!-- Color in white panel (kept) -->\r\n        <div class=\"l2-mfc-panel\">\r\n          <div class=\"l2-mfc-label\">Renk:<\/div>\r\n          <div class=\"l2-mfc-colors\">\r\n            <span class=\"l2-mfc-color rainbow\"><\/span>\r\n            <div class=\"l2-mfc-vdivider\"><\/div>\r\n            <span class=\"l2-mfc-color\" style=\"background:#1D1D1B\"><\/span>\r\n            <span class=\"l2-mfc-color\" style=\"background:#E67E22\"><\/span>\r\n            <span class=\"l2-mfc-color\" style=\"background:#F1C40F\"><\/span>\r\n            <span class=\"l2-mfc-color\" style=\"background:#95A5A6\"><\/span>\r\n            <span class=\"l2-mfc-color\" style=\"background:#FFFFFF; border-color:#DDD\"><\/span>\r\n            <span class=\"l2-mfc-color\" style=\"background:#FF6BCB\"><\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"l2-mfc-shot\">\r\n        <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/38b9516eb20dcb976768034fce600ea67ad76a0d.png\" alt=\"Hair Customization Screen\" \/>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- HEAD (placeholder) -->\r\n  <div class=\"l2-mfc-content\" data-mfc=\"head\">\r\n    <div class=\"l2-mfc-placeholder\">Kafa \u00d6zelle\u015ftirme - \u00e7ok yak\u0131nda<\/div>\r\n  <\/div>\r\n\r\n  <!-- TORSO (placeholder) -->\r\n  <div class=\"l2-mfc-content\" data-mfc=\"torso\">\r\n    <div class=\"l2-mfc-placeholder\">G\u00f6vde \u00d6zelle\u015ftirme - \u00e7ok yak\u0131nda<\/div>\r\n  <\/div>\r\n\r\n  <!-- LEGS (placeholder) -->\r\n  <div class=\"l2-mfc-content\" data-mfc=\"legs\">\r\n    <div class=\"l2-mfc-placeholder\">Bacak \u00d6zelle\u015ftirme - \u00e7ok yak\u0131nda<\/div>\r\n  <\/div>\r\n\r\n  <!-- 4 ACTION BRICK BUTTONS -->\r\n  <div class=\"l2-actions\">\r\n    <div class=\"l2-action-btn c-red\">\r\n      <div class=\"l2-action-studs\"><\/div>\r\n      <img decoding=\"async\" class=\"l2-action-icon\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-139-1.png\" alt=\"Reset\" \/>\r\n      <h3>S\u0131f\u0131rla<\/h3>\r\n      <p>T\u00fcm se\u00e7imleri varsay\u0131lana s\u0131f\u0131rla<\/p>\r\n    <\/div>\r\n    <div class=\"l2-action-btn c-yellow\">\r\n      <div class=\"l2-action-studs\"><\/div>\r\n      <img decoding=\"async\" class=\"l2-action-icon\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-52.png\" alt=\"Surprise Me\" \/>\r\n      <h3>\u015ea\u015f\u0131rt Beni!<\/h3>\r\n      <p>Rastgele bir kombinasyon olu\u015fturun<\/p>\r\n    <\/div>\r\n    <div class=\"l2-action-btn c-green\">\r\n      <div class=\"l2-action-studs\"><\/div>\r\n      <img decoding=\"async\" class=\"l2-action-icon\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-139.png\" alt=\"User Ready\" \/>\r\n      <h3>Kullan\u0131c\u0131 Haz\u0131r<\/h3>\r\n      <p>Varsay\u0131lan Mini ile h\u0131zl\u0131ca ba\u015flay\u0131n<\/p>\r\n    <\/div>\r\n    <div class=\"l2-action-btn c-blue\">\r\n      <div class=\"l2-action-studs\"><\/div>\r\n      <img decoding=\"async\" class=\"l2-action-icon\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-140-1.png\" alt=\"Save\" \/>\r\n      <h3>Kaydet<\/h3>\r\n      <p>Mini'yi kaydedin ve sahneye ge\u00e7in<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\nfunction l2MfcTabSwitch(el, name) {\r\n  var tabs = document.querySelectorAll('.l2-mfc-tab');\r\n  tabs.forEach(function(t) { t.classList.remove('active'); });\r\n  el.classList.add('active');\r\n  var contents = document.querySelectorAll('.l2-mfc-content');\r\n  contents.forEach(function(c) {\r\n    if (c.getAttribute('data-mfc') === name) { c.classList.add('active'); }\r\n    else { c.classList.remove('active'); }\r\n  });\r\n}\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-99e2511 elementor-widget elementor-widget-html\" data-id=\"99e2511\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 2 \u2014 COLOR CUSTOMIZATION\r\n     Section 4 \u2014 Gray border card + 3 color palette rows\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n.l2-colorcust {\r\n  width: 82%;\r\n  margin: 0 auto 20px;\r\n  font-family: 'Montserrat', sans-serif;\r\n  background: #F5F5F5;\r\n  border: 3px solid #C8C8C8;\r\n  border-bottom-width: 6px;\r\n  border-radius: 12px;\r\n  padding: 20px 22px 24px 30px;\r\n  display: grid;\r\n  grid-template-columns: 1fr auto 1.1fr;\r\n  gap: 24px;\r\n  align-items: center;\r\n}\r\n\r\n\/* Vertical divider in middle \u2014 gray, with top\/bottom margin *\/\r\n.l2-colorcust-divider {\r\n  width: 1px;\r\n  background: rgba(0,0,0,0.18);\r\n  margin: 24px 0;\r\n  align-self: stretch;\r\n}\r\n\r\n.l2-colorcust-left h3 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(20px, 2vw, 28px);\r\n  color: #1D1D1B;\r\n  margin: 0 0 10px 0;\r\n  line-height: 1.15;\r\n}\r\n.l2-colorcust-left p {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 600;\r\n  font-size: clamp(13px, 1.2vw, 16px);\r\n  color: #1D1D1B;\r\n  line-height: 1.5;\r\n  margin: 0 0 18px 0;\r\n}\r\n\r\n\/* Palette rows container *\/\r\n.l2-palettes {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 10px;\r\n}\r\n\r\n\/* Single palette row *\/\r\n.l2-palette {\r\n  background: #FFFFFF;\r\n  border: 2px solid #E5E5E5;\r\n  border-radius: 10px;\r\n  padding: 12px 14px;\r\n}\r\n.l2-palette-label {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(11px, 1vw, 13px);\r\n  color: #1D1D1B;\r\n  letter-spacing: 0.5px;\r\n  margin-bottom: 8px;\r\n}\r\n.l2-palette-row {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  flex-wrap: wrap;\r\n}\r\n.l2-palette-icon {\r\n  width: 38px;\r\n  height: 38px;\r\n  background: #FFFFFF;\r\n  border: 2px solid #E5E5E5;\r\n  border-radius: 8px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #1D1D1B;\r\n  flex-shrink: 0;\r\n}\r\n.l2-palette-icon svg {\r\n  width: 22px;\r\n  height: 22px;\r\n}\r\n.l2-palette-icon svg[viewBox=\"0 0 40 20\"] {\r\n  width: 32px;\r\n  height: 16px;\r\n}\r\n.l2-palette-swatch {\r\n  width: 26px;\r\n  height: 26px;\r\n  border-radius: 50%;\r\n  flex-shrink: 0;\r\n  border: 2px solid transparent;\r\n}\r\n.l2-palette-swatch.selected {\r\n  border-color: #2ECC71;\r\n  box-shadow: 0 0 0 2px #FFFFFF inset;\r\n}\r\n\r\n\/* Right side \u2014 screenshot *\/\r\n.l2-colorcust-shot {\r\n  background: #FFFFFF;\r\n  border-radius: 10px;\r\n  padding: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  overflow: hidden;\r\n}\r\n.l2-colorcust-shot img {\r\n  width: 100%;\r\n  max-width: 100%;\r\n  height: auto;\r\n  display: block;\r\n  border-radius: 4px;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .l2-colorcust {\r\n    grid-template-columns: 1fr;\r\n    gap: 20px;\r\n    padding: 20px;\r\n  }\r\n  .l2-colorcust-divider { display: none; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"l2-colorcust\">\r\n  <div class=\"l2-colorcust-left\">\r\n    <h3>Renk \u00d6zelle\u015ftirme<\/h3>\r\n    <p>Kad\u0131n modunda, 'Ka\u015flar ve Kirpikler' olarak g\u00f6sterilir. G\u00f6zl\u00fckler i\u00e7in: \u00f6nce \u015fekli, sonra rengi se\u00e7in.<\/p>\r\n\r\n    <div class=\"l2-palettes\">\r\n      <!-- BROWS -->\r\n      <div class=\"l2-palette\">\r\n        <div class=\"l2-palette-label\">BROWS<\/div>\r\n        <div class=\"l2-palette-row\">\r\n          <div class=\"l2-palette-icon\">\r\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\">\r\n              <path d=\"M4 14 Q12 6, 20 14\" \/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"l2-palette-swatch\" style=\"background:#1D1D1B\"><\/span>\r\n          <span class=\"l2-palette-swatch\" style=\"background:#D8D8D8; border-color:#DDD\"><\/span>\r\n          <span class=\"l2-palette-swatch\" style=\"background:#A8A8A8\"><\/span>\r\n          <span class=\"l2-palette-swatch\" style=\"background:#6B3410\"><\/span>\r\n          <span class=\"l2-palette-swatch\" style=\"background:#4A2510\"><\/span>\r\n          <span class=\"l2-palette-swatch\" style=\"background:#A52A2A\"><\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- EYES -->\r\n      <div class=\"l2-palette\">\r\n        <div class=\"l2-palette-label\">G\u00d6ZLER<\/div>\r\n        <div class=\"l2-palette-row\">\r\n          <div class=\"l2-palette-icon\">\r\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n              <path d=\"M2 12 Q12 4, 22 12 Q12 20, 2 12 Z\" \/>\r\n              <circle cx=\"12\" cy=\"12\" r=\"3\" fill=\"currentColor\" stroke=\"none\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"l2-palette-swatch\" style=\"background:#1D1D1B\"><\/span>\r\n          <span class=\"l2-palette-swatch\" style=\"background:#6B3410\"><\/span>\r\n          <span class=\"l2-palette-swatch\" style=\"background:#7A8B3C\"><\/span>\r\n          <span class=\"l2-palette-swatch\" style=\"background:#2E5C2E\"><\/span>\r\n          <span class=\"l2-palette-swatch\" style=\"background:#2E6FC7\"><\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- GLASSES -->\r\n      <div class=\"l2-palette\">\r\n        <div class=\"l2-palette-label\">G\u00d6ZL\u00dcKLER<\/div>\r\n        <div class=\"l2-palette-row\">\r\n          <div class=\"l2-palette-icon\">\r\n            <svg viewbox=\"0 0 40 20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\">\r\n              <circle cx=\"10\" cy=\"10\" r=\"6.5\" \/>\r\n              <circle cx=\"30\" cy=\"10\" r=\"6.5\" \/>\r\n              <line x1=\"16.5\" y1=\"10\" x2=\"23.5\" y2=\"10\" stroke-linecap=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"l2-palette-swatch\" style=\"background:#1D1D1B\"><\/span>\r\n          <span class=\"l2-palette-swatch\" style=\"background:#6B3410\"><\/span>\r\n          <span class=\"l2-palette-swatch\" style=\"background:#1F3A8A\"><\/span>\r\n          <span class=\"l2-palette-swatch\" style=\"background:#E52828\"><\/span>\r\n          <span class=\"l2-palette-swatch\" style=\"background:#237841\"><\/span>\r\n          <span class=\"l2-palette-swatch\" style=\"background:#E67E22\"><\/span>\r\n          <span class=\"l2-palette-swatch\" style=\"background:#FF6BCB\"><\/span>\r\n          <span class=\"l2-palette-swatch\" style=\"background:#8E44AD\"><\/span>\r\n          <span class=\"l2-palette-swatch\" style=\"background:#95A5A6\"><\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"l2-colorcust-divider\"><\/div>\r\n\r\n  <div class=\"l2-colorcust-shot\">\r\n    <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/51977175da4faeff46ad5a7d3fdcb719902c4203.png\" alt=\"Color Customization Screen\" \/>\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1b9d322 elementor-widget elementor-widget-html\" data-id=\"1b9d322\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 2 \u2014 MINI 2 REMINDER\r\n     Section 5 \u2014 Blue alert with BLACK border + warning icon\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n.l2-reminder {\r\n  width: 82%;\r\n  margin: 0 auto 30px;\r\n  font-family: 'Montserrat', sans-serif;\r\n  background: #0055BF;\r\n  border: 3px solid #000000;\r\n  border-bottom-width: 10px;\r\n  border-radius: 12px;\r\n  padding: 22px 30px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 28px;\r\n  color: #FFFFFF;\r\n}\r\n\r\n.l2-reminder-icon {\r\n  flex-shrink: 0;\r\n  width: 64px;\r\n  height: 64px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.l2-reminder-icon img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: contain;\r\n}\r\n\r\n.l2-reminder-body {\r\n  flex: 1;\r\n  min-width: 0;\r\n}\r\n.l2-reminder-body h3 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(18px, 1.8vw, 24px);\r\n  color: #FFFFFF;\r\n  margin: 0 0 6px 0;\r\n  line-height: 1.15;\r\n}\r\n.l2-reminder-body p {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 600;\r\n  font-size: clamp(13px, 1.2vw, 16px);\r\n  color: #FFFFFF;\r\n  line-height: 1.5;\r\n  margin: 0;\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .l2-reminder {\r\n    padding: 18px 20px;\r\n    gap: 16px;\r\n  }\r\n  .l2-reminder-icon { width: 48px; height: 48px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"l2-reminder\">\r\n  <div class=\"l2-reminder-icon\">\r\n    <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Vector.png\" alt=\"Warning\" \/>\r\n  <\/div>\r\n  <div class=\"l2-reminder-body\">\r\n    <h3>Mini 2 Hat\u0131rlatma<\/h3>\r\n    <p>Mini 2'yi \u00f6zelle\u015ftirmeden Mini 1'i kaydederken, bir \"Bir Saniye Bekleyin!\" uyar\u0131s\u0131 g\u00f6r\u00fcnt\u00fclenir. \u00dc\u00e7 se\u00e7enek vard\u0131r: \u00d6zelle\u015ftir \/ Haz\u0131r Kullan \/ \u015ea\u015f\u0131rt Beni!<\/p>\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0156633 elementor-widget elementor-widget-html\" data-id=\"0156633\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 2 \u2014 BUILD A MINI THAT LOOKS LIKE YOU\r\n     Section 6 \u2014 Yellow card + BLACK border + match demo\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n.l2-buildmini {\r\n  width: 82%;\r\n  margin: 0 auto 60px;\r\n  font-family: 'Montserrat', sans-serif;\r\n  background: #FFCC00;\r\n  border: 3px solid #000000;\r\n  border-bottom-width: 10px;\r\n  border-radius: 12px;\r\n  padding: 24px 32px 22px 32px;\r\n  color: #1D1D1B;\r\n}\r\n\r\n.l2-buildmini-top {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.8fr;\r\n  gap: 30px;\r\n  align-items: start;\r\n  margin-bottom: 24px;\r\n}\r\n.l2-buildmini-top h2 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(20px, 2vw, 28px);\r\n  color: #1D1D1B;\r\n  margin: 0;\r\n  line-height: 1.2;\r\n}\r\n.l2-buildmini-top p {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 600;\r\n  font-size: clamp(13px, 1.2vw, 16px);\r\n  color: #1D1D1B;\r\n  line-height: 1.55;\r\n  margin: 0;\r\n}\r\n\r\n\/* Demo row: Real Child col | Match | Mini Version col *\/\r\n.l2-buildmini-demo {\r\n  display: grid;\r\n  grid-template-columns: 1fr auto 1fr;\r\n  gap: 20px;\r\n  align-items: start;\r\n}\r\n\r\n\/* White outer wrapper \u2014 her iki kart da bu beyaz \u00e7er\u00e7eveye sahip *\/\r\n.l2-mini-wrap {\r\n  background: #FFFFFF;\r\n  border-radius: 14px;\r\n  padding: 6px;\r\n}\r\n\r\n\/* Real Child inner \u2014 cream + dashed border *\/\r\n.l2-mini-inner-real {\r\n  background: #FFF9DB;\r\n  border: 2px dashed rgba(0,0,0,0.22);\r\n  border-radius: 10px;\r\n  padding: 22px 18px;\r\n  text-align: center;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n\r\n\/* Mini Version inner \u2014 yellow (section bg) + BLACK solid border *\/\r\n.l2-mini-inner-mini {\r\n  background: #FFCC00;\r\n  border: 2px solid #000000;\r\n  border-radius: 10px;\r\n  padding: 22px 18px;\r\n  text-align: center;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n\r\n.l2-mini-inner-real img,\r\n.l2-mini-inner-mini img {\r\n  width: 58px;\r\n  height: auto;\r\n  display: block;\r\n}\r\n.l2-mini-inner-real h4,\r\n.l2-mini-inner-mini h4 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(15px, 1.4vw, 18px);\r\n  color: #1D1D1B;\r\n  margin: 4px 0 0 0;\r\n}\r\n.l2-mini-inner-real p,\r\n.l2-mini-inner-mini p {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 600;\r\n  font-size: clamp(12px, 1.1vw, 14px);\r\n  color: #1D1D1B;\r\n  margin: 0;\r\n  line-height: 1.4;\r\n}\r\n\r\n\/* AI disclaimer \u2014 sadece Real Child kolonunun alt\u0131nda *\/\r\n.l2-mini-col-real {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 10px;\r\n}\r\n.l2-buildmini-foot {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 500;\r\n  font-size: clamp(11px, 1vw, 13px);\r\n  color: rgba(0,0,0,0.55);\r\n  text-align: center;\r\n  margin: 0;\r\n  font-style: italic;\r\n}\r\n\r\n\/* Match section (ortadaki) *\/\r\n.l2-match {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 12px;\r\n  padding-top: 40px; \/* center vertically-ish *\/\r\n}\r\n.l2-match-arrow {\r\n  display: block;\r\n  line-height: 0;\r\n}\r\n.l2-match-btn {\r\n  background: #FFFFFF;\r\n  color: #1D1D1B;\r\n  border: 2px solid #000000;\r\n  border-bottom-width: 6px;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(13px, 1.2vw, 16px);\r\n  padding: 8px 22px;\r\n  border-radius: 10px;\r\n  letter-spacing: 0.3px;\r\n}\r\n\r\n@media (max-width: 700px) {\r\n  .l2-buildmini-top {\r\n    grid-template-columns: 1fr;\r\n    gap: 14px;\r\n  }\r\n  .l2-buildmini-demo {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  .l2-match {\r\n    flex-direction: row;\r\n    justify-content: center;\r\n    padding-top: 0;\r\n  }\r\n  .l2-match-arrow svg { transform: rotate(90deg); }\r\n}\r\n<\/style>\r\n\r\n<div class=\"l2-buildmini\">\r\n  <div class=\"l2-buildmini-top\">\r\n    <h2>Bir Mini in\u015fa edin<br>sana benziyor.<\/h2>\r\n    <p>\u00c7ocuk iki Mini karakteri ayr\u0131 ayr\u0131 olu\u015fturur: Mini 1 kendilerini, Mini 2 ise konu\u015facaklar\u0131 ki\u015fiyi temsil eder. Sa\u00e7 rengi, g\u00f6z rengi, g\u00f6zl\u00fck stili - her ayr\u0131nt\u0131 \u00e7ocu\u011fun kontrol\u00fcndedir. Kendilerine benzeyen bir karakter in\u015fa etmek Mini ile aralar\u0131ndaki ba\u011f\u0131 g\u00fc\u00e7lendirir ve kay\u0131t motivasyonunu do\u011frudan art\u0131r\u0131r.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"l2-buildmini-demo\">\r\n\r\n    <!-- LEFT: Real Child card + AI disclaimer -->\r\n    <div class=\"l2-mini-col-real\">\r\n      <div class=\"l2-mini-wrap\">\r\n        <div class=\"l2-mini-inner-real\">\r\n          <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/7476b5816f4628ed55648a07eca5eb231b3fe5a4.png\" alt=\"Real Child\" \/>\r\n          <h4>Ger\u00e7ek \u00c7ocuk<\/h4>\r\n          <p>K\u0131rm\u0131z\u0131 g\u00f6zl\u00fckler - Mavi g\u00f6zler - Kahverengi sa\u00e7lar<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <p class=\"l2-buildmini-foot\">G\u00f6r\u00fcnt\u00fcler, kimli\u011fi korumak i\u00e7in yapay zeka taraf\u0131ndan olu\u015fturulmu\u015ftur.<\/p>\r\n    <\/div>\r\n\r\n    <!-- MIDDLE: Arrow + Match button -->\r\n    <div class=\"l2-match\">\r\n      <div class=\"l2-match-arrow\">\r\n        <svg width=\"52\" height=\"18\" viewbox=\"0 0 52 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <path d=\"M2 9 H44 M36 2 L44 9 L36 16\" stroke=\"#000000\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <span class=\"l2-match-btn\">Ma\u00e7<\/span>\r\n    <\/div>\r\n\r\n    <!-- RIGHT: Mini Version card -->\r\n    <div class=\"l2-mini-col-mini\">\r\n      <div class=\"l2-mini-wrap\">\r\n        <div class=\"l2-mini-inner-mini\">\r\n          <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/7476b5816f4628ed55648a07eca5eb231b3fe5a4.png\" alt=\"Mini Version\" \/>\r\n          <h4>Mini Versiyon<\/h4>\r\n          <p>K\u0131rm\u0131z\u0131 g\u00f6zl\u00fckler - Mavi g\u00f6zler - Kahverengi sa\u00e7lar<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-46d3bb0 elementor-widget elementor-widget-html\" data-id=\"46d3bb0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 3 \u2014 HEADER + COLOR-CODED BRICK SLOT SYSTEM\r\n     Section 0 \u2014 Header bar + intro card\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n\/* ============ HEADER BAR ============ *\/\r\n.l3-header-wrap {\r\n  width: 82%;\r\n  margin: 60px auto 30px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 20px;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n.l3-bars {\r\n  flex: 1;\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  height: 5px;\r\n}\r\n.l3-bars span:nth-child(1) { background: #E52828; }\r\n.l3-bars span:nth-child(2) { background: #FFCC00; }\r\n.l3-bars span:nth-child(3) { background: #0055BF; }\r\n.l3-bars span:nth-child(4) { background: #237841; }\r\n\r\n.l3-header-title {\r\n  font-weight: 900;\r\n  font-size: clamp(24px, 2.8vw, 42px);\r\n  margin: 0;\r\n  white-space: nowrap;\r\n  line-height: 1.1;\r\n}\r\n.l3-header-title .prefix {\r\n  color: #E52828;\r\n  margin-right: 10px;\r\n}\r\n.l3-header-title .konturlu {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  color: #FFFFFF;\r\n  -webkit-text-stroke: 2px #E52828;\r\n  paint-order: stroke fill;\r\n  text-shadow:\r\n    2px 2px 0 #E52828,\r\n    -2px -2px 0 #E52828,\r\n    2px -2px 0 #E52828,\r\n    -2px 2px 0 #E52828,\r\n    0 2px 0 #E52828,\r\n    0 -2px 0 #E52828,\r\n    2px 0 0 #E52828,\r\n    -2px 0 0 #E52828;\r\n  letter-spacing: 1px;\r\n  white-space: nowrap;\r\n  line-height: 1.1;\r\n}\r\n\r\n\/* ============ COLOR-CODED CARD ============ *\/\r\n.l3-colorcoded {\r\n  width: 82%;\r\n  margin: 0 auto 30px;\r\n  background: #F5F5F5;\r\n  border: 3px solid #C8C8C8;\r\n  border-bottom-width: 6px;\r\n  border-radius: 12px;\r\n  padding: 18px 24px;\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  gap: 28px;\r\n  align-items: center;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n.l3-colorcoded-bricks {\r\n  display: flex;\r\n  gap: 6px;\r\n  align-items: center;\r\n}\r\n.l3-colorcoded-bricks img {\r\n  height: 54px;\r\n  width: auto;\r\n  display: block;\r\n}\r\n.l3-colorcoded-right h3 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(17px, 1.5vw, 22px);\r\n  color: #1D1D1B;\r\n  margin: 0 0 6px 0;\r\n  line-height: 1.2;\r\n}\r\n.l3-colorcoded-right p {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 500;\r\n  font-size: clamp(13px, 1.2vw, 16px);\r\n  color: #1D1D1B;\r\n  margin: 0;\r\n  line-height: 1.55;\r\n}\r\n\r\n@media (max-width: 700px) {\r\n  .l3-header-wrap { gap: 10px; }\r\n  .l3-colorcoded {\r\n    grid-template-columns: 1fr;\r\n    gap: 14px;\r\n  }\r\n  .l3-colorcoded-bricks img { height: 42px; }\r\n}\r\n<\/style>\r\n\r\n<!-- HEADER -->\r\n<div class=\"l3-header-wrap\">\r\n  <div class=\"l3-bars\"><span><\/span><span><\/span><span><\/span><span><\/span><\/div>\r\n  <h2 class=\"l3-header-title\">\r\n    <span class=\"prefix\">3. Katman:<\/span><span class=\"konturlu\">Etkile\u015fim Sistemi<\/span>\r\n  <\/h2>\r\n  <div class=\"l3-bars\"><span><\/span><span><\/span><span><\/span><span><\/span><\/div>\r\n<\/div>\r\n\r\n<!-- COLOR-CODED CARD -->\r\n<div class=\"l3-colorcoded\">\r\n  <div class=\"l3-colorcoded-bricks\">\r\n    <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-686.png\" alt=\"Red slot\" \/>\r\n    <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-687.png\" alt=\"Blue slot\" \/>\r\n    <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-688.png\" alt=\"Green slot\" \/>\r\n    <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-689.png\" alt=\"Yellow slot\" \/>\r\n    <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-690.png\" alt=\"Red tick\" \/>\r\n  <\/div>\r\n  <div class=\"l3-colorcoded-right\">\r\n    <h3>Renk kodlu tu\u011fla yuvas\u0131 sistemi<\/h3>\r\n    <p>Se\u00e7enekleri g\u00f6stermek i\u00e7in bir yuvaya dokunun. Bir se\u00e7im yap\u0131ld\u0131\u011f\u0131nda, yuva dolar ve bir sonraki etkinle\u015fir.<\/p>\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-82ad0eb elementor-widget elementor-widget-html\" data-id=\"82ad0eb\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 3 \u2014 CATEGORIES (Level\/Mini\/Audio\/Action)\r\n     Section 1 \u2014 4 white cards with colored borders (no studs)\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n.l3-categories {\r\n  width: 82%;\r\n  margin: 0 auto 30px;\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 20px;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n.l3-cat {\r\n  background: #FFFFFF;\r\n  border: 4px solid;\r\n  border-bottom-width: 10px;\r\n  border-radius: 18px;\r\n  padding: 16px 18px;\r\n  text-align: left;\r\n}\r\n\r\n\/* Color variants \u2014 border + label color *\/\r\n.l3-cat.c-red    { border-color: #E52828; }\r\n.l3-cat.c-red    .l3-cat-label { color: #E52828; }\r\n\r\n.l3-cat.c-blue   { border-color: #0055BF; }\r\n.l3-cat.c-blue   .l3-cat-label { color: #0055BF; }\r\n\r\n.l3-cat.c-green  { border-color: #237841; }\r\n.l3-cat.c-green  .l3-cat-label { color: #237841; }\r\n\r\n.l3-cat.c-yellow { border-color: #FFCC00; }\r\n.l3-cat.c-yellow .l3-cat-label { color: #D4A017; }\r\n\r\n\/* Label \u2014 top-left *\/\r\n.l3-cat-label {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(14px, 1.3vw, 18px);\r\n  margin: 0 0 10px 0;\r\n  line-height: 1.1;\r\n}\r\n\r\n\/* Inner content (PNG with mini bricks) \u2014 fixed height, preserves aspect *\/\r\n.l3-cat-bricks {\r\n  height: 60px;\r\n  width: auto;\r\n  max-width: 100%;\r\n  display: block;\r\n  margin: 0 auto;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .l3-categories { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n@media (max-width: 500px) {\r\n  .l3-categories { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"l3-categories\">\r\n  <div class=\"l3-cat c-red\">\r\n    <div class=\"l3-cat-label\">Seviye<\/div>\r\n    <img decoding=\"async\" class=\"l3-cat-bricks\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Frame-22.png\" alt=\"Level bricks\" \/>\r\n  <\/div>\r\n  <div class=\"l3-cat c-blue\">\r\n    <div class=\"l3-cat-label\">Mini<\/div>\r\n    <img decoding=\"async\" class=\"l3-cat-bricks\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/MINI-FGURE.png\" alt=\"Mini bricks\" \/>\r\n  <\/div>\r\n  <div class=\"l3-cat c-green\">\r\n    <div class=\"l3-cat-label\">Ses<\/div>\r\n    <img decoding=\"async\" class=\"l3-cat-bricks\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/VOICE.png\" alt=\"Audio bricks\" \/>\r\n  <\/div>\r\n  <div class=\"l3-cat c-yellow\">\r\n    <div class=\"l3-cat-label\">Eylem<\/div>\r\n    <img decoding=\"async\" class=\"l3-cat-bricks\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/ACTION.png\" alt=\"Action bricks\" \/>\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-af28ef7 elementor-widget elementor-widget-html\" data-id=\"af28ef7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 3 \u2014 TICK BRICK: RED \u2192 GREEN\r\n     Section 2 \u2014 White gray-bordered card with 2 bricks + arrow\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n.l3-tickbrick {\r\n  width: 82%;\r\n  margin: 0 auto 20px;\r\n  background: #FFFFFF;\r\n  border: 4px solid #C8C8C8;\r\n  border-bottom-width: 10px;\r\n  border-radius: 14px;\r\n  padding: 16px 24px;\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  gap: 30px;\r\n  align-items: center;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n.l3-tickbrick-left {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n.l3-tickbrick-left img {\r\n  height: 56px;\r\n  width: auto;\r\n  display: block;\r\n}\r\n.l3-tickbrick-arrow {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: 24px;\r\n  color: #1D1D1B;\r\n  line-height: 1;\r\n}\r\n.l3-tickbrick-right h3 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(17px, 1.5vw, 22px);\r\n  color: #1D1D1B;\r\n  margin: 0 0 6px 0;\r\n  line-height: 1.2;\r\n}\r\n.l3-tickbrick-right p {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 500;\r\n  font-size: clamp(13px, 1.2vw, 16px);\r\n  color: #1D1D1B;\r\n  margin: 0;\r\n  line-height: 1.55;\r\n}\r\n\r\n@media (max-width: 700px) {\r\n  .l3-tickbrick {\r\n    grid-template-columns: 1fr;\r\n    gap: 14px;\r\n  }\r\n  .l3-tickbrick-left { justify-content: center; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"l3-tickbrick\">\r\n  <div class=\"l3-tickbrick-left\">\r\n    <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-690.png\" alt=\"Red tick\" \/>\r\n    <span class=\"l3-tickbrick-arrow\">\u2192<\/span>\r\n    <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-681.png\" alt=\"Green tick\" \/>\r\n  <\/div>\r\n  <div class=\"l3-tickbrick-right\">\r\n    <h3>Tik Tu\u011fla: K\u0131rm\u0131z\u0131 \u2192 Ye\u015fil<\/h3>\r\n    <p>Bo\u015f yuvalar varken tik tu\u011flas\u0131 k\u0131rm\u0131z\u0131 kal\u0131r. T\u00fcm yuvalar doldu\u011funda otomatik olarak ye\u015file d\u00f6ner - sistem haz\u0131rd\u0131r, animasyon ba\u015flayabilir.<\/p>\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f7d24a elementor-widget elementor-widget-html\" data-id=\"1f7d24a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 3 \u2014 DIALOGUE\r\n     Section 3 \u2014 White gray-bordered card with 7 bricks\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n.l3-dialogue {\r\n  width: 82%;\r\n  margin: 0 auto 30px;\r\n  background: #FFFFFF;\r\n  border: 4px solid #C8C8C8;\r\n  border-bottom-width: 10px;\r\n  border-radius: 14px;\r\n  padding: 16px 24px;\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  gap: 30px;\r\n  align-items: center;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n.l3-dialogue-bricks {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  flex-shrink: 0;\r\n}\r\n.l3-dialogue-bricks img {\r\n  height: 54px;\r\n  width: auto;\r\n  display: block;\r\n}\r\n.l3-dialogue-right h3 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(17px, 1.5vw, 22px);\r\n  color: #1D1D1B;\r\n  margin: 0 0 6px 0;\r\n  line-height: 1.2;\r\n}\r\n.l3-dialogue-right p {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 500;\r\n  font-size: clamp(13px, 1.2vw, 16px);\r\n  color: #1D1D1B;\r\n  margin: 0;\r\n  line-height: 1.55;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .l3-dialogue {\r\n    grid-template-columns: 1fr;\r\n    gap: 14px;\r\n  }\r\n  .l3-dialogue-bricks {\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n  }\r\n  .l3-dialogue-bricks img { height: 42px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"l3-dialogue\">\r\n  <div class=\"l3-dialogue-bricks\">\r\n    <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-165.png\" alt=\"Dialogue\" \/>\r\n    <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-166.png\" alt=\"Mini-1\" \/>\r\n    <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-688.png\" alt=\"Slot\" \/>\r\n    <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-175.png\" alt=\"Mini-2\" \/>\r\n    <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-688.png\" alt=\"Slot\" \/>\r\n    <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-689.png\" alt=\"Slot\" \/>\r\n    <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-690.png\" alt=\"Tick\" \/>\r\n  <\/div>\r\n  <div class=\"l3-dialogue-right\">\r\n    <h3>Diyalog<\/h3>\r\n    <p>Diyalog modu se\u00e7ildi\u011finde, Mini 2 + Ses 2 yuvalar\u0131 otomatik olarak geni\u015fler. Di\u011fer seviyelerde gizlidir. \u0130ki Mini, iki demo, iki kay\u0131t.<\/p>\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-997dfd3 elementor-widget elementor-widget-html\" data-id=\"997dfd3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 3 \u2014 DEMO SEQUENCES\r\n     Section 4 \u2014 \"When Demo is selected\" + \"After recording\" (2 side-by-side)\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n.l3-demoseq {\r\n  width: 82%;\r\n  margin: 0 auto 20px;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 20px;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n.l3-demo-card {\r\n  background: #FFFFFF;\r\n  border: 4px solid #C8C8C8;\r\n  border-bottom-width: 10px;\r\n  border-radius: 14px;\r\n  padding: 16px 20px;\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  gap: 20px;\r\n  align-items: center;\r\n}\r\n.l3-demo-left {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  flex-shrink: 0;\r\n}\r\n.l3-demo-left img {\r\n  height: 54px;\r\n  width: auto;\r\n  display: block;\r\n}\r\n.l3-demo-arrow {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: 22px;\r\n  color: #1D1D1B;\r\n  margin: 0 2px;\r\n}\r\n.l3-demo-right h3 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(15px, 1.35vw, 19px);\r\n  color: #1D1D1B;\r\n  margin: 0 0 6px 0;\r\n  line-height: 1.2;\r\n}\r\n.l3-demo-right p {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 500;\r\n  font-size: clamp(12px, 1.1vw, 14px);\r\n  color: #1D1D1B;\r\n  margin: 0;\r\n  line-height: 1.55;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .l3-demoseq { grid-template-columns: 1fr; }\r\n}\r\n@media (max-width: 550px) {\r\n  .l3-demo-card {\r\n    grid-template-columns: 1fr;\r\n    gap: 12px;\r\n  }\r\n  .l3-demo-left { justify-content: center; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"l3-demoseq\">\r\n  <!-- When Demo is selected -->\r\n  <div class=\"l3-demo-card\">\r\n    <div class=\"l3-demo-left\">\r\n      <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-684.png\" alt=\"Demo-1\" \/>\r\n      <span class=\"l3-demo-arrow\">\u2192<\/span>\r\n      <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-158.png\" alt=\"Play\" \/>\r\n      <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-162.png\" alt=\"Reset\" \/>\r\n    <\/div>\r\n    <div class=\"l3-demo-right\">\r\n      <h3>Demo se\u00e7ildi\u011finde<\/h3>\r\n      <p>Oynat ve S\u0131f\u0131rla etkin<br>Etkin olmayanlar\u0131 kaydetme ve silme<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- After recording -->\r\n  <div class=\"l3-demo-card\">\r\n    <div class=\"l3-demo-left\">\r\n      <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-159.png\" alt=\"Record\" \/>\r\n      <span class=\"l3-demo-arrow\">\u2192<\/span>\r\n      <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-682.png\" alt=\"Play\" \/>\r\n    <\/div>\r\n    <div class=\"l3-demo-right\">\r\n      <h3>Kay\u0131ttan sonra<\/h3>\r\n      <p>Otomatik se\u00e7ileni oynat<br>Etkinli\u011fi sil<br>S\u0131f\u0131rlama etkin<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3599f62 elementor-widget elementor-widget-html\" data-id=\"3599f62\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 3 \u2014 BLACK BRICK: EXPERT SAVE\r\n     Section 5 \u2014 White gray-bordered card\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n.l3-blackbrick {\r\n  width: 82%;\r\n  margin: 0 auto 30px;\r\n  background: #FFFFFF;\r\n  border: 4px solid #C8C8C8;\r\n  border-bottom-width: 10px;\r\n  border-radius: 14px;\r\n  padding: 16px 24px;\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  gap: 30px;\r\n  align-items: center;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n.l3-blackbrick img {\r\n  height: 56px;\r\n  width: auto;\r\n  display: block;\r\n  flex-shrink: 0;\r\n}\r\n.l3-blackbrick-right h3 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(17px, 1.5vw, 22px);\r\n  color: #1D1D1B;\r\n  margin: 0 0 6px 0;\r\n  line-height: 1.2;\r\n}\r\n.l3-blackbrick-right p {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 500;\r\n  font-size: clamp(13px, 1.2vw, 16px);\r\n  color: #1D1D1B;\r\n  margin: 0;\r\n  line-height: 1.55;\r\n}\r\n\r\n@media (max-width: 700px) {\r\n  .l3-blackbrick {\r\n    grid-template-columns: 1fr;\r\n    gap: 14px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"l3-blackbrick\">\r\n  <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-685.png\" alt=\"Black Save Brick\" \/>\r\n  <div class=\"l3-blackbrick-right\">\r\n    <h3>Siyah Tu\u011fla: Uzman Tasarrufu<\/h3>\r\n    <p>Uzman, ba\u011fl\u0131 bir \u00e7ocu\u011fun kayd\u0131n\u0131 kendi paneline kaydeder. Ses cihazda kal\u0131r - yaln\u0131zca say\u0131sal veriler (s\u00fcre, seviye, tarih) sunucuya gider. Ebeveyn onay\u0131 gerektirir.<\/p>\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7cc57ce elementor-widget elementor-widget-html\" data-id=\"7cc57ce\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 3 \u2014 RECORD SCREENS\r\n     Section 6 \u2014 Record Sound\/Word\/Sentence + Record Dialogue\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n.l3-records {\r\n  width: 82%;\r\n  margin: 0 auto 40px;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 24px;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n.l3-record-card {\r\n  background: #FFFFFF;\r\n  border: 4px solid #C8C8C8;\r\n  border-bottom-width: 10px;\r\n  border-radius: 14px;\r\n  padding: 16px;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.2fr;\r\n  gap: 18px;\r\n  align-items: center;\r\n}\r\n.l3-record-img {\r\n  width: 100%;\r\n  height: auto;\r\n  display: block;\r\n  border-radius: 8px;\r\n}\r\n.l3-record-text h3 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(16px, 1.4vw, 20px);\r\n  color: #1D1D1B;\r\n  margin: 0 0 10px 0;\r\n  line-height: 1.25;\r\n}\r\n.l3-record-text p {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 500;\r\n  font-size: clamp(12px, 1.1vw, 14px);\r\n  color: #1D1D1B;\r\n  margin: 0 0 8px 0;\r\n  line-height: 1.5;\r\n}\r\n.l3-record-text p:last-child { margin-bottom: 0; }\r\n\r\n@media (max-width: 900px) {\r\n  .l3-records { grid-template-columns: 1fr; }\r\n}\r\n@media (max-width: 550px) {\r\n  .l3-record-card { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"l3-records\">\r\n  <!-- Record \u2014 Sound, Word, Sentence -->\r\n  <div class=\"l3-record-card\">\r\n    <img decoding=\"async\" class=\"l3-record-img\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/image-4.png\" alt=\"Record screen\" \/>\r\n    <div class=\"l3-record-text\">\r\n      <h3>Kay\u0131t<br>Ses, Kelime, C\u00fcmle<\/h3>\r\n      <p>Tek Mini ses giri\u015fi.<\/p>\r\n      <p>Sistem, e\u015flenen bir ses ak\u0131\u015f\u0131n\u0131 kaydeder: Sahne \u00d7 Seviye \u00d7 Mini \u00d7 Kay\u0131t Yuvas\u0131.<\/p>\r\n      <p>S\u00fcre s\u0131n\u0131rl\u0131d\u0131r ve ger\u00e7ek zamanl\u0131 olarak kontrol edilir.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Record \u2014 Dialogue -->\r\n  <div class=\"l3-record-card\">\r\n    <img decoding=\"async\" class=\"l3-record-img\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/image-2.png\" alt=\"Record dialogue screen\" \/>\r\n    <div class=\"l3-record-text\">\r\n      <h3>Kay\u0131t - Diyalog<\/h3>\r\n      <p>\u00c7ift Mini etkile\u015fim.<\/p>\r\n      <p>Her Mini ba\u011f\u0131ms\u0131z bir ses yuvas\u0131na sahiptir.<\/p>\r\n      <p>Kullan\u0131c\u0131 aktif Mini'yi se\u00e7er ve ayr\u0131 ayr\u0131 kaydeder.<\/p>\r\n      <p>Bu, ayn\u0131 sahne i\u00e7inde s\u0131ral\u0131 \u00e7oklu rol etkile\u015fimini m\u00fcmk\u00fcn k\u0131lar.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-da0a66c elementor-widget elementor-widget-html\" data-id=\"da0a66c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 3 \u2014 FROM SOUND TO DIALOGUE\r\n     Section 7 \u2014 Red title + 4 RED studded cards (all same color)\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n.l3-s2d {\r\n  width: 82%;\r\n  margin: 40px auto 30px;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n.l3-s2d-title {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(28px, 3.2vw, 48px);\r\n  color: #E52828;\r\n  margin: 0 0 14px 0;\r\n  line-height: 1.15;\r\n}\r\n.l3-s2d-desc {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 600;\r\n  font-size: clamp(14px, 1.3vw, 18px);\r\n  color: #1D1D1B;\r\n  line-height: 1.6;\r\n  margin: 0 0 60px 0;\r\n  max-width: 85%;\r\n}\r\n\r\n\/* 4 RED studded brick cards *\/\r\n.l3-s2d-cards {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 20px;\r\n}\r\n.l3-s2d-card {\r\n  position: relative;\r\n  background: #E52828;\r\n  border: 4px solid #E52828;\r\n  border-bottom-width: 10px;\r\n  border-radius: 18px;\r\n  padding: 22px 18px 20px 18px;\r\n  color: #FFFFFF;\r\n  text-align: left;\r\n}\r\n\r\n\/* Red LEGO studs on top (all cards same \u2014 red) *\/\r\n.l3-s2d-studs {\r\n  position: absolute;\r\n  top: -30px;\r\n  left: 2%;\r\n  right: 2%;\r\n  height: 30px;\r\n  background-image: url('https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/02\/yeni-3-kirmizi.png');\r\n  background-repeat: no-repeat;\r\n  background-position: center bottom;\r\n  background-size: 100% auto;\r\n}\r\n\r\n\/* Round icon at top of body *\/\r\n.l3-s2d-icon {\r\n  width: 44px;\r\n  height: 44px;\r\n  display: block;\r\n  margin: 0 0 14px 0;\r\n}\r\n\r\n.l3-s2d-card h3 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(20px, 2vw, 28px);\r\n  color: #FFFFFF;\r\n  margin: 0 0 4px 0;\r\n  line-height: 1.15;\r\n}\r\n.l3-s2d-card h4 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 800;\r\n  font-size: clamp(12px, 1.1vw, 14px);\r\n  color: #FFFFFF;\r\n  margin: 0 0 12px 0;\r\n  line-height: 1.3;\r\n}\r\n.l3-s2d-card p {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 500;\r\n  font-size: clamp(12px, 1.1vw, 14px);\r\n  color: #FFFFFF;\r\n  line-height: 1.5;\r\n  margin: 0 0 8px 0;\r\n}\r\n.l3-s2d-card p:last-child { margin-bottom: 0; }\r\n\r\n@media (max-width: 900px) {\r\n  .l3-s2d-cards { grid-template-columns: repeat(2, 1fr); row-gap: 40px; }\r\n}\r\n@media (max-width: 500px) {\r\n  .l3-s2d-cards { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"l3-s2d\">\r\n  <h2 class=\"l3-s2d-title\">Sesten diyalo\u011fa, ad\u0131m ad\u0131m.<\/h2>\r\n  <p class=\"l3-s2d-desc\">\r\n    Kademeli maruz b\u0131rakma, se\u00e7ici mutizm tedavisinde temel yakla\u015f\u0131md\u0131r. Mini-Talks bu prensibi d\u00f6rt ileti\u015fim seviyesine d\u00f6n\u00fc\u015ft\u00fcr\u00fcr - her seviye \u00e7ocu\u011fun haz\u0131r oldu\u011fu yerden ba\u015flar.\r\n  <\/p>\r\n\r\n  <div class=\"l3-s2d-cards\">\r\n    <!-- Sound -->\r\n    <div class=\"l3-s2d-card\">\r\n      <div class=\"l3-s2d-studs\"><\/div>\r\n      <img decoding=\"async\" class=\"l3-s2d-icon\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Rectangle-632.png\" alt=\"Sound\" \/>\r\n      <h3>Ses<\/h3>\r\n      <h4>Seviye 1 - S\u00f6zs\u00fcz sesler<\/h4>\r\n      <p>Bir sahne ba\u011flam\u0131nda s\u00f6zel olmayan ses \u00e7\u0131k\u0131\u015f\u0131.<\/p>\r\n      <p>\u00c7evreyle ili\u015fkili basit, tekrarlanabilir sesler.<\/p>\r\n      <p>Dil gereksinimi yok - ses aktivasyonuna odaklan\u0131n.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Word -->\r\n    <div class=\"l3-s2d-card\">\r\n      <div class=\"l3-s2d-studs\"><\/div>\r\n      <img decoding=\"async\" class=\"l3-s2d-icon\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Rectangle-632-1.png\" alt=\"Word\" \/>\r\n      <h3>Kelime<\/h3>\r\n      <h4>Seviye 2 - Tek kelimelik yan\u0131tlar<\/h4>\r\n      <p>Sahne unsurlar\u0131yla ba\u011flant\u0131l\u0131 tek kelimelik \u00fcretim.<\/p>\r\n      <p>Nesneler ve eylemler ba\u011flam i\u00e7inde isimlendirilir ve bask\u0131y\u0131 art\u0131rmadan kontroll\u00fc konu\u015fma sa\u011flan\u0131r.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Sentence -->\r\n    <div class=\"l3-s2d-card\">\r\n      <div class=\"l3-s2d-studs\"><\/div>\r\n      <img decoding=\"async\" class=\"l3-s2d-icon\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Rectangle-632-2.png\" alt=\"Sentence\" \/>\r\n      <h3>C\u00fcmle<\/h3>\r\n      <h4>Seviye 3 - C\u00fcmleleri tamamlay\u0131n<\/h4>\r\n      <p>Sahne i\u00e7inde yap\u0131land\u0131r\u0131lm\u0131\u015f c\u00fcmle \u00fcretimi.<\/p>\r\n      <p>\u00c7ocuk, mevcut ba\u011flama ba\u011fl\u0131 k\u0131sa c\u00fcmleler kullanarak isteklerini, tepkilerini veya a\u00e7\u0131klamalar\u0131n\u0131 ifade eder.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Dialogue -->\r\n    <div class=\"l3-s2d-card\">\r\n      <div class=\"l3-s2d-studs\"><\/div>\r\n      <img decoding=\"async\" class=\"l3-s2d-icon\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Rectangle-632-3.png\" alt=\"Dialogue\" \/>\r\n      <h3>Diyalog<\/h3>\r\n      <h4>Seviye 4 - \u0130ki Mini, ileri geri<\/h4>\r\n      <p>\u0130ki Mini kullanarak \u00e7oklu rol etkile\u015fimi.<\/p>\r\n      <p>\u00c7ocuk, temel diyalog yap\u0131lar\u0131n\u0131 olu\u015fturarak payla\u015f\u0131lan bir ba\u011flam i\u00e7inde s\u0131ral\u0131 konu\u015fma \u00fcretir.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d4b0502 elementor-widget elementor-widget-html\" data-id=\"d4b0502\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 3 \u2014 CAFE SCENE BANNER (PNG)\r\n     Section 8 \u2014 Single pre-designed PNG display\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n.l3-cafe-wrap {\r\n  width: 100%;\r\n  margin: 20px auto 30px;\r\n  text-align: center;\r\n  line-height: 0;\r\n}\r\n.l3-cafe-wrap img {\r\n  width: 100%;\r\n  max-width: 100%;\r\n  height: auto;\r\n  display: block;\r\n  margin: 0 auto;\r\n}\r\n<\/style>\r\n\r\n<div class=\"l3-cafe-wrap\">\r\n  <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-722.png\" alt=\"LEGO Cafe Scene \u2014 Sound, Word, Sentence, Dialogue\" \/>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-846a5ce elementor-widget elementor-widget-html\" data-id=\"846a5ce\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 3 \u2014 SCENE INTEGRATION\r\n     Section 9 \u2014 Soft blue card (#E2EFFF) with 4 pills structure\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n.l3-sceneint {\r\n  width: 82%;\r\n  margin: 0 auto 30px;\r\n  background: #E2EFFF;\r\n  border: 4px solid #0055BF;\r\n  border-bottom-width: 10px;\r\n  border-radius: 14px;\r\n  padding: 20px 26px 22px;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n.l3-sceneint h3 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(18px, 1.7vw, 24px);\r\n  color: #1D1D1B;\r\n  margin: 0 0 6px 0;\r\n  line-height: 1.2;\r\n}\r\n.l3-sceneint-desc {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 500;\r\n  font-size: clamp(13px, 1.2vw, 16px);\r\n  color: #1D1D1B;\r\n  line-height: 1.55;\r\n  margin: 0 0 18px 0;\r\n}\r\n\r\n.l3-sceneint-divider {\r\n  height: 1px;\r\n  background: rgba(0,85,191,0.3);\r\n  margin: 14px 0 16px;\r\n}\r\n\r\n.l3-sceneint-subtitle {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(13px, 1.2vw, 15px);\r\n  color: #1D1D1B;\r\n  margin: 0 0 12px 0;\r\n}\r\n\r\n.l3-sceneint-row {\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  gap: 24px;\r\n  align-items: center;\r\n}\r\n\r\n.l3-sceneint-pills {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  flex-wrap: wrap;\r\n}\r\n.l3-sceneint-pill {\r\n  background: #FFFFFF;\r\n  border: 2px solid;\r\n  border-bottom-width: 6px;\r\n  border-radius: 8px;\r\n  padding: 7px 14px 5px;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(12px, 1.1vw, 14px);\r\n  line-height: 1;\r\n  white-space: nowrap;\r\n  color: #1D1D1B;\r\n}\r\n.l3-sceneint-pill.c-red   { border-color: #E52828; }\r\n.l3-sceneint-pill.c-blue  { border-color: #0055BF; }\r\n.l3-sceneint-pill.c-green { border-color: #237841; }\r\n\r\n.l3-sceneint-x {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: 14px;\r\n  color: #1D1D1B;\r\n}\r\n\r\n.l3-sceneint-note {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 500;\r\n  font-size: clamp(12px, 1.1vw, 14px);\r\n  color: #1D1D1B;\r\n  line-height: 1.5;\r\n  margin: 0;\r\n}\r\n\r\n@media (max-width: 800px) {\r\n  .l3-sceneint-row {\r\n    grid-template-columns: 1fr;\r\n    gap: 14px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"l3-sceneint\">\r\n  <h3>Sahne Entegrasyonu<\/h3>\r\n  <p class=\"l3-sceneint-desc\">\u00d6zelle\u015ftirilmi\u015f Mini se\u00e7ilen sahneye yerle\u015ftirilir. K\u0131sa bir sahne animasyonundan sonra, bu Mini'lerle konu\u015fma animasyonu ba\u015flar. Demo oynat\u0131m\u0131 s\u0131ras\u0131nda Mini'nin a\u011f\u0131z animasyonu da oynat\u0131l\u0131r - \u00e7ocuk kendi karakterinin konu\u015ftu\u011funu g\u00f6r\u00fcr.<\/p>\r\n\r\n  <div class=\"l3-sceneint-divider\"><\/div>\r\n\r\n  <div class=\"l3-sceneint-subtitle\">\u0130\u00e7erik Yap\u0131s\u0131<\/div>\r\n\r\n  <div class=\"l3-sceneint-row\">\r\n    <div class=\"l3-sceneint-pills\">\r\n      <span class=\"l3-sceneint-pill c-red\">Sahne<\/span>\r\n      <span class=\"l3-sceneint-x\">\u00d7<\/span>\r\n      <span class=\"l3-sceneint-pill c-red\">Seviye<\/span>\r\n      <span class=\"l3-sceneint-x\">\u00d7<\/span>\r\n      <span class=\"l3-sceneint-pill c-blue\">Mini Konu\u015fma Rol\u00fc<\/span>\r\n      <span class=\"l3-sceneint-x\">\u00d7<\/span>\r\n      <span class=\"l3-sceneint-pill c-green\">Demo ve Konu\u015fma<\/span>\r\n    <\/div>\r\n    <p class=\"l3-sceneint-note\">Her demo i\u00e7eri\u011fi ve kay\u0131t beklentisi bu d\u00f6rt boyutun kesi\u015fimi ile belirlenir.<\/p>\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7ffbc31 elementor-widget elementor-widget-html\" data-id=\"7ffbc31\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 3 \u2014 INTERACTION FLOW\r\n     Section 10 \u2014 Green outer card with Phase 1 + 3 colored mode cards\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n.l3-intflow {\r\n  width: 82%;\r\n  margin: 0 auto 30px;\r\n  background: #FFFFFF;\r\n  border: 4px solid #237841;\r\n  border-bottom-width: 10px;\r\n  border-radius: 14px;\r\n  padding: 22px 28px 26px;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n.l3-intflow-title {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(20px, 2vw, 28px);\r\n  color: #237841;\r\n  margin: 0 0 20px 0;\r\n  line-height: 1.15;\r\n}\r\n\r\n.l3-intflow-phase {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 700;\r\n  font-size: clamp(12px, 1.1vw, 14px);\r\n  color: rgba(0,0,0,0.45);\r\n  margin: 0 0 14px 0;\r\n  letter-spacing: 0.3px;\r\n}\r\n\r\n\/* ============ PHASE 1 ============ *\/\r\n.l3-intflow-phase1 {\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  gap: 24px;\r\n  align-items: center;\r\n  margin-bottom: 8px;\r\n}\r\n.l3-intflow-p1-boxes {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n}\r\n.l3-intflow-p1-box {\r\n  width: 56px;\r\n  height: 56px;\r\n  background: #E5E5E5;\r\n  border-radius: 10px;\r\n}\r\n.l3-intflow-p1-arrow {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: 22px;\r\n  color: #1D1D1B;\r\n}\r\n.l3-intflow-p1-right h4 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(16px, 1.4vw, 20px);\r\n  color: #1D1D1B;\r\n  margin: 0 0 4px 0;\r\n  line-height: 1.2;\r\n}\r\n.l3-intflow-p1-right p {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 500;\r\n  font-size: clamp(13px, 1.2vw, 15px);\r\n  color: #1D1D1B;\r\n  margin: 0;\r\n  line-height: 1.5;\r\n}\r\n\r\n.l3-intflow-divider {\r\n  height: 1px;\r\n  background: rgba(35,120,65,0.3);\r\n  margin: 22px 0 18px;\r\n}\r\n\r\n\/* ============ PHASE 2 \u2014 3 MODE CARDS ============ *\/\r\n.l3-intflow-modes {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 16px;\r\n}\r\n.l3-intflow-mode {\r\n  border: 3px solid;\r\n  border-bottom-width: 8px;\r\n  border-radius: 14px;\r\n  padding: 14px 16px;\r\n}\r\n.l3-intflow-mode.c-green  { background: #EDF9F1; border-color: #237841; }\r\n.l3-intflow-mode.c-red    { background: #FFE8E8; border-color: #E52828; }\r\n.l3-intflow-mode.c-yellow { background: #FFF5CF; border-color: #FFCC00; }\r\n\r\n\/* Top icon row *\/\r\n.l3-intflow-icons {\r\n  display: flex;\r\n  gap: 8px;\r\n  margin-bottom: 10px;\r\n}\r\n.l3-intflow-icon {\r\n  width: 38px;\r\n  height: 38px;\r\n  border-radius: 8px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n}\r\n.l3-intflow-icon img {\r\n  width: 20px;\r\n  height: 20px;\r\n  object-fit: contain;\r\n}\r\n\r\n\/* Icon bg \u2014 always GREEN (left) + YELLOW (right), regardless of card color *\/\r\n.l3-intflow-icon.i-1 { background: #237841; }\r\n.l3-intflow-icon.i-2 { background: #FFCC00; }\r\n\r\n\/* Icons: white on green, dark on yellow *\/\r\n.l3-intflow-icon.i-1 img { filter: brightness(0) invert(1); }\r\n.l3-intflow-icon.i-2 img { filter: brightness(0); }\r\n\r\n.l3-intflow-mode h4 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(14px, 1.3vw, 17px);\r\n  color: #1D1D1B;\r\n  margin: 0 0 8px 0;\r\n  line-height: 1.2;\r\n}\r\n\r\n\/* Pills row *\/\r\n.l3-intflow-mode-pills {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n  margin-bottom: 10px;\r\n}\r\n.l3-intflow-mode-pill {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(10px, 0.95vw, 12px);\r\n  padding: 4px 10px;\r\n  border-radius: 6px;\r\n  line-height: 1;\r\n}\r\n.l3-intflow-mode-pill.p-green  { background: #237841; color: #FFFFFF; }\r\n.l3-intflow-mode-pill.p-yellow { background: #FFCC00; color: #1D1D1B; }\r\n.l3-intflow-mode-plus {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: 13px;\r\n  color: #237841;\r\n}\r\n\r\n.l3-intflow-mode p {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 500;\r\n  font-size: clamp(11px, 1.05vw, 13px);\r\n  color: #1D1D1B;\r\n  line-height: 1.5;\r\n  margin: 0;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .l3-intflow-phase1 {\r\n    grid-template-columns: 1fr;\r\n    gap: 14px;\r\n  }\r\n  .l3-intflow-modes { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"l3-intflow\">\r\n  <h3 class=\"l3-intflow-title\">Etkile\u015fim Ak\u0131\u015f\u0131<\/h3>\r\n\r\n  <!-- PHASE 1 -->\r\n  <div class=\"l3-intflow-phase\">A\u015fama 1 - Her Etkile\u015fim Burada Ba\u015flar<\/div>\r\n  <div class=\"l3-intflow-phase1\">\r\n    <div class=\"l3-intflow-p1-boxes\">\r\n      <div class=\"l3-intflow-p1-box\"><\/div>\r\n      <span class=\"l3-intflow-p1-arrow\">\u2192<\/span>\r\n      <div class=\"l3-intflow-p1-box\"><\/div>\r\n    <\/div>\r\n    <div class=\"l3-intflow-p1-right\">\r\n      <h4>Miniler Sahneye \u00c7\u0131k\u0131yor<\/h4>\r\n      <p>\u00d6zelle\u015ftirilmi\u015f Miniler se\u00e7ilen sahneye yerle\u015ftirilir. Sahne ile ilgili k\u0131sa bir giri\u015f animasyonu oynat\u0131l\u0131r. Ard\u0131ndan etkile\u015fim modu ba\u015flar.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"l3-intflow-divider\"><\/div>\r\n\r\n  <!-- PHASE 2 -->\r\n  <div class=\"l3-intflow-phase\">A\u015fama 2 - \u00dc\u00e7 Etkile\u015fim Modu<\/div>\r\n  <div class=\"l3-intflow-modes\">\r\n\r\n    <!-- Watch & Listen \u2014 GREEN -->\r\n    <div class=\"l3-intflow-mode c-green\">\r\n      <div class=\"l3-intflow-icons\">\r\n        <div class=\"l3-intflow-icon i-1\"><img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/volume_up.png\" alt=\"Sound\" \/><\/div>\r\n        <div class=\"l3-intflow-icon i-2\"><img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Polygon-1.png\" alt=\"Play\" \/><\/div>\r\n      <\/div>\r\n      <h4>\u0130zle ve Dinle<\/h4>\r\n      <div class=\"l3-intflow-mode-pills\">\r\n        <span class=\"l3-intflow-mode-pill p-green\">Demo<\/span>\r\n        <span class=\"l3-intflow-mode-plus\">+<\/span>\r\n        <span class=\"l3-intflow-mode-pill p-yellow\">Oyun<\/span>\r\n      <\/div>\r\n      <p>Mini'nin a\u011fz\u0131 senkronize olarak hareket ederken demo sesi \u00e7alar. \u00c7ocuk kendi karakterinin konu\u015ftu\u011funu g\u00f6r\u00fcr ve duyar.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Record \u2014 RED -->\r\n    <div class=\"l3-intflow-mode c-red\">\r\n      <div class=\"l3-intflow-icons\">\r\n        <div class=\"l3-intflow-icon i-1\"><img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/MicFill.png\" alt=\"Mic\" \/><\/div>\r\n        <div class=\"l3-intflow-icon i-2\"><img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Ellipse-14.png\" alt=\"Record\" \/><\/div>\r\n      <\/div>\r\n      <h4>Kay\u0131t<\/h4>\r\n      <div class=\"l3-intflow-mode-pills\">\r\n        <span class=\"l3-intflow-mode-pill p-green\">Konu\u015fmak<\/span>\r\n        <span class=\"l3-intflow-mode-plus\">+<\/span>\r\n        <span class=\"l3-intflow-mode-pill p-yellow\">Kay\u0131t<\/span>\r\n      <\/div>\r\n      <p>\u00c7ocuk Mini'sinin sesi olarak konu\u015fur ve kay\u0131t yapar. Ses cihazda kal\u0131r - sunucuya yaln\u0131zca say\u0131sal veriler gider.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Animated Playback \u2014 YELLOW -->\r\n    <div class=\"l3-intflow-mode c-yellow\">\r\n      <div class=\"l3-intflow-icons\">\r\n        <div class=\"l3-intflow-icon i-1\"><img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/MicFill.png\" alt=\"Mic\" \/><\/div>\r\n        <div class=\"l3-intflow-icon i-2\"><img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Polygon-1.png\" alt=\"Play\" \/><\/div>\r\n      <\/div>\r\n      <h4>Animasyonlu Oynatma<\/h4>\r\n      <div class=\"l3-intflow-mode-pills\">\r\n        <span class=\"l3-intflow-mode-pill p-green\">Konu\u015fmak<\/span>\r\n        <span class=\"l3-intflow-mode-plus\">+<\/span>\r\n        <span class=\"l3-intflow-mode-pill p-yellow\">Oyun<\/span>\r\n      <\/div>\r\n      <p>\u00c7ocu\u011fun kendi sesi Mini'nin a\u011f\u0131z animasyonuyla senkronize olarak \u00e7alar. Sahiplenme ve motivasyon olu\u015fturur.<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-084e0e8 elementor-widget elementor-widget-html\" data-id=\"084e0e8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 4 \u2014 HEADER + MINI JOURNEY DASHBOARD\r\n     Section 0 \u2014 Layer 4 header + title + 4 studded brick cards\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n\/* ============ LAYER 4 HEADER BAR ============ *\/\r\n.l4-header-wrap {\r\n  width: 82%;\r\n  margin: 60px auto 30px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 20px;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n.l4-bars {\r\n  flex: 1;\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  height: 5px;\r\n}\r\n.l4-bars span:nth-child(1) { background: #E52828; }\r\n.l4-bars span:nth-child(2) { background: #FFCC00; }\r\n.l4-bars span:nth-child(3) { background: #0055BF; }\r\n.l4-bars span:nth-child(4) { background: #237841; }\r\n\r\n.l4-header-title {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(24px, 2.8vw, 42px);\r\n  margin: 0;\r\n  white-space: nowrap;\r\n  line-height: 1.1;\r\n}\r\n.l4-header-title .prefix {\r\n  color: #E52828;\r\n  margin-right: 10px;\r\n}\r\n.l4-header-title .konturlu {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  color: #FFFFFF;\r\n  -webkit-text-stroke: 2px #E52828;\r\n  paint-order: stroke fill;\r\n  text-shadow:\r\n    2px 2px 0 #E52828,\r\n    -2px -2px 0 #E52828,\r\n    2px -2px 0 #E52828,\r\n    -2px 2px 0 #E52828,\r\n    0 2px 0 #E52828,\r\n    0 -2px 0 #E52828,\r\n    2px 0 0 #E52828,\r\n    -2px 0 0 #E52828;\r\n  letter-spacing: 1px;\r\n  white-space: nowrap;\r\n  line-height: 1.1;\r\n}\r\n\r\n\/* ============ MINI JOURNEY ============ *\/\r\n.l4-mj {\r\n  width: 82%;\r\n  margin: 40px auto 30px;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n.l4-mj-title {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(28px, 3.2vw, 48px);\r\n  color: #E52828;\r\n  margin: 0 0 12px 0;\r\n  line-height: 1.15;\r\n}\r\n.l4-mj-desc {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 600;\r\n  font-size: clamp(14px, 1.3vw, 18px);\r\n  color: #1D1D1B;\r\n  line-height: 1.6;\r\n  margin: 0 0 60px 0;\r\n  max-width: 85%;\r\n}\r\n\r\n\/* Cards grid *\/\r\n.l4-mj-cards {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 22px;\r\n}\r\n.l4-mj-card {\r\n  position: relative;\r\n  background: #FFFFFF;\r\n  border: 4px solid;\r\n  border-bottom-width: 10px;\r\n  border-radius: 18px;\r\n  padding: 22px 20px 22px;\r\n}\r\n\r\n\/* Studs on top \u2014 same pattern as Layer 1\/2\/3 *\/\r\n.l4-mj-card-studs {\r\n  position: absolute;\r\n  top: -30px;\r\n  left: 2%;\r\n  right: 2%;\r\n  height: 30px;\r\n  background-repeat: no-repeat;\r\n  background-position: center bottom;\r\n  background-size: 100% auto;\r\n  pointer-events: none;\r\n  z-index: 2;\r\n}\r\n\r\n\/* Color variants *\/\r\n.l4-mj-card.c-red    { border-color: #E52828; }\r\n.l4-mj-card.c-red    .l4-mj-card-studs { background-image: url('https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/02\/yeni-3-kirmizi.png'); }\r\n.l4-mj-card.c-red    .l4-mj-card-title { color: #E52828; }\r\n\r\n.l4-mj-card.c-blue   { border-color: #0055BF; }\r\n.l4-mj-card.c-blue   .l4-mj-card-studs { background-image: url('https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/02\/yeni-3-mavi.png'); }\r\n.l4-mj-card.c-blue   .l4-mj-card-title { color: #0055BF; }\r\n\r\n.l4-mj-card.c-yellow { border-color: #FFCC00; }\r\n.l4-mj-card.c-yellow .l4-mj-card-studs { background-image: url('https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/02\/yeni-3-sari.png'); }\r\n.l4-mj-card.c-yellow .l4-mj-card-title { color: #D4A017; }\r\n\r\n.l4-mj-card.c-green  { border-color: #237841; }\r\n.l4-mj-card.c-green  .l4-mj-card-studs { background-image: url('https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/02\/yeni-3-yesil.png'); }\r\n.l4-mj-card.c-green  .l4-mj-card-title { color: #237841; }\r\n\r\n\/* Head icon *\/\r\n.l4-mj-card-icon {\r\n  width: 58px;\r\n  height: auto;\r\n  display: block;\r\n  margin: 0 0 14px 0;\r\n}\r\n\r\n.l4-mj-card-title {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(20px, 1.9vw, 28px);\r\n  margin: 0 0 10px 0;\r\n  line-height: 1.1;\r\n}\r\n\r\n.l4-mj-card-desc {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 500;\r\n  font-size: clamp(12px, 1.15vw, 15px);\r\n  line-height: 1.5;\r\n  margin: 0;\r\n}\r\n\/* Card description color matches title tone (lighter) *\/\r\n.l4-mj-card.c-red    .l4-mj-card-desc { color: #E86969; }\r\n.l4-mj-card.c-blue   .l4-mj-card-desc { color: #5A83C9; }\r\n.l4-mj-card.c-yellow .l4-mj-card-desc { color: #D4A017; }\r\n.l4-mj-card.c-green  .l4-mj-card-desc { color: #5AA377; }\r\n\r\n@media (max-width: 900px) {\r\n  .l4-mj-cards { grid-template-columns: repeat(2, 1fr); row-gap: 44px; }\r\n}\r\n@media (max-width: 500px) {\r\n  .l4-mj-cards { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\r\n\r\n<!-- LAYER 4 HEADER -->\r\n<div class=\"l4-header-wrap\">\r\n  <div class=\"l4-bars\"><span><\/span><span><\/span><span><\/span><span><\/span><\/div>\r\n  <h2 class=\"l4-header-title\">\r\n    <span class=\"prefix\">Katman 4:<\/span><span class=\"konturlu\">\u0130lerleme ve G\u00f6sterge Tablosu<\/span>\r\n  <\/h2>\r\n  <div class=\"l4-bars\"><span><\/span><span><\/span><span><\/span><span><\/span><\/div>\r\n<\/div>\r\n\r\n<!-- MINI JOURNEY DASHBOARD -->\r\n<div class=\"l4-mj\">\r\n  <h2 class=\"l4-mj-title\">Mini Yolculuk G\u00f6sterge Tablosu<\/h2>\r\n  <p class=\"l4-mj-desc\">T\u00fcm ilerleme tek bir yerden takip edilir. Her biri Y\u00f6net ve G\u00f6r\u00fcnt\u00fcle ekran\u0131na sahip 7 widget.<\/p>\r\n\r\n  <div class=\"l4-mj-cards\">\r\n    <div class=\"l4-mj-card c-red\">\r\n      <div class=\"l4-mj-card-studs\"><\/div>\r\n      <img decoding=\"async\" class=\"l4-mj-card-icon\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/7476b5816f4628ed55648a07eca5eb231b3fe5a4.png\" alt=\"Parent\" \/>\r\n      <h3 class=\"l4-mj-card-title\">Ebeveyn<\/h3>\r\n      <p class=\"l4-mj-card-desc\">Ayarlar\u0131 y\u00f6netebilir ve ayr\u0131nt\u0131l\u0131 ilerlemeyi g\u00f6r\u00fcnt\u00fcleyebilir.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"l4-mj-card c-blue\">\r\n      <div class=\"l4-mj-card-studs\"><\/div>\r\n      <img decoding=\"async\" class=\"l4-mj-card-icon\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/7476b5816f4628ed55648a07eca5eb231b3fe5a4.png\" alt=\"Expert\" \/>\r\n      <h3 class=\"l4-mj-card-title\">Uzman<\/h3>\r\n      <p class=\"l4-mj-card-desc\">Ebeveyn izniyle ayr\u0131nt\u0131l\u0131 ilerlemeyi g\u00f6r\u00fcnt\u00fcleyebilir.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"l4-mj-card c-yellow\">\r\n      <div class=\"l4-mj-card-studs\"><\/div>\r\n      <img decoding=\"async\" class=\"l4-mj-card-icon\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/7476b5816f4628ed55648a07eca5eb231b3fe5a4.png\" alt=\"Child\" \/>\r\n      <h3 class=\"l4-mj-card-title\">\u00c7ocuk<\/h3>\r\n      <p class=\"l4-mj-card-desc\">Ayr\u0131nt\u0131l\u0131 veriler olmadan ana g\u00f6sterge tablosuna eri\u015febilir.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"l4-mj-card c-green\">\r\n      <div class=\"l4-mj-card-studs\"><\/div>\r\n      <img decoding=\"async\" class=\"l4-mj-card-icon\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/7476b5816f4628ed55648a07eca5eb231b3fe5a4.png\" alt=\"Builder\" \/>\r\n      <h3 class=\"l4-mj-card-title\">\u0130n\u015faat\u00e7\u0131<\/h3>\r\n      <p class=\"l4-mj-card-desc\">Kendi faaliyetlerinin ayr\u0131nt\u0131l\u0131 ilerlemesini g\u00f6r\u00fcnt\u00fcleyebilir.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2d5cb65 elementor-widget elementor-widget-html\" data-id=\"2d5cb65\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 4 \u2014 DASHBOARD SLIDER\r\n     Section 1 \u2014 2 images side-by-side with chevron arrows\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n.l4-slider {\r\n  width: 82%;\r\n  margin: 0 auto 40px;\r\n  position: relative;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n\/* 2-item grid \u2014 fills full 82% width (same as cards above) *\/\r\n.l4-slider-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 20px;\r\n}\r\n\r\n\/* Chevron arrow buttons \u2014 positioned OUTSIDE the 82% grid *\/\r\n.l4-slider-btn {\r\n  position: absolute !important;\r\n  top: 50% !important;\r\n  transform: translateY(-50%) !important;\r\n  width: 46px !important;\r\n  height: 46px !important;\r\n  background: transparent !important;\r\n  border: none !important;\r\n  padding: 0 !important;\r\n  margin: 0 !important;\r\n  cursor: pointer !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  box-shadow: none !important;\r\n  opacity: 0.6;\r\n  transition: opacity 0.2s ease !important;\r\n  z-index: 3;\r\n}\r\n.l4-slider-btn.prev { left: -60px !important; }\r\n.l4-slider-btn.next { right: -60px !important; }\r\n\r\n.l4-slider-btn:hover {\r\n  opacity: 1 !important;\r\n  background: transparent !important;\r\n}\r\n.l4-slider-btn:focus {\r\n  outline: none !important;\r\n  background: transparent !important;\r\n}\r\n.l4-slider-btn svg {\r\n  width: 40px !important;\r\n  height: 40px !important;\r\n  display: block !important;\r\n}\r\n.l4-slider-btn svg path {\r\n  stroke: #999999 !important;\r\n  stroke-width: 2.5 !important;\r\n  fill: none !important;\r\n  stroke-linecap: round !important;\r\n  stroke-linejoin: round !important;\r\n}\r\n\r\n\/* Each slide \u2014 gray brick bordered card *\/\r\n.l4-slider-item {\r\n  background: #FFFFFF;\r\n  border: 4px solid #C8C8C8;\r\n  border-bottom-width: 10px;\r\n  border-radius: 14px;\r\n  padding: 10px;\r\n  overflow: hidden;\r\n}\r\n.l4-slider-item img {\r\n  width: 100%;\r\n  height: auto;\r\n  display: block;\r\n  border-radius: 6px;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .l4-slider-grid { grid-template-columns: 1fr; }\r\n  .l4-slider-btn { width: 36px !important; height: 36px !important; }\r\n  .l4-slider-btn.prev { left: -44px !important; }\r\n  .l4-slider-btn.next { right: -44px !important; }\r\n  .l4-slider-btn svg { width: 28px !important; height: 28px !important; }\r\n}\r\n@media (max-width: 700px) {\r\n  .l4-slider-btn.prev { left: 4px !important; }\r\n  .l4-slider-btn.next { right: 4px !important; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"l4-slider\">\r\n  <button class=\"l4-slider-btn prev\" type=\"button\" aria-label=\"\u00d6nceki\" onclick=\"l4SliderGo(-1)\">\r\n    <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n      <path d=\"M15 6l-6 6 6 6\"\/>\r\n    <\/svg>\r\n  <\/button>\r\n\r\n  <div class=\"l4-slider-grid\">\r\n    <div class=\"l4-slider-item\">\r\n      <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/96be4cf1917bb4a714b04201819b1ec20ed81dfe.png\" alt=\"Mini Journey - Child View\" id=\"l4Slide1\" \/>\r\n    <\/div>\r\n    <div class=\"l4-slider-item\">\r\n      <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/83558e9ff1d6886503f3bcf59b94bd3cb4cf61af.png\" alt=\"Mini Journey - Parent View\" id=\"l4Slide2\" \/>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <button class=\"l4-slider-btn next\" type=\"button\" aria-label=\"Sonraki\" onclick=\"l4SliderGo(1)\">\r\n    <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n      <path d=\"M9 6l6 6-6 6\"\/>\r\n    <\/svg>\r\n  <\/button>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ Optional: arrows can swap the 2 images for cycling\r\n(function() {\r\n  window.l4SlideImages = [\r\n    'https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/96be4cf1917bb4a714b04201819b1ec20ed81dfe.png',\r\n    'https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/83558e9ff1d6886503f3bcf59b94bd3cb4cf61af.png'\r\n  ];\r\n  window.l4SliderGo = function(dir) {\r\n    var s1 = document.getElementById('l4Slide1');\r\n    var s2 = document.getElementById('l4Slide2');\r\n    if (!s1 || !s2) return;\r\n    \/\/ Simple swap on arrow click\r\n    var tmp = s1.src;\r\n    s1.src = s2.src;\r\n    s2.src = tmp;\r\n  };\r\n})();\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b4aa2bf elementor-widget elementor-widget-html\" data-id=\"b4aa2bf\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 4 \u2014 7 INTERACTIVE TABS + CONTENT CARD\r\n     Section 2 \u2014 All 7 tabs with Manage\/View toggle + photo swap\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n.l4-tabs-wrap {\r\n  width: 82%;\r\n  margin: 0 auto 30px;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n\/* ============ TABS ============ *\/\r\n.l4-tabs {\r\n  display: grid;\r\n  grid-template-columns: repeat(7, 1fr);\r\n  gap: 12px;\r\n  margin-bottom: 24px;\r\n  align-items: stretch;\r\n}\r\n.l4-tab {\r\n  background: #FFFFFF;\r\n  border: 3px solid #E52828;\r\n  border-bottom-width: 8px;\r\n  border-radius: 12px;\r\n  padding: 12px 10px;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(11px, 1vw, 14px);\r\n  color: #1D1D1B;\r\n  cursor: pointer;\r\n  text-align: center;\r\n  transition: all 0.2s ease;\r\n  line-height: 1.25;\r\n  user-select: none;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-height: 56px;\r\n}\r\n.l4-tab:hover { transform: translateY(-2px); }\r\n.l4-tab.active {\r\n  background: #E52828;\r\n  color: #FFFFFF;\r\n}\r\n\r\n\/* ============ CONTENT CARDS ============ *\/\r\n.l4-tab-content { display: none; }\r\n.l4-tab-content.active { display: block; }\r\n\r\n.l4-content-card {\r\n  background: #E52828;\r\n  border: 3px solid #E52828;\r\n  border-bottom-width: 6px;\r\n  border-radius: 14px;\r\n  padding: 26px 28px;\r\n  color: #FFFFFF;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.2fr;\r\n  gap: 28px;\r\n  align-items: stretch;\r\n  min-height: 380px;\r\n}\r\n\r\n\/* Manage\/View toggle \u2014 pressed (active) vs unpressed (inactive) brick effect *\/\r\n.l4-toggle {\r\n  display: flex;\r\n  gap: 10px;\r\n  margin-bottom: 18px;\r\n}\r\n.l4-toggle-btn {\r\n  background: #FFFFFF !important;\r\n  color: #000000 !important;\r\n  border: 2px solid #000000 !important;\r\n  border-bottom-width: 6px !important;\r\n  border-radius: 8px !important;\r\n  padding: 6px 22px 4px !important;\r\n  font-family: 'Montserrat', sans-serif !important;\r\n  font-weight: 900 !important;\r\n  font-size: clamp(12px, 1.1vw, 14px) !important;\r\n  cursor: pointer !important;\r\n  user-select: none;\r\n  transition: all 0.15s ease !important;\r\n  margin: 0 !important;\r\n  line-height: 1 !important;\r\n}\r\n.l4-toggle-btn.active {\r\n  background: #000000 !important;\r\n  color: #FFFFFF !important;\r\n  border-bottom-width: 2px !important;\r\n  padding-bottom: 8px !important;\r\n}\r\n\r\n\/* Mode content \u2014 Manage vs View swap *\/\r\n.l4-mode-content { display: none; }\r\n.l4-mode-content.active { display: block; }\r\n\r\n.l4-content-left h3 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(22px, 2.2vw, 32px);\r\n  color: #FFFFFF;\r\n  margin: 0 0 12px 0;\r\n  line-height: 1.15;\r\n}\r\n.l4-content-left p {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 500;\r\n  font-size: clamp(13px, 1.2vw, 16px);\r\n  color: #FFFFFF;\r\n  line-height: 1.55;\r\n  margin: 0;\r\n}\r\n\r\n\/* Right side \u2014 screenshot + mode swap, fills stretched column *\/\r\n.l4-content-shot {\r\n  background: #FFFFFF;\r\n  border-radius: 10px;\r\n  padding: 12px;\r\n  overflow: hidden;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: 100%;\r\n}\r\n.l4-shot-mode {\r\n  display: none;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n.l4-shot-mode.active {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.l4-shot-mode img {\r\n  width: 100%;\r\n  max-height: 100%;\r\n  height: auto;\r\n  display: block;\r\n  border-radius: 6px;\r\n  object-fit: contain;\r\n}\r\n.l4-shot-placeholder {\r\n  background: #F5F5F5;\r\n  border-radius: 6px;\r\n  width: 100%;\r\n  min-height: 300px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 20px;\r\n  text-align: center;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 700;\r\n  font-size: clamp(13px, 1.2vw, 16px);\r\n  color: #999999;\r\n  letter-spacing: 0.3px;\r\n}\r\n\r\n\/* Left side also vertically centered within stretched column *\/\r\n.l4-content-left {\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .l4-tabs { grid-template-columns: repeat(4, 1fr); }\r\n  .l4-content-card {\r\n    grid-template-columns: 1fr;\r\n    gap: 18px;\r\n  }\r\n}\r\n@media (max-width: 500px) {\r\n  .l4-tabs { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n<\/style>\r\n\r\n<div class=\"l4-tabs-wrap\">\r\n\r\n  <!-- 7 TABS -->\r\n  <div class=\"l4-tabs\">\r\n    <div class=\"l4-tab active\" onclick=\"l4TabSwitch(this, 'mm')\">Motivasyon Mesajlar\u0131<\/div>\r\n    <div class=\"l4-tab\" onclick=\"l4TabSwitch(this, 'scenes')\">Sahneler ve Seviyeler<\/div>\r\n    <div class=\"l4-tab\" onclick=\"l4TabSwitch(this, 'rec')\">Kay\u0131tlar<\/div>\r\n    <div class=\"l4-tab\" onclick=\"l4TabSwitch(this, 'streak')\">Streak<\/div>\r\n    <div class=\"l4-tab\" onclick=\"l4TabSwitch(this, 'missions')\">G\u00f6revler<\/div>\r\n    <div class=\"l4-tab\" onclick=\"l4TabSwitch(this, 'rewards')\">\u00d6d\u00fcller<\/div>\r\n    <div class=\"l4-tab\" onclick=\"l4TabSwitch(this, 'minis')\">\u00d6zelle\u015ftirilmi\u015f Miniler<\/div>\r\n  <\/div>\r\n\r\n  <!-- Motivation Messages (active) \u2014 has real Manage photo -->\r\n  <div class=\"l4-tab-content active\" data-tab=\"mm\">\r\n    <div class=\"l4-content-card\">\r\n      <div class=\"l4-content-left\">\r\n        <div class=\"l4-toggle\">\r\n          <button class=\"l4-toggle-btn active\" onclick=\"l4ModeSwitch(this, 'manage')\">Y\u00f6netmek<\/button>\r\n          <button class=\"l4-toggle-btn\" onclick=\"l4ModeSwitch(this, 'view')\">G\u00f6r\u00fcn\u00fcm<\/button>\r\n        <\/div>\r\n        <div class=\"l4-mode-content active\" data-mode=\"manage\">\r\n          <h3>Motivasyon Mesajlar\u0131<\/h3>\r\n          <p>\u00c7ocu\u011funuz i\u00e7in g\u00fcnl\u00fck motivasyon mesajlar\u0131 ayarlay\u0131n. Mesaj temalar\u0131n\u0131 se\u00e7in, \u00f6zel notlar yaz\u0131n ve ne zaman g\u00f6r\u00fcneceklerini planlay\u0131n. Mesajlar, \u00e7ocu\u011fu cesaretlendirmek ve odaklanmas\u0131n\u0131 sa\u011flamak i\u00e7in her seanstan \u00f6nce g\u00f6sterilir.<\/p>\r\n        <\/div>\r\n        <div class=\"l4-mode-content\" data-mode=\"view\">\r\n          <h3>Motivasyon Mesajlar\u0131<\/h3>\r\n          <p>Hangi mesajlar\u0131n g\u00f6sterildi\u011fini ve \u00e7ocu\u011fun nas\u0131l yan\u0131t verdi\u011fini inceleyin. Temalar, zamanlama ve s\u0131kl\u0131k aras\u0131ndaki etkile\u015fim istatistikleri, en iyi neyin i\u015fe yarad\u0131\u011f\u0131n\u0131 ayarlaman\u0131za yard\u0131mc\u0131 olur - hepsi herhangi bir ki\u015fisel i\u00e7erik depolamadan.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"l4-content-shot\">\r\n        <div class=\"l4-shot-mode active\" data-mode=\"manage\">\r\n          <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/e8fe9d626b36b56e9f4aec28729506ab5c9fdb30.png\" alt=\"Motivation Messages Manager\" \/>\r\n        <\/div>\r\n        <div class=\"l4-shot-mode\" data-mode=\"view\">\r\n          <div class=\"l4-shot-placeholder\">G\u00f6r\u00fcn\u00fcm modu - \u00e7ok yak\u0131nda<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Scenes & Levels \u2014 placeholder photos both modes -->\r\n  <div class=\"l4-tab-content\" data-tab=\"scenes\">\r\n    <div class=\"l4-content-card\">\r\n      <div class=\"l4-content-left\">\r\n        <div class=\"l4-toggle\">\r\n          <button class=\"l4-toggle-btn active\" onclick=\"l4ModeSwitch(this, 'manage')\">Y\u00f6netmek<\/button>\r\n          <button class=\"l4-toggle-btn\" onclick=\"l4ModeSwitch(this, 'view')\">G\u00f6r\u00fcn\u00fcm<\/button>\r\n        <\/div>\r\n        <div class=\"l4-mode-content active\" data-mode=\"manage\">\r\n          <h3>Sahneler ve Seviyeler<\/h3>\r\n          <p>\u00c7ocu\u011funuz i\u00e7in g\u00fcnl\u00fck motivasyon mesajlar\u0131 ayarlay\u0131n. Mesaj temalar\u0131n\u0131 se\u00e7in, \u00f6zel notlar yaz\u0131n ve ne zaman g\u00f6r\u00fcneceklerini planlay\u0131n. Mesajlar, \u00e7ocu\u011fu cesaretlendirmek ve odaklanmas\u0131n\u0131 sa\u011flamak i\u00e7in her seanstan \u00f6nce g\u00f6sterilir.<\/p>\r\n        <\/div>\r\n        <div class=\"l4-mode-content\" data-mode=\"view\">\r\n          <h3>Sahneler ve Seviyeler<\/h3>\r\n          <p>Hangi mesajlar\u0131n g\u00f6sterildi\u011fini ve \u00e7ocu\u011fun nas\u0131l yan\u0131t verdi\u011fini inceleyin. Temalar, zamanlama ve s\u0131kl\u0131k aras\u0131ndaki etkile\u015fim istatistikleri, en iyi neyin i\u015fe yarad\u0131\u011f\u0131n\u0131 ayarlaman\u0131za yard\u0131mc\u0131 olur - hepsi herhangi bir ki\u015fisel i\u00e7erik depolamadan.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"l4-content-shot\">\r\n        <div class=\"l4-shot-mode active\" data-mode=\"manage\">\r\n          <div class=\"l4-shot-placeholder\">\u00c7ok yak\u0131nda<\/div>\r\n        <\/div>\r\n        <div class=\"l4-shot-mode\" data-mode=\"view\">\r\n          <div class=\"l4-shot-placeholder\">G\u00f6r\u00fcn\u00fcm modu - \u00e7ok yak\u0131nda<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Recordings -->\r\n  <div class=\"l4-tab-content\" data-tab=\"rec\">\r\n    <div class=\"l4-content-card\">\r\n      <div class=\"l4-content-left\">\r\n        <div class=\"l4-toggle\">\r\n          <button class=\"l4-toggle-btn active\" onclick=\"l4ModeSwitch(this, 'manage')\">Y\u00f6netmek<\/button>\r\n          <button class=\"l4-toggle-btn\" onclick=\"l4ModeSwitch(this, 'view')\">G\u00f6r\u00fcn\u00fcm<\/button>\r\n        <\/div>\r\n        <div class=\"l4-mode-content active\" data-mode=\"manage\">\r\n          <h3>Kay\u0131tlar<\/h3>\r\n          <p>\u00c7ocu\u011funuz i\u00e7in g\u00fcnl\u00fck motivasyon mesajlar\u0131 ayarlay\u0131n. Mesaj temalar\u0131n\u0131 se\u00e7in, \u00f6zel notlar yaz\u0131n ve ne zaman g\u00f6r\u00fcneceklerini planlay\u0131n. Mesajlar, \u00e7ocu\u011fu cesaretlendirmek ve odaklanmas\u0131n\u0131 sa\u011flamak i\u00e7in her seanstan \u00f6nce g\u00f6sterilir.<\/p>\r\n        <\/div>\r\n        <div class=\"l4-mode-content\" data-mode=\"view\">\r\n          <h3>Kay\u0131tlar<\/h3>\r\n          <p>Hangi mesajlar\u0131n g\u00f6sterildi\u011fini ve \u00e7ocu\u011fun nas\u0131l yan\u0131t verdi\u011fini inceleyin. Temalar, zamanlama ve s\u0131kl\u0131k aras\u0131ndaki etkile\u015fim istatistikleri, en iyi neyin i\u015fe yarad\u0131\u011f\u0131n\u0131 ayarlaman\u0131za yard\u0131mc\u0131 olur - hepsi herhangi bir ki\u015fisel i\u00e7erik depolamadan.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"l4-content-shot\">\r\n        <div class=\"l4-shot-mode active\" data-mode=\"manage\">\r\n          <div class=\"l4-shot-placeholder\">\u00c7ok yak\u0131nda<\/div>\r\n        <\/div>\r\n        <div class=\"l4-shot-mode\" data-mode=\"view\">\r\n          <div class=\"l4-shot-placeholder\">G\u00f6r\u00fcn\u00fcm modu - \u00e7ok yak\u0131nda<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Streak -->\r\n  <div class=\"l4-tab-content\" data-tab=\"streak\">\r\n    <div class=\"l4-content-card\">\r\n      <div class=\"l4-content-left\">\r\n        <div class=\"l4-toggle\">\r\n          <button class=\"l4-toggle-btn active\" onclick=\"l4ModeSwitch(this, 'manage')\">Y\u00f6netmek<\/button>\r\n          <button class=\"l4-toggle-btn\" onclick=\"l4ModeSwitch(this, 'view')\">G\u00f6r\u00fcn\u00fcm<\/button>\r\n        <\/div>\r\n        <div class=\"l4-mode-content active\" data-mode=\"manage\">\r\n          <h3>Streak<\/h3>\r\n          <p>\u00c7ocu\u011funuz i\u00e7in g\u00fcnl\u00fck motivasyon mesajlar\u0131 ayarlay\u0131n. Mesaj temalar\u0131n\u0131 se\u00e7in, \u00f6zel notlar yaz\u0131n ve ne zaman g\u00f6r\u00fcneceklerini planlay\u0131n. Mesajlar, \u00e7ocu\u011fu cesaretlendirmek ve odaklanmas\u0131n\u0131 sa\u011flamak i\u00e7in her seanstan \u00f6nce g\u00f6sterilir.<\/p>\r\n        <\/div>\r\n        <div class=\"l4-mode-content\" data-mode=\"view\">\r\n          <h3>Streak<\/h3>\r\n          <p>Hangi mesajlar\u0131n g\u00f6sterildi\u011fini ve \u00e7ocu\u011fun nas\u0131l yan\u0131t verdi\u011fini inceleyin. Temalar, zamanlama ve s\u0131kl\u0131k aras\u0131ndaki etkile\u015fim istatistikleri, en iyi neyin i\u015fe yarad\u0131\u011f\u0131n\u0131 ayarlaman\u0131za yard\u0131mc\u0131 olur - hepsi herhangi bir ki\u015fisel i\u00e7erik depolamadan.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"l4-content-shot\">\r\n        <div class=\"l4-shot-mode active\" data-mode=\"manage\">\r\n          <div class=\"l4-shot-placeholder\">\u00c7ok yak\u0131nda<\/div>\r\n        <\/div>\r\n        <div class=\"l4-shot-mode\" data-mode=\"view\">\r\n          <div class=\"l4-shot-placeholder\">G\u00f6r\u00fcn\u00fcm modu - \u00e7ok yak\u0131nda<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Missions -->\r\n  <div class=\"l4-tab-content\" data-tab=\"missions\">\r\n    <div class=\"l4-content-card\">\r\n      <div class=\"l4-content-left\">\r\n        <div class=\"l4-toggle\">\r\n          <button class=\"l4-toggle-btn active\" onclick=\"l4ModeSwitch(this, 'manage')\">Y\u00f6netmek<\/button>\r\n          <button class=\"l4-toggle-btn\" onclick=\"l4ModeSwitch(this, 'view')\">G\u00f6r\u00fcn\u00fcm<\/button>\r\n        <\/div>\r\n        <div class=\"l4-mode-content active\" data-mode=\"manage\">\r\n          <h3>G\u00f6revler<\/h3>\r\n          <p>\u00c7ocu\u011funuz i\u00e7in g\u00fcnl\u00fck motivasyon mesajlar\u0131 ayarlay\u0131n. Mesaj temalar\u0131n\u0131 se\u00e7in, \u00f6zel notlar yaz\u0131n ve ne zaman g\u00f6r\u00fcneceklerini planlay\u0131n. Mesajlar, \u00e7ocu\u011fu cesaretlendirmek ve odaklanmas\u0131n\u0131 sa\u011flamak i\u00e7in her seanstan \u00f6nce g\u00f6sterilir.<\/p>\r\n        <\/div>\r\n        <div class=\"l4-mode-content\" data-mode=\"view\">\r\n          <h3>G\u00f6revler<\/h3>\r\n          <p>Hangi mesajlar\u0131n g\u00f6sterildi\u011fini ve \u00e7ocu\u011fun nas\u0131l yan\u0131t verdi\u011fini inceleyin. Temalar, zamanlama ve s\u0131kl\u0131k aras\u0131ndaki etkile\u015fim istatistikleri, en iyi neyin i\u015fe yarad\u0131\u011f\u0131n\u0131 ayarlaman\u0131za yard\u0131mc\u0131 olur - hepsi herhangi bir ki\u015fisel i\u00e7erik depolamadan.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"l4-content-shot\">\r\n        <div class=\"l4-shot-mode active\" data-mode=\"manage\">\r\n          <div class=\"l4-shot-placeholder\">\u00c7ok yak\u0131nda<\/div>\r\n        <\/div>\r\n        <div class=\"l4-shot-mode\" data-mode=\"view\">\r\n          <div class=\"l4-shot-placeholder\">G\u00f6r\u00fcn\u00fcm modu - \u00e7ok yak\u0131nda<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Rewards -->\r\n  <div class=\"l4-tab-content\" data-tab=\"rewards\">\r\n    <div class=\"l4-content-card\">\r\n      <div class=\"l4-content-left\">\r\n        <div class=\"l4-toggle\">\r\n          <button class=\"l4-toggle-btn active\" onclick=\"l4ModeSwitch(this, 'manage')\">Y\u00f6netmek<\/button>\r\n          <button class=\"l4-toggle-btn\" onclick=\"l4ModeSwitch(this, 'view')\">G\u00f6r\u00fcn\u00fcm<\/button>\r\n        <\/div>\r\n        <div class=\"l4-mode-content active\" data-mode=\"manage\">\r\n          <h3>\u00d6d\u00fcller<\/h3>\r\n          <p>\u00c7ocu\u011funuz i\u00e7in g\u00fcnl\u00fck motivasyon mesajlar\u0131 ayarlay\u0131n. Mesaj temalar\u0131n\u0131 se\u00e7in, \u00f6zel notlar yaz\u0131n ve ne zaman g\u00f6r\u00fcneceklerini planlay\u0131n. Mesajlar, \u00e7ocu\u011fu cesaretlendirmek ve odaklanmas\u0131n\u0131 sa\u011flamak i\u00e7in her seanstan \u00f6nce g\u00f6sterilir.<\/p>\r\n        <\/div>\r\n        <div class=\"l4-mode-content\" data-mode=\"view\">\r\n          <h3>\u00d6d\u00fcller<\/h3>\r\n          <p>Hangi mesajlar\u0131n g\u00f6sterildi\u011fini ve \u00e7ocu\u011fun nas\u0131l yan\u0131t verdi\u011fini inceleyin. Temalar, zamanlama ve s\u0131kl\u0131k aras\u0131ndaki etkile\u015fim istatistikleri, en iyi neyin i\u015fe yarad\u0131\u011f\u0131n\u0131 ayarlaman\u0131za yard\u0131mc\u0131 olur - hepsi herhangi bir ki\u015fisel i\u00e7erik depolamadan.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"l4-content-shot\">\r\n        <div class=\"l4-shot-mode active\" data-mode=\"manage\">\r\n          <div class=\"l4-shot-placeholder\">\u00c7ok yak\u0131nda<\/div>\r\n        <\/div>\r\n        <div class=\"l4-shot-mode\" data-mode=\"view\">\r\n          <div class=\"l4-shot-placeholder\">G\u00f6r\u00fcn\u00fcm modu - \u00e7ok yak\u0131nda<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Customized Minis -->\r\n  <div class=\"l4-tab-content\" data-tab=\"minis\">\r\n    <div class=\"l4-content-card\">\r\n      <div class=\"l4-content-left\">\r\n        <div class=\"l4-toggle\">\r\n          <button class=\"l4-toggle-btn active\" onclick=\"l4ModeSwitch(this, 'manage')\">Y\u00f6netmek<\/button>\r\n          <button class=\"l4-toggle-btn\" onclick=\"l4ModeSwitch(this, 'view')\">G\u00f6r\u00fcn\u00fcm<\/button>\r\n        <\/div>\r\n        <div class=\"l4-mode-content active\" data-mode=\"manage\">\r\n          <h3>\u00d6zelle\u015ftirilmi\u015f Miniler<\/h3>\r\n          <p>\u00c7ocu\u011funuz i\u00e7in g\u00fcnl\u00fck motivasyon mesajlar\u0131 ayarlay\u0131n. Mesaj temalar\u0131n\u0131 se\u00e7in, \u00f6zel notlar yaz\u0131n ve ne zaman g\u00f6r\u00fcneceklerini planlay\u0131n. Mesajlar, \u00e7ocu\u011fu cesaretlendirmek ve odaklanmas\u0131n\u0131 sa\u011flamak i\u00e7in her seanstan \u00f6nce g\u00f6sterilir.<\/p>\r\n        <\/div>\r\n        <div class=\"l4-mode-content\" data-mode=\"view\">\r\n          <h3>\u00d6zelle\u015ftirilmi\u015f Miniler<\/h3>\r\n          <p>Hangi mesajlar\u0131n g\u00f6sterildi\u011fini ve \u00e7ocu\u011fun nas\u0131l yan\u0131t verdi\u011fini inceleyin. Temalar, zamanlama ve s\u0131kl\u0131k aras\u0131ndaki etkile\u015fim istatistikleri, en iyi neyin i\u015fe yarad\u0131\u011f\u0131n\u0131 ayarlaman\u0131za yard\u0131mc\u0131 olur - hepsi herhangi bir ki\u015fisel i\u00e7erik depolamadan.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"l4-content-shot\">\r\n        <div class=\"l4-shot-mode active\" data-mode=\"manage\">\r\n          <div class=\"l4-shot-placeholder\">\u00c7ok yak\u0131nda<\/div>\r\n        <\/div>\r\n        <div class=\"l4-shot-mode\" data-mode=\"view\">\r\n          <div class=\"l4-shot-placeholder\">G\u00f6r\u00fcn\u00fcm modu - \u00e7ok yak\u0131nda<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\nfunction l4TabSwitch(el, name) {\r\n  var tabs = document.querySelectorAll('.l4-tab');\r\n  tabs.forEach(function(t) { t.classList.remove('active'); });\r\n  el.classList.add('active');\r\n  var contents = document.querySelectorAll('.l4-tab-content');\r\n  contents.forEach(function(c) {\r\n    if (c.getAttribute('data-tab') === name) { c.classList.add('active'); }\r\n    else { c.classList.remove('active'); }\r\n  });\r\n}\r\n\r\nfunction l4ModeSwitch(btn, mode) {\r\n  \/\/ Find current tab-content (the container for this tab)\r\n  var tabContent = btn.closest('.l4-tab-content');\r\n  if (!tabContent) return;\r\n\r\n  \/\/ Toggle active state on buttons within THIS tab\r\n  var btns = tabContent.querySelectorAll('.l4-toggle-btn');\r\n  btns.forEach(function(b) { b.classList.remove('active'); });\r\n  btn.classList.add('active');\r\n\r\n  \/\/ Switch text mode content\r\n  var modes = tabContent.querySelectorAll('.l4-mode-content');\r\n  modes.forEach(function(m) {\r\n    if (m.getAttribute('data-mode') === mode) { m.classList.add('active'); }\r\n    else { m.classList.remove('active'); }\r\n  });\r\n\r\n  \/\/ Switch photo mode content\r\n  var shots = tabContent.querySelectorAll('.l4-shot-mode');\r\n  shots.forEach(function(s) {\r\n    if (s.getAttribute('data-mode') === mode) { s.classList.add('active'); }\r\n    else { s.classList.remove('active'); }\r\n  });\r\n}\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-abc94a9 elementor-widget elementor-widget-html\" data-id=\"abc94a9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 4 \u2014 PRIVACY \/ NO PERSONAL DATA\r\n     Section 3 \u2014 Dark green full-width bg with content\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n.l4-privacy {\r\n  width: 100vw;\r\n  margin-left: calc(-50vw + 50%);\r\n  background: #237841;\r\n  padding: 40px 0;\r\n  margin-top: 30px;\r\n  margin-bottom: 30px;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n.l4-privacy-inner {\r\n  width: 82%;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 1fr 0.8fr;\r\n  gap: 30px;\r\n  align-items: stretch;\r\n}\r\n\r\n\/* Left column \u2014 flex so cards fill height *\/\r\n.l4-privacy-left {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n.l4-privacy-left h2 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(22px, 2.2vw, 32px);\r\n  color: #FFFFFF;\r\n  margin: 0 0 14px 0;\r\n  line-height: 1.2;\r\n}\r\n.l4-privacy-intro {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 500;\r\n  font-size: clamp(13px, 1.2vw, 15px);\r\n  color: #FFFFFF;\r\n  line-height: 1.55;\r\n  margin: 0 0 22px 0;\r\n  max-width: 95%;\r\n}\r\n\r\n\/* 3 cards wrapper \u2014 fills remaining height *\/\r\n.l4-privacy-cards {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n  flex: 1;\r\n}\r\n\r\n\/* 3 white info cards \u2014 with gray brick border *\/\r\n.l4-privacy-card {\r\n  background: #FFFFFF;\r\n  border: 3px solid #C8C8C8;\r\n  border-bottom-width: 8px;\r\n  border-radius: 12px;\r\n  padding: 16px 18px;\r\n  display: grid;\r\n  grid-template-columns: 40px 1fr;\r\n  gap: 14px;\r\n  align-items: center;\r\n  flex: 1;\r\n}\r\n.l4-privacy-card-icon {\r\n  width: 40px;\r\n  height: 40px;\r\n  background: #E5E5E5;\r\n  border-radius: 8px;\r\n}\r\n.l4-privacy-card h4 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(14px, 1.3vw, 16px);\r\n  color: #237841;\r\n  margin: 0 0 4px 0;\r\n  line-height: 1.2;\r\n}\r\n.l4-privacy-card p {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 500;\r\n  font-size: clamp(12px, 1.1vw, 14px);\r\n  color: #1D1D1B;\r\n  line-height: 1.5;\r\n  margin: 0;\r\n}\r\n\r\n\/* Right side \u2014 shield card with gray brick border + centered vertically *\/\r\n.l4-privacy-right {\r\n  background: #FFFFFF;\r\n  border: 3px solid #C8C8C8;\r\n  border-bottom-width: 8px;\r\n  border-radius: 14px;\r\n  padding: 24px 26px;\r\n  text-align: left;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n}\r\n.l4-privacy-right-head {\r\n  margin-bottom: 14px;\r\n}\r\n.l4-privacy-items {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 6px;\r\n}\r\n.l4-privacy-shield {\r\n  width: 48px;\r\n  height: auto;\r\n  display: block;\r\n  margin: 0 auto 10px;\r\n}\r\n.l4-privacy-right h3 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(18px, 1.7vw, 24px);\r\n  color: #237841;\r\n  margin: 0 0 16px 0;\r\n  text-align: center;\r\n  line-height: 1.2;\r\n}\r\n.l4-privacy-item {\r\n  display: grid;\r\n  grid-template-columns: 28px 1fr;\r\n  gap: 10px;\r\n  align-items: center;\r\n  padding: 8px 10px;\r\n  border: 1px solid #E5E5E5;\r\n  border-radius: 8px;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 600;\r\n  font-size: clamp(11px, 1.05vw, 13px);\r\n  color: #1D1D1B;\r\n  line-height: 1.3;\r\n}\r\n.l4-privacy-item-mark {\r\n  width: 24px;\r\n  height: 24px;\r\n  border-radius: 6px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-weight: 900;\r\n  color: #FFFFFF;\r\n  font-size: 14px;\r\n}\r\n.l4-privacy-item.check .l4-privacy-item-mark { background: #237841; }\r\n.l4-privacy-item.cross .l4-privacy-item-mark { background: #E52828; }\r\n\r\n@media (max-width: 900px) {\r\n  .l4-privacy-inner {\r\n    grid-template-columns: 1fr;\r\n    gap: 20px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"l4-privacy\">\r\n  <div class=\"l4-privacy-inner\">\r\n\r\n    <!-- LEFT -->\r\n    <div class=\"l4-privacy-left\">\r\n      <h2>Ses kay\u0131tlar\u0131 asla saklanmaz.<br>Hi\u00e7bir ki\u015fisel veri toplanmam\u0131\u015ft\u0131r.<\/h2>\r\n      <p class=\"l4-privacy-intro\">Mini-Talks \u00e7ocu\u011funuzun gizlili\u011fini her \u015feyin \u00fcst\u00fcnde tutar. Ses kay\u0131tlar\u0131 asla kal\u0131c\u0131 olarak saklanmaz - ne sunucular\u0131m\u0131zda ne de cihazda. Sadece oturum s\u0131ras\u0131nda var olurlar, oynat\u0131labilirler ve oturum sona erdi\u011finde kaybolurlar.<\/p>\r\n\r\n      <div class=\"l4-privacy-cards\">\r\n        <div class=\"l4-privacy-card\">\r\n          <div class=\"l4-privacy-card-icon\"><\/div>\r\n          <div>\r\n            <h4>Ses kay\u0131tlar\u0131 asla saklanmaz<\/h4>\r\n            <p>Ses kay\u0131tlar\u0131 hi\u00e7bir zaman kal\u0131c\u0131 olarak hi\u00e7bir yere kaydedilmez. \u00c7ocuk yuvalara kay\u0131t yapar ve oturum s\u0131ras\u0131nda dinler - oturum sona erdi\u011finde ses verileri otomatik olarak silinir. Sunucular\u0131m\u0131z sadece say\u0131sal ilerleme verilerini tutar.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"l4-privacy-card\">\r\n          <div class=\"l4-privacy-card-icon\"><\/div>\r\n          <div>\r\n            <h4>Her eri\u015fim i\u00e7in ebeveyn onay\u0131 gerekir<\/h4>\r\n            <p>Uzmanlar \u00e7ocuk verilerine yaln\u0131zca ebeveyn onay\u0131 ile eri\u015febilir. \u00c7ocuk hesaplar\u0131 ebeveyn onay\u0131 olmadan etkinle\u015ftirilmez. Tam kontrol ebeveynde kal\u0131r.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"l4-privacy-card\">\r\n          <div class=\"l4-privacy-card-icon\"><\/div>\r\n          <div>\r\n            <h4>Ki\u015fisel bilgi toplanmad\u0131<\/h4>\r\n            <p>\u00c7ocuktan hi\u00e7bir ger\u00e7ek isim, foto\u011fraf veya kimlik bilgisi talep edilmez. Mini isim ve ya\u015f aral\u0131\u011f\u0131 d\u0131\u015f\u0131nda hi\u00e7bir ki\u015fisel veri saklanmaz. G\u00f6sterge tablosu yaln\u0131zca anonim istatistiksel veriler i\u00e7erir.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- RIGHT: Shield card -->\r\n    <div class=\"l4-privacy-right\">\r\n      <div class=\"l4-privacy-right-head\">\r\n        <img decoding=\"async\" class=\"l4-privacy-shield\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Security.png\" alt=\"Security\" \/>\r\n        <h3>Sunucular\u0131m\u0131zda ne var?<\/h3>\r\n      <\/div>\r\n\r\n      <div class=\"l4-privacy-items\">\r\n        <div class=\"l4-privacy-item check\">\r\n          <div class=\"l4-privacy-item-mark\">\u2713<\/div>\r\n          <span>Kay\u0131t say\u0131s\u0131, s\u00fcre, sahne ve seviye verileri<\/span>\r\n        <\/div>\r\n        <div class=\"l4-privacy-item check\">\r\n          <div class=\"l4-privacy-item-mark\">\u2713<\/div>\r\n          <span>Sahne ilerleme durumu ve seviye matrisi<\/span>\r\n        <\/div>\r\n        <div class=\"l4-privacy-item check\">\r\n          <div class=\"l4-privacy-item-mark\">\u2713<\/div>\r\n          <span>Oyun zaman\u0131 ve g\u00fcnl\u00fck aktivite kal\u0131plar\u0131<\/span>\r\n        <\/div>\r\n        <div class=\"l4-privacy-item check\">\r\n          <div class=\"l4-privacy-item-mark\">\u2713<\/div>\r\n          <span>Seri, g\u00f6rev ve \u00f6d\u00fcl istatistikleri<\/span>\r\n        <\/div>\r\n        <div class=\"l4-privacy-item check\">\r\n          <div class=\"l4-privacy-item-mark\">\u2713<\/div>\r\n          <span>Motivasyon mesaj\u0131 kullan\u0131m verileri<\/span>\r\n        <\/div>\r\n        <div class=\"l4-privacy-item check\">\r\n          <div class=\"l4-privacy-item-mark\">\u2713<\/div>\r\n          <span>Mini karakter tercihleri ve \u00f6zelle\u015ftirme<\/span>\r\n        <\/div>\r\n        <div class=\"l4-privacy-item cross\">\r\n          <div class=\"l4-privacy-item-mark\">\u2715<\/div>\r\n          <span>Ses dosyalar\u0131, isim, foto\u011fraf, kimlik<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8297774 elementor-widget elementor-widget-html\" data-id=\"8297774\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 4 \u2014 RESEARCH \/ DATA GROUNDWORK\r\n     Section 4 \u2014 6 red studded brick cards in 3x2 grid\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n.l4-research {\r\n  width: 82%;\r\n  margin: 30px auto 60px;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n.l4-research-title {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(26px, 2.8vw, 40px);\r\n  color: #E52828;\r\n  margin: 0 0 14px 0;\r\n  line-height: 1.2;\r\n}\r\n.l4-research-desc {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 600;\r\n  font-size: clamp(14px, 1.3vw, 17px);\r\n  color: #1D1D1B;\r\n  line-height: 1.55;\r\n  margin: 0 0 60px 0;\r\n  max-width: 85%;\r\n}\r\n\r\n\/* 3x2 cards grid *\/\r\n.l4-research-cards {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 70px 24px;\r\n}\r\n\r\n.l4-research-card {\r\n  position: relative;\r\n  background: #FFFFFF;\r\n  border: 4px solid #E52828;\r\n  border-bottom-width: 12px;\r\n  border-radius: 18px;\r\n  padding: 24px 22px 22px;\r\n}\r\n\r\n\/* 4-stud red on top \u2014 92% width centered *\/\r\n.l4-research-studs {\r\n  position: absolute;\r\n  top: -33px;\r\n  left: 0;\r\n  right: 0;\r\n  width: 92%;\r\n  height: 30px;\r\n  margin: 0 auto;\r\n  background-image: url('https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/yeni_kirmizi_studs_4.png');\r\n  background-repeat: no-repeat;\r\n  background-position: center bottom;\r\n  background-size: contain;\r\n  pointer-events: none;\r\n  z-index: 2;\r\n}\r\n\r\n.l4-research-icon {\r\n  width: 58px;\r\n  height: auto;\r\n  display: block;\r\n  margin: 0 0 16px 0;\r\n}\r\n\r\n.l4-research-card h3 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(18px, 1.7vw, 24px);\r\n  color: #E52828;\r\n  margin: 0 0 14px 0;\r\n  line-height: 1.2;\r\n}\r\n\r\n.l4-research-card p {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 500;\r\n  font-size: clamp(12px, 1.15vw, 14px);\r\n  color: #1D1D1B;\r\n  line-height: 1.55;\r\n  margin: 0;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .l4-research-cards {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    row-gap: 44px;\r\n  }\r\n}\r\n@media (max-width: 550px) {\r\n  .l4-research-cards { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"l4-research\">\r\n  <h2 class=\"l4-research-title\">Oynatma s\u0131ras\u0131nda veri \u00fcretir.<br>Ara\u015ft\u0131rma i\u00e7in zemin haz\u0131rlar.<\/h2>\r\n  <p class=\"l4-research-desc\">\r\n    Mini-Talks ayr\u0131ca se\u00e7ici mutizm ara\u015ft\u0131rmalar\u0131 i\u00e7in yap\u0131land\u0131r\u0131lm\u0131\u015f, etik ve ebeveyn onayl\u0131 bir g\u00f6zlem platformudur. Ara\u015ft\u0131rma, herhangi bir ses dosyas\u0131na eri\u015fmeden yaln\u0131zca say\u0131sal g\u00f6sterge tablosu verileri kullan\u0131larak ger\u00e7ekle\u015ftirilebilir.\r\n  <\/p>\r\n\r\n  <div class=\"l4-research-cards\">\r\n\r\n    <div class=\"l4-research-card\">\r\n      <div class=\"l4-research-studs\"><\/div>\r\n      <img decoding=\"async\" class=\"l4-research-icon\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/7476b5816f4628ed55648a07eca5eb231b3fe5a4.png\" alt=\"Head\" \/>\r\n      <h3>Kademeli Maruziyet \u0130lerlemesi<\/h3>\r\n      <p>Ses \u2192 Kelime \u2192 C\u00fcmle \u2192 Diyalog hiyerar\u015fisi boyunca ilerleme h\u0131z\u0131 ve kay\u0131t s\u00fcresi e\u011filimleri. S\u00f6zel \u00e7\u0131kt\u0131 \u00fcretiminin zaman serisi analizi. Farmakolojik olmayan m\u00fcdahale sonu\u00e7lar\u0131n\u0131n nicel olarak izlenmesi i\u00e7in birincil veri seti.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"l4-research-card\">\r\n      <div class=\"l4-research-studs\"><\/div>\r\n      <img decoding=\"async\" class=\"l4-research-icon\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/7476b5816f4628ed55648a07eca5eb231b3fe5a4.png\" alt=\"Head\" \/>\r\n      <h3>Sosyal Ba\u011flam Genellemesi<\/h3>\r\n      <p>Ba\u011flamlar aras\u0131 genelleme, 50 sahnede sahne d\u00fczeyinde k\u00fcmeleme yoluyla \u00f6l\u00e7\u00fclebilir. Tan\u0131d\u0131k (S\u0131n\u0131f) ve yeni (Sinema) ortamlardaki anksiyete hiyerar\u015fisi tepkileri, hangi sosyal ba\u011flamlar\u0131n \u00e7ocuk i\u00e7in g\u00fcvenli oldu\u011funu ortaya koymaktad\u0131r.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"l4-research-card\">\r\n      <div class=\"l4-research-studs\"><\/div>\r\n      <img decoding=\"async\" class=\"l4-research-icon\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/7476b5816f4628ed55648a07eca5eb231b3fe5a4.png\" alt=\"Head\" \/>\r\n      <h3>Boylamsal Davran\u0131\u015f Analizi<\/h3>\r\n      <p>Tam g\u00fcnl\u00fck etkinlik raporu: oturum s\u00fcresi, sahneler, kay\u0131t say\u0131s\u0131, seviyeler, Mini tercihleri, motivasyon mesaj\u0131 ve \u00f6d\u00fcller. Tek durumlu deneysel tasar\u0131m (SCED) metodolojisi i\u00e7in uygun boylamsal davran\u0131\u015f modeli analizi sa\u011flar.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"l4-research-card\">\r\n      <div class=\"l4-research-studs\"><\/div>\r\n      <img decoding=\"async\" class=\"l4-research-icon\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/7476b5816f4628ed55648a07eca5eb231b3fe5a4.png\" alt=\"Head\" \/>\r\n      <h3>Terap\u00f6tik G\u00f6rev Analizi<\/h3>\r\n      <p>G\u00f6rev tamamlama oran\u0131, t\u00fcr\u00fc ve seviye korelasyonu, ebeveynler taraf\u0131ndan yap\u0131land\u0131r\u0131lan kayg\u0131 hiyerar\u015fisi ad\u0131mlar\u0131n\u0131n etkinli\u011fini \u00f6l\u00e7er. Hangi g\u00f6revlerin daha kolay tamamland\u0131\u011f\u0131, bireysel uyaran azaltma stratejilerine rehberlik edebilir.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"l4-research-card\">\r\n      <div class=\"l4-research-studs\"><\/div>\r\n      <img decoding=\"async\" class=\"l4-research-icon\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/7476b5816f4628ed55648a07eca5eb231b3fe5a4.png\" alt=\"Head\" \/>\r\n      <h3>Peki\u015ftirme ve Motivasyon Profili<\/h3>\r\n      <p>Tu\u011fla \u2192 Madalya \u2192 Kupa \u00f6d\u00fcl da\u011f\u0131l\u0131m\u0131, se\u00e7ici mutizm m\u00fcdahalesinde olumlu peki\u015ftirme mekanizmalar\u0131n\u0131n etkinli\u011fini ortaya koymaktad\u0131r. Hangi \u00f6d\u00fcl kategorisinin kat\u0131l\u0131m\u0131 te\u015fvik etti\u011fi, \u00e7ocu\u011fun bireysel davran\u0131\u015fsal motivasyon profilini haritaland\u0131r\u0131r.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"l4-research-card\">\r\n      <div class=\"l4-research-studs\"><\/div>\r\n      <img decoding=\"async\" class=\"l4-research-icon\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/7476b5816f4628ed55648a07eca5eb231b3fe5a4.png\" alt=\"Head\" \/>\r\n      <h3>Karakter Arac\u0131l\u0131 S\u00f6zel \u00dcretim<\/h3>\r\n      <p>Karakter tipi tercihi ve kay\u0131t s\u00fcresi korelasyonu, psikolojik mesafe yoluyla s\u00f6zl\u00fc \u00fcretimi ara\u015ft\u0131rmak i\u00e7in benzersiz veriler sa\u011flar. Multi-Mini kullan\u0131m modelleri, avatar ba\u011fl\u0131l\u0131\u011f\u0131 ve ileti\u015fim g\u00fcveni hakk\u0131ndaki hipotezleri desteklemektedir.<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Mini-Talks Studio A safe communication practice app for children with selective mutism \u2014 built with animation, personalized Minis, and structured speech levels. Selective mutism is a silent challenge. Children want to speak. But they can&#8217;t in every setting. Mini-Talks bridges that gap with a safe, structured, and playful experience. 1 in 140 Prevalence in children&hellip; <a class=\"more-link\" href=\"https:\/\/mini-talks.org\/tr\/app-studio\/mini-talks-studio\/\">Okumaya devam et <span class=\"screen-reader-text\">St\u00fcdyo<\/span><\/a><\/p>","protected":false},"author":3,"featured_media":0,"parent":13069,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-13427","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/mini-talks.org\/tr\/wp-json\/wp\/v2\/pages\/13427","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mini-talks.org\/tr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mini-talks.org\/tr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mini-talks.org\/tr\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/mini-talks.org\/tr\/wp-json\/wp\/v2\/comments?post=13427"}],"version-history":[{"count":22,"href":"https:\/\/mini-talks.org\/tr\/wp-json\/wp\/v2\/pages\/13427\/revisions"}],"predecessor-version":[{"id":13470,"href":"https:\/\/mini-talks.org\/tr\/wp-json\/wp\/v2\/pages\/13427\/revisions\/13470"}],"up":[{"embeddable":true,"href":"https:\/\/mini-talks.org\/tr\/wp-json\/wp\/v2\/pages\/13069"}],"wp:attachment":[{"href":"https:\/\/mini-talks.org\/tr\/wp-json\/wp\/v2\/media?parent=13427"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}