/* === Picture World v1: gentle clean story scenes, not a book frame === */
:root {
  --world-ink: #3f3328;
  --world-muted: #6f655a;
  --world-paper: #fffaf1;
  --world-cream: #fff6df;
  --world-mint: #dff3e7;
  --world-sky: #d8eef5;
  --world-peach: #ffe2c9;
  --world-sun: #ffd978;
  --world-coral: #e97862;
  --world-green: #58a87b;
  --world-shadow: 0 18px 42px rgba(89, 68, 43, 0.10);
  --world-soft-shadow: 0 10px 28px rgba(89, 68, 43, 0.08);
}

html { background: #fff8e8 !important; }
body.picture-world {
  color: var(--world-ink) !important;
  background:
    radial-gradient(circle at 12% 9%, rgba(255, 217, 120, 0.26), transparent 20rem),
    radial-gradient(circle at 88% 16%, rgba(159, 214, 231, 0.30), transparent 19rem),
    linear-gradient(180deg, #fff9eb 0%, #f7fbef 48%, #fff5e6 100%) !important;
  background-attachment: fixed;
}
body.picture-world::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0.34;
  mix-blend-mode: normal;
  background-image:
    radial-gradient(ellipse at 14% 22%, rgba(255,255,255,0.85) 0 36px, transparent 37px),
    radial-gradient(ellipse at 21% 22%, rgba(255,255,255,0.78) 0 26px, transparent 27px),
    radial-gradient(ellipse at 78% 13%, rgba(255,255,255,0.82) 0 34px, transparent 35px),
    radial-gradient(ellipse at 84% 13%, rgba(255,255,255,0.72) 0 24px, transparent 25px);
  background-size: 900px 420px;
  background-repeat: repeat-x;
}
body.picture-world > * { position: relative; z-index: 1; }

body.picture-world #subscribeModal.modal-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999 !important;
  width: 100vw !important;
  min-height: 100vh !important;
  align-items: center !important;
  justify-content: center !important;
}

body.picture-world #mainNav {
  position: fixed !important;
  top: 12px !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  z-index: 1000 !important;
  width: min(1240px, calc(100% - 28px)) !important;
  border: 1px solid rgba(86, 72, 52, 0.10) !important;
  border-bottom: 1px solid rgba(86, 72, 52, 0.10) !important;
  border-radius: 999px !important;
  background: rgba(255, 253, 247, 0.88) !important;
  box-shadow: 0 10px 28px rgba(88, 67, 44, 0.10) !important;
  backdrop-filter: blur(14px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.1) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: clamp(18px, 3vw, 42px) !important;
  padding-inline: clamp(24px, 4vw, 42px) !important;
}
body.picture-world #mainNav::before,
body.picture-world #mainNav::after,
body.picture-world section::before,
body.picture-world section::after,
body.picture-world footer::after,
body.picture-world .book-card::before,
body.picture-world .book-card::after,
body.picture-world .channel-card::after,
body.picture-world .feature-card::after,
body.picture-world .rhythm-card::after,
body.picture-world .video-card::after,
body.picture-world .ep-card::after,
body.picture-world .char-card::after,
body.picture-world .step-card::after,
body.picture-world .cta-bar::after,
body.picture-world .hero::before,
body.picture-world .hero::after { display: none !important; content: none !important; }

body.picture-world .nav-logo {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  direction: ltr !important;
  unicode-bidi: isolate !important;
  min-width: max-content !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  color: var(--world-ink) !important;
}
body.picture-world .nav-logo span {
  flex: 0 0 auto !important;
  line-height: 1 !important;
}
body.picture-world .nav-right {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: clamp(22px, 3vw, 42px) !important;
  min-width: 0 !important;
}
body.picture-world .nav-links {
  display: flex !important;
  align-items: center !important;
  gap: clamp(18px, 2.2vw, 34px) !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.picture-world .nav-links li {
  display: flex !important;
}
body.picture-world .lang-switcher {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 4px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.45) !important;
}
body.picture-world .lang-toggle {
  position: relative !important;
  z-index: 1003 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #645643 !important;
  min-height: 34px !important;
  padding: 6px 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  font: inherit !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}
body.picture-world .lang-toggle:hover,
body.picture-world .lang-switcher.open .lang-toggle {
  color: #2f6f51 !important;
  background: rgba(88, 168, 123, 0.10) !important;
}
body.picture-world .lang-menu {
  display: none !important;
  position: absolute !important;
  top: calc(100% + 8px) !important;
  inset-inline-end: 0 !important;
  min-width: 136px !important;
  padding: 8px !important;
  border-radius: 16px !important;
  background: #fffdf7 !important;
  border: 1px solid rgba(86, 72, 52, 0.12) !important;
  box-shadow: 0 16px 34px rgba(88, 67, 44, 0.14) !important;
  z-index: 1005 !important;
}
body.picture-world .lang-switcher.open .lang-menu {
  display: grid !important;
  gap: 4px !important;
}
body.picture-world .nav-links a,
body.picture-world .lang-switch a,
body.picture-world .lang-switcher a {
  position: relative !important;
  z-index: 1002 !important;
  background: transparent !important;
  border: 0 !important;
  color: #645643 !important;
  box-shadow: none !important;
  transform: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  white-space: nowrap !important;
}
body.picture-world .lang-switcher .lang-btn {
  justify-content: flex-start !important;
  width: 100% !important;
}
body.picture-world .lang-switcher .lang-btn.active,
body.picture-world .lang-switcher .lang-btn[aria-current="page"] {
  color: #2f6f51 !important;
  background: rgba(88, 168, 123, 0.12) !important;
}
body.picture-world .nav-links a:hover,
body.picture-world .lang-switch a:hover,
body.picture-world .lang-switcher a:hover {
  color: #2f6f51 !important;
  background: rgba(88, 168, 123, 0.10) !important;
  transform: translateY(-1px) !important;
}
body.picture-world .nav-cta,
body.picture-world .btn,
body.picture-world .newsletter-cta-btn,
body.picture-world .modal-submit {
  border-radius: 999px !important;
  box-shadow: 0 8px 18px rgba(69, 126, 92, 0.16) !important;
  border: 0 !important;
}
body.picture-world .nav-cta {
  background: var(--world-green) !important;
  color: white !important;
  padding-inline: 18px !important;
  min-width: max-content !important;
}
body.picture-world .btn-newsletter {
  background: rgba(255, 244, 202, 0.96) !important;
  color: #6a4a27 !important;
  border: 1px solid rgba(165, 124, 52, 0.16) !important;
}
body.picture-world .btn-newsletter:hover {
  background: #ffeeb6 !important;
  color: #503619 !important;
}

