/* PasarMalam mobile marketplace shell: cleaner Shopee-style page split */
html,body{max-width:100%;overflow-x:hidden}
body{background:#f5f7fb;color:#202124;-webkit-font-smoothing:antialiased}
a{color:inherit}
button{touch-action:manipulation}
img{max-width:100%}
.search{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important;align-items:center!important}
.search input{min-width:0!important;width:100%!important}
.search button{width:64px!important;min-width:64px!important;padding:0 10px!important;white-space:nowrap!important}
.deep-flow{display:none!important}
.pm-page-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}
.pm-page-tabs button{border:1px solid #dbe4ea;background:#fff;color:#0f9f8f;border-radius:8px;min-height:44px;font-weight:900;padding:8px}
.pm-mobile-note{display:none}
@media(max-width:760px){
  body{font-size:15px;background:#f4f6fa}
  header{border-bottom-left-radius:0;border-bottom-right-radius:0}
  .utility{display:none!important}
  .bar{display:grid!important;grid-template-columns:1fr!important;padding:10px 12px!important;gap:10px!important}
  .brand{min-width:0}.brand h1,.brand h2{font-size:24px!important;line-height:1.1;margin:0}.logo{width:48px!important;height:48px!important;min-width:48px!important}
  .search{min-height:44px}.search input{font-size:14px!important}.search button{width:56px!important;min-width:56px!important;font-size:13px!important;padding:0 8px!important}.quick{overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:2px}.quick button{white-space:nowrap}
  main{padding:10px 10px 76px!important;max-width:100%!important}
  .hero{display:block!important}.side{display:none!important}.hero-main{min-height:245px!important;padding:18px!important;border-radius:8px!important}.hero h2{font-size:28px!important;line-height:1.12!important}.hero p{font-size:14px!important}.hero-tags{gap:6px!important}.hero-tags span{font-size:11px!important;padding:6px 8px!important}
  .trust-strip{grid-template-columns:1fr 1fr!important;margin:10px 0!important}.trust{padding:10px!important;min-height:74px}.trust b{font-size:13px}.trust span{font-size:11px!important}
  .services{grid-template-columns:repeat(4,1fr)!important;gap:8px!important;margin:10px 0!important}.service{min-height:58px!important;font-size:12px!important;padding:6px!important}
  .section,.panel,.card,.service,.trust,.strip-card{border-radius:8px!important;box-shadow:none!important}.section{margin-top:10px!important}.head{padding:11px 12px!important;align-items:flex-start!important}.head h3{font-size:17px!important}.head span{font-size:12px!important}
  .market-strip,.cats{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.strip-card{padding:10px!important}.cat{min-height:52px!important;font-size:13px!important}
  .filters{grid-template-columns:1fr 1fr!important;padding:10px!important;gap:8px!important}.filters input,.filters select,input,select,textarea{min-height:42px!important;font-size:15px!important}
  .grid{grid-template-columns:repeat(2,1fr)!important;padding:10px!important;gap:8px!important}.photo{font-size:28px!important}.body{padding:9px!important}.name{min-height:36px!important;font-size:13px!important}.price{font-size:17px!important}.tag{font-size:11px!important}.actions{grid-template-columns:1fr 38px!important}
  .two,.row,.rates,.paygrid,.status-grid{grid-template-columns:1fr!important}.bottom-nav{position:fixed!important;left:8px;right:8px;bottom:8px;margin:0!important;border-radius:10px!important;box-shadow:0 10px 25px #0002}.bottom-nav button{font-size:11px!important;min-height:50px!important;padding:4px!important}
  .pm-page-tabs{grid-template-columns:repeat(2,1fr)}.pm-mobile-note{display:block;color:#687282;font-size:12px;margin:8px 0 0}
  table{display:block;width:100%;overflow-x:auto;white-space:nowrap}.line{overflow:hidden}.panel{margin:10px!important;padding:12px!important}.voucher{margin:10px 0!important}
}
/* July 4 tester fixes: keep homepage actions inside menu and fix product detail mobile layout */
.buyer-home .home-inline-block{display:none!important}
.buyer-home .pm-home-menu{display:block!important}
.buyer-home .buyer-quick-actions{display:none!important}
.buyer-home .side{display:none!important}
.buyer-home .hero{display:block!important;margin-top:10px!important}
.buyer-home .hero-main{min-height:210px!important;padding:22px!important;border-radius:8px!important}
.buyer-home .hero h2{font-size:32px!important;line-height:1.12!important;max-width:720px}
.buyer-home .hero p{font-size:15px!important;line-height:1.5!important;max-width:720px}
.buyer-home .hero-tags span{font-size:12px!important;padding:7px 10px!important}
.app-download-strip{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;background:linear-gradient(135deg,#ffffff,#f4fffc);border:1px solid #dbe4ea;border-left:4px solid #0f9f8f;border-radius:10px;margin:10px 0;padding:12px 14px;box-shadow:0 10px 26px #1118270d}
.app-download-strip b{display:block;color:#202124;font-size:15px;line-height:1.2}
.app-download-strip span{display:block;color:#687282;font-size:12px;line-height:1.35;margin-top:2px}
.google-play-badge,.seller-app-badge{display:inline-grid!important;grid-template-columns:34px 1fr;align-items:center;gap:10px;border:0!important;border-radius:10px!important;min-height:52px!important;padding:8px 16px!important;text-align:left!important;white-space:nowrap;box-shadow:0 10px 24px #1118272b}
.google-play-badge{background:linear-gradient(135deg,#0b1220,#111827 55%,#172554)!important;color:#fff!important}
.seller-app-badge{background:#fff!important;color:#0f9f8f!important;border:1px solid #b8fff5!important}
.google-play-badge:before{content:"";width:0;height:0;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:25px solid #34a853;filter:drop-shadow(7px 0 0 #4285f4) drop-shadow(14px 0 0 #fbbc04) drop-shadow(21px 0 0 #ea4335)}
.seller-app-badge:before{content:"PM";width:28px;height:28px;border-radius:7px;display:grid;place-items:center;background:linear-gradient(135deg,#0f9f8f,#6d5dfc);color:#fff;font-size:12px;font-weight:900}
.google-play-badge span,.seller-app-badge span{display:block!important;font-size:10px!important;line-height:1!important;margin:0!important;color:#cfd7e3!important;letter-spacing:0!important;text-transform:uppercase}
.seller-app-badge span{color:#687282!important}
.google-play-badge b,.seller-app-badge b{display:block!important;font-size:16px!important;line-height:1.08!important;margin:1px 0 0!important;color:inherit!important}
.google-play-badge.compact,.seller-app-badge.compact{width:100%;justify-content:start;min-height:48px!important}
.google-play-badge.image-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;grid-template-columns:none!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;min-height:0!important;padding:0!important;width:auto!important;white-space:normal!important}
.google-play-badge.image-badge:before{display:none!important;content:none!important}
.google-play-badge.image-badge img{display:block;width:176px;max-width:100%;height:auto;border-radius:9px;box-shadow:0 8px 18px #11182722}
.buyer-home .section{margin-top:10px!important;border-radius:8px!important;box-shadow:none!important}
.buyer-home .head{padding:12px 14px!important}
.buyer-home .head h3{font-size:18px!important}
.buyer-home .head span{font-size:12px!important}
.buyer-home .grid{grid-template-columns:repeat(6,1fr)!important;gap:9px!important;padding:10px!important}
.buyer-home .card{border-radius:8px!important;box-shadow:none!important}
.buyer-home .photo{aspect-ratio:auto!important;height:106px!important;min-height:0!important;font-size:26px!important}
.buyer-home .badge{top:5px!important;left:5px!important;padding:3px 5px!important;font-size:10px!important}
.buyer-home .body{padding:8px!important}
.buyer-home .name{font-size:13px!important;line-height:1.22!important;min-height:32px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.buyer-home .shop,.buyer-home .muted{font-size:10px!important}
.buyer-home .tag{display:inline-block!important;margin:3px 3px 0 0!important;padding:3px 5px!important;font-size:10px!important}
.buyer-home .stars{font-size:11px!important;margin-top:3px!important}
.buyer-home .price{font-size:16px!important;margin:5px 0!important}
.buyer-home .actions{grid-template-columns:1fr!important}
.buyer-home .heart{display:none!important}
.pm-home-menu{display:none}
.pm-home-menu details{background:#fff;border:1px solid #e6e9ef;border-radius:8px;margin:8px 0;overflow:hidden}
.pm-home-menu summary{list-style:none;cursor:pointer;padding:14px 16px;font-weight:900;color:#0f9f8f;display:flex;justify-content:space-between;align-items:center}
.pm-home-menu summary::-webkit-details-marker{display:none}
.pm-home-menu summary:after{content:"+";font-weight:900;color:#687282}
.pm-home-menu details[open] summary:after{content:"-"}
.pm-menu-grid,.pm-filter-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:0 12px 12px}
.pm-menu-grid button,.pm-filter-buttons button{border:1px solid #dbe4ea;background:#fff;color:#202124;border-radius:8px;min-height:46px;font-weight:900;padding:8px;text-align:center}
.pm-filter-buttons{grid-template-columns:1fr}
.product-detail-grid{align-items:start}
.product-page .product-info-panel h1{font-size:30px;line-height:1.12;margin:0 0 10px}.product-page .product-info-panel .price{margin:8px 0 12px}
@media(max-width:760px){
  .buyer-home .home-inline-block{display:none!important}
  .buyer-home .pm-page-tabs{display:none!important}
  .buyer-home .pm-mobile-note{display:none!important}
  .pm-home-menu{display:block!important}
  .buyer-home .hero-main{min-height:190px!important}
  .buyer-home .hero h2{font-size:24px!important}
  .buyer-home .hero p{display:none!important}
  .app-download-strip{grid-template-columns:1fr!important;gap:8px!important;padding:10px!important}
  .app-download-strip div{grid-column:1/-1}
  .app-download-strip b{font-size:14px!important}
  .app-download-strip span{font-size:11px!important}
  .app-download-strip .google-play-badge{width:100%;min-height:46px!important;padding:7px 12px!important;gap:8px!important}
  .app-download-strip .google-play-badge b{font-size:14px!important}
  .app-download-strip .google-play-badge span,.app-download-strip .seller-app-badge span{font-size:8px!important}
  .app-download-strip .google-play-badge.image-badge{width:auto!important;justify-content:start!important;min-height:0!important;padding:0!important}
  .google-play-badge.image-badge img{width:154px}
  .buyer-home .grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;padding:8px!important}
  .buyer-home .photo{height:92px!important;min-height:0!important;font-size:23px!important}
  .buyer-home .body{padding:7px!important}
  .buyer-home .name{font-size:12px!important;min-height:30px!important}
  .buyer-home .price{font-size:15px!important}
  .buyer-home .actions{grid-template-columns:1fr!important}
  .buyer-home .heart{display:none!important}
  .product-page .product-detail-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding:10px!important}
  .product-page .product-image-panel,.product-page .product-info-panel{margin:0!important;padding:12px!important;width:100%!important}
  .product-page .photo{aspect-ratio:1/1!important;max-height:none!important;font-size:42px!important}
  .product-page .product-info-panel h1{font-size:24px!important;line-height:1.15!important;word-break:break-word}
  .product-page .price{font-size:24px!important}
  .product-page .trust{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .product-page .row{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .product-page .primary,.product-page .soft{width:100%;margin:4px 0;min-height:44px}
}

/* Android split-screen: keep the buyer app usable in very narrow windows. */
.bottom-nav{max-width:100%}
.chatinput,.chat-actions,.message-actions,[data-chat-actions]{max-width:100%;min-width:0}
.chatinput input,.chat-actions input,.message-actions input,[data-chat-actions] input{min-width:0}
@media(max-width:400px){
  html,body{width:100%;max-width:100%;overflow-x:hidden!important}
  main{max-width:100vw!important;overflow-x:hidden!important;padding-left:8px!important;padding-right:8px!important}
  .bar,.brand,.hero,.hero-main,.section,.panel,.card,.body,.filters,.toolbar,.row,.line,.actions{min-width:0!important;max-width:100%!important}
  .grid,.buyer-home .grid,.market-strip,.cats,.services,.rates,.paygrid,.status-grid,.trust-strip,.product-feed,.product-grid,.products-grid,[data-product-feed]{grid-template-columns:1fr!important}
  .photo,.buyer-home .photo{height:auto!important;min-height:0!important;aspect-ratio:1/1!important}
  .name,.buyer-home .name{min-height:0!important;font-size:12px!important;line-height:1.25!important}
  .price,.buyer-home .price{font-size:14px!important;line-height:1.2!important}
  .filters,.toolbar,.search,.chatinput,.chat-actions,.message-actions,[data-chat-actions]{grid-template-columns:minmax(0,1fr)!important}
  .search button{width:100%!important;min-width:0!important}
  .bottom-nav{position:fixed!important;left:6px!important;right:6px!important;bottom:6px!important;width:auto!important;grid-template-columns:repeat(3,1fr)!important;z-index:50!important}
  .bottom-nav button{min-width:0!important;font-size:10px!important;line-height:1.1!important}
  .chatinput,.chat-actions,.message-actions,[data-chat-actions]{position:sticky!important;bottom:64px!important;z-index:51!important;background:#fff!important;padding:8px!important;border:1px solid #e6e9ef!important;border-radius:8px!important}
}

/* Android physical-device layout fix: keep cards clear of fixed nav and prevent clipped product content. */
header,
.app-header,
.sticky-header{
  position:sticky!important;
  top:0!important;
  z-index:50!important;
  background:linear-gradient(180deg,#0f9f8f,#6d5dfc)!important;
}

main,
.app-main,
.page,
.content,
.main-container{
  padding-bottom:90px!important;
  overflow-x:hidden!important;
}

.bottom-nav{
  position:fixed!important;
  left:8px!important;
  right:8px!important;
  bottom:8px!important;
  z-index:40!important;
  background:#e6e9ef!important;
}

.grid > .card,
.product-card,
.products-grid > .card,
.product-grid > .card,
[data-product-feed] > .card{
  position:relative!important;
  z-index:1!important;
  display:flex!important;
  flex-direction:column!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
}

.grid > .card .body,
.product-card .body,
.products-grid > .card .body,
.product-grid > .card .body,
[data-product-feed] > .card .body{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  min-height:0!important;
}

.name,
.product-title,
.grid > .card .body > b,
.product-card .body > b{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  min-height:0!important;
  max-height:none!important;
  word-break:break-word!important;
}

.actions,
.product-actions{
  margin-top:auto!important;
}

.actions .buy,
.actions .primary,
.actions .soft,
.product-actions button{
  margin-top:auto!important;
}

.chatinput,
.chat-actions,
.message-actions,
[data-chat-actions]{
  z-index:45!important;
  background:#fff!important;
}

@media(max-width:400px){
  main,
  .app-main,
  .page,
  .content,
  .main-container{
    padding-bottom:76px!important;
  }

  .grid,
  .buyer-home .grid,
  .product-feed,
  .product-grid,
  .products-grid,
  [data-product-feed]{
    grid-template-columns:1fr!important;
  }

  .bottom-nav{
    left:6px!important;
    right:6px!important;
    bottom:6px!important;
    grid-template-columns:repeat(6,1fr)!important;
    z-index:40!important;
    border-radius:10px!important;
  }

  .bottom-nav button{
    min-height:48px!important;
    padding:3px 2px!important;
    font-size:9px!important;
    line-height:1.08!important;
  }

  .grid > .card .photo,
  .product-card .photo,
  .buyer-home .photo{
    height:168px!important;
    aspect-ratio:auto!important;
    min-height:0!important;
  }

  .buyer-home .hero-main{
    min-height:176px!important;
    align-items:flex-start!important;
    background-position:center!important;
  }

  .buyer-home .hero-copy{
    max-width:72%!important;
  }

  .buyer-home .hero h2{
    font-size:18px!important;
    line-height:1.12!important;
    max-width:100%!important;
    text-shadow:0 2px 8px #000a!important;
  }

  .buyer-home .hero-tags{
    margin-top:8px!important;
    gap:4px!important;
  }

  .buyer-home .hero-tags span{
    font-size:10px!important;
    padding:4px 6px!important;
  }
}

/* Final phone override: keep navigation in the page flow so it cannot cover product buttons. */
@media(max-width:760px){
  main,
  .app-main,
  .page,
  .content,
  .main-container{
    padding-bottom:18px!important;
  }

  .bottom-nav{
    position:sticky!important;
    left:auto!important;
    right:auto!important;
    bottom:0!important;
    width:100%!important;
    margin:12px 0 0!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    z-index:40!important;
    border-radius:8px 8px 0 0!important;
    box-shadow:0 -6px 16px #11182714!important;
  }

  .bottom-nav button{
    min-height:46px!important;
    padding:3px 2px!important;
    font-size:9px!important;
    line-height:1.08!important;
  }

  .buyer-home .hero-main{
    min-height:168px!important;
    padding:0!important;
    align-items:stretch!important;
  }

  .buyer-home .hero-copy{
    display:none!important;
  }

  .grid > .card,
  .buyer-home .grid > .card{
    margin-bottom:10px!important;
  }
}

/* Production buyer cleanup: keep home simple and phone-readable. */
.buyer-home .app-download-strip,
.buyer-home .pm-home-menu,
.buyer-home .buyer-quick-actions,
.buyer-home .deep-flow,
.buyer-home .trust-strip,
.buyer-home .market-strip,
.buyer-home .section:has(.filters){
  display:none!important;
}

.buyer-home .section:has(#cats),
.buyer-home .section:has(#products){
  display:block!important;
}

.buyer-home .hero-main{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}

.buyer-home .hero-copy{
  position:relative!important;
  z-index:1!important;
  max-width:560px!important;
}

.buyer-home .card,
.buyer-home .grid>.card,
.product-card{
  display:flex!important;
  flex-direction:column!important;
  height:auto!important;
  min-height:0!important;
}

.buyer-home .card .body,
.product-card .body{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
}

.buyer-home .actions,
.product-card .actions,
.product-actions{
  margin-top:auto!important;
}

.buyer-home .name,
.product-title{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}

@media(max-width:760px){
  body{font-size:14px!important}
  header{position:sticky!important;top:0!important;z-index:50!important;background:linear-gradient(180deg,#0f9f8f,#6d5dfc)!important}
  .bar{grid-template-columns:1fr!important}
  .bar>div:last-child{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:6px!important}
  .lang,.cart,.soft,.primary,.buy,.send{font-size:12px!important;min-height:38px!important;padding:0 8px!important}
  .search{grid-template-columns:minmax(0,1fr) 52px!important}
  .search input{font-size:13px!important;padding:8px!important}
  .search button{width:52px!important;min-width:52px!important;font-size:12px!important;padding:0 4px!important}
  .quick{display:none!important}
  .buyer-home .hero-main{min-height:156px!important;padding:0!important;background-position:center!important}
  .buyer-home .hero-copy{display:none!important}
  .buyer-home .section{margin-top:8px!important}
  .buyer-home .head{padding:9px 10px!important}
  .buyer-home .head h3{font-size:15px!important}
  .buyer-home .head span{display:none!important}
  .buyer-home .cats{grid-template-columns:repeat(4,1fr)!important;gap:6px!important;padding:8px!important}
  .buyer-home .cat{min-height:42px!important;font-size:11px!important;padding:4px!important;border:1px solid #e6e9ef!important;border-radius:8px!important}
  .buyer-home .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;padding:8px!important}
  .buyer-home .photo{height:86px!important;aspect-ratio:auto!important}
  .buyer-home .body{padding:7px!important}
  .buyer-home .name{font-size:11px!important;line-height:1.2!important}
  .buyer-home .shop{font-size:9px!important;line-height:1.2!important}
  .buyer-home .tag,.buyer-home .badge{font-size:9px!important}
  .buyer-home .stars{font-size:10px!important}
  .buyer-home .price{font-size:13px!important;line-height:1.15!important}
  .buyer-home .buy{font-size:11px!important;min-height:34px!important}
  .bottom-nav{position:sticky!important;bottom:0!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}
  .bottom-nav button:nth-child(2){display:none!important}
  .bottom-nav button{font-size:9px!important;min-height:44px!important}
}

@media(max-width:400px){
  .buyer-home .grid{grid-template-columns:1fr!important}
  .buyer-home .photo{height:132px!important}
  .buyer-home .cats{grid-template-columns:repeat(3,1fr)!important}
}

/* Production phone pass: Shopee-style compact buyer home with no overlaps. */
@media(max-width:760px){
  html,body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    font-size:13px!important;
  }

  header{
    position:sticky!important;
    top:0!important;
    z-index:50!important;
    background:#fff!important;
    color:#202124!important;
    box-shadow:0 1px 0 #e6e9ef!important;
  }

  header .bar{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:9px 10px!important;
  }

  header .brand h1{
    color:#202124!important;
    font-size:19px!important;
    line-height:1.05!important;
  }

  header .label,
  header .version{
    color:#687282!important;
    font-size:11px!important;
  }

  header .bar>div:last-child{
    display:grid!important;
    grid-template-columns:1fr 1fr 1fr!important;
    width:100%!important;
    gap:6px!important;
  }

  .search{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 48px!important;
    width:100%!important;
    padding:3px!important;
    border:1px solid #e6e9ef!important;
    border-radius:8px!important;
    background:#fff!important;
    overflow:hidden!important;
  }

  .search input{
    min-width:0!important;
    width:100%!important;
    font-size:12px!important;
    padding:8px!important;
  }

  .search button{
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    padding:0!important;
    font-size:11px!important;
    border-radius:6px!important;
    overflow:hidden!important;
  }

  main{
    padding:9px 9px 0!important;
    max-width:100vw!important;
    overflow-x:hidden!important;
  }

  .buyer-home .hero{
    display:block!important;
    margin:8px 0!important;
    border-radius:8px!important;
    overflow:hidden!important;
    background:#fff!important;
  }

  .buyer-home .hero-main{
    min-height:0!important;
    height:180px!important;
    padding:0!important;
    display:block!important;
    background-image:url("pasarmalam-buyer-banner.png")!important;
    background-size:cover!important;
    background-position:center!important;
  }

  .buyer-home .hero-copy,
  .buyer-home .hero h2,
  .buyer-home .hero p,
  .buyer-home .hero-tags{
    display:none!important;
  }

  .buyer-home .app-download-strip,
  .buyer-home .pm-home-menu,
  .buyer-home .buyer-quick-actions,
  .buyer-home .deep-flow,
  .buyer-home .trust-strip,
  .buyer-home .market-strip,
  .buyer-home .section:has(.filters){
    display:none!important;
  }

  .buyer-home .section:has(#cats),
  .buyer-home .section:has(#products){
    display:block!important;
  }

  .buyer-home .cats{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
    padding:7px!important;
  }

  .buyer-home .cat{
    min-height:38px!important;
    padding:4px!important;
    font-size:10px!important;
    line-height:1.12!important;
  }

  .buyer-home .grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    padding:7px!important;
  }

  .buyer-home .card{
    min-width:0!important;
    overflow:hidden!important;
  }

  .buyer-home .photo{
    height:84px!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    font-size:22px!important;
  }

  .buyer-home .body{
    display:flex!important;
    flex-direction:column!important;
    padding:7px!important;
  }

  .buyer-home .name{
    font-size:11px!important;
    line-height:1.2!important;
    min-height:0!important;
  }

  .buyer-home .shop,
  .buyer-home .muted{
    font-size:9px!important;
    line-height:1.2!important;
  }

  .buyer-home .tag,
  .buyer-home .badge{
    font-size:8px!important;
    line-height:1.1!important;
    padding:3px 4px!important;
  }

  .buyer-home .price{
    font-size:13px!important;
    line-height:1.15!important;
    margin:4px 0!important;
  }

  .buyer-home .actions{
    margin-top:auto!important;
    display:grid!important;
    grid-template-columns:1fr!important;
  }

  .buyer-home .buy{
    min-height:32px!important;
    font-size:10px!important;
    padding:0 6px!important;
  }

  .bottom-nav{
    position:sticky!important;
    bottom:0!important;
    z-index:40!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    width:calc(100% + 18px)!important;
    margin:10px -9px 0!important;
    border-radius:0!important;
    box-shadow:0 -4px 12px #11182712!important;
  }

  .bottom-nav button:nth-child(2){
    display:none!important;
  }

  .bottom-nav button{
    min-height:44px!important;
    font-size:9px!important;
    line-height:1.05!important;
    padding:2px!important;
  }
}

@media(max-width:400px){
  .buyer-home .grid{
    grid-template-columns:1fr!important;
  }

  .buyer-home .photo{
    height:120px!important;
  }
}

@media(max-width:760px){
  body,
  main,
  .buyer-home{
    overflow-x:hidden!important;
  }

  main{
    padding-bottom:90px!important;
  }

  header,
  .topbar,
  .searchbar{
    z-index:50!important;
    background:#fff!important;
  }

  .bottom-nav,
  .mobile-bottom-nav{
    position:sticky!important;
    bottom:0!important;
    z-index:40!important;
    background:#fff!important;
  }

  .product-card,
  .buyer-home .card{
    position:relative!important;
    z-index:1!important;
    height:auto!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
  }

  .product-card .body,
  .buyer-home .card .body{
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:column!important;
  }

  .product-card .name,
  .buyer-home .card .name{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    min-height:0!important;
  }

  .product-card .actions,
  .product-card button,
  .buyer-home .card .actions{
    margin-top:auto!important;
  }
}

/* 2026-09-03 Android mobile safety pass: keep content clear of browser/nav bars. */
@media (max-width: 760px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden !important;
  }

  header,
  .topbar,
  .mobile-header,
  .buyer-topbar {
    z-index: 50 !important;
    background: #fff !important;
  }

  main,
  .app-main,
  .page,
  .content,
  .main-container,
  .buyer-shell,
  .product-feed {
    padding-bottom: 150px !important;
  }

  .bottom-nav,
  .mobile-bottom-nav,
  .tabbar {
    z-index: 40 !important;
    background: #fff !important;
    padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .product-card,
  .card,
  .product-tile {
    position: relative;
    z-index: 1;
    height: auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden;
  }

  .product-card .name,
  .card .name,
  .product-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .product-card .actions,
  .card .actions,
  .product-actions {
    margin-top: auto !important;
  }
}