/* BUSINKAMI Package 88 — responsive bridge.
 * Desktop >= 768px: current Package 82/83 design.
 * Mobile <= 767px: exact Package 67 page/component markup + Package 67 canonical CSS.
 */
.mobile67-variant{display:none!important}
.desktop-current-variant{display:contents}
.mobile67-auth-header{display:none!important}
@media (max-width:767px){
  .mobile67-variant{display:contents!important}
  .desktop-current-variant{display:none!important}
  .master-theme-toggle{display:none!important}
  .mobile67-auth-header{display:block!important}
  /* Post-67 presentation-only blocks must never leak into the locked mobile tree. */
  .master-mobile-profile,
  .master-home-mobile-shortcuts,
  .master82-dating-lower,
  .master82-app-promo,
  .master82-people-count,
  .master82-step-copy{display:none!important}
}
@media (min-width:768px){
  .mobile67-variant,.mobile67-auth-header{display:none!important}
  .desktop-current-variant{display:contents!important}
}


/* ========================================================================
   BUSINKAMI Package 89 — mobile micro-fixes requested after Package 88 QA.
   - readable mobile typography on home
   - CTA overflow protection
   - consistent bottom navigation labels on all mobile pages
   - improved login screen composition
   - fixed auth-page hamburger dropdown
   ======================================================================== */
