/* WLF v72 sale-readiness polish: palette docking + mobile breathing room. */
@media(max-width:760px){
}

/* Keep demo controls out of client/coach action zones. */
.free-footer-nav,.bottom-tray,.app-tabbar,.bpf-bottom-nav{z-index:9000!important}

/* WLF v73 live mobile QA fixes: palette, covers, mobile sales flow. */
:root{--wlf-palette-bottom:max(12px, env(safe-area-inset-bottom, 0px));}
body.wlf-has-bottom-nav{--wlf-palette-bottom:calc(92px + env(safe-area-inset-bottom, 0px));}
#wlf-switch-btn{right:12px!important;bottom:var(--wlf-palette-bottom)!important;width:42px!important;height:42px!important;opacity:.52!important;border-radius:999px!important;z-index:10000!important;box-shadow:0 14px 34px rgba(0,0,0,.22)!important;}
#wlf-switch-panel{right:12px!important;bottom:calc(var(--wlf-palette-bottom) + 52px)!important;max-width:calc(100vw - 24px)!important;max-height:min(420px,64vh)!important;z-index:10001!important;}
.wlf-palette-docked,#wlf-switch-footer.wlf-palette-docked{position:fixed!important;left:auto!important;right:12px!important;top:auto!important;bottom:var(--wlf-palette-bottom)!important;width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0!important;border-radius:999px!important;overflow:hidden!important;background:rgba(8,23,45,.94)!important;border:1px solid rgba(56,189,248,.45)!important;box-shadow:0 14px 34px rgba(0,0,0,.28)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;z-index:10000!important;color:#fff!important;-webkit-text-fill-color:#fff!important;backdrop-filter:blur(14px)!important;font-size:0!important;line-height:1!important;opacity:.70!important;}
.wlf-palette-docked:hover,#wlf-switch-btn:hover{opacity:1!important;}
.wlf-palette-docked:not(.wlf-palette-open)>*{display:none!important;}
.wlf-palette-docked::before{content:"🎨";font-size:18px!important;line-height:1!important;color:#fff!important;-webkit-text-fill-color:#fff!important;}
.wlf-palette-docked.wlf-palette-open{width:min(286px,calc(100vw - 24px))!important;max-width:min(286px,calc(100vw - 24px))!important;height:auto!important;min-height:54px!important;max-height:min(430px,68vh)!important;overflow:auto!important;border-radius:18px!important;padding:12px!important;flex-wrap:wrap!important;justify-content:flex-start!important;font-size:12px!important;}
.wlf-palette-docked.wlf-palette-open::before{content:"Color Palette";display:block;width:100%;font-size:12px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important;margin:0 0 4px!important;color:#EAF4FF!important;-webkit-text-fill-color:#EAF4FF!important;}
.wlf-palette-docked.wlf-palette-open>*{display:flex!important;}
.wlf-palette-docked.wlf-palette-open span:first-child{display:none!important;}
.wlf-palette-docked.wlf-palette-open button{flex:0 0 auto!important;width:28px!important;height:28px!important;min-height:28px!important;border-radius:999px!important;padding:0!important;margin:2px!important;font-size:0!important;}
@media(max-width:760px){
  #wlf-switch-btn{right:10px!important;width:38px!important;height:38px!important;}
  #wlf-switch-panel{right:10px!important;width:min(250px,calc(100vw - 20px))!important;}
  .wlf-palette-docked,#wlf-switch-footer.wlf-palette-docked{right:10px!important;width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;opacity:.58!important;}
  .wlf-palette-docked::before{font-size:16px!important;}
  .wlf-palette-docked.wlf-palette-open{width:min(274px,calc(100vw - 20px))!important;max-width:min(274px,calc(100vw - 20px))!important;}
}

/* Guide/PDF cover readability and premium card treatment. */
.wlf-guide-cover-wrap{width:100%;aspect-ratio:5/7;border-radius:16px;overflow:hidden;border:1px solid rgba(191,219,254,.34);background:#08172D;margin:0 0 15px;box-shadow:0 18px 44px rgba(0,0,0,.30);}
.wlf-guide-cover-wrap img{width:100%;height:100%;object-fit:cover;display:block;}
.wlf-guide-hero-cover{width:100%;border-radius:18px;overflow:hidden;border:1px solid rgba(191,219,254,.38);box-shadow:0 24px 62px rgba(0,0,0,.40);background:#08172D;margin-bottom:18px;}
.wlf-guide-hero-cover img{display:block;width:100%;height:auto;}
.pdf-mock .wlf-guide-hero-cover{margin:-4px 0 20px;}
.pdf-mock.wlf-has-cover .pdf-logo-ring{display:none!important;}
.pdf-mock.wlf-has-cover{background:linear-gradient(145deg,#071426 0%,#0B1B33 64%,#102A4D 100%)!important;border-color:rgba(56,189,248,.42)!important;color:#EAF4FF!important;}
.pdf-mock.wlf-has-cover .pdf-title,.pdf-mock.wlf-has-cover .pdf-sub,.pdf-mock.wlf-has-cover .privacy,.pdf-mock.wlf-has-cover .app-link-bar,.pdf-mock.wlf-has-cover .app-link-bar *{color:#EAF4FF!important;-webkit-text-fill-color:#EAF4FF!important;}
.pdf-mock.wlf-has-cover .privacy{opacity:.86!important;}
.pdf-mock.wlf-has-cover .app-link-bar{background:rgba(8,23,45,.72)!important;border-color:rgba(56,189,248,.32)!important;}
@media(max-width:760px){.wlf-guide-cover-wrap{border-radius:12px;margin-bottom:13px}.wlf-guide-hero-cover{margin-bottom:14px;border-radius:14px}.pdf-mock{padding:18px!important}.pdf-mock .pdf-title{font-size:22px!important}.app-link-bar{font-size:12px!important;line-height:1.45!important}}

/* Seller page: tighter world-class mobile sales path after live QA. */
@media(max-width:820px){
  body{overflow-x:hidden!important;}
  .hero{padding:34px 0 24px!important;}
  .hero h1,h1{font-size:clamp(38px,12vw,58px)!important;line-height:.96!important;letter-spacing:-.055em!important;}
  .lead{font-size:16px!important;line-height:1.55!important;}
  .heroActions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  .heroActions .btn{width:100%!important;min-height:54px!important;}
  .deviceStage{display:none!important;}
  .wlf-simple-proof{display:none!important;}
  .microBadges{grid-template-columns:repeat(4,1fr)!important;gap:7px!important;margin-top:16px!important;}
  .micro{display:block!important;text-align:center!important;padding:10px 6px!important;border-radius:14px!important;background:rgba(8,23,45,.72)!important;border:1px solid rgba(191,219,254,.18)!important;font-size:11px!important;line-height:1.25!important;}
  .microIcon{margin:0 auto 6px!important;width:30px!important;height:30px!important;}
  .section{padding:34px 0!important;}
  .section h2{font-size:clamp(28px,8.5vw,40px)!important;}
  .sectionLead{font-size:15.5px!important;}
  .grid3,.grid4,.grid2,.steps,.statCards,.bentoGrid,.priceGrid,.liveFlow{grid-template-columns:1fr!important;gap:12px!important;}
  .card,.bento,.tier,.controlBox,.marketPanel,.vault,.wellness,.cta{border-radius:18px!important;padding:18px!important;}
  .vault{display:block!important;}
  .vaultItem{margin-top:10px!important;border-left:none!important;padding-left:0!important;text-align:left!important;}
  .ecoTable,.compareTable{font-size:12px!important;min-width:620px!important;}
  .section.center .wrap>div[style*="grid-template-columns:repeat(3"], .section.center .wrap>div[style*="grid-template-columns: repeat(3"]{grid-template-columns:1fr!important;}
  .wlf-cover-showcase{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;}
  .wlf-cover-card:nth-child(n+5){display:none!important;}
  .wlf-cover-card span{font-size:10px!important;}
  #toolkit .bento:not(.big){display:none!important;}
  #toolkit .bento.big{display:block!important;}
  section:has(.compareTable), section:has(.marketPanel){display:none!important;}
  .footer{padding-bottom:78px!important;}
}
@media(max-width:420px){.microBadges{grid-template-columns:repeat(2,1fr)!important}.brand{font-size:16px!important}.navlinks .btn{font-size:12px!important}}