body.picture-world .hero {
  width: min(1200px, calc(100% - 32px)) !important;
  min-height: clamp(620px, 76vh, 760px) !important;
  margin: 84px auto 0 !important;
  padding: clamp(72px, 8vw, 112px) clamp(22px, 7vw, 86px) clamp(56px, 7vw, 90px) !important;
  border: 0 !important;
  border-radius: 34px !important;
  box-shadow: none !important;
  overflow: hidden !important;
  isolation: isolate;
}
body.picture-world.world-home .hero {
  background:
    radial-gradient(circle at 78% 24%, rgba(255, 217, 120, 0.48), transparent 13rem),
    radial-gradient(ellipse at 88% 82%, rgba(135, 203, 168, 0.32), transparent 19rem),
    radial-gradient(ellipse at 17% 82%, rgba(255, 199, 173, 0.35), transparent 17rem),
    linear-gradient(135deg, #fff7df 0%, #e8f7ec 52%, #fff0dc 100%) !important;
}
body.picture-world.world-koko .hero {
  background:
    radial-gradient(circle at 78% 22%, rgba(255, 218, 119, 0.45), transparent 12rem),
    radial-gradient(ellipse at 80% 90%, rgba(83, 157, 105, 0.22), transparent 18rem),
    radial-gradient(ellipse at 16% 83%, rgba(177, 221, 164, 0.38), transparent 18rem),
    linear-gradient(135deg, #f4fbe8 0%, #dff5e8 48%, #fff0d7 100%) !important;
}
body.picture-world.world-arabic .hero {
  background:
    radial-gradient(circle at 82% 22%, rgba(255, 206, 94, 0.48), transparent 13rem),
    radial-gradient(ellipse at 82% 92%, rgba(237, 174, 106, 0.28), transparent 18rem),
    radial-gradient(ellipse at 18% 84%, rgba(126, 200, 213, 0.26), transparent 17rem),
    linear-gradient(135deg, #fff2d5 0%, #e3f2ed 52%, #ffe3c4 100%) !important;
}
body.picture-world .hero h1,
body.picture-world .hero-text h1,
body.picture-world .hero-h1-ar {
  color: #3a3128 !important;
  text-shadow: none !important;
  letter-spacing: 0 !important;
  max-width: 780px;
}
body.picture-world .hero h1 em,
body.picture-world .hero-text h1 em {
  color: #2f8c61 !important;
  text-shadow: none !important;
  background: linear-gradient(180deg, transparent 62%, rgba(255, 220, 112, 0.55) 62%) !important;
  -webkit-text-fill-color: currentColor !important;
  border-radius: 12px;
}
body.picture-world .hero p,
body.picture-world .section-sub,
body.picture-world .card-desc,
body.picture-world .book-desc,
body.picture-world .feature-desc,
body.picture-world .rhythm-desc,
body.picture-world .faq-answer,
body.picture-world .parents-text > p {
  color: var(--world-muted) !important;
}
body.picture-world .hero-badge {
  width: fit-content;
  border: 1px solid rgba(83, 130, 93, 0.15) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.66) !important;
  color: #52704d !important;
  box-shadow: none !important;
}
body.picture-world .hero-stats,
body.picture-world .hero-proof {
  gap: 12px !important;
}
body.picture-world .hero-note-row {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 20px auto 14px !important;
}
body.picture-world .stat-box,
body.picture-world .proof-item,
body.picture-world .hero-note {
  border: 1px solid rgba(80, 120, 86, 0.12) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.58) !important;
  box-shadow: none !important;
}
body.picture-world .hero-note {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 30px !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  color: #4f6b4d !important;
  font-size: 0.88rem !important;
  font-weight: 800 !important;
}
body.picture-world .parent-toolkit {
  width: min(1040px, 100%) !important;
  margin: clamp(22px, 4vw, 40px) auto 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
}
body.picture-world .toolkit-card,
body.picture-world .watch-guide-card {
  min-width: 0 !important;
  padding: 18px !important;
  border: 1px solid rgba(88, 74, 53, 0.10) !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  box-shadow: var(--world-soft-shadow) !important;
}
body.picture-world .toolkit-card strong,
body.picture-world .watch-guide-card strong {
  display: block !important;
  margin-bottom: 6px !important;
  color: #4e3928 !important;
  font-size: 0.95rem !important;
}
body.picture-world .toolkit-card span,
body.picture-world .watch-guide-card span,
body.picture-world .watch-guide-card p {
  display: block !important;
  color: var(--world-muted) !important;
  line-height: 1.6 !important;
  font-size: 0.9rem !important;
}
body.picture-world .watch-guide {
  width: min(960px, 100%) !important;
  margin: 0 auto 34px !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
}
body.picture-world .watch-guide-card {
  background:
    radial-gradient(circle at 86% 16%, rgba(255, 217, 120, 0.26), transparent 5.5rem),
    rgba(255, 255, 255, 0.76) !important;
}
body.picture-world .weekly-pack-list {
  display: grid !important;
  gap: 10px !important;
  margin: 18px auto 24px !important;
  padding: 0 !important;
  max-width: 520px !important;
  list-style: none !important;
  text-align: left !important;
}
body.picture-world .weekly-pack-list li {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  color: #5f564c !important;
  line-height: 1.55 !important;
  font-weight: 700 !important;
}
body.picture-world .weekly-pack-list li::before {
  content: "✓" !important;
  flex: 0 0 22px !important;
  width: 22px !important;
  height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: rgba(88, 168, 123, 0.15) !important;
  color: #28724d !important;
  font-weight: 900 !important;
}
html[dir="rtl"] body.picture-world .weekly-pack-list {
  text-align: right !important;
}
body.picture-world .hero-visual,
body.picture-world .hero-card,
body.picture-world .parents-visual {
  background: rgba(255,255,255,0.36) !important;
  border: 1px solid rgba(255,255,255,0.55) !important;
  border-radius: 30px !important;
  box-shadow: var(--world-soft-shadow) !important;
}
body.picture-world .hero-visual-bg,
body.picture-world .hero-sun,
body.picture-world .hero-dune,
body.picture-world .hero-bg-circles { opacity: 0.42 !important; }
body.picture-world.world-arabic .hero-dune {
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  transform: none !important;
}
body.picture-world .hero-char-main,
body.picture-world .hero-mini-friend,
body.picture-world .hero-card-img,
body.picture-world .card-char-img,
body.picture-world .char-img {
  filter:
    drop-shadow(0 3px 0 rgba(255,255,255,0.96))
    drop-shadow(0 -3px 0 rgba(255,255,255,0.96))
    drop-shadow(3px 0 0 rgba(255,255,255,0.96))
    drop-shadow(-3px 0 0 rgba(255,255,255,0.96))
    drop-shadow(0 14px 20px rgba(70, 53, 36, 0.14)) !important;
}

body.picture-world.world-home .hero-float img {
  filter:
    drop-shadow(0 4px 0 rgba(255,255,255,0.98))
    drop-shadow(0 -4px 0 rgba(255,255,255,0.98))
    drop-shadow(4px 0 0 rgba(255,255,255,0.98))
    drop-shadow(-4px 0 0 rgba(255,255,255,0.98))
    drop-shadow(0 16px 22px rgba(70, 53, 36, 0.16)) !important;
}

body.picture-world section:not(.hero) {
  width: 100% !important;
  margin: 0 !important;
  padding: clamp(58px, 7vw, 92px) max(24px, calc((100vw - 1120px) / 2)) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  background: transparent !important;
}
body.picture-world section:not(.hero):nth-of-type(odd) {
  background: linear-gradient(180deg, rgba(255,255,255,0.18), rgba(232, 247, 236, 0.34)) !important;
}
body.picture-world section:not(.hero):nth-of-type(even) {
  background: linear-gradient(180deg, rgba(255, 244, 222, 0.46), rgba(255,255,255,0.12)) !important;
}
body.picture-world.world-koko section.characters,
body.picture-world.world-koko section.rhythm,
body.picture-world.world-koko section.about {
  background: linear-gradient(180deg, rgba(226, 246, 226, 0.74), rgba(255, 248, 228, 0.54)) !important;
}
body.picture-world.world-arabic section.characters,
body.picture-world.world-arabic section.learn,
body.picture-world.world-arabic section.about {
  background: linear-gradient(180deg, rgba(255, 235, 204, 0.74), rgba(226, 243, 238, 0.50)) !important;
}
body.picture-world .section-title {
  color: #3f3328 !important;
  text-shadow: none !important;
  letter-spacing: 0 !important;
}
body.picture-world .section-title::before,
body.picture-world .section-title::after { display: none !important; }

body.picture-world .channel-card,
body.picture-world .feature-card,
body.picture-world .rhythm-card,
body.picture-world .video-card,
body.picture-world .vid-card,
body.picture-world .ep-card,
body.picture-world .faq-item,
body.picture-world .parents-visual,
body.picture-world .char-card,
body.picture-world .learn-card,
body.picture-world .culture-card,
body.picture-world .book-card,
body.picture-world .about-inner,
body.picture-world .subscribe-inner,
body.picture-world .cta-bar,
body.picture-world .step-card {
  border: 1px solid rgba(88, 74, 53, 0.10) !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  box-shadow: var(--world-soft-shadow) !important;
  transform: none !important;
  backdrop-filter: blur(2px);
}
body.picture-world .channel-card:hover,
body.picture-world .feature-card:hover,
body.picture-world .rhythm-card:hover,
body.picture-world .video-card:hover,
body.picture-world .vid-card:hover,
body.picture-world .ep-card:hover,
body.picture-world .char-card:hover,
body.picture-world .book-card:hover,
body.picture-world .step-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: var(--world-shadow) !important;
}
body.picture-world .channel-card,
body.picture-world .char-card {
  overflow: hidden !important;
}
body.picture-world .channel-card::before,
body.picture-world .char-card::before,
body.picture-world .parents-visual::before {
  opacity: 0.45 !important;
  background: radial-gradient(circle, rgba(255, 217, 120, 0.36), transparent 68%) !important;
}
body.picture-world .card-emoji,
body.picture-world .rhythm-emoji,
body.picture-world .step-icon,
body.picture-world .tip-icon {
  filter: drop-shadow(0 6px 10px rgba(89, 68, 43, 0.10));
}
body.picture-world .booklist-sec { background: linear-gradient(180deg, rgba(255,255,255,0.16), rgba(245, 238, 218, 0.42)) !important; }
body.picture-world .book-card {
  display: flex !important;
  gap: 18px !important;
  padding: 22px !important;
  border-bottom: 0 !important;
  align-items: flex-start !important;
}
body.picture-world .book-cover-fallback,
body.picture-world .book-cover {
  width: 86px !important;
  min-width: 86px !important;
  height: 86px !important;
  padding: 12px !important;
  border-radius: 22px !important;
  border: 0 !important;
  color: #4b3b2e !important;
  background:
    radial-gradient(circle at 74% 18%, rgba(255,255,255,0.72) 0 15px, transparent 16px),
    linear-gradient(145deg, #ffe1ab 0%, #f8c6b5 48%, #c5e7d1 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(84, 64, 42, 0.08), 0 8px 18px rgba(89, 68, 43, 0.10) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  font-size: 0.72rem !important;
  line-height: 1.14 !important;
  overflow-wrap: anywhere;
}
body.picture-world .book-card:nth-child(2n) .book-cover-fallback { background: radial-gradient(circle at 74% 18%, rgba(255,255,255,0.72) 0 15px, transparent 16px), linear-gradient(145deg, #cbe9f5 0%, #fff0ac 52%, #f6b9a9 100%) !important; }
body.picture-world .book-card:nth-child(3n) .book-cover-fallback { background: radial-gradient(circle at 74% 18%, rgba(255,255,255,0.72) 0 15px, transparent 16px), linear-gradient(145deg, #d8d1f4 0%, #ffe2bc 48%, #c7e4cf 100%) !important; }
body.picture-world .book-tag,
body.picture-world .card-pill,
body.picture-world .video-ep,
body.picture-world .ep-num {
  border-radius: 999px !important;
  background: rgba(88, 168, 123, 0.12) !important;
  color: #34734f !important;
  border: 0 !important;
}
body.picture-world .book-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: fit-content !important;
  min-height: 38px !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  background: rgba(43, 113, 76, 0.13) !important;
  border: 1px solid rgba(43, 113, 76, 0.18) !important;
  color: #245f42 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}
body.picture-world.world-arabic .book-link {
  background: rgba(196, 93, 37, 0.13) !important;
  border-color: rgba(196, 93, 37, 0.20) !important;
  color: #8f421c !important;
}
body.picture-world .book-link:hover {
  background: rgba(43, 113, 76, 0.19) !important;
  color: #17452f !important;
  transform: translateY(-1px) !important;
}
body.picture-world.world-arabic .book-link:hover {
  background: rgba(196, 93, 37, 0.19) !important;
  color: #733417 !important;
}
body.picture-world .book-link svg {
  flex: 0 0 auto !important;
}
body.picture-world .video-info,
body.picture-world .vid-meta,
body.picture-world .ep-meta {
  background: rgba(255,255,255,0.70) !important;
}
body.picture-world footer {
  width: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, #5e7d66 0%, #3f5b4a 100%) !important;
  box-shadow: none !important;
  text-align: center !important;
  color: #f5ead9 !important;
}
body.picture-world footer .f-logo,
body.picture-world footer .f-copy,
body.picture-world footer > div {
  text-align: center !important;
}
body.picture-world footer .f-links {
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body.picture-world footer .f-links a {
  text-align: center !important;
  color: #f5ead9 !important;
}
body.picture-world footer .footer-brand p,
body.picture-world footer .footer-col a {
  color: #f5ead9 !important;
}
body.picture-world footer .f-copy,
body.picture-world footer .footer-bottom {
  color: #e7d8c8 !important;
}
body.picture-world footer .f-links a:hover,
body.picture-world footer .footer-col a:hover {
  color: #fff7cf !important;
}

/* Homepage closing sections: keep newsletter and final CTA readable. */
body.picture-world.world-home .subscribe-sec {
  background:
    radial-gradient(circle at 50% 18%, rgba(255, 217, 120, 0.18), transparent 18rem),
    linear-gradient(180deg, rgba(255, 246, 224, 0.72), rgba(236, 247, 231, 0.76)) !important;
  padding-top: clamp(64px, 8vw, 104px) !important;
  padding-bottom: clamp(64px, 8vw, 104px) !important;
}
body.picture-world.world-home .subscribe-inner {
  width: min(620px, 100%) !important;
  max-width: 620px !important;
  margin-inline: auto !important;
  padding: clamp(32px, 4vw, 46px) clamp(22px, 4vw, 42px) !important;
  text-align: center !important;
  background: rgba(255, 255, 255, 0.82) !important;
  border: 1px solid rgba(88, 74, 53, 0.12) !important;
  border-radius: 28px !important;
  box-shadow: 0 18px 44px rgba(88, 67, 44, 0.10) !important;
}
body.picture-world.world-home .subscribe-inner .big-emoji {
  display: block !important;
  margin: 0 auto 12px !important;
  font-size: clamp(2.5rem, 6vw, 3.4rem) !important;
  line-height: 1 !important;
}
body.picture-world.world-home .subscribe-inner h2 {
  margin-bottom: 14px !important;
  color: #654231 !important;
  letter-spacing: 0 !important;
}
body.picture-world.world-home .subscribe-inner p {
  max-width: 520px !important;
  margin: 0 auto 24px !important;
  color: #65594f !important;
  line-height: 1.75 !important;
  overflow-wrap: anywhere;
}
body.picture-world.world-home .subscribe-inner .newsletter-note {
  margin: 18px auto 0 !important;
  font-size: 0.86rem !important;
  color: #7d7167 !important;
}
body.picture-world.world-home .story-pick {
  padding: clamp(32px, 5vw, 56px) 20px !important;
  background:
    radial-gradient(circle at 14% 18%, rgba(255, 217, 120, 0.18), transparent 12rem),
    linear-gradient(180deg, rgba(255,249,235,0.86), rgba(244,250,235,0.72)) !important;
}
body.picture-world.world-home .story-pick-inner {
  width: min(980px, 100%) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.2fr) minmax(260px, 0.8fr) !important;
  gap: clamp(20px, 4vw, 36px) !important;
  align-items: center !important;
  padding: clamp(24px, 4vw, 34px) !important;
  border-radius: 28px !important;
  background: rgba(255,255,255,0.78) !important;
  border: 1px solid rgba(91, 75, 54, 0.10) !important;
  box-shadow: 0 16px 42px rgba(85, 65, 42, 0.10) !important;
}
body.picture-world.world-home .story-pick-kicker {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  margin-bottom: 10px !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  background: rgba(88, 168, 123, 0.12) !important;
  color: #2d6849 !important;
  font-size: 0.82rem !important;
  font-weight: 900 !important;
}
body.picture-world.world-home .story-pick h2 {
  margin: 0 0 10px !important;
  color: #573c2c !important;
  font-size: clamp(1.65rem, 3vw, 2.35rem) !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
}
body.picture-world.world-home .story-pick p {
  margin: 0 0 18px !important;
  color: #67594e !important;
  line-height: 1.7 !important;
}
body.picture-world.world-home .story-pick-preview {
  display: grid !important;
  gap: 10px !important;
  padding: 18px !important;
  border-radius: 22px !important;
  background: #fff9eb !important;
  border: 1px dashed rgba(126, 93, 52, 0.24) !important;
}
body.picture-world.world-home .story-pick-preview strong {
  color: #573c2c !important;
}
body.picture-world.world-home .story-pick-preview span {
  color: #5f6d4f !important;
  font-weight: 800 !important;
}
body.picture-world.world-home .story-pick-preview .preview-label {
  color: #8b6840 !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}
body.picture-world.world-home .story-pick-preview .preview-question {
  padding-top: 10px !important;
  border-top: 1px dashed rgba(126, 93, 52, 0.22) !important;
}
body.picture-world.world-home .cta-sec {
  background:
    radial-gradient(circle at 18% 20%, rgba(255, 217, 120, 0.22), transparent 16rem),
    linear-gradient(180deg, #6f9275 0%, #4d735d 100%) !important;
  padding-top: clamp(56px, 7vw, 88px) !important;
  padding-bottom: clamp(56px, 7vw, 88px) !important;
}
body.picture-world.world-home .cta-bar {
  width: min(760px, 100%) !important;
  max-width: 760px !important;
  margin-inline: auto !important;
  padding: clamp(34px, 5vw, 52px) clamp(24px, 5vw, 56px) !important;
  text-align: center !important;
  color: #fffaf0 !important;
  background:
    radial-gradient(circle at 88% 18%, rgba(255, 217, 120, 0.24), transparent 10rem),
    linear-gradient(135deg, rgba(74, 121, 91, 0.96), rgba(47, 102, 74, 0.98)) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  border-radius: 28px !important;
  box-shadow: 0 20px 46px rgba(44, 88, 63, 0.22) !important;
}
body.picture-world.world-home .cta-bar h2,
body.picture-world.world-home .cta-bar p {
  color: #fffaf0 !important;
  text-shadow: none !important;
}
body.picture-world.world-home .cta-bar h2 {
  margin-bottom: 14px !important;
  letter-spacing: 0 !important;
}
body.picture-world.world-home .cta-bar p {
  max-width: 600px !important;
  margin: 0 auto 26px !important;
  line-height: 1.7 !important;
}
body.picture-world.world-home .cta-bar .btn-white {
  background: rgba(255, 255, 255, 0.96) !important;
  color: #24734f !important;
  box-shadow: 0 12px 28px rgba(40, 76, 53, 0.22) !important;
}
body.picture-world.world-koko .cta-sec,
body.picture-world.world-arabic .cta-sec {
  padding-top: clamp(56px, 7vw, 88px) !important;
  padding-bottom: clamp(56px, 7vw, 88px) !important;
}
body.picture-world.world-koko .cta-sec {
  background:
    radial-gradient(circle at 18% 20%, rgba(255, 217, 120, 0.20), transparent 16rem),
    linear-gradient(180deg, #75a881 0%, #4f8063 100%) !important;
}
body.picture-world.world-arabic .cta-sec {
  background:
    radial-gradient(circle at 82% 18%, rgba(255, 217, 120, 0.24), transparent 16rem),
    linear-gradient(180deg, #df9e63 0%, #6fa08b 100%) !important;
}
body.picture-world.world-koko .cta-bar,
body.picture-world.world-arabic .cta-bar {
  width: min(760px, 100%) !important;
  max-width: 760px !important;
  margin-inline: auto !important;
  padding: clamp(34px, 5vw, 52px) clamp(24px, 5vw, 56px) !important;
  text-align: center !important;
  color: #fffaf0 !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  border-radius: 28px !important;
  box-shadow: 0 20px 46px rgba(44, 88, 63, 0.20) !important;
}
body.picture-world.world-koko .cta-bar {
  background:
    radial-gradient(circle at 88% 18%, rgba(255, 217, 120, 0.22), transparent 10rem),
    linear-gradient(135deg, rgba(74, 121, 91, 0.96), rgba(47, 102, 74, 0.98)) !important;
}
body.picture-world.world-arabic .cta-bar {
  background:
    radial-gradient(circle at 14% 20%, rgba(255, 236, 173, 0.24), transparent 10rem),
    linear-gradient(135deg, rgba(201, 129, 71, 0.96), rgba(64, 132, 119, 0.98)) !important;
}
body.picture-world.world-koko .cta-bar h2,
body.picture-world.world-koko .cta-bar p,
body.picture-world.world-arabic .cta-bar h2,
body.picture-world.world-arabic .cta-bar p {
  color: #fffaf0 !important;
  text-shadow: none !important;
}
body.picture-world.world-koko .cta-bar h2,
body.picture-world.world-arabic .cta-bar h2 {
  margin-bottom: 14px !important;
  letter-spacing: 0 !important;
}
body.picture-world.world-koko .cta-bar p,
body.picture-world.world-arabic .cta-bar p {
  max-width: 600px !important;
  margin: 0 auto 26px !important;
  line-height: 1.7 !important;
}
body.picture-world.world-koko .cta-bar .btn-white,
body.picture-world.world-arabic .cta-bar .btn-white {
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 12px 28px rgba(40, 76, 53, 0.22) !important;
}
body.picture-world.world-koko .cta-bar .btn-white { color: #24734f !important; }
body.picture-world.world-arabic .cta-bar .btn-white { color: #b8642c !important; }

@media (max-width: 900px) {
  body.picture-world #mainNav {
    top: 8px !important;
    width: calc(100% - 16px) !important;
    border-radius: 22px !important;
    min-height: 64px !important;
    padding: 0 16px !important;
    gap: 10px !important;
  }
  body.picture-world .nav-burger {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    margin-inline-start: auto !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,0.72) !important;
    border: 1px solid rgba(85, 65, 42, 0.12) !important;
    box-shadow: none !important;
    color: #5b412b !important;
  }
  body.picture-world .nav-right {
    display: none !important;
    position: absolute !important;
    top: calc(100% + 10px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    padding: 16px !important;
    border-radius: 22px !important;
    background: #fffdf7 !important;
    border: 1px solid rgba(86, 72, 52, 0.12) !important;
    box-shadow: 0 16px 34px rgba(88, 67, 44, 0.14) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
  }
  body.picture-world .nav-right.open {
    display: grid !important;
    gap: 14px !important;
    justify-content: stretch !important;
    justify-items: stretch !important;
    align-items: stretch !important;
    z-index: 1001 !important;
    pointer-events: auto !important;
  }
  body.picture-world .nav-links,
  body.picture-world .nav-links.open {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    width: 100% !important;
    justify-self: stretch !important;
    align-self: stretch !important;
    position: static !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    z-index: 1001 !important;
    pointer-events: auto !important;
  }
  body.picture-world .nav-links li {
    width: 100% !important;
  }
  body.picture-world .nav-links a,
  body.picture-world .nav-cta {
    width: 100% !important;
    min-height: 44px !important;
    justify-content: center !important;
  }
  body.picture-world .lang-switcher {
    position: static !important;
    width: 100% !important;
    justify-content: center !important;
    gap: 10px !important;
    margin: 4px 0 0 !important;
    padding-top: 12px !important;
    border-top: 1px solid rgba(86,72,52,0.10) !important;
    background: transparent !important;
  }
  body.picture-world .lang-toggle {
    width: 100% !important;
    min-height: 44px !important;
    background: rgba(255,255,255,0.72) !important;
    border: 1px solid rgba(85,65,42,0.10) !important;
  }
  body.picture-world .lang-menu {
    position: static !important;
    min-width: 0 !important;
    width: 100% !important;
    margin-top: 8px !important;
    box-shadow: none !important;
    background: rgba(255,255,255,0.66) !important;
  }
  body.picture-world .lang-switcher a {
    min-width: 58px !important;
  }
  body.picture-world .hero {
    width: calc(100% - 18px) !important;
    min-height: auto !important;
    margin-top: 74px !important;
    padding: 58px 18px 38px !important;
    border-radius: 26px !important;
  }
  body.picture-world .hero h1,
  body.picture-world .hero-text h1 {
    font-size: clamp(2.05rem, 11vw, 3.15rem) !important;
  }
  body.picture-world section:not(.hero) {
    padding: 50px 18px !important;
  }
  body.picture-world .book-card {
    display: grid !important;
    grid-template-columns: 76px minmax(0, 1fr) !important;
    gap: 14px !important;
    padding: 18px !important;
  }
  body.picture-world .book-cover-fallback,
  body.picture-world .book-cover {
    width: 72px !important;
    min-width: 72px !important;
    height: 72px !important;
    font-size: 0.64rem !important;
  }
  body.picture-world .channel-card,
  body.picture-world .char-card,
  body.picture-world .book-card,
  body.picture-world .feature-card,
  body.picture-world .rhythm-card,
  body.picture-world .video-card,
  body.picture-world .vid-card,
  body.picture-world .ep-card,
  body.picture-world .step-card {
    border-radius: 20px !important;
  }
  body.picture-world.world-home .subscribe-sec,
  body.picture-world.world-home .story-pick,
  body.picture-world.world-home .cta-sec,
  body.picture-world.world-koko .cta-sec,
  body.picture-world.world-arabic .cta-sec {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  body.picture-world.world-home .subscribe-inner,
  body.picture-world.world-home .story-pick-inner,
  body.picture-world.world-home .cta-bar,
  body.picture-world.world-koko .cta-bar,
  body.picture-world.world-arabic .cta-bar {
    width: 100% !important;
    border-radius: 24px !important;
  }
  body.picture-world .parent-toolkit,
  body.picture-world .watch-guide {
    grid-template-columns: 1fr 1fr !important;
  }
  body.picture-world.world-home .subscribe-inner p,
  body.picture-world.world-home .cta-bar p,
  body.picture-world.world-koko .cta-bar p,
  body.picture-world.world-arabic .cta-bar p {
    font-size: 0.96rem !important;
    line-height: 1.68 !important;
  }
  body.picture-world.world-home .cta-bar .btn,
  body.picture-world.world-koko .cta-bar .btn,
  body.picture-world.world-arabic .cta-bar .btn,
  body.picture-world.world-home .newsletter-cta-btn {
    width: min(260px, 100%) !important;
    justify-content: center !important;
    white-space: normal !important;
  }
  body.picture-world.world-home .story-pick-inner {
    grid-template-columns: 1fr !important;
    text-align: center !important;
  }
  body.picture-world.world-home .story-pick-kicker,
  body.picture-world.world-home .story-pick .btn {
    margin-inline: auto !important;
  }
}

@media (max-width: 1240px) {
  html[dir="rtl"] body.picture-world #mainNav {
    top: 8px !important;
    width: calc(100% - 16px) !important;
    border-radius: 22px !important;
    min-height: 64px !important;
    padding: 0 16px !important;
    gap: 10px !important;
  }
  html[dir="rtl"] body.picture-world .nav-burger {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    margin-inline-start: auto !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,0.72) !important;
    border: 1px solid rgba(85, 65, 42, 0.12) !important;
    box-shadow: none !important;
    color: #5b412b !important;
  }
  html[dir="rtl"] body.picture-world .nav-right {
    display: none !important;
    position: absolute !important;
    top: calc(100% + 10px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    padding: 16px !important;
    border-radius: 22px !important;
    background: #fffdf7 !important;
    border: 1px solid rgba(86, 72, 52, 0.12) !important;
    box-shadow: 0 16px 34px rgba(88, 67, 44, 0.14) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
  }
  html[dir="rtl"] body.picture-world .nav-right.open {
    display: grid !important;
    gap: 14px !important;
    justify-content: stretch !important;
    justify-items: stretch !important;
    align-items: stretch !important;
    z-index: 1001 !important;
    pointer-events: auto !important;
  }
  html[dir="rtl"] body.picture-world .nav-links,
  html[dir="rtl"] body.picture-world .nav-links.open {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    width: 100% !important;
    justify-self: stretch !important;
    align-self: stretch !important;
    position: static !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    z-index: 1001 !important;
    pointer-events: auto !important;
  }
  html[dir="rtl"] body.picture-world .nav-links li {
    width: 100% !important;
  }
  html[dir="rtl"] body.picture-world .nav-links a,
  html[dir="rtl"] body.picture-world .nav-cta {
    width: 100% !important;
    min-height: 44px !important;
    justify-content: center !important;
  }
  html[dir="rtl"] body.picture-world .lang-switcher {
    position: static !important;
    width: 100% !important;
    justify-content: center !important;
    gap: 10px !important;
    margin: 4px 0 0 !important;
    padding-top: 12px !important;
    border-top: 1px solid rgba(86,72,52,0.10) !important;
    background: transparent !important;
  }
  html[dir="rtl"] body.picture-world .lang-toggle {
    width: 100% !important;
    min-height: 44px !important;
    background: rgba(255,255,255,0.72) !important;
    border: 1px solid rgba(85,65,42,0.10) !important;
  }
  html[dir="rtl"] body.picture-world .lang-menu {
    position: static !important;
    min-width: 0 !important;
    width: 100% !important;
    margin-top: 8px !important;
    box-shadow: none !important;
    background: rgba(255,255,255,0.66) !important;
  }
}

@media (max-width: 900px) {
  html[dir="rtl"] body.picture-world #mainNav {
    top: 8px !important;
    width: calc(100% - 16px) !important;
    border-radius: 22px !important;
    min-height: 64px !important;
    padding: 0 16px !important;
    gap: 10px !important;
  }
}

@media (max-width: 520px) {
  body.picture-world .parent-toolkit,
  body.picture-world .watch-guide {
    grid-template-columns: 1fr !important;
  }
}


/* Picture World v1 refinements: remove remaining cover-card cues. */
body.picture-world .hero-card::before,
body.picture-world .hero-card::after,
body.picture-world .stat-box::after {
  display: none !important;
  content: none !important;
}
body.picture-world .hero-card {
  transform: none !important;
  border: 1px solid rgba(255,255,255,0.58) !important;
  padding: clamp(24px, 4vw, 36px) !important;
}
body.picture-world .hero-card:hover { transform: translateY(-4px) !important; }
body.picture-world .hero-card h3,
body.picture-world .hero-card-ar {
  color: #76503a !important;
}
body.picture-world .hero-card-tags .tag,
body.picture-world .hero-card-tags span {
  background: rgba(255,255,255,0.64) !important;
  border-color: rgba(226, 139, 72, 0.20) !important;
}
body.picture-world .hero-stats {
  width: min(460px, 100%) !important;
  padding: 12px !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,0.56) !important;
  box-shadow: 0 12px 24px rgba(88,67,44,0.08) !important;
}
body.picture-world .stat-box {
  min-width: 0 !important;
  border-radius: 16px !important;
}
@media (max-width: 760px) {
  body.picture-world .hero-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 10px !important;
  }
  body.picture-world .stat-box {
    padding: 9px 6px !important;
  }
  body.picture-world .stat-num { font-size: 1.12rem !important; }
  body.picture-world .stat-label { font-size: 0.62rem !important; }
}


/* Hotfix: desktop hero art, RTL nav centering, YouTube fallback stability. */
body.picture-world #mainNav {
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  margin: 12px 0 0 !important;
}
html[dir="rtl"] body.picture-world #mainNav {
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  width: min(1240px, calc(100% - 28px)) !important;
  gap: clamp(18px, 3vw, 42px) !important;
  padding-inline: clamp(24px, 4vw, 42px) !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
html[dir="rtl"] body.picture-world .nav-right {
  gap: clamp(22px, 3vw, 42px) !important;
}
html[dir="rtl"] body.picture-world .nav-links {
  gap: clamp(18px, 2.2vw, 34px) !important;
}
body.picture-world.world-home .hero {
  min-height: clamp(650px, 74vh, 760px) !important;
}
body.picture-world.world-home .hero-content {
  margin-left: min(43%, 500px) !important;
  max-width: 630px !important;
  text-align: center !important;
}
html[dir="rtl"] body.picture-world.world-home .hero-content {
  margin-left: 0 !important;
  margin-right: min(43%, 500px) !important;
}
body.picture-world.world-home .hero-float {
  opacity: 1 !important;
  z-index: 1 !important;
  filter: drop-shadow(0 18px 24px rgba(70, 53, 36, 0.16)) !important;
}
body.picture-world.world-home .hero-float picture,
body.picture-world.world-home .hero-float img {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.picture-world.world-home .float-1 { width: 300px !important; top: 35% !important; left: 10% !important; right: auto !important; }
body.picture-world.world-home .float-2 { width: 390px !important; top: 31% !important; left: 21% !important; right: auto !important; }
body.picture-world.world-home .float-3 { width: 255px !important; bottom: 18% !important; left: 22% !important; right: auto !important; }
body.picture-world.world-home .float-4 { width: 390px !important; bottom: 17% !important; left: 30% !important; right: auto !important; }
html[dir="rtl"] body.picture-world.world-home .float-1 { left: auto !important; right: 10% !important; }
html[dir="rtl"] body.picture-world.world-home .float-2 { left: auto !important; right: 21% !important; }
html[dir="rtl"] body.picture-world.world-home .float-3 { left: auto !important; right: 22% !important; }
html[dir="rtl"] body.picture-world.world-home .float-4 { left: auto !important; right: 30% !important; }
body.picture-world .try-embed iframe[src="about:blank"] {
  background: linear-gradient(135deg, rgba(255,255,255,.75), rgba(224,243,232,.75));
}
@media (max-width: 980px) {
  body.picture-world.world-home .hero-content,
  html[dir="rtl"] body.picture-world.world-home .hero-content {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* Simplified information architecture pass. */
body.picture-world section {
  scroll-margin-top: 96px;
}

body.picture-world.world-home .compact-rhythm {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  max-width: 980px !important;
}

body.picture-world.world-home .rhythm-card,
body.picture-world.world-koko .learn-card,
body.picture-world.world-arabic .learn-card,
body.picture-world .watch-guide-card {
  border-radius: 18px !important;
  border: 1px solid rgba(96, 78, 55, 0.10) !important;
  box-shadow: 0 10px 28px rgba(80, 62, 40, 0.08) !important;
}

body.picture-world.world-home .parents {
  padding-bottom: clamp(36px, 5vw, 56px) !important;
}

body.picture-world.world-home .faq {
  padding-top: clamp(36px, 5vw, 56px) !important;
}

body.picture-world.world-home .parents-visual {
  min-height: auto !important;
}

body.picture-world.world-koko .episodes,
body.picture-world.world-arabic .episodes {
  background:
    radial-gradient(circle at 12% 12%, rgba(255, 217, 120, 0.12), transparent 13rem),
    linear-gradient(180deg, rgba(255, 249, 237, 0.9), rgba(244, 250, 235, 0.72)) !important;
}

body.picture-world.world-arabic .episodes {
  background:
    radial-gradient(circle at 86% 12%, rgba(255, 210, 122, 0.16), transparent 13rem),
    linear-gradient(180deg, rgba(255, 246, 232, 0.94), rgba(239, 248, 241, 0.72)) !important;
}

body.picture-world .watch-guide {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(14px, 2vw, 20px) !important;
  max-width: 1000px !important;
  margin: 0 auto clamp(24px, 4vw, 38px) !important;
}

body.picture-world .watch-guide-card {
  background: rgba(255, 255, 255, 0.84) !important;
  padding: clamp(18px, 2.5vw, 24px) !important;
}

body.picture-world .watch-guide-card strong {
  display: block !important;
  color: #5c4633 !important;
  font-size: 1rem !important;
  margin-bottom: 8px !important;
}

body.picture-world .watch-guide-card span {
  color: #65584d !important;
  line-height: 1.6 !important;
}

body.picture-world.world-koko .subscribe-sec,
body.picture-world.world-arabic .subscribe-sec {
  padding-top: clamp(50px, 7vw, 80px) !important;
  padding-bottom: clamp(50px, 7vw, 80px) !important;
}

body.picture-world.world-koko .cta-sec,
body.picture-world.world-arabic .cta-sec {
  padding-top: clamp(40px, 5vw, 64px) !important;
}

@media (max-width: 760px) {
  body.picture-world.world-home .compact-rhythm,
  body.picture-world .watch-guide {
    grid-template-columns: 1fr !important;
  }

  body.picture-world.world-home .rhythm-card,
  body.picture-world .watch-guide-card {
    padding: 20px 18px !important;
  }
}
@media (max-width: 760px) {
  body.picture-world #mainNav {
    margin-top: 8px !important;
  }
  body.picture-world.world-home .hero-float {
    display: block !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }
}


/* Hotfix refinement: keep homepage character art out of flex layout. */
body.picture-world.world-home .hero > .hero-float {
  position: absolute !important;
  display: block !important;
  flex: none !important;
  min-width: 0 !important;
  max-width: none !important;
}

/* Homepage character layout v3: evenly distributed sticker scene. */
body.picture-world.world-home .float-1 {
  width: clamp(220px, 19vw, 270px) !important;
  left: 13% !important;
  top: auto !important;
  bottom: 4% !important;
  right: auto !important;
  z-index: 3 !important;
}
body.picture-world.world-home .float-2 {
  width: clamp(135px, 12vw, 165px) !important;
  left: 31% !important;
  top: 32% !important;
  bottom: auto !important;
  right: auto !important;
  z-index: 4 !important;
}
body.picture-world.world-home .float-3 {
  width: clamp(92px, 8vw, 116px) !important;
  left: 7% !important;
  top: auto !important;
  bottom: 21% !important;
  right: auto !important;
  z-index: 2 !important;
  opacity: 0.88 !important;
}
body.picture-world.world-home .hero > .float-4 {
  display: block !important;
  width: clamp(132px, 11vw, 158px) !important;
  left: 23.5% !important;
  top: 48% !important;
  bottom: auto !important;
  right: auto !important;
  z-index: 2 !important;
}
html[dir="rtl"] body.picture-world.world-home .float-1 { left: auto !important; right: 13% !important; }
html[dir="rtl"] body.picture-world.world-home .float-2 { left: auto !important; right: 31% !important; }
html[dir="rtl"] body.picture-world.world-home .float-3 { left: auto !important; right: 7% !important; }
html[dir="rtl"] body.picture-world.world-home .float-4 { left: auto !important; right: 23.5% !important; }

@media (max-width: 1180px) {
  body.picture-world.world-home .float-1 {
    left: 9.5% !important;
    width: 215px !important;
  }
  body.picture-world.world-home .float-2 {
    left: 25.5% !important;
    width: 135px !important;
  }
  body.picture-world.world-home .float-3 {
    left: 5.5% !important;
    width: 92px !important;
  }
  body.picture-world.world-home .float-4 {
    left: 18.5% !important;
    width: 132px !important;
  }
  html[dir="rtl"] body.picture-world.world-home .float-1 { left: auto !important; right: 9.5% !important; }
  html[dir="rtl"] body.picture-world.world-home .float-2 { left: auto !important; right: 25.5% !important; }
  html[dir="rtl"] body.picture-world.world-home .float-3 { left: auto !important; right: 5.5% !important; }
  html[dir="rtl"] body.picture-world.world-home .float-4 { left: auto !important; right: 18.5% !important; }
}


/* Generated picture-world scene art */
body.picture-world .hero {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  border-bottom: 1px solid rgba(116, 86, 46, 0.08);
}
body.picture-world .hero > .container {
  position: relative;
  z-index: 2;
}
body.picture-world.world-home .hero {
  background:
    linear-gradient(90deg, rgba(255,250,238,0.06) 0%, rgba(255,250,238,0.26) 38%, rgba(255,250,238,0.78) 58%, rgba(255,250,238,0.9) 100%),
    url('/images/scenes/story-world-home.webp') center / cover no-repeat !important;
}
body.picture-world.world-koko .hero {
  background:
    linear-gradient(90deg, rgba(250,255,245,0.9) 0%, rgba(250,255,245,0.72) 42%, rgba(250,255,245,0.24) 100%),
    url('/images/scenes/story-world-forest.webp') center / cover no-repeat !important;
}
body.picture-world.world-arabic .hero {
  background:
    linear-gradient(90deg, rgba(255,249,238,0.88) 0%, rgba(255,249,238,0.68) 44%, rgba(255,249,238,0.2) 100%),
    url('/images/scenes/story-world-desert.webp') center / cover no-repeat !important;
}
html[dir='rtl'] body.picture-world.world-home .hero,
html[dir='rtl'] body.picture-world.world-koko .hero,
html[dir='rtl'] body.picture-world.world-arabic .hero {
  background-position: center !important;
}
html[dir='rtl'] body.picture-world.world-home .hero {
  background:
    linear-gradient(270deg, rgba(255,250,238,0.06) 0%, rgba(255,250,238,0.28) 38%, rgba(255,250,238,0.82) 58%, rgba(255,250,238,0.92) 100%),
    url('/images/scenes/story-world-home.webp') center / cover no-repeat !important;
}
html[dir='rtl'] body.picture-world.world-koko .hero {
  background:
    linear-gradient(270deg, rgba(250,255,245,0.9) 0%, rgba(250,255,245,0.72) 42%, rgba(250,255,245,0.24) 100%),
    url('/images/scenes/story-world-forest.webp') center / cover no-repeat !important;
}
html[dir='rtl'] body.picture-world.world-arabic .hero {
  background:
    linear-gradient(270deg, rgba(255,249,238,0.88) 0%, rgba(255,249,238,0.68) 44%, rgba(255,249,238,0.2) 100%),
    url('/images/scenes/story-world-desert.webp') center / cover no-repeat !important;
}
body.picture-world .hero-text,
body.picture-world .hero-content,
body.picture-world .hero-copy {
  position: relative;
  z-index: 3;
}
body.picture-world .hero-badge,
body.picture-world .hero-note,
body.picture-world .stat-box,
body.picture-world .proof-item {
  backdrop-filter: blur(8px);
  background-color: rgba(255,255,255,0.76) !important;
}
@media (max-width: 760px) {
  body.picture-world.world-home .hero,
  body.picture-world.world-koko .hero,
  body.picture-world.world-arabic .hero,
  html[dir='rtl'] body.picture-world.world-home .hero,
  html[dir='rtl'] body.picture-world.world-koko .hero,
  html[dir='rtl'] body.picture-world.world-arabic .hero {
    background-position: center top !important;
  }
  body.picture-world.world-home .hero {
    background:
      linear-gradient(180deg, rgba(255,250,238,0.74) 0%, rgba(255,250,238,0.86) 48%, rgba(255,250,238,0.96) 100%),
      url('/images/scenes/story-world-home.webp') center top / cover no-repeat !important;
  }
  body.picture-world.world-koko .hero {
    background:
      linear-gradient(180deg, rgba(250,255,245,0.76) 0%, rgba(250,255,245,0.9) 52%, rgba(250,255,245,0.98) 100%),
      url('/images/scenes/story-world-forest.webp') center top / cover no-repeat !important;
  }
  body.picture-world.world-arabic .hero {
    background:
      linear-gradient(180deg, rgba(255,249,238,0.76) 0%, rgba(255,249,238,0.9) 52%, rgba(255,249,238,0.98) 100%),
      url('/images/scenes/story-world-desert.webp') center top / cover no-repeat !important;
  }
}


/* Visual QA refinements after full-page review */
@media (max-width: 760px) {

  body.picture-world.world-home .hero-proof {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: min(330px, 100%) !important;
    gap: 8px !important;
    padding: 12px !important;
  }
  body.picture-world.world-home .hero-proof .proof-divider {
    display: none !important;
  }
  body.picture-world.world-home .hero-proof .proof-item {
    width: auto !important;
    min-width: 0 !important;
    min-height: 54px !important;
    padding: 8px 6px !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,0.72) !important;
  }
  body.picture-world.world-home .hero-stats {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: min(330px, 100%) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    gap: 8px !important;
  }
  body.picture-world.world-home .stat-box {
    min-height: 54px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255,255,255,0.68) !important;
  }
  body.picture-world.world-home .stat-box::after {
    display: none !important;
    content: none !important;
  }
  body.picture-world.world-home .stat-label {
    letter-spacing: 0 !important;
    white-space: normal !important;
  }
  body.picture-world.world-koko .hero {
    gap: 14px !important;
    padding-bottom: 24px !important;
  }
  body.picture-world.world-koko .hero-stats {
    margin-bottom: 14px !important;
  }
  body.picture-world.world-koko .hero-btns {
    margin-bottom: 2px !important;
  }
  body.picture-world.world-koko .hero-visual {
    max-width: 300px !important;
    margin-top: 0 !important;
  }
  body.picture-world.world-koko .hero-char-main {
    width: min(220px, 72vw) !important;
  }
}

/* Final CTA cache-bust hardening: never allow white card styles to win here. */
body.picture-world .cta-sec .cta-bar::before,
body.picture-world .cta-sec .cta-bar::after {
  display: none !important;
  content: none !important;
}
body.picture-world.world-home .cta-sec .cta-bar,
body.picture-world.world-koko .cta-sec .cta-bar {
  background-color: #3f7656 !important;
  background-image:
    radial-gradient(circle at 88% 18%, rgba(255, 217, 120, 0.22), transparent 10rem),
    linear-gradient(135deg, rgba(74, 121, 91, 0.98), rgba(47, 102, 74, 0.98)) !important;
}
body.picture-world.world-arabic .cta-sec .cta-bar {
  background-color: #b87443 !important;
  background-image:
    radial-gradient(circle at 14% 20%, rgba(255, 236, 173, 0.24), transparent 10rem),
    linear-gradient(135deg, rgba(201, 129, 71, 0.98), rgba(64, 132, 119, 0.98)) !important;
}
body.picture-world .cta-sec .cta-bar h2,
body.picture-world .cta-sec .cta-bar p {
  color: #fffaf0 !important;
}
body.picture-world .cta-sec .cta-bar .btn-white {
  background-color: rgba(255,255,255,0.96) !important;
}

/* Weekly pack preview: increase contrast for sample text. */
body.picture-world.world-home .story-pick-preview {
  background: #fff7df !important;
  border: 1px solid rgba(111, 79, 38, 0.24) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.82),
    0 12px 26px rgba(88, 67, 44, 0.10) !important;
}
body.picture-world.world-home .story-pick-preview strong {
  color: #3f2d1f !important;
}
body.picture-world.world-home .story-pick-preview > span {
  color: #3f3328 !important;
  font-weight: 850 !important;
  line-height: 1.55 !important;
}
body.picture-world.world-home .story-pick-preview .preview-label {
  display: inline-flex !important;
  align-items: center !important;
  margin-inline-end: 8px !important;
  margin-bottom: 2px !important;
  padding: 3px 8px !important;
  border-radius: 999px !important;
  background: rgba(80, 124, 86, 0.14) !important;
  color: #275a3d !important;
  border: 1px solid rgba(80, 124, 86, 0.18) !important;
  font-size: 0.76rem !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
body.picture-world.world-home .story-pick-preview .preview-question {
  border-top: 1px solid rgba(111, 79, 38, 0.20) !important;
  color: #4a3728 !important;
}

/* Site-wide style unification: consistent parent-toolkit picture world. */
body.picture-world {
  --world-accent: var(--world-green);
  --world-accent-dark: #2f7652;
  --world-band-a: rgba(255, 248, 228, 0.72);
  --world-band-b: rgba(228, 245, 235, 0.62);
  --world-card-bg: rgba(255, 255, 255, 0.78);
  --world-card-border: rgba(88, 74, 53, 0.11);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
body.picture-world.world-koko {
  --world-accent: #58a87b;
  --world-accent-dark: #2f7652;
  --world-band-a: rgba(237, 249, 231, 0.78);
  --world-band-b: rgba(255, 246, 219, 0.66);
}
body.picture-world.world-arabic {
  --world-accent: #d88945;
  --world-accent-dark: #9b5526;
  --world-band-a: rgba(255, 239, 213, 0.78);
  --world-band-b: rgba(226, 244, 239, 0.64);
}

body.picture-world .hero,
body.picture-world.world-home .hero,
body.picture-world.world-koko .hero,
body.picture-world.world-arabic .hero {
  width: min(1220px, calc(100% - 32px)) !important;
  margin: 84px auto 0 !important;
  border-radius: clamp(28px, 3.4vw, 40px) !important;
  border: 1px solid rgba(88, 74, 53, 0.10) !important;
  box-shadow: 0 24px 60px rgba(88, 67, 44, 0.10) !important;
  overflow: hidden !important;
}
body.picture-world .hero-text,
body.picture-world .hero-content,
body.picture-world .hero-copy {
  position: relative !important;
  z-index: 3 !important;
}
body.picture-world .hero h1,
body.picture-world .hero-text h1,
body.picture-world .hero-h1-ar {
  letter-spacing: 0 !important;
  color: var(--world-ink) !important;
  text-wrap: balance;
}
body.picture-world .hero h1 em,
body.picture-world .hero-text h1 em,
body.picture-world .section-title .hl {
  color: var(--world-accent-dark) !important;
}
body.picture-world .hero-badge,
body.picture-world .story-pick-kicker,
body.picture-world .card-pill,
body.picture-world .book-tag,
body.picture-world .video-ep,
body.picture-world .ep-num {
  background: color-mix(in srgb, var(--world-accent) 18%, white) !important;
  color: var(--world-accent-dark) !important;
  border: 1px solid color-mix(in srgb, var(--world-accent) 18%, transparent) !important;
}

body.picture-world section:not(.hero) {
  padding: clamp(58px, 7vw, 92px) max(22px, calc((100vw - 1120px) / 2)) !important;
}
body.picture-world section:not(.hero):nth-of-type(odd) {
  background: linear-gradient(180deg, var(--world-band-a), rgba(255,255,255,0.18)) !important;
}
body.picture-world section:not(.hero):nth-of-type(even) {
  background: linear-gradient(180deg, rgba(255,255,255,0.18), var(--world-band-b)) !important;
}
body.picture-world .section-title {
  width: min(900px, 100%) !important;
  margin: 0 auto clamp(22px, 3vw, 34px) !important;
  text-align: center !important;
  font-size: clamp(1.9rem, 3.8vw, 2.75rem) !important;
  line-height: 1.14 !important;
  letter-spacing: 0 !important;
}
body.picture-world .section-subtitle,
body.picture-world .section-desc,
body.picture-world .videos-sub,
body.picture-world .books-intro,
body.picture-world .features-subtitle {
  width: min(760px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  color: var(--world-muted) !important;
  line-height: 1.75 !important;
}

body.picture-world .channel-card,
body.picture-world .feature-card,
body.picture-world .rhythm-card,
body.picture-world .video-card,
body.picture-world .vid-card,
body.picture-world .ep-card,
body.picture-world .faq-item,
body.picture-world .parents-visual,
body.picture-world .char-card,
body.picture-world .learn-card,
body.picture-world .culture-card,
body.picture-world .book-card,
body.picture-world .about-inner,
body.picture-world .subscribe-inner,
body.picture-world .story-pick-inner,
body.picture-world .story-pick-preview,
body.picture-world .toolkit-card,
body.picture-world .watch-guide-card,
body.picture-world .step-card {
  border-radius: 24px !important;
  border: 1px solid var(--world-card-border) !important;
  background: var(--world-card-bg) !important;
  box-shadow: 0 14px 34px rgba(88, 67, 44, 0.09) !important;
  backdrop-filter: blur(3px) saturate(1.02) !important;
  -webkit-backdrop-filter: blur(3px) saturate(1.02) !important;
}
body.picture-world .channel-card:hover,
body.picture-world .feature-card:hover,
body.picture-world .rhythm-card:hover,
body.picture-world .video-card:hover,
body.picture-world .vid-card:hover,
body.picture-world .ep-card:hover,
body.picture-world .char-card:hover,
body.picture-world .book-card:hover,
body.picture-world .step-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 20px 44px rgba(88, 67, 44, 0.13) !important;
}
body.picture-world .char-card img,
body.picture-world .card-char-img,
body.picture-world .hero-char-main,
body.picture-world .hero-mini-friend {
  filter:
    drop-shadow(0 4px 0 rgba(255, 255, 255, 0.98))
    drop-shadow(0 -4px 0 rgba(255, 255, 255, 0.98))
    drop-shadow(4px 0 0 rgba(255, 255, 255, 0.98))
    drop-shadow(-4px 0 0 rgba(255, 255, 255, 0.98))
    drop-shadow(0 14px 20px rgba(85, 64, 42, 0.14)) !important;
}

body.picture-world .btn,
body.picture-world .newsletter-cta-btn,
body.picture-world .modal-submit {
  min-height: 46px !important;
  padding: 12px 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}
body.picture-world .btn-primary,
body.picture-world .btn-green,
body.picture-world .btn-orange,
body.picture-world .newsletter-cta-btn,
body.picture-world .modal-submit {
  background: var(--world-accent) !important;
  color: white !important;
}
body.picture-world .btn-primary:hover,
body.picture-world .btn-green:hover,
body.picture-world .btn-orange:hover,
body.picture-world .newsletter-cta-btn:hover,
body.picture-world .modal-submit:hover {
  background: var(--world-accent-dark) !important;
}
body.picture-world .btn-outline,
body.picture-world .btn-secondary {
  background: rgba(255,255,255,0.86) !important;
  color: var(--world-accent-dark) !important;
  border: 1px solid color-mix(in srgb, var(--world-accent) 24%, transparent) !important;
}

body.picture-world .subscribe-sec,
body.picture-world.world-home .subscribe-sec {
  background:
    radial-gradient(circle at 50% 18%, rgba(255, 217, 120, 0.18), transparent 18rem),
    linear-gradient(180deg, var(--world-band-a), var(--world-band-b)) !important;
}
body.picture-world .subscribe-inner {
  width: min(680px, 100%) !important;
  margin-inline: auto !important;
  text-align: center !important;
  padding: clamp(32px, 4.5vw, 52px) clamp(22px, 4vw, 44px) !important;
}
body.picture-world .newsletter-note {
  color: #7a6f65 !important;
  line-height: 1.6 !important;
}

body.picture-world footer {
  padding: clamp(42px, 6vw, 72px) 22px 32px !important;
  background:
    radial-gradient(circle at 18% 10%, rgba(255, 217, 120, 0.12), transparent 14rem),
    linear-gradient(180deg, #557860 0%, #3f5b4a 100%) !important;
}
body.picture-world.world-arabic footer {
  background:
    radial-gradient(circle at 82% 10%, rgba(255, 217, 120, 0.14), transparent 14rem),
    linear-gradient(180deg, #81664d 0%, #3f5b4a 100%) !important;
}
body.picture-world footer a,
body.picture-world footer p,
body.picture-world footer h4 {
  letter-spacing: 0 !important;
}

/* Make language switching more visible without crowding the nav. */
body.picture-world .lang-switcher {
  padding: 0 !important;
  background: transparent !important;
}
body.picture-world .lang-toggle {
  min-height: 40px !important;
  padding: 8px 14px !important;
  gap: 8px !important;
  color: #3f3328 !important;
  background:
    linear-gradient(180deg, rgba(255, 250, 238, 0.98), rgba(255, 238, 190, 0.92)) !important;
  border: 1px solid rgba(137, 101, 47, 0.28) !important;
  box-shadow: 0 8px 18px rgba(88, 67, 44, 0.12) !important;
}
body.picture-world .lang-toggle::before {
  content: "🌐";
  font-size: 1rem;
  line-height: 1;
}
body.picture-world .lang-toggle:hover,
body.picture-world .lang-switcher.open .lang-toggle {
  color: var(--world-accent-dark) !important;
  background:
    linear-gradient(180deg, rgba(255, 248, 224, 1), color-mix(in srgb, var(--world-accent) 22%, white)) !important;
  border-color: color-mix(in srgb, var(--world-accent) 42%, rgba(137,101,47,0.28)) !important;
  box-shadow: 0 10px 22px rgba(88, 67, 44, 0.16) !important;
  transform: translateY(-1px) !important;
}
body.picture-world .lang-menu {
  min-width: 154px !important;
  padding: 10px !important;
  border: 1px solid rgba(88, 74, 53, 0.16) !important;
  box-shadow: 0 18px 40px rgba(88, 67, 44, 0.18) !important;
}
body.picture-world .lang-switcher.open .lang-menu {
  gap: 6px !important;
}

@media (max-width: 900px) {
  body.picture-world .lang-switcher {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  html[dir="rtl"] body.picture-world #mainNav {
    left: 50% !important;
    right: auto !important;
    width: calc(100% - 16px) !important;
    transform: translateX(-50%) !important;
  }
  body.picture-world .lang-toggle {
    width: 100% !important;
    min-height: 48px !important;
    justify-content: center !important;
    background:
      linear-gradient(180deg, rgba(255, 250, 238, 0.98), rgba(255, 238, 190, 0.92)) !important;
    border: 1px solid rgba(137, 101, 47, 0.28) !important;
  }
  body.picture-world .lang-menu {
    padding: 8px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(88, 74, 53, 0.12) !important;
  }
}

@media (max-width: 760px) {
  body.picture-world .hero,
  body.picture-world.world-home .hero,
  body.picture-world.world-koko .hero,
  body.picture-world.world-arabic .hero {
    width: calc(100% - 18px) !important;
    margin-top: 82px !important;
    border-radius: 26px !important;
  }
  body.picture-world section:not(.hero) {
    padding: 46px 18px !important;
  }
  body.picture-world .section-title {
    font-size: clamp(1.55rem, 8vw, 2rem) !important;
    margin-bottom: 18px !important;
  }
  body.picture-world .btn,
  body.picture-world .newsletter-cta-btn,
  body.picture-world .modal-submit {
    width: 100% !important;
    max-width: 340px !important;
  }
}

/* First-time parent entry optimization. */
body.picture-world.world-home .hero {
  min-height: auto !important;
}
body.picture-world.world-home .hero-content {
  max-width: 700px !important;
}
body.picture-world.world-home .hero h1 {
  max-width: 760px !important;
}
body.picture-world.world-home .hero-note-row {
  margin-bottom: 18px !important;
}
body.picture-world.world-home .story-pick-inner {
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.82fr) !important;
}
body.picture-world.world-home .weekly-toolkit {
  margin-top: 18px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
body.picture-world.world-home .story-pick-preview {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.98), rgba(255,248,232,0.96)) !important;
  border-color: rgba(78, 116, 82, 0.22) !important;
}
body.picture-world.world-home .story-pick-preview strong,
body.picture-world.world-home .preview-label {
  color: #285b40 !important;
}
body.picture-world.world-home .story-pick-preview span {
  color: #44372c !important;
}
body.picture-world.world-koko .learn,
body.picture-world.world-arabic .learn {
  background:
    radial-gradient(circle at 14% 14%, rgba(255, 217, 120, 0.12), transparent 13rem),
    linear-gradient(180deg, rgba(255, 249, 237, 0.88), rgba(247, 252, 241, 0.72)) !important;
}
body.picture-world .parent-tool-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  max-width: 1000px !important;
  margin-inline: auto !important;
}
body.picture-world.world-koko .chars-grid .char-card:nth-child(n+5),
body.picture-world.world-arabic .chars-grid .char-card:nth-child(n+5) {
  display: none !important;
}
body.picture-world.world-koko .characters,
body.picture-world.world-arabic .characters {
  padding-top: clamp(54px, 7vw, 86px) !important;
  padding-bottom: clamp(54px, 7vw, 86px) !important;
}
body.picture-world.world-koko .cta-sec,
body.picture-world.world-arabic .cta-sec {
  padding: clamp(30px, 4vw, 48px) clamp(18px, 4vw, 42px) !important;
  background: transparent !important;
  box-shadow: none !important;
  border-color: rgba(88, 67, 44, 0.08) !important;
}
body.picture-world.world-koko .cta-bar,
body.picture-world.world-arabic .cta-bar {
  width: min(760px, 100%) !important;
  margin-inline: auto !important;
  padding: clamp(24px, 4vw, 34px) clamp(20px, 4vw, 34px) !important;
  border-radius: 22px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 248, 232, 0.78)) !important;
  border: 1px solid rgba(88, 67, 44, 0.12) !important;
  box-shadow: 0 12px 28px rgba(88, 67, 44, 0.08) !important;
  color: #4a3a2f !important;
}
body.picture-world.world-koko .cta-bar::before,
body.picture-world.world-koko .cta-bar::after,
body.picture-world.world-arabic .cta-bar::before,
body.picture-world.world-arabic .cta-bar::after {
  display: none !important;
}
body.picture-world.world-koko .cta-bar h2,
body.picture-world.world-arabic .cta-bar h2 {
  font-size: clamp(1.35rem, 2.6vw, 1.75rem) !important;
  margin-bottom: 8px !important;
}
body.picture-world.world-koko .cta-bar p,
body.picture-world.world-arabic .cta-bar p {
  max-width: 560px !important;
  margin: 0 auto 18px !important;
  color: var(--world-muted) !important;
  opacity: 1 !important;
}
body.picture-world.world-koko .cta-bar .btn,
body.picture-world.world-arabic .cta-bar .btn {
  background: rgba(255, 255, 255, 0.92) !important;
  color: var(--world-accent-dark) !important;
  border: 1px solid color-mix(in srgb, var(--world-accent) 24%, transparent) !important;
}
body.picture-world.world-koko .cta-sec .cta-bar,
body.picture-world.world-arabic .cta-sec .cta-bar {
  background-color: rgba(255, 251, 241, 0.94) !important;
  background-image:
    radial-gradient(circle at 92% 10%, rgba(255, 217, 120, 0.16), transparent 9rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 248, 232, 0.9)) !important;
}
body.picture-world.world-koko .cta-sec .cta-bar h2,
body.picture-world.world-arabic .cta-sec .cta-bar h2 {
  color: #4a3a2f !important;
}
body.picture-world.world-koko .cta-sec .cta-bar p,
body.picture-world.world-arabic .cta-sec .cta-bar p {
  color: #6f6257 !important;
}

@media (max-width: 760px) {
  body.picture-world.world-home .hero-content {
    padding-bottom: 20px !important;
  }
  body.picture-world.world-home .hero h1 {
    font-size: clamp(2.2rem, 12vw, 3.5rem) !important;
  }
  body.picture-world.world-home .story-pick-inner,
  body.picture-world.world-home .weekly-toolkit,
  body.picture-world .parent-tool-grid {
    grid-template-columns: 1fr !important;
  }
}