/* Mobile precision pass — loaded after all brand styles */
@media (max-width: 760px){
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom));overflow-x:hidden}
  .top{height:68px;min-height:68px;padding:0 20px;display:flex;align-items:center;position:sticky;top:0;background:#fff;z-index:50}
  .top .brand{min-width:0;max-width:100%;font-size:initial}
  .top .brand img{width:38px;height:38px;flex:0 0 38px}
  .top .brand b{display:block;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .top nav{position:fixed;left:0;right:0;bottom:0;width:100%;height:calc(64px + env(safe-area-inset-bottom));padding:8px 12px env(safe-area-inset-bottom);display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.96);border-top:1px solid var(--line);box-shadow:0 -10px 35px rgba(16,27,63,.08);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;z-index:100;backdrop-filter:blur(16px)}
  .top nav::-webkit-scrollbar{display:none}
  .top nav a{flex:0 0 auto;display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border-radius:11px;font-size:12px;font-weight:700;white-space:nowrap}
  .top nav .nav-cta{padding:8px 13px}
  .public-main{min-height:calc(100vh - 68px)}
  .container{padding:28px 16px}
  .lb-hero{min-height:0;padding:38px 24px 58px;gap:34px}
  .hero-brand-art>img{width:min(245px,78vw);border-radius:26px}
  .floating-card{padding:10px 12px;border-radius:11px;font-size:10px}
  .floating-card.one{left:0;top:19%}
  .floating-card.two{right:0;bottom:13%}
  .lb-hero h1{font-size:clamp(42px,13vw,54px);line-height:1.02;letter-spacing:-2.7px;margin:8px 0 20px;overflow-wrap:anywhere}
  .lb-hero>div>p:not(.eyebrow){font-size:17px;line-height:1.65}
  .hero-search{width:100%;padding:6px;margin:24px 0 20px;border-radius:14px}
  .hero-search input{min-width:0;padding:10px 12px}
  .hero-search .btn{flex:0 0 104px;padding:10px 12px}
  .hero-proof{align-items:flex-start}
  .category-strip{padding:0 24px;margin:0 auto 55px;gap:10px}
  .home-section,.directory{padding:42px 24px 70px}
  .section-head{align-items:flex-start;gap:14px}
  .section-head h2{font-size:29px}
  .merchant-cta{width:auto;margin:0 15px 32px;padding:32px;border-radius:23px;gap:20px}
  .discover-hero{padding:52px 24px 62px;border-radius:0 0 28px 28px}
  .discover-hero h1{font-size:44px;line-height:1.08}
  .discovery-search{gap:9px}
  .discovery-search input,.discovery-search select,.discovery-search .btn{min-height:47px}
  .shop-shell{padding:30px 24px 95px}
  .shop-hero{padding:28px 22px;border-radius:23px}
  .shop-identity{align-items:flex-start;gap:18px}
  .shop-buttons{width:100%}
  .shop-buttons>*{flex:1;text-align:center;white-space:nowrap}
  .shop-meta{flex-direction:column;gap:5px}
  .product-grid{grid-template-columns:1fr}
  .cart{bottom:calc(74px + env(safe-area-inset-bottom));width:calc(100% - 28px)}
  .page-head{flex-direction:column;align-items:stretch}
  .page-head>.btn,.page-head>.ai-badge{align-self:flex-start}
  .stats,.settings-grid,.studio-grid,.split{grid-template-columns:1fr}
  .two{grid-template-columns:1fr}
  .table-wrap{margin:0 -8px}
}

@media (max-width: 390px){
  .top{padding:0 16px}
  .top .brand b{font-size:17px}
  .lb-hero{padding-left:20px;padding-right:20px}
  .lb-hero h1{font-size:43px}
  .hero-search .btn{flex-basis:92px;font-size:12px}
  .shop-buttons{flex-direction:column}
  .shop-buttons>*{width:100%}
}