@media (max-width:767px){
  /* Home: larger readable copy and protected CTA widths */
  .home-reference-v3 .bk-page{padding-bottom:calc(118px + env(safe-area-inset-bottom))!important}
  .home-reference-v3 .bk-kicker,
  .home-reference-v3 .bk-section-kicker{font-size:11px!important;letter-spacing:.12em!important;line-height:1.35!important}
  .home-reference-v3 .bk-hero-copy>p,
  .home-reference-v3 .bk-section-head-sub p,
  .home-reference-v3 .bk-process-step p,
  .home-reference-v3 .bk-event-body p,
  .home-reference-v3 .bk-place-body p,
  .home-reference-v3 .bk-place-body small,
  .home-reference-v3 .bk-review-card p,
  .home-reference-v3 .bk-home-empty span,
  .home-reference-v3 .bk-final-cta p{font-size:13px!important;line-height:1.55!important}
  .home-reference-v3 .bk-process-step h3,
  .home-reference-v3 .bk-event-body h3,
  .home-reference-v3 .bk-place-body h3,
  .home-reference-v3 .bk-review-card b,
  .home-reference-v3 .bk-home-empty b{font-size:16px!important;line-height:1.28!important}
  .home-reference-v3 .bk-section-head h2{font-size:31px!important;line-height:1.08!important}
  .home-reference-v3 .bk-section-head>a{font-size:12px!important;line-height:1.25!important;max-width:42%!important}
  .home-reference-v3 .bk-btn,
  .home-reference-v3 .bk-store-button{min-height:54px!important;padding:0 18px!important;font-size:14px!important;line-height:1.2!important;border-radius:14px!important}
  .home-reference-v3 .bk-hero-actions,
  .home-reference-v3 .bk-hero-actions .bk-btn,
  .home-reference-v3 .bk-final-cta .bk-btn,
  .home-reference-v3 .bk-app-banner .bk-btn{width:100%!important;max-width:100%!important;min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .home-reference-v3 .bk-mobile-menu{right:10px!important;top:60px!important;width:min(300px,calc(100vw - 20px))!important;padding:10px!important;border-radius:16px!important;box-shadow:0 18px 46px rgba(0,0,0,.42)!important;display:none!important;gap:0!important;z-index:1200!important}
  .home-reference-v3 .bk-mobile-menu.open{display:grid!important}
  .home-reference-v3 .bk-mobile-menu a{min-height:52px!important;padding:0 14px!important;font-size:16px!important;line-height:1.25!important;display:flex!important;align-items:center!important;border-radius:12px!important}
  .home-reference-v3 .bk-mobile-menu a+a{border-top:1px solid rgba(255,255,255,.06)!important}
  .home-reference-v3 .bk-menu-button{min-width:44px!important;min-height:44px!important;font-size:27px!important}

  /* Bottom navigation on all non-home pages: keep text visible and readable */
  .bottom-nav,
  .bk-bottom-nav{left:0!important;right:auto!important;bottom:0!important;transform:none!important;width:100vw!important;max-width:none!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;height:84px!important;min-height:84px!important;padding:8px 8px calc(8px + env(safe-area-inset-bottom))!important;box-sizing:border-box!important;border-top:1px solid rgba(255,255,255,.10)!important;background:rgba(8,9,14,.98)!important;backdrop-filter:blur(20px)!important;z-index:1000!important}
  .bottom-nav.five,
  .bk-bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  .bottom-nav a,
  .bk-bottom-nav a{min-width:0!important;min-height:64px!important;padding:6px 2px!important;border-radius:12px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;text-align:center!important;color:#a79ca4!important}
  .bottom-nav a b,
  .bk-bottom-nav a b{display:block!important;font:700 22px/1 Inter,Arial,sans-serif!important;color:currentColor!important}
  .bottom-nav a span,
  .bk-bottom-nav a span,
  .icon-only-nav a span{display:block!important;font:700 11px/1.12 Inter,Arial,sans-serif!important;line-height:1.12!important;color:currentColor!important;white-space:nowrap!important}
  .bottom-nav a.active,
  .bk-bottom-nav a.active{color:#ff3d91!important;background:rgba(255,43,133,.09)!important}

  /* Login page: vertical image, lower form, tighter but cleaner spacing */
  body.page-login .app-shell{padding-bottom:calc(116px + env(safe-area-inset-bottom))!important}
  body.page-login .du-auth-shell{margin:12px 0 34px!important;border-radius:24px!important;overflow:hidden!important;background:#0b0c11!important;box-shadow:0 24px 70px rgba(0,0,0,.36)!important}
  body.page-login .du-auth-photo{min-height:330px!important;background-image:url('/themes/businkami/assets/final-v75/auth-mobile.jpg')!important;background-size:cover!important;background-position:center 16%!important}
  body.page-login .du-auth-photo:after{background:linear-gradient(180deg,rgba(7,5,9,.10) 0%,rgba(7,5,9,.34) 56%,rgba(7,5,9,.70) 100%)!important}
  body.page-login .du-auth-photo>div{left:18px!important;right:18px!important;bottom:18px!important}
  body.page-login .du-auth-photo span{font-size:10px!important;letter-spacing:.16em!important}
  body.page-login .du-auth-photo h2{font-size:30px!important;line-height:1.05!important;margin:8px 0 0!important}
  body.page-login .du-auth-card{position:relative!important;z-index:2!important;margin-top:-14px!important;padding:22px 18px 24px!important;background:linear-gradient(180deg,rgba(11,12,17,.98),rgba(11,12,17,.99))!important;border-top-left-radius:22px!important;border-top-right-radius:22px!important}
  body.page-login .du-auth-card>span{font-size:10px!important;letter-spacing:.18em!important}
  body.page-login .du-auth-card h1{font-size:44px!important;line-height:1!important;margin:6px 0 10px!important}
  body.page-login .du-auth-card>p{font-size:14px!important;line-height:1.45!important;margin-bottom:16px!important}
  body.page-login .du-auth-card form{gap:11px!important}
  body.page-login .du-auth-card label{gap:6px!important;font-size:12px!important}
  body.page-login .du-auth-card input{min-height:54px!important;border-radius:14px!important;padding:0 16px!important;font-size:16px!important}
  body.page-login .du-form-between{font-size:12px!important;margin:0!important}
  body.page-login .du-btn.primary.wide{min-height:54px!important;font-size:16px!important;border-radius:15px!important;margin-top:4px!important}
  body.page-login .du-auth-foot{font-size:13px!important;margin-top:14px!important}

  /* Mobile auth header + hamburger dropdown bug fix */
  .mobile67-auth-header{display:block!important;position:relative!important;z-index:1300!important}
  .mobile67-auth-header .hr3-header{margin:0 -12px 10px!important;padding:10px 14px!important;min-height:58px!important;display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;background:rgba(5,6,10,.96)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;backdrop-filter:blur(18px)!important}
  .mobile67-auth-header .hr3-logo{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important}.mobile67-auth-header .hr3-logo strong{font-size:14px!important;line-height:1.1!important;white-space:nowrap!important}
  .mobile67-auth-header .hr3-mobile-menu{display:block!important;position:relative!important;left:auto!important;top:auto!important;justify-self:end!important}
  .mobile67-auth-header .hr3-mobile-menu summary{list-style:none!important;display:grid!important;place-items:center!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:12px!important;background:rgba(13,14,20,.92)!important;color:#fff!important;font-size:26px!important;line-height:1!important;cursor:pointer!important}
  .mobile67-auth-header .hr3-mobile-menu summary::-webkit-details-marker{display:none!important}
  .mobile67-auth-header .hr3-mobile-menu>nav{position:fixed!important;top:68px!important;right:12px!important;left:auto!important;width:min(300px,calc(100vw - 24px))!important;display:none!important;padding:8px!important;border-radius:16px!important;background:rgba(16,17,23,.985)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 22px 70px rgba(0,0,0,.55)!important;z-index:1400!important}
  .mobile67-auth-header .hr3-mobile-menu[open]>nav{display:grid!important}
  .mobile67-auth-header .hr3-mobile-menu>nav a{display:flex!important;align-items:center!important;min-height:50px!important;padding:0 16px!important;border-radius:12px!important;font-size:16px!important;line-height:1.25!important;color:#f4eef2!important}
  .mobile67-auth-header .hr3-mobile-menu>nav a+a{border-top:1px solid rgba(255,255,255,.055)!important}
}


/* ========================================================================
   BUSINKAMI Package 91 — authoritative mobile visual fix.
   Root cause fixed:
   - Package 89 home rules were scoped to .home-reference-v3, but the actual
     home layout body is .bk-page, so those rules never matched production.
   - Package 67 visually hides .bottom-nav labels with clipping; Package 89
     changed display/font only and did not reset position/size/clip.
   ======================================================================== */
@media (max-width:767px){
  html,body{max-width:100%!important;overflow-x:hidden!important}
  body.bk-page,.bk-page,.bk-page main{max-width:100%!important;overflow-x:hidden!important}

  /* HOME — readable typography and no horizontal escapes. */
  .bk-page .bk-hero-copy,
  .bk-page .bk-how,
  .bk-page .bk-section,
  .bk-page .bk-app-banner,
  .bk-page .bk-final-cta,
  .bk-page .bk-app-copy,
  .bk-page .bk-section-head,
  .bk-page .bk-section-head>div{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}

  .bk-page .bk-kicker,
  .bk-page .bk-section-kicker{font-size:12px!important;line-height:1.35!important;letter-spacing:.11em!important}

  .bk-page .bk-hero-copy>p,
  .bk-page .bk-section-head-sub p,
  .bk-page .bk-process-step p,
  .bk-page .bk-event-body p,
  .bk-page .bk-place-body p,
  .bk-page .bk-place-body small,
  .bk-page .bk-app-copy p,
  .bk-page .bk-app-features span,
  .bk-page .bk-review-card p,
  .bk-page .bk-home-empty span,
  .bk-page .bk-final-cta p{font-size:13px!important;line-height:1.5!important}

  .bk-page .bk-process-step h3,
  .bk-page .bk-event-body h3,
  .bk-page .bk-place-body h3,
  .bk-page .bk-review-card b,
  .bk-page .bk-home-empty b{font-size:16px!important;line-height:1.25!important}

  .bk-page .bk-section-head h2{font-size:30px!important;line-height:1.08!important}
  .bk-page .bk-section-head>a{font-size:13px!important;line-height:1.25!important;max-width:38%!important;white-space:normal!important;text-align:right!important;overflow-wrap:anywhere!important}

  .bk-page .bk-btn,
  .bk-page .bk-store-button,
  .bk-page a.bk-btn,
  .bk-page button.bk-btn{width:100%!important;max-width:100%!important;min-width:0!important;min-height:54px!important;height:auto!important;padding:10px 14px!important;box-sizing:border-box!important;border-radius:14px!important;font-size:14px!important;line-height:1.2!important;white-space:normal!important;text-align:center!important;justify-content:center!important;overflow-wrap:anywhere!important}

  .bk-page .bk-hero-actions,
  .bk-page .bk-final-cta,
  .bk-page .bk-app-copy,
  .bk-page .bk-app-features{width:100%!important;max-width:100%!important;min-width:0!important}

  .bk-page .bk-hero-actions>*{min-width:0!important;max-width:100%!important}
  .bk-page .bk-hero-approved .bk-hero-copy{padding-left:16px!important;padding-right:16px!important}
  .bk-page .bk-hero-approved h1,
  .bk-page .bk-hero-approved p{max-width:100%!important;overflow-wrap:anywhere!important}

  /* HOME HAMBURGER — compact rows, no giant vertical gaps. */
  .bk-page .bk-mobile-menu{right:10px!important;left:auto!important;top:60px!important;width:min(268px,calc(100vw - 20px))!important;height:auto!important;min-height:0!important;max-height:calc(100dvh - 82px)!important;padding:8px!important;margin:0!important;border-radius:14px!important;background:#111217!important;box-shadow:0 18px 46px rgba(0,0,0,.42)!important;display:none!important;grid-template-columns:1fr!important;grid-auto-rows:auto!important;align-content:start!important;row-gap:0!important;overflow-y:auto!important;overflow-x:hidden!important;z-index:1200!important}
  .bk-page .bk-mobile-menu.open{display:grid!important}
  .bk-page .bk-mobile-menu a{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-height:46px!important;height:auto!important;padding:0 12px!important;margin:0!important;border-radius:10px!important;font-size:15px!important;line-height:1.2!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .bk-page .bk-mobile-menu a+a{border-top:1px solid rgba(255,255,255,.06)!important}
  .bk-page .bk-menu-button{min-width:44px!important;min-height:44px!important;font-size:27px!important}

  /* ALL MOBILE PAGES — visible labels, same bottom navigation everywhere. */
  .bottom-nav,
  .bottom-nav.five,
  .bottom-nav.manager-bottom,
  .bk-bottom-nav{left:0!important;right:auto!important;bottom:0!important;transform:none!important;width:100vw!important;max-width:none!important;height:88px!important;min-height:88px!important;padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;background:rgba(8,9,14,.98)!important;border-top:1px solid rgba(255,255,255,.10)!important;backdrop-filter:blur(20px)!important;z-index:1000!important}

  .bottom-nav a,
  .bottom-nav.five a,
  .bottom-nav.manager-bottom a,
  .bk-bottom-nav a{position:relative!important;min-width:0!important;max-width:none!important;min-height:68px!important;height:auto!important;padding:6px 2px!important;margin:0!important;border-radius:14px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;text-align:center!important;color:#aaa0a7!important;overflow:visible!important}

  .bottom-nav a b,
  .bk-bottom-nav a b{position:static!important;display:block!important;width:auto!important;height:auto!important;min-height:23px!important;margin:0!important;padding:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font:700 22px/1 Inter,Arial,sans-serif!important;color:currentColor!important}

  .bottom-nav a span,
  .bottom-nav.five a span,
  .bottom-nav.manager-bottom a span,
  .bk-bottom-nav a span,
  .icon-only-nav a span{position:static!important;display:block!important;width:auto!important;max-width:100%!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;overflow:visible!important;clip:auto!important;clip-path:none!important;white-space:nowrap!important;border:0!important;font:700 11px/1.12 Inter,Arial,sans-serif!important;letter-spacing:-.01em!important;color:currentColor!important;text-align:center!important}

  .bottom-nav a.active,
  .bk-bottom-nav a.active{background:rgba(255,43,133,.10)!important;color:#ff3d91!important}
  .bottom-nav a.active b,
  .bk-bottom-nav a.active b{background:transparent!important;box-shadow:none!important}

  body.du-app .app-shell,
  body.du-public .app-shell,
  .bk-page{padding-bottom:calc(112px + env(safe-area-inset-bottom))!important}

  /* Login fixes from 89 remain, plus safe menu sizing. */
  .mobile67-auth-header .hr3-mobile-menu>nav{height:auto!important;min-height:0!important;max-height:calc(100dvh - 88px)!important;grid-auto-rows:auto!important;align-content:start!important;overflow-y:auto!important}
}

@media (max-width:359px){
  .bk-page .bk-section-head h2{font-size:27px!important}
  .bk-page .bk-section-head>a{font-size:12px!important;max-width:36%!important}
  .bottom-nav a span,.bk-bottom-nav a span,.icon-only-nav a span{font-size:10px!important}
}