/* Marketplace home: buyer-first layout shared by desktop and mobile. */
#home.market-home{background:#fff;color:#17243b;min-height:100vh;padding-bottom:68px}
.market-home .mh-shell{max-width:1500px;margin:0 auto;padding:0 30px}
.market-home .mh-header{border-bottom:1px solid #e4e9f0;background:#fff}
.market-home .mh-header-main{display:flex;align-items:center;gap:18px;min-height:82px}
.market-home .mh-brand{display:flex;align-items:center;gap:0;flex:none;color:#142139;font-size:30px;font-weight:850;letter-spacing:-.035em;cursor:pointer}
.market-home .mh-brand img{width:60px;height:60px;margin:-8px;object-fit:contain}
.market-home .mh-city,.market-home .mh-icon-button,.market-home .mh-filter{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#fff;border:1px solid #d7e1ed;border-radius:12px;color:#17243b;font-weight:700}
.market-home .mh-city{padding:12px 16px;white-space:nowrap;min-width:150px}
.market-home .mh-city svg,.market-home .mh-icon-button svg,.market-home .mh-search svg,.market-home .mh-filter svg{width:21px;height:21px;flex:none}
.market-home .mh-search{display:flex;align-items:center;gap:12px;flex:1;min-width:180px;max-width:700px;height:48px;border:1px solid #d7e1ed;border-radius:12px;background:#f9fbfe;padding:0 15px}
.market-home .mh-search input{width:100%;border:0;outline:0;background:transparent;font-size:15px;color:#17243b}
.market-home .mh-search input::placeholder{color:#697991}
.market-home .mh-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
.market-home .mh-icon-button{border-color:transparent;padding:10px 8px;white-space:nowrap;font-size:13px}
.market-home .mh-cart{position:relative}
.market-home .mh-count{position:absolute;top:1px;left:27px;min-width:17px;height:17px;padding:1px 4px;border-radius:999px;background:#0b6747;color:#fff;font-size:10px;text-align:center}
.market-home .mh-sell{position:relative}
.market-home .mh-sell summary{list-style:none;cursor:pointer;background:#07543e;color:#fff;border-radius:10px;padding:14px 19px;font-weight:750;font-size:13px;white-space:nowrap}
.market-home .mh-sell summary::-webkit-details-marker{display:none}
.market-home .mh-sell-menu{position:absolute;z-index:50;right:0;top:calc(100% + 8px);width:315px;padding:13px;background:#fff;border:1px solid #dce4ed;border-radius:14px;box-shadow:0 18px 42px #14213924}
.market-home .mh-sell-menu strong{display:block;margin:3px 4px 10px;font-size:15px}
.market-home .mh-sell-menu a{display:block;padding:10px 11px;border:1px solid #e2e8ef;border-radius:10px;margin-top:7px;color:#17243b;font-size:13px;font-weight:750}
.market-home .mh-sell-menu a:hover{border-color:#0b6747;background:#f5faf7}
.market-home .mh-sell-menu small{display:block;color:#697991;font-size:11px;font-weight:500;margin-top:2px}
.market-home .mh-category-wrap{border-bottom:1px solid #e4e9f0}
.market-home .mh-categories{display:flex;align-items:center;gap:7px;overflow-x:auto;padding-top:11px;padding-bottom:11px;scrollbar-width:none}
.market-home .mh-categories::-webkit-scrollbar{display:none}
.market-home .mh-category{display:inline-flex;align-items:center;gap:9px;flex:none;border:0;background:transparent;border-radius:10px;color:#17243b;padding:10px 13px;font-size:13px;font-weight:700;white-space:nowrap}
.market-home .mh-category:hover{background:#edf5f0}
.market-home .mh-category.active{background:#07543e;color:#fff}
.market-home .mh-category svg{width:19px;height:19px;flex:none}
.market-home .mh-mobile-search,.market-home .mh-tabs{display:none}
.market-home .mh-main{padding-top:30px;padding-bottom:48px}
.market-home .mh-section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}
.market-home .mh-section-head h1,.market-home .mh-section-head h2{font-family:Inter,sans-serif;font-size:clamp(23px,2.2vw,30px);font-weight:800;letter-spacing:-.045em;color:#17243b;margin:0 0 4px}
.market-home .mh-section-head p{font-size:14px;color:#65758f;margin:0}
.market-home .mh-filter{padding:11px 17px;font-size:14px;cursor:pointer}
.market-home .mh-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
/* Managed offers use a different component from the legacy product cards below. */
.market-home .gp-offer-card .gp-offer-image img{aspect-ratio:6/5;object-fit:contain}
.market-home .gp-offer-content{padding:8px 4px 4px}
.market-home .gp-offer-store{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px}
.market-home .gp-offer-store svg{vertical-align:middle;margin-right:6px}
.market-home .gp-offer-content>.reseller-rank{margin-top:4px}
.market-home .gp-offer-content h3{font-size:15px;margin:4px 0;min-height:0;overflow-wrap:anywhere}
.market-home .gp-offer-content strong{font-size:20px;line-height:1.3;overflow-wrap:anywhere}
.market-home .gp-offer-content p{line-height:1.45;margin:4px 0 8px;overflow-wrap:anywhere}
.market-home .groply-product-card{border-radius:15px;border-color:#dce4ed;box-shadow:none}
.market-home .groply-product-card:hover{border-color:#b8cbbf;box-shadow:0 10px 26px #17243b12}
.market-home .groply-product-card .card-img-wrap{aspect-ratio:6/5;background:#f6f8fa;padding:8px;border-radius:15px}
.market-home .groply-product-card .card-img-wrap>a{border-radius:11px;overflow:hidden}
.market-home .groply-product-card .card-img{border-radius:11px}
.market-home .groply-product-card .card-new-ribbon{display:none}
.market-home .groply-product-card .card-body{padding:13px 15px 15px}
.market-home .groply-product-card .card-title{font-size:15px;line-height:1.35}
.market-home .groply-product-card .wishlist-icon-btn{top:18px;right:18px}
.market-home .groply-product-card .btn-order-wa{background:#07543e;color:#fff;border-radius:9px}
.market-home .mh-service-section{margin-top:34px}
.market-home .mh-service-section .mh-section-head{margin-bottom:12px}
.market-home .mh-service-link{border:1px solid #b7dfd0;border-radius:10px;padding:11px 15px;color:#07543e;font-size:13px;font-weight:750;white-space:nowrap}
.market-home #mh-tier-showcase:not(:empty){margin-top:32px}
.market-home .mh-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.market-home .mh-service-card{display:flex;align-items:center;gap:12px;border:1px solid #dce4ed;border-radius:12px;overflow:hidden;min-width:0;color:#17243b;background:#fff}
.market-home .mh-service-card img{width:94px;height:88px;object-fit:cover;border-radius:10px;margin:6px 0 6px 6px;background:#edf4ef}
.market-home .mh-service-card-content{min-width:0;padding:8px 8px 8px 0}
.market-home .mh-service-card strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.market-home .mh-service-card small{display:block;color:#687890;font-size:12px;margin-top:3px}
.market-home .mh-service-empty{grid-column:1/-1;background:#f8fafb;border:1px solid #e1e8ed;border-radius:12px;padding:24px;color:#596a7f;font-size:14px}
.market-home .mh-bottom-nav{display:none}
@media(max-width:1100px){.market-home .mh-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.market-home .mh-icon-button span{display:none}.market-home .mh-header-main{gap:10px}}
@media(max-width:920px){.market-home .mh-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
  #home.market-home{padding-bottom:85px}
  .market-home .mh-shell{padding:0 16px}
  .market-home .mh-header-main{min-height:62px}
  .market-home .mh-brand{font-size:25px}
  .market-home .mh-brand img{width:50px;height:50px;margin:-6px}
  .market-home .mh-city{min-width:0;padding:9px 10px;font-size:12px}
  .market-home .mh-city svg{width:17px;height:17px}
  .market-home .mh-desktop-search,.market-home .mh-sell,.market-home .mh-actions .mh-saved,.market-home .mh-actions .mh-account{display:none}
  .market-home .mh-actions{gap:2px}
  .market-home .mh-icon-button{padding:8px 4px}
  .market-home .mh-mobile-search{display:flex;max-width:none;margin:0 0 11px;height:48px}
  .market-home .mh-tabs{display:flex;border:1px solid #d4e2ed;border-radius:11px;overflow:hidden;margin-bottom:11px}
  .market-home .mh-tabs a{display:flex;align-items:center;justify-content:center;gap:9px;flex:1;text-align:center;padding:12px 8px;color:#17243b;font-size:14px;font-weight:750}
  .market-home .mh-tabs svg{width:21px;height:21px;flex:none}
  .market-home .mh-tabs a.active{background:#07543e;color:#fff}
  .market-home .mh-category-wrap{border-bottom:1px solid #e4e9f0}
  .market-home .mh-categories{padding-top:0;padding-bottom:10px}
  .market-home .mh-category{padding:9px 11px;font-size:12px}
  .market-home .mh-main{padding-top:22px}
  .market-home .mh-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .market-home .gp-offer-content{padding:8px 4px 4px}
  .market-home .gp-offer-content h3{font-size:14px}
  .market-home .gp-offer-content strong{font-size:18px}
  .market-home .mh-section-head h1,.market-home .mh-section-head h2{font-size:22px}
  .market-home .mh-section-head p{font-size:12px}
  .market-home .mh-filter{padding:9px 10px;font-size:12px}
  .market-home .mh-filter svg{width:16px;height:16px}
  .market-home .groply-product-card .card-img-wrap{aspect-ratio:6/5;padding:6px;border-radius:12px}
  .market-home .groply-product-card .card-img-wrap>a,.market-home .groply-product-card .card-img{border-radius:9px}
  .market-home .groply-product-card .card-body{padding:9px 10px 11px}
  .market-home .mh-services{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .market-home .mh-service-card{display:block}
  .market-home .mh-service-card img{width:calc(100% - 12px);height:92px;margin:6px;border-radius:8px}
  .market-home .mh-service-card-content{padding:0 9px 10px}
  .market-home .mh-service-card strong{font-size:12px}
  .market-home .mh-service-card small{font-size:10px}
  .market-home .mh-bottom-nav{display:flex;position:fixed;z-index:150;left:0;right:0;bottom:0;justify-content:space-around;background:#fff;border-top:1px solid #dce4ed;padding:7px 3px calc(7px + env(safe-area-inset-bottom,0px));box-shadow:0 -4px 14px #17243b0c}
  .market-home .mh-bottom-nav a,.market-home .mh-bottom-nav button{display:flex;flex:1;flex-direction:column;align-items:center;gap:3px;border:0;background:transparent;color:#52647f;font-size:11px;text-decoration:none}
  .market-home .mh-bottom-nav svg{width:21px;height:21px}
  .market-home .mh-bottom-nav .active{color:#07543e;font-weight:750}
}
@media(max-width:460px){.market-home .mh-brand{font-size:22px}.market-home .mh-city{max-width:112px;overflow:hidden}.market-home .mh-city span{overflow:hidden;text-overflow:ellipsis}.market-home .mh-grid{gap:8px}.market-home .mh-services{grid-template-columns:repeat(2,minmax(0,1fr))}.market-home .mh-service-card:nth-child(n+3){display:none}}