/*
 * Chiky Bombom Creator Academy — v0.19.0 responsive parity layer
 * Mobile-first hardening for Generated + Elementor Managed modes.
 * Approved celebrity-grade mockups remain the visual acceptance target.
 */
.cba-responsive-v019{
  --cba-mobile-gutter:clamp(16px,4vw,24px);
  --cba-mobile-radius:22px;
}
html,body.cba-responsive-v019{max-width:100%;overflow-x:hidden!important}
.cba-responsive-v019,.cba-responsive-v019 #cba-main,.cba-responsive-v019 #cba-main>*{max-width:100%;overflow-x:clip}
.cba-responsive-v019 .cba-shell{min-width:0}
.cba-responsive-v019 img,.cba-responsive-v019 video,.cba-responsive-v019 iframe,.cba-responsive-v019 canvas{max-width:100%}
.cba-responsive-v019 h1,.cba-responsive-v019 h2,.cba-responsive-v019 h3,.cba-responsive-v019 p,.cba-responsive-v019 li,.cba-responsive-v019 a,.cba-responsive-v019 button,.cba-responsive-v019 span{overflow-wrap:normal;word-break:normal}
.cba-responsive-v019 .elementor,.cba-responsive-v019 .elementor-section,.cba-responsive-v019 .elementor-container,.cba-responsive-v019 .elementor-column,.cba-responsive-v019 .elementor-widget-wrap,.cba-responsive-v019 .elementor-widget,.cba-responsive-v019 .elementor-element{min-width:0;max-width:100%}

