/* LokalBisnis mobile system — final override */
.mobile-label{display:none}

@media (max-width:760px){
  html{scroll-behavior:smooth;overflow-x:hidden}
  body.public-app{padding:0;overflow-x:hidden;background:#f5f8ff}
  body.public-app .public-main{min-height:calc(100svh - 66px)}

  .public-app .top{position:sticky;inset:0 0 auto;z-index:100;height:66px;min-height:66px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;background:#fffffff2;border-bottom:1px solid #dce6f5;box-shadow:0 8px 28px #153a770b;backdrop-filter:blur(18px)}
  .public-app .top .brand{min-width:0;gap:8px}
  .public-app .top .brand img{width:37px;height:37px;flex:0 0 37px}
  .public-app .top .brand b{display:block;max-width:140px;overflow:hidden;font-size:17px;line-height:1;letter-spacing:-.5px;white-space:nowrap;text-overflow:ellipsis}
  .public-app .top nav{position:static;width:auto;height:auto;padding:0;display:flex;align-items:center;gap:6px;overflow:visible;background:transparent;border:0;box-shadow:none;backdrop-filter:none}
  .public-app .top nav a{display:flex!important;min-height:40px;padding:8px 10px;align-items:center;justify-content:center;border-radius:11px;font-size:12px;line-height:1;font-weight:800;white-space:nowrap}
  .public-app .top nav .nav-discover{display:none!important}
  .public-app .top nav .nav-login{color:#1b2c52;background:#f1f5fc}
  .public-app .top nav .nav-cta{color:#fff;background:linear-gradient(110deg,#1263ed,#7859ed);box-shadow:0 8px 20px #245bd32c}
  .desktop-label{display:none}.mobile-label{display:inline}

  .trademark-hero{display:grid;grid-template-columns:minmax(0,1fr);min-height:0;margin:12px 12px 42px;padding:30px 20px 62px;gap:18px;border-radius:28px;overflow:hidden}
  .trademark-hero .hero-copy{order:0;min-width:0}
  .trademark-hero .local-orbit{order:1;min-height:270px;margin-top:4px}
  .brand-signal{margin-bottom:17px;padding:6px 11px 6px 6px;border-radius:14px}
  .brand-signal .signal-mark{width:31px;height:31px}
  .trademark-hero h1{max-width:100%;margin-bottom:17px;font-size:clamp(43px,13vw,54px);line-height:.95;letter-spacing:-3.2px;overflow-wrap:normal;word-break:normal}
  .trademark-hero h1 em{margin-top:6px}
  .trademark-hero .hero-lead{font-size:15px!important;line-height:1.55!important}
  .signature-search{display:grid;grid-template-columns:36px minmax(0,1fr);width:100%;margin:21px 0 18px;padding:6px;border-radius:17px;background:#fff}
  .signature-search input{min-width:0;margin:0;padding:9px 7px;border:0;font-size:14px}
  .signature-search .btn{grid-column:1/-1;min-height:47px;margin-top:5px;padding:12px 15px;justify-content:center;border-radius:12px}
  .trademark-hero .hero-proof{display:grid;grid-template-columns:auto 1fr;gap:2px 9px;align-items:center}
  .trademark-hero .hero-proof b{grid-row:1/3;font-size:27px}
  .trademark-hero .hero-proof span{font-size:12px}.trademark-hero .hero-proof i,.trademark-hero .hero-proof strong{display:none}
  .local-orbit:before{width:225px;max-width:72vw}
  .local-orbit>img.mascot-hero{width:220px;max-width:67vw;max-height:255px}
  .orbit-a{width:270px;height:190px;max-width:82vw}.orbit-b{width:190px;height:270px;max-height:72vw}
  .local-stamp{right:0;top:0;transform:scale(.78) rotate(3deg);transform-origin:top right}
  .trademark-hero .floating-card{max-width:142px;padding:8px 9px}
  .trademark-hero .floating-card.one{left:0;top:40%}.trademark-hero .floating-card.two{right:0;bottom:4%}
  .hero-rail{height:34px;gap:8px;font-size:7px;letter-spacing:1.5px}

  .category-directory{width:auto;margin:0 12px 48px;padding:25px 16px;border-radius:25px}
  .category-directory .section-head{display:block;margin-bottom:18px}
  .category-directory .section-head h2{font-size:28px;line-height:1.08;letter-spacing:-1px}
  .category-directory .section-head p:not(.eyebrow){font-size:14px;line-height:1.55}
  .category-directory .section-head>a{display:inline-flex;margin-top:4px;font-size:13px;color:#1263ed;font-weight:850}
  .category-tabs{margin:0 -16px 16px;padding:2px 16px 8px;scroll-snap-type:x proximity}
  .category-tabs button{min-height:44px;scroll-snap-align:start}
  .category-group-grid{grid-template-columns:1fr;gap:12px}
  .category-group-card{padding:17px 14px;border-radius:19px}
  .category-group-card h3{margin-bottom:12px;font-size:17px}
  .category-chip-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .category-chip-list a{min-width:0;min-height:54px;padding:9px 10px;gap:7px;font-size:12px;line-height:1.2}
  .category-chip-list a .lb-category-icon{flex:0 0 auto}
  .category-chip-name{min-width:0;overflow-wrap:anywhere}
  .category-chip-arrow{display:none}

  .impact-story{width:auto;margin:0 12px 48px;padding:35px 20px;border-radius:26px}
  .impact-heading h2{font-size:34px;line-height:1.04;letter-spacing:-1.7px}
  .impact-heading>p:last-child{font-size:15px;line-height:1.6}
  .impact-flow,.competition-band{grid-template-columns:1fr}
  .impact-flow{gap:9px;margin-top:27px}.impact-flow article{padding:18px}
  .home-section,.directory{padding:36px 16px 55px}
  .home-section .section-head,.directory .section-head{display:block}
  .section-head h2{font-size:28px;line-height:1.1}.section-head>a{display:inline-flex;margin-top:7px}
  .tenant-grid{grid-template-columns:1fr;gap:14px}
  .tenant-card{border-radius:20px}.tenant-cover,.tenant-cover img{height:190px!important;max-height:190px!important}.tenant-body{min-height:0;padding:18px}
  .tenant-body h3{font-size:19px}.tenant-body p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .merchant-cta{display:flex;flex-direction:column;align-items:stretch;width:auto;margin:0 12px 28px;padding:30px 22px;border-radius:24px}
  .merchant-cta h2{font-size:30px;line-height:1.08}.merchant-cta .btn{text-align:center}

  .discover-hero{padding:40px 16px 42px;border-radius:0 0 26px 26px}
  .discover-hero h1{font-size:39px;line-height:1.02;letter-spacing:-2px}
  .discovery-search,.indonesia-filter{grid-template-columns:1fr!important;gap:8px}
  .discovery-search input,.discovery-search select,.discovery-search .btn{grid-column:auto!important;min-height:48px;margin:0}
  .shop-shell{padding:20px 14px 96px}.shop-hero{padding:22px 16px;border-radius:22px}.shop-identity{flex-direction:column}.shop-logo{width:72px;height:72px}.shop-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.shop-buttons>*{min-width:0;padding:11px 8px}
  .checkout-shell,.order-status-shell{padding:20px 14px 90px}.checkout-grid{grid-template-columns:1fr}.checkout-card,.order-summary{padding:20px 16px;border-radius:20px}.payment-options{grid-template-columns:1fr 1fr}
  .auth-wrap{padding:24px 14px}.auth-card{padding:27px 19px;border-radius:22px}.auth-card h1{font-size:25px}
  input,textarea,select{font-size:16px}

  body.tenant-app{padding:66px 0 calc(76px + env(safe-area-inset-bottom));overflow-x:hidden}
  .tenant-mobile-head{height:66px;padding:0 15px}.tenant-mobile-head .brand b{font-size:17px}
  .tenant-main{width:100%;padding:22px 14px 34px}
  .mobile-tabs{height:calc(68px + env(safe-area-inset-bottom));padding:7px 7px env(safe-area-inset-bottom);gap:2px}
  .mobile-tabs a{min-width:0;font-size:10px}.mobile-tabs a span{font-size:18px}
  .dashboard-welcome{padding:24px 19px;border-radius:21px}.dashboard-welcome h1{font-size:31px}
  .dashboard-actions{grid-template-columns:1fr;gap:9px}
  .stats{grid-template-columns:1fr}.stats .hero-stat{grid-column:auto}
  .panel{padding:18px 14px;border-radius:18px}.table-wrap{width:calc(100% + 12px);margin-right:-12px}
  .install-app{right:12px;bottom:calc(80px + env(safe-area-inset-bottom));max-width:calc(100vw - 24px);padding:11px 14px;font-size:12px}
}

@media (max-width:390px){
  .public-app .top{padding:0 12px}.public-app .top .brand b{max-width:115px;font-size:16px}.public-app .top nav a{padding:8px 9px}
  .trademark-hero{margin-left:8px;margin-right:8px;padding-left:16px;padding-right:16px}.trademark-hero h1{font-size:42px;letter-spacing:-2.8px}
  .category-directory,.impact-story,.merchant-cta{margin-left:8px;margin-right:8px}
  .category-chip-list{grid-template-columns:1fr}.category-chip-list a{min-height:50px}
  .payment-options,.shop-buttons{grid-template-columns:1fr}
}

@media (display-mode:standalone) and (max-width:760px){
  .public-app .top{padding-top:env(safe-area-inset-top);height:calc(66px + env(safe-area-inset-top))}
}