/* We Make Content v8.2 – cache-proof hero media and dashboard-controlled UI. */

/* Home: two portrait videos share one reserved row and can never overlap. */
@media (min-width:1101px){
  .home-hero .home-grid{grid-template-columns:minmax(0,1.08fr) minmax(500px,.92fr)!important;align-items:center!important}
  .home-hero .reel-stack{max-width:570px!important;justify-self:end!important}
}
.home-hero .reel-stack{
  position:relative!important;inset:auto!important;display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important;
  gap:clamp(10px,1.8vw,22px)!important;width:100%!important;min-height:0!important;
  overflow:visible!important;
}
.home-hero .reel-stack>.reel{
  position:relative!important;inset:auto!important;width:100%!important;max-width:270px!important;
  margin:0!important;transform:none!important;translate:none!important;animation:none!important;
  aspect-ratio:9/16!important;border-radius:2rem!important;
}
.home-hero .reel-stack>.reel-one{justify-self:end!important}
.home-hero .reel-stack>.reel-two{justify-self:start!important}

/* Internal pages: the player participates in layout and starts below the header. */
.hero{padding-top:clamp(4rem,6vw,6rem)!important;overflow:hidden!important}
.hero .hero-inner{align-items:center!important}
.hero .hero-panel{
  position:relative!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-content:center!important;align-items:start!important;justify-items:center!important;
  gap:14px!important;min-height:0!important;padding:26px 0!important;
}
.hero .hero-panel>.phone-mock{
  position:relative!important;inset:auto!important;grid-column:1/-1!important;
  width:min(285px,68vw)!important;margin:0 auto!important;transform:none!important;translate:none!important;
  animation:none!important;aspect-ratio:9/16!important;border-radius:2.15rem!important;
}
.hero .hero-panel>.mini-card{
  position:relative!important;inset:auto!important;transform:none!important;translate:none!important;
  width:100%!important;max-width:205px!important;margin:0!important;
}
.hero .hero-panel>.top-card{justify-self:end!important}.hero .hero-panel>.bottom-card{justify-self:start!important}
.phone-mock iframe,.reel iframe,.video-card iframe{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important}

/* Dashboard-selected page images. */
main img{height:auto}

/* Always-visible WhatsApp control, above every site overlay except the contact modal. */
.wmc-wa-float{
  position:fixed!important;right:20px!important;bottom:max(20px,env(safe-area-inset-bottom))!important;
  z-index:9999!important;display:inline-flex!important;align-items:center!important;gap:10px!important;
  min-height:54px!important;padding:10px 17px 10px 10px!important;border:2px solid #fff!important;
  border-radius:999px!important;background:#25d366!important;color:#07170c!important;text-decoration:none!important;
  font:900 14px/1 Inter,Arial,sans-serif!important;box-shadow:0 18px 48px -16px rgba(0,0,0,.72)!important;
  opacity:1!important;visibility:visible!important;transform:none!important;
}
.wmc-wa-float svg{display:block!important;width:32px!important;height:32px!important;flex:0 0 32px!important}
.wmc-wa-float:hover{transform:translateY(-2px)!important}

/* Dynamic desktop submenu. */
.desktop-nav .wmc-nav-parent{position:relative;display:flex;align-items:center}
.desktop-nav .wmc-nav-parent>button{border:0;background:none;padding:0;cursor:pointer}
.desktop-nav .wmc-nav-sub{position:absolute;left:50%;top:calc(100% + 14px);transform:translateX(-50%);display:none;min-width:220px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}
.desktop-nav .wmc-nav-parent:hover .wmc-nav-sub,.desktop-nav .wmc-nav-parent:focus-within .wmc-nav-sub{display:grid}
.desktop-nav .wmc-nav-sub a{padding:9px 10px;border-radius:10px;font-size:.84rem;font-weight:750;color:var(--muted)}
.desktop-nav .wmc-nav-sub a:hover{background:var(--paper);color:var(--ink)}
.wmc-footer-menu{max-width:1440px;margin:1.5rem auto 0;padding-top:1.1rem;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:14px 22px;flex-wrap:wrap}
.wmc-footer-menu a{color:rgba(255,255,255,.68);font-size:.88rem;font-weight:750}
.wmc-footer-menu a:hover{color:#fff}

@media (max-width:1100px){
  .home-hero .reel-stack{max-width:560px!important;justify-self:center!important}
  .hero .hero-panel{max-width:620px!important;margin-inline:auto!important}
}
@media (max-width:680px){
  .home-hero .reel-stack{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;max-width:390px!important}
  .home-hero .reel-stack>.reel{max-width:none!important;border-width:5px!important;border-radius:1.35rem!important}
  .hero{padding-top:2.5rem!important}
  .hero .hero-panel{grid-template-columns:1fr!important;padding:10px 0 0!important}
  .hero .hero-panel>.phone-mock{grid-column:1!important;width:min(260px,76vw)!important;border-width:7px!important}
  .hero .hero-panel>.mini-card{display:none!important}
  .wmc-wa-float{right:12px!important;bottom:max(12px,env(safe-area-inset-bottom))!important;width:56px!important;height:56px!important;min-height:56px!important;padding:10px!important;justify-content:center!important}
  .wmc-wa-float b{display:none!important}.wmc-wa-float svg{width:34px!important;height:34px!important;flex-basis:34px!important}
}