/* Tablet transition: switch to a deliberate mobile composition before desktop collisions happen. */
@media(max-width:1024px){
  .cba-responsive-v019 .cba-header-desktop{display:none!important}
  .cba-responsive-v019 .cba-header-mobile{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;height:72px!important;align-items:center}
  .cba-responsive-v019 .cba-header-mobile .cba-header-zone-left{min-width:0}
  .cba-responsive-v019 .cba-header-mobile .cba-header-zone-center{display:none!important}
  .cba-responsive-v019 .cba-header-mobile .cba-header-zone-right{grid-column:2!important}
  .cba-responsive-v019 .cba-header-mobile .cba-header-zone-right{display:flex!important;justify-content:flex-end;align-items:center;gap:10px}
  .cba-responsive-v019 .cba-header-mobile .cba-brand{min-width:0;max-width:100%}
  .cba-responsive-v019 .cba-header-mobile .cba-wordmark{min-width:0}
  .cba-responsive-v019 .cba-header-mobile .cba-wordmark b{font-size:clamp(21px,3.1vw,27px);white-space:nowrap}
  .cba-responsive-v019 .cba-header-mobile .cba-wordmark small{font-size:7px;letter-spacing:.22em;white-space:nowrap}
  .cba-responsive-v019 .cba-header-mobile .cba-crown{font-size:24px;flex:0 0 auto}
  .cba-responsive-v019 .cba-header-mobile .cba-logo{max-width:min(var(--cba-logo-mobile-w),180px)!important;height:auto}
  .cba-responsive-v019 .cba-burger{display:block!important;flex:0 0 52px;width:52px;height:52px;border-radius:16px;padding:12px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
  .cba-responsive-v019 .cba-burger i{height:2px;margin:6px 0}
  .cba-responsive-v019 .cba-header-mobile .cba-lang{display:flex!important;flex:0 0 auto;font-size:10px}

  /* Elementor full-width/stretched sections must never preserve desktop offsets on mobile. */
  .cba-responsive-v019 .elementor-section-stretched,.cba-responsive-v019 .elementor-section.cba-elementor-section{left:0!important;right:auto!important;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;transform:none!important}
  .cba-responsive-v019 .elementor-section.cba-elementor-section>.elementor-container{width:100%!important;max-width:100%!important;margin:0!important}
  .cba-responsive-v019 .elementor-section.cba-elementor-section>.elementor-container>.elementor-column{width:100%!important;max-width:100%!important}

  .cba-responsive-v019 .cba-comparison-table{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  .cba-responsive-v019 .cba-compare-row,.cba-responsive-v019 .cba-compare-head{min-width:780px}
}

@media(max-width:760px){
  .cba-responsive-v019{--cba-mobile-gutter:14px}
  .cba-responsive-v019 .cba-shell{width:calc(100% - (var(--cba-mobile-gutter) * 2))!important;max-width:none!important;margin-inline:auto!important}
  .cba-responsive-v019 .cba-section{padding:68px 0}
  .cba-responsive-v019 .cba-eyebrow{font-size:9px!important;letter-spacing:.15em!important;line-height:1.35}
  .cba-responsive-v019 .cba-btn{min-height:48px;max-width:100%;white-space:normal;text-align:center;justify-content:center}
  .cba-responsive-v019 .cba-btn-xl{min-height:52px;padding-inline:20px;font-size:11px}

  /* Header / drawer */
  .cba-responsive-v019 .cba-announcement{display:none!important}
  .cba-responsive-v019 .cba-header-row.cba-header-mobile{height:78px!important}
  .cba-responsive-v019 .cba-header-mobile .cba-wordmark b{font-size:22px}
  .cba-responsive-v019 .cba-header-mobile .cba-wordmark small{font-size:6.5px}
  .cba-responsive-v019 .cba-header-mobile .cba-lang{font-size:9px;gap:4px}
  .cba-responsive-v019 .cba-mobile-menu{width:min(92vw,430px);padding:28px 22px 30px;overscroll-behavior:contain}
  .cba-responsive-v019 .cba-mobile-close{right:16px;top:12px;width:48px;height:48px;display:grid;place-items:center}
  .cba-responsive-v019 .cba-drawer-brand{margin-top:24px;padding-right:48px}
  .cba-responsive-v019 .cba-mobile-quote{font-size:clamp(23px,7vw,29px);line-height:1.12;padding:17px;margin:18px 0}
  .cba-responsive-v019 .cba-mobile-menu nav a{font-size:clamp(18px,5vw,var(--cba-mobile-menu-font));padding:14px 2px;line-height:1.2}
  .cba-responsive-v019 .cba-mobile-lang a{min-height:44px;display:grid;place-items:center}

  /* Homepage hero: no horizontal scroll, no cropped headline, dedicated mobile portrait. */
  .cba-responsive-v019.cba-page-home .cba-hero{min-height:0!important;overflow:hidden!important}
  .cba-responsive-v019.cba-page-home .cba-hero:after{background:linear-gradient(180deg,rgba(0,0,0,.05),transparent 55%,rgba(0,0,0,.24))}
  .cba-responsive-v019.cba-page-home .cba-hero-grid{display:flex!important;flex-direction:column!important;width:calc(100% - 28px)!important;padding:34px 0 0!important;gap:22px!important;min-height:0!important}
  .cba-responsive-v019.cba-page-home .cba-hero-copy{order:1!important;width:100%;max-width:100%!important;padding:0!important;margin:0!important;min-width:0}
  .cba-responsive-v019.cba-page-home .cba-hero-copy .cba-eyebrow{display:block;max-width:100%;margin-bottom:12px}
  .cba-responsive-v019.cba-page-home .cba-hero h1{font-size:clamp(43px,12.4vw,64px)!important;line-height:.84!important;letter-spacing:-.045em!important;width:100%!important;max-width:100%!important;margin:8px 0 18px!important;text-wrap:balance!important;white-space:normal!important}
  .cba-responsive-v019.cba-page-home .cba-hero h1 em{display:block!important;font-size:.96em!important;line-height:.9!important;letter-spacing:-.035em!important;max-width:100%!important;white-space:normal!important;overflow-wrap:normal!important;word-break:keep-all!important}
  .cba-responsive-v019.cba-page-home .cba-hero .cba-lead{font-size:16px!important;line-height:1.48!important;max-width:34em!important;margin:0}
  .cba-responsive-v019.cba-page-home .cba-signature-line{font-size:clamp(24px,7.4vw,32px)!important;line-height:1.05!important;margin-top:18px!important;transform:rotate(-1deg)!important}
  .cba-responsive-v019.cba-page-home .cba-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,.78fr)!important;gap:10px!important;margin:24px 0 20px!important;align-items:stretch!important}
  .cba-responsive-v019.cba-page-home .cba-actions>.cba-btn{width:100%!important;padding-inline:14px!important;font-size:9px!important}
  .cba-responsive-v019.cba-page-home .cba-play-link{min-width:0;justify-content:center;gap:8px;font-size:9px;text-align:left}
  .cba-responsive-v019.cba-page-home .cba-play-link i{width:48px;height:48px;flex:0 0 48px}
  .cba-responsive-v019.cba-page-home .cba-hero-metrics{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;max-width:100%!important;margin-top:4px!important;padding:16px 0!important;border-top:1px solid rgba(255,255,255,.11)!important;border-bottom:1px solid rgba(255,255,255,.07)!important;gap:0!important}
  .cba-responsive-v019.cba-page-home .cba-hero-metrics span{min-width:0!important;padding:0 8px!important;text-align:center!important;border-right:1px solid rgba(255,255,255,.1)!important;font-size:7px!important;line-height:1.35!important;letter-spacing:.04em!important}
  .cba-responsive-v019.cba-page-home .cba-hero-metrics span:last-child{border-right:0!important}
  .cba-responsive-v019.cba-page-home .cba-hero-metrics b{font-size:17px!important;margin-bottom:3px}
  .cba-responsive-v019.cba-page-home .cba-hero-portrait{order:2!important;width:100%!important;height:clamp(410px,118vw,560px)!important;margin:0!important;align-self:stretch!important;overflow:hidden!important;border-radius:28px 28px 0 0!important}
  .cba-responsive-v019.cba-page-home .cba-hero-portrait picture{display:block;width:100%;height:100%}
  .cba-responsive-v019.cba-page-home .cba-portrait-img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 16%!important;border-radius:28px 28px 0 0!important;mask-image:linear-gradient(to bottom,#000 0,#000 88%,transparent 100%)}
  .cba-responsive-v019.cba-page-home .cba-scribble-side{left:12px!important;right:auto!important;top:18px!important;width:min(58%,230px)!important;font-size:clamp(18px,5.5vw,26px)!important;line-height:1.05!important}
  .cba-responsive-v019.cba-page-home .cba-scribble-hero{right:14px!important;bottom:54px!important;max-width:58%!important;font-size:clamp(23px,7vw,34px)!important;text-align:right!important;line-height:1!important}
  .cba-responsive-v019.cba-page-home .cba-hero-meter-card{order:3!important;width:100%!important;max-width:100%!important;margin:0 0 28px!important;padding:20px!important;border-radius:24px!important;display:block!important}
  .cba-responsive-v019.cba-page-home .cba-hero-meter-card h3{font-size:27px!important;line-height:1.05!important}
  .cba-responsive-v019.cba-page-home .cba-meter-mini{grid-template-columns:1fr!important;gap:8px!important}
  .cba-responsive-v019.cba-page-home .cba-meter-mini button{min-height:46px;font-size:10px;padding:12px 14px}

  /* Trust strip */
  .cba-responsive-v019 .cba-press-strip .cba-shell{width:100%!important;padding:0 14px!important;min-height:68px!important;display:flex!important;gap:22px!important;overflow-x:auto!important;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none}
  .cba-responsive-v019 .cba-press-strip .cba-shell::-webkit-scrollbar{display:none}
  .cba-responsive-v019 .cba-press-strip .cba-shell>*{flex:0 0 auto;scroll-snap-align:start}

  /* Editorial sections */
  .cba-responsive-v019 .cba-about-grid,.cba-responsive-v019 .cba-meter-shell,.cba-responsive-v019 .cba-ai-teaser-grid,.cba-responsive-v019 .cba-live-preview-grid,.cba-responsive-v019 .cba-club-teaser-grid,.cba-responsive-v019 .cba-course-hero-grid,.cba-responsive-v019 .cba-club-hero-grid,.cba-responsive-v019 .cba-live-hero-grid,.cba-responsive-v019 .cba-faq-grid{grid-template-columns:1fr!important;gap:28px!important}
  .cba-responsive-v019 .cba-about,.cba-responsive-v019 .cba-meter-section,.cba-responsive-v019 .cba-programs,.cba-responsive-v019 .cba-ai-teaser,.cba-responsive-v019 .cba-live-preview,.cba-responsive-v019 .cba-faq{padding:68px 0!important}
  .cba-responsive-v019 .cba-about-photo,.cba-responsive-v019 .cba-media-card,.cba-responsive-v019 .cba-live-photo,.cba-responsive-v019 .cba-course-hero-photo,.cba-responsive-v019 .cba-club-teaser-photo,.cba-responsive-v019 .cba-club-hero-img,.cba-responsive-v019 .cba-live-hero-photo{height:clamp(330px,105vw,470px)!important;border-radius:26px!important}
  .cba-responsive-v019 .cba-about-copy h2,.cba-responsive-v019 .cba-meter-panel h2,.cba-responsive-v019 .cba-programs .cba-section-head h2,.cba-responsive-v019 .cba-ai-copy h2,.cba-responsive-v019 .cba-live-preview h2,.cba-responsive-v019 .cba-faq-heading h2,.cba-responsive-v019 .cba-section-head h2{font-size:clamp(38px,10.5vw,58px)!important;line-height:.96!important;max-width:100%!important}
  .cba-responsive-v019 .cba-about-copy>p,.cba-responsive-v019 .cba-manifesto-copy p,.cba-responsive-v019 .cba-ai-copy .cba-lead,.cba-responsive-v019 .cba-live-preview p{font-size:16px!important;line-height:1.6!important}
  .cba-responsive-v019 .cba-about-copy blockquote{font-size:clamp(25px,7.5vw,36px)!important;padding-left:18px!important}
  .cba-responsive-v019 .cba-about-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important}
  .cba-responsive-v019 .cba-about-stats span{min-width:0;text-align:center;padding:0 6px;font-size:9px}
  .cba-responsive-v019 .cba-about-stats strong{font-size:21px!important}

  /* Manifesto */
  .cba-responsive-v019 .cba-manifesto{padding:0!important}
  .cba-responsive-v019 .cba-manifesto-grid{display:flex!important;flex-direction:column!important;gap:0!important}
  .cba-responsive-v019 .cba-manifesto-copy{padding:62px 0 30px!important}
  .cba-responsive-v019 .cba-manifesto-copy h2{font-size:clamp(40px,11vw,58px)!important;line-height:.94!important}
  .cba-responsive-v019 .cba-manifesto-pills{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
  .cba-responsive-v019 .cba-manifesto-pills span{flex:1 1 auto;text-align:center;min-width:0;font-size:8px}
  .cba-responsive-v019 .cba-manifesto-media{min-height:390px!important;height:390px!important;margin:0 -14px!important;border-radius:26px 26px 0 0!important;clip-path:none!important}
  .cba-responsive-v019 .cba-manifesto-stamp{width:125px!important;height:125px!important;right:16px!important;bottom:18px!important}

  /* Personality / method / programs */
  .cba-responsive-v019 .cba-meter-panel{padding:0!important}
  .cba-responsive-v019 .cba-personality-options{grid-template-columns:1fr!important;gap:9px!important}
  .cba-responsive-v019 .cba-personality-options button{min-height:50px;text-align:left;padding:13px 14px}
  .cba-responsive-v019 .cba-meter-result{grid-template-columns:1fr!important;text-align:center!important;padding:18px!important}
  .cba-responsive-v019 .cba-score-ring{margin-inline:auto!important}
  .cba-responsive-v019 .cba-method{padding:64px 0!important}
  .cba-responsive-v019 .cba-method-grid{display:grid!important;grid-template-columns:1fr!important;overflow:visible!important;gap:10px!important}
  .cba-responsive-v019 .cba-method-grid article{min-width:0!important;min-height:0!important;padding:20px!important;display:grid!important;grid-template-columns:54px 1fr!important;grid-template-areas:"icon title" "icon copy"!important;gap:2px 14px!important;align-items:center!important}
  .cba-responsive-v019 .cba-method-grid article .cba-num{position:absolute!important;right:15px!important;top:12px!important;font-size:11px!important}
  .cba-responsive-v019 .cba-method-grid article i{grid-area:icon!important;margin:0!important;width:52px!important;height:52px!important}
  .cba-responsive-v019 .cba-method-grid article h3{grid-area:title!important;margin:0!important;font-size:17px!important}
  .cba-responsive-v019 .cba-method-grid article p{grid-area:copy!important;margin:3px 0 0!important;font-size:12px!important}
  .cba-responsive-v019 .cba-method-grid article:after{display:none!important}
  .cba-responsive-v019 .cba-method-note,.cba-responsive-v019 .cba-section-script{position:static!important;display:block!important;margin-top:12px!important;max-width:100%!important}
  .cba-responsive-v019 .cba-program-grid{grid-template-columns:1fr!important;gap:18px!important}
  .cba-responsive-v019 .cba-program{border-radius:24px!important}
  .cba-responsive-v019 .cba-program-media{height:clamp(300px,92vw,410px)!important}
  .cba-responsive-v019 .cba-program-body{padding:20px!important}
  .cba-responsive-v019 .cba-program h3{font-size:24px!important}
  .cba-responsive-v019 .cba-program p,.cba-responsive-v019 .cba-program ul{min-height:0!important}
  .cba-responsive-v019 .cba-program .cba-btn{width:100%!important}
  .cba-responsive-v019 .cba-comparison{padding-inline:0!important;overflow:hidden!important}
  .cba-responsive-v019 .cba-comparison-table{margin-inline:-14px!important;padding-inline:14px!important;width:calc(100% + 28px)!important}
  .cba-responsive-v019 .cba-journey-grid{display:grid!important;grid-template-columns:1fr!important;overflow:visible!important;border-radius:22px!important}
  .cba-responsive-v019 .cba-journey-grid article{min-width:0!important;min-height:0!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.09)!important;padding:22px!important}
  .cba-responsive-v019 .cba-journey-grid article:after{content:"↓"!important;right:22px!important;top:auto!important;bottom:-13px!important;background:#0c0710;padding:0 5px}
  .cba-responsive-v019 .cba-journey-grid article:last-child{border-bottom:0!important}

  /* Creator AI promo */
  .cba-responsive-v019 .cba-ai-teaser-grid{display:flex!important;flex-direction:column!important}
  .cba-responsive-v019 .cba-ai-visual{min-height:520px!important;width:100%!important;overflow:hidden!important;border-radius:28px}
  .cba-responsive-v019 .cba-ai-person-wrap{width:86%!important;height:88%!important;right:-3%!important}
  .cba-responsive-v019 .cba-phone{width:min(230px,68vw)!important;left:4%!important;bottom:16px!important;padding:18px 13px!important;border-width:6px!important;border-radius:30px!important}
  .cba-responsive-v019 .cba-chat{padding:12px!important;margin-top:15px!important}
  .cba-responsive-v019 .cba-ai-note-script{display:none!important}

  /* Stories / Club / Lives */
  .cba-responsive-v019 .cba-story-grid,.cba-responsive-v019 .cba-story-grid-v2{grid-template-columns:1fr!important}
  .cba-responsive-v019 .cba-story-card-v2{border-radius:24px!important}
  .cba-responsive-v019 .cba-story-photo{height:260px!important}
  .cba-responsive-v019 .cba-club-perks{grid-template-columns:1fr!important}
  .cba-responsive-v019 .cba-neon-sign{right:12px!important;top:12px!important;max-width:65%!important;font-size:20px!important}
  .cba-responsive-v019 .cba-live-cards{grid-template-columns:1fr!important}

  /* Academy/course pages */
  .cba-responsive-v019 .cba-course-hero,.cba-responsive-v019 .cba-club-hero,.cba-responsive-v019 .cba-live-hero{padding:44px 0!important;min-height:0!important}
  .cba-responsive-v019 .cba-course-hero h1,.cba-responsive-v019 .cba-club-hero h1,.cba-responsive-v019 .cba-live-hero h1{font-size:clamp(42px,11.5vw,60px)!important;line-height:.91!important;max-width:100%!important;word-break:normal!important}
  .cba-responsive-v019 .cba-course-meta{display:flex!important;flex-wrap:wrap!important;gap:7px!important}
  .cba-responsive-v019 .cba-course-meta span,.cba-responsive-v019 .cba-course-meta b{flex:0 1 auto}
  .cba-responsive-v019 .cba-lesson-layout{grid-template-columns:1fr!important}
  .cba-responsive-v019 .cba-sticky-card{position:static!important;top:auto!important}

  /* Course app */
  .cba-responsive-v019 .cba-course-app-hero{min-height:0!important;background-position:65% center!important}
  .cba-responsive-v019 .cba-course-app-hero .cba-shell{padding:44px 0 30px!important}
  .cba-responsive-v019 .cba-course-app-hero h1{font-size:clamp(38px,10.5vw,52px)!important;line-height:.94!important}
  .cba-responsive-v019 .cba-course-progress{grid-template-columns:auto 1fr!important;gap:9px!important}
  .cba-responsive-v019 .cba-course-progress small{grid-column:1/-1!important}
  .cba-responsive-v019 .cba-course-app-grid{width:calc(100% - 24px)!important;grid-template-columns:1fr!important;padding-top:18px!important;gap:16px!important}
  .cba-responsive-v019 .cba-course-nav-panel,.cba-responsive-v019 .cba-lesson-studio,.cba-responsive-v019 .cba-course-rail>article{border-radius:20px!important}
  .cba-responsive-v019 .cba-lesson-top{padding:18px!important;display:block!important}
  .cba-responsive-v019 .cba-video-placeholder{min-height:230px!important}
  .cba-responsive-v019 .cba-lesson-actions{padding:12px 16px!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important}
  .cba-responsive-v019 .cba-lesson-tabs{padding:0 14px!important;overflow-x:auto!important;white-space:nowrap!important;scrollbar-width:none}
  .cba-responsive-v019 .cba-lesson-tabs::-webkit-scrollbar{display:none}
  .cba-responsive-v019 .cba-lesson-panels>section{padding:18px 16px 24px!important}
  .cba-responsive-v019 .cba-material-grid,.cba-responsive-v019 .cba-course-rail{grid-template-columns:1fr!important}

  /* Creator Club */
  .cba-responsive-v019 .cba-club-grid{grid-template-columns:1fr!important;width:calc(100% - 24px)!important;padding-top:20px!important}
  .cba-responsive-v019 .cba-community-categories{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;overflow:visible!important}
  .cba-responsive-v019 .cba-community-categories button{min-width:0!important;white-space:normal!important;font-size:9px!important;padding:10px 7px!important}
  .cba-responsive-v019 .cba-club-form,.cba-responsive-v019 .cba-composer-controls{grid-template-columns:1fr!important}
  .cba-responsive-v019 .cba-feed-v2>article>header,.cba-responsive-v019 .cba-feed-v3>article>header{grid-template-columns:42px minmax(0,1fr) auto!important;gap:9px!important}
  .cba-responsive-v019 .cba-feed-v2 header em{grid-column:2!important}
  .cba-responsive-v019 .cba-club-sidebar-stack{grid-template-columns:1fr!important}
  .cba-responsive-v019 .cba-community-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-top:0!important;padding:12px!important}
  .cba-responsive-v019 .cba-creator-profile-card,.cba-responsive-v019 .cba-creator-profile.is-compact .cba-creator-profile-card{grid-template-columns:1fr!important;padding:18px!important}
  .cba-responsive-v019 .cba-creator-profile-photo,.cba-responsive-v019 .cba-creator-profile.is-compact .cba-creator-profile-photo{height:300px!important}
  .cba-responsive-v019 .cba-profile-editor-grid{grid-template-columns:1fr!important}
  .cba-responsive-v019 .cba-profile-editor label.wide{grid-column:auto!important}

  /* Live events */
  .cba-responsive-v019 .cba-event-grid,.cba-responsive-v019 .cba-event-grid-v2,.cba-responsive-v019 .cba-replay-grid{grid-template-columns:1fr!important}
  .cba-responsive-v019 .cba-event-card{padding:20px!important;border-radius:22px!important}
  .cba-responsive-v019 .cba-event-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
  .cba-responsive-v019 .cba-countdown{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;width:100%!important}
  .cba-responsive-v019 .cba-countdown>span{min-width:0!important;padding:8px 4px!important}

  /* Creator AI app */
  .cba-responsive-v019 .cba-ai-app,.cba-responsive-v019 .cba-dashboard{grid-template-columns:1fr!important;min-height:0!important}
  .cba-responsive-v019 .cba-app-nav,.cba-responsive-v019 .cba-dash-nav{display:none!important}
  .cba-responsive-v019 .cba-ai-main{padding:12px!important;min-width:0!important}
  .cba-responsive-v019 .cba-ai-hero{padding:24px!important;min-height:240px!important;border-radius:22px!important}
  .cba-responsive-v019 .cba-ai-hero h1{font-size:clamp(42px,11vw,58px)!important;line-height:.94!important}
  .cba-responsive-v019 .cba-ai-workspace,.cba-responsive-v019 .cba-ai-tools{grid-template-columns:1fr!important;gap:12px!important}
  .cba-responsive-v019 .cba-ai-compose,.cba-responsive-v019 .cba-ai-results,.cba-responsive-v019 .cba-ai-tools article{padding:16px!important;border-radius:18px!important}
  .cba-responsive-v019 .cba-ai-modes{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:4px!important;scrollbar-width:none}
  .cba-responsive-v019 .cba-ai-modes::-webkit-scrollbar{display:none}
  .cba-responsive-v019 .cba-ai-modes button{flex:0 0 auto}
  .cba-responsive-v019 .cba-ai-result-cards,.cba-responsive-v019 .cba-ai-history-grid{grid-template-columns:1fr!important}

  /* Dashboard */
  .cba-responsive-v019 .cba-dashboard>main,.cba-responsive-v019 .cba-dashboard .cba-dash-main{min-width:0!important}
  .cba-responsive-v019 .cba-dash-welcome{min-height:360px!important;border-radius:24px!important;background-position:62% center!important;padding:24px!important;align-items:flex-end!important}
  .cba-responsive-v019 .cba-dash-welcome h1{font-size:clamp(42px,11vw,58px)!important;line-height:.94!important;max-width:92%!important}
  .cba-responsive-v019 .cba-dash-grid,.cba-responsive-v019 .cba-dash-bottom,.cba-responsive-v019 .cba-course-cards,.cba-responsive-v019 .cba-achievement-grid{grid-template-columns:1fr!important}
  .cba-responsive-v019 .cba-dash-grid>article,.cba-responsive-v019 .cba-dash-bottom>article,.cba-responsive-v019 .cba-dash-courses,.cba-responsive-v019 .cba-dash-achievements{border-radius:22px!important}

  /* Challenge / camera / vault */
  .cba-responsive-v019 .cba-challenge-layout,.cba-responsive-v019 .cba-camera-grid{grid-template-columns:1fr!important}
  .cba-responsive-v019 .cba-day-grid,.cba-responsive-v019 .cba-vault-grid{grid-template-columns:1fr!important}
  .cba-responsive-v019 .cba-camera-dialog{width:calc(100% - 20px)!important;max-height:calc(100dvh - 20px)!important;margin:10px!important;border-radius:22px!important}
  .cba-responsive-v019 .cba-camera-stage{min-height:240px!important}
  .cba-responsive-v019 .cba-camera-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
  .cba-responsive-v019 .cba-camera-actions .cba-btn{flex:1 1 140px!important}

  /* Business / CRM-facing member components */
  .cba-responsive-v019 .cba-access-card,.cba-responsive-v019 .cba-waitlist{grid-template-columns:1fr!important;display:grid!important;padding:22px!important;border-radius:24px!important;margin-inline:auto!important}
  .cba-responsive-v019 .cba-waitlist{width:calc(100% - 28px)!important}
  .cba-responsive-v019 .cba-waitlist form{grid-template-columns:1fr!important}
  .cba-responsive-v019 .cba-waitlist input{width:100%!important;min-width:0!important}
  .cba-responsive-v019 .cba-member-gate-card{padding:28px 18px!important;border-radius:24px!important}
  .cba-responsive-v019 .cba-funnel-progress{padding:22px 16px!important;border-radius:24px!important}
  .cba-responsive-v019 .cba-funnel-progress-line{grid-template-columns:1fr!important;gap:12px!important}
  .cba-responsive-v019 .cba-funnel-progress-line:before{left:22px!important;right:auto!important;top:18px!important;bottom:18px!important;width:2px!important;height:auto!important}
  .cba-responsive-v019 .cba-funnel-progress-line article{text-align:left!important;padding-left:62px!important;min-height:48px!important}
  .cba-responsive-v019 .cba-funnel-progress-line i{position:absolute!important;left:0!important;top:0!important;margin:0!important}

  /* Certified creators */
  .cba-responsive-v019 .cba-certified-grid,.cba-responsive-v019 .cba-certified-apply{grid-template-columns:1fr!important}
  .cba-responsive-v019 .cba-certified-photo{height:300px!important}
  .cba-responsive-v019 .cba-certified-apply>div:first-child{grid-column:auto!important}

  /* Final CTA + footer */
  .cba-responsive-v019 .cba-final{overflow:hidden!important}
  .cba-responsive-v019 .cba-final-grid{display:flex!important;flex-direction:column-reverse!important;min-height:0!important;gap:0!important}
  .cba-responsive-v019 .cba-final-grid>div:last-child{padding:58px 0 20px!important;width:100%!important}
  .cba-responsive-v019 .cba-final h2{font-size:clamp(43px,12vw,62px)!important;line-height:.9!important;max-width:100%!important}
  .cba-responsive-v019 .cba-final-photo{height:360px!important;width:100%!important}
  .cba-responsive-v019 .cba-final-img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 18%!important;mask-image:linear-gradient(to bottom,#000 0,#000 84%,transparent 100%)}
  .cba-responsive-v019 .cba-footer-cta{min-height:0!important;padding:44px 0!important;display:grid!important;grid-template-columns:1fr!important;gap:20px!important}
  .cba-responsive-v019 .cba-footer-cta h2{font-size:clamp(32px,9vw,44px)!important;line-height:1!important}
  .cba-responsive-v019 .cba-footer-cta .cba-btn{width:100%!important}
  .cba-responsive-v019 .cba-footer-grid{grid-template-columns:1fr 1fr!important;padding:42px 0!important;gap:30px 20px!important}
  .cba-responsive-v019 .cba-footer-brand,.cba-responsive-v019 .cba-footer-bombom{grid-column:1/-1!important}
  .cba-responsive-v019 .cba-footer-bombom{min-height:260px!important;padding-right:42%!important;border-radius:22px!important}
  .cba-responsive-v019 .cba-footer-person{max-width:none!important;width:42%!important;height:240px!important;bottom:-25px!important;right:0!important;object-position:center 15%!important}
  .cba-responsive-v019 .cba-footer-bottom{flex-direction:column!important;align-items:flex-start!important;gap:7px!important;padding:16px 0 22px!important}
}

@media(max-width:520px){
  .cba-responsive-v019 .cba-header-mobile .cba-crown{font-size:21px}
  .cba-responsive-v019 .cba-header-mobile .cba-wordmark b{font-size:20px}
  .cba-responsive-v019 .cba-header-mobile .cba-wordmark small{font-size:6px;letter-spacing:.18em}
  .cba-responsive-v019 .cba-header-mobile .cba-lang{font-size:8px}
  .cba-responsive-v019 .cba-burger{width:48px;height:48px;flex-basis:48px;padding:10px}
  .cba-responsive-v019.cba-page-home .cba-hero-grid{width:calc(100% - 24px)!important;padding-top:28px!important}
  .cba-responsive-v019.cba-page-home .cba-hero h1{font-size:clamp(39px,11.5vw,52px)!important;line-height:.86!important;letter-spacing:-.04em!important}
  .cba-responsive-v019.cba-page-home .cba-hero h1 em{font-size:.94em!important}
  .cba-responsive-v019.cba-page-home .cba-hero .cba-lead{font-size:15px!important}
  .cba-responsive-v019.cba-page-home .cba-actions{grid-template-columns:1fr!important}
  .cba-responsive-v019.cba-page-home .cba-play-link{justify-content:flex-start;padding:2px 4px}
  .cba-responsive-v019.cba-page-home .cba-hero-metrics span{padding:0 5px!important;font-size:6.5px!important}
  .cba-responsive-v019.cba-page-home .cba-hero-metrics b{font-size:15px!important}
  .cba-responsive-v019.cba-page-home .cba-hero-portrait{height:430px!important}
  .cba-responsive-v019.cba-page-home .cba-scribble-side{max-width:55%!important;font-size:18px!important}
  .cba-responsive-v019.cba-page-home .cba-scribble-hero{font-size:25px!important}
  .cba-responsive-v019 .cba-about-stats{grid-template-columns:1fr!important;gap:12px!important}
  .cba-responsive-v019 .cba-about-stats span{display:flex;align-items:baseline;justify-content:space-between;text-align:left;border-bottom:1px solid #efe2eb;padding:8px 0}
  .cba-responsive-v019 .cba-about-stats strong{font-size:24px!important}
  .cba-responsive-v019 .cba-community-categories{grid-template-columns:1fr!important}
  .cba-responsive-v019 .cba-countdown>span b{font-size:17px!important}
  .cba-responsive-v019 .cba-footer-grid{grid-template-columns:1fr!important}
  .cba-responsive-v019 .cba-footer-brand,.cba-responsive-v019 .cba-footer-bombom{grid-column:auto!important}
  .cba-responsive-v019 .cba-footer-bombom{padding-right:0!important;padding-bottom:210px!important}
  .cba-responsive-v019 .cba-footer-person{width:62%!important;height:220px!important;right:-2%!important}
}

@media(max-width:390px){
  .cba-responsive-v019 .cba-header-row.cba-header-mobile{height:72px!important}
  .cba-responsive-v019 .cba-header-mobile .cba-wordmark b{font-size:18px}
  .cba-responsive-v019 .cba-header-mobile .cba-wordmark small{font-size:5.5px}
  .cba-responsive-v019.cba-page-home .cba-hero h1{font-size:43px!important;line-height:.87!important}
  .cba-responsive-v019.cba-page-home .cba-signature-line{font-size:25px!important}
  .cba-responsive-v019.cba-page-home .cba-hero-portrait{height:400px!important}
  .cba-responsive-v019.cba-page-home .cba-hero-meter-card h3{font-size:24px!important}
  .cba-responsive-v019 .cba-course-hero h1,.cba-responsive-v019 .cba-club-hero h1,.cba-responsive-v019 .cba-live-hero h1{font-size:42px!important}
  .cba-responsive-v019 .cba-ai-hero h1,.cba-responsive-v019 .cba-dash-welcome h1{font-size:42px!important}
  .cba-responsive-v019 .cba-camera-dialog{width:calc(100% - 12px)!important;margin:6px!important}
}

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

/* ============================================================
   v0.20.0 — APP-SHELL / MOBILE PARITY HARDENING
   Approved mockups remain the visual target. This layer only
   restructures cramped app surfaces on tablets and phones.
   ============================================================ */
@media (max-width: 1024px){
  .cba-ai-app,.cba-dashboard,.cba-course-app{display:block!important;min-width:0!important;overflow:visible!important}
  .cba-app-nav,.cba-dash-nav,.cba-course-nav{position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;padding:14px 18px!important;border-radius:0!important;border-left:0!important;border-right:0!important;overflow:visible!important}
  .cba-app-nav>nav,.cba-dash-nav>nav,.cba-course-nav>nav{display:flex!important;gap:8px!important;overflow-x:auto!important;overscroll-behavior-inline:contain!important;scroll-snap-type:x proximity!important;padding:6px 0 4px!important;white-space:nowrap!important;-webkit-overflow-scrolling:touch}
  .cba-app-nav>nav a,.cba-dash-nav>nav a,.cba-course-nav>nav a{flex:0 0 auto!important;scroll-snap-align:start;padding:10px 14px!important;border-radius:999px!important}
  .cba-dash-nav-photo{display:none!important}
  .cba-ai-main,.cba-dashboard>main,.cba-course-app>main{width:100%!important;min-width:0!important;margin:0!important;padding:clamp(18px,4vw,34px)!important}
  .cba-ai-workspace,.cba-dash-grid,.cba-dash-bottom,.cba-course-layout,.cba-course-main-grid{grid-template-columns:1fr!important}
  .cba-ai-results,.cba-course-rail{position:static!important;width:auto!important;max-width:none!important}
}

@media (max-width: 760px){
  html,body{max-width:100%!important;overflow-x:hidden!important}
  .elementor,.elementor-section-wrap,.elementor-section,.elementor-container,.elementor-column,.elementor-widget-wrap,.elementor-widget{min-width:0!important;max-width:100%!important}
  .elementor-section.elementor-section-stretched{left:0!important;right:0!important;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
  .cba-shell{width:min(100% - 28px,var(--cba-site-width,1380px))!important}
  .cba-section{padding-block:clamp(54px,13vw,84px)!important}
  .cba-section-head{align-items:flex-start!important;gap:12px!important;margin-bottom:26px!important}
  .cba-section-head h2,.cba-course-hero h1,.cba-ai-hero h1,.cba-dashboard h1{font-size:clamp(34px,10.5vw,54px)!important;line-height:.94!important;letter-spacing:-.045em!important;overflow-wrap:normal!important;word-break:normal!important}
  .cba-course-hero-grid,.cba-live-preview-grid,.cba-final-grid,.cba-about-grid,.cba-ai-showcase-grid,.cba-club-grid{grid-template-columns:1fr!important;gap:28px!important}
  .cba-course-hero-photo,.cba-live-photo,.cba-final-photo,.cba-about-photo{min-height:0!important;aspect-ratio:4/5!important}
  .cba-program-grid,.cba-story-grid,.cba-course-cards,.cba-achievement-grid,.cba-live-cards,.cba-certified-grid,.cba-vault-grid{grid-template-columns:1fr!important}
  .cba-comparison-table{display:block!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  .cba-comparison-table>*{min-width:680px!important}
  .cba-btn,.cba-btn-xl{max-width:100%!important;white-space:normal!important;text-align:center!important;justify-content:center!important}
  .cba-hero-actions,.cba-course-actions,.cba-final-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .cba-footer-grid{grid-template-columns:1fr!important;gap:30px!important}
  .cba-footer-cta{grid-template-columns:1fr!important;align-items:flex-start!important;gap:22px!important}
  .cba-footer-bottom{display:grid!important;gap:8px!important;text-align:center!important}
  .cba-ai-main,.cba-dashboard>main,.cba-course-app>main{padding:18px 14px 34px!important}
  .cba-ai-compose,.cba-ai-results,.cba-personality-card,.cba-mission-card,.cba-streak-card,.cba-dash-bottom>article,.cba-course-card,.cba-vault-card{border-radius:22px!important}
  .cba-ai-tools{grid-template-columns:1fr!important}
  .cba-dash-welcome{min-height:360px!important;padding:28px 22px!important;background-position:70% center!important}
  .cba-dash-welcome>div{max-width:72%!important}
  .cba-dash-welcome p{font-size:15px!important}
  .cba-dash-grid{gap:14px!important}
  .cba-personality-card{display:grid!important;grid-template-columns:auto 1fr!important;gap:16px!important;align-items:center!important}
  .cba-ring{width:94px!important;height:94px!important}
  .cba-course-cards article{min-width:0!important}
  .cba-feed>article{border-radius:22px!important}
  .cba-feed>article header{align-items:flex-start!important}
  .cba-reaction-bar{flex-wrap:wrap!important;gap:10px!important}
}

@media (max-width: 520px){
  .cba-header-mobile{padding-inline:12px!important}
  .cba-header-mobile .cba-brand{max-width:min(62vw,220px)!important}
  .cba-header-mobile .cba-wordmark small{font-size:8px!important;letter-spacing:.08em!important}
  .cba-lang{font-size:12px!important;gap:4px!important}
  .cba-burger{width:42px!important;height:42px!important;flex:0 0 42px!important}
  .cba-mobile-menu{width:min(92vw,420px)!important;padding:22px 20px 30px!important}
  .cba-drawer-nav a{font-size:clamp(18px,5.5vw,21px)!important;padding:12px 0!important}
  .cba-app-nav>nav,.cba-dash-nav>nav,.cba-course-nav>nav{margin-inline:-4px!important;padding-bottom:8px!important}
  .cba-app-nav>nav a,.cba-dash-nav>nav a,.cba-course-nav>nav a{font-size:13px!important;padding:9px 12px!important}
  .cba-dash-welcome{aspect-ratio:auto!important;min-height:330px!important;background-position:72% center!important}
  .cba-dash-welcome>div{max-width:76%!important}
  .cba-personality-card{grid-template-columns:1fr!important;text-align:center!important}
  .cba-ring{margin-inline:auto!important}
  .cba-week{font-size:12px!important;letter-spacing:.16em!important}
  .cba-ai-prompt-wrap textarea{min-height:150px!important}
  .cba-ai-modes{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:8px!important}
  .cba-ai-modes button{flex:0 0 auto!important;white-space:nowrap!important}
  .cba-club-composer .cba-composer-controls{grid-template-columns:1fr!important}
  .cba-club-media{max-height:420px!important;object-fit:cover!important}
  .cba-live-card,.cba-side-card{padding:18px!important}
}

@media (max-width: 390px){
  .cba-shell{width:min(100% - 22px,var(--cba-site-width,1380px))!important}
  .cba-section-head h2,.cba-course-hero h1,.cba-ai-hero h1,.cba-dashboard h1{font-size:clamp(32px,10vw,44px)!important}
  .cba-eyebrow{font-size:10px!important;letter-spacing:.13em!important}
  .cba-dash-welcome{min-height:310px!important;padding:24px 18px!important}
  .cba-dash-welcome>div{max-width:80%!important}
  .cba-footer-cta h2{font-size:clamp(34px,11vw,46px)!important}
}