/* Green Pi Interactive City V6.19 - Mobile layout fix */

@media (max-width: 900px){
  .gp-map-topbar{top:12px !important;left:12px !important;right:12px !important;gap:8px !important}
  .admin-bar .gp-map-topbar{top:58px !important}

  .gp-topbar-main-shell{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto auto !important;
    grid-template-areas:"brand language quote" "nav nav nav" !important;
    align-items:center !important;
    gap:10px 8px !important;
    min-height:0 !important;
    padding:12px !important;
    border-radius:24px !important;
  }
  .gp-topbar-brand{
    grid-area:brand;
    min-width:0 !important;max-width:none !important;width:auto !important;
    padding:8px 10px !important;gap:9px !important;border-radius:18px !important;
  }
  .gp-topbar-logo img,.gp-topbar-logo .custom-logo{max-width:118px !important;max-height:42px !important}
  .gp-topbar-brand-copy--always{min-width:0 !important}
  .gp-topbar-brand-copy--always small{font-size:7px !important;letter-spacing:.12em !important;line-height:1.1 !important;white-space:normal !important}
  .gp-topbar-brand-copy--always strong{margin-top:3px !important;font-size:12px !important;line-height:1.12 !important;white-space:nowrap !important}

  .gp-topbar-language{grid-area:language;margin:0 !important}
  .gp-flag-language__trigger{width:48px !important;min-width:48px !important;height:44px !important;border-radius:13px !important}
  .gp-flag-language__trigger .gp-flag{font-size:18px !important}

  .gp-topbar-quote{grid-area:quote;min-height:44px !important;height:44px !important;padding:0 15px !important;border-radius:14px !important;font-size:13px !important;white-space:nowrap !important}

  .gp-topbar-nav{
    grid-area:nav;width:100% !important;display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:0 !important;align-items:stretch !important;justify-content:stretch !important;
    overflow:hidden !important;border-top:1px solid rgba(255,255,255,.12) !important;padding-top:8px !important;
  }
  .gp-topbar-nav .gp-group-tab{
    min-width:0 !important;width:100% !important;min-height:38px !important;height:38px !important;
    padding:0 6px !important;border:0 !important;border-radius:0 !important;background:transparent !important;
    font-size:10.5px !important;line-height:1.1 !important;letter-spacing:0 !important;white-space:normal !important;text-align:center !important;
  }
  .gp-topbar-nav .gp-group-tab:not(:last-child)::after{right:0 !important;top:8px !important;bottom:8px !important}
  .gp-topbar-nav .gp-group-tab::before{left:28% !important;right:28% !important;bottom:0 !important}

  .gp-topbar-dropdown{top:100% !important;margin-top:6px !important;border-radius:20px !important}

  .gp-map-dock--products,.admin-bar .gp-map-dock--products{
    left:10px !important;right:10px !important;top:auto !important;bottom:10px !important;
    width:auto !important;max-width:none !important;height:auto !important;max-height:min(58vh,560px) !important;
    border-radius:24px !important;transform:translateY(24px) !important;
  }
  .gp-map-dock--products.is-product-mode{transform:translateY(0) !important}
  .gp-map-dock--products .gp-product-view{max-height:min(58vh,560px) !important;overflow:hidden !important}
  .gp-map-dock--products .gp-product-panel-head{min-height:66px !important;padding:10px 12px !important}
  .gp-map-dock--products .gp-icon-button{width:34px !important;height:34px !important;border-radius:11px !important}
  .gp-map-dock--products .gp-active-location-copy small{font-size:7px !important}
  .gp-map-dock--products .gp-active-location-copy strong{font-size:15px !important}
  .gp-map-dock--products .gp-active-location-info{padding:10px 12px 8px !important}
  .gp-map-dock--products .gp-active-location-info p{font-size:10.5px !important;line-height:1.45 !important}
  .gp-map-dock--products .gp-sector-tags span,.gp-map-dock--products .gp-sector-tags a{min-height:25px !important;padding:0 9px !important;font-size:8.5px !important}

  .gp-map-dock--products .gp-mini-filters{padding:10px 12px !important}
  .gp-map-dock--products .gp-search-box{height:40px !important}
  .gp-map-dock--products .gp-filter-row{gap:8px !important}
  .gp-premium-select__trigger,.gp-map-dock--products .gp-filter-row select{height:38px !important;min-height:38px !important;border-radius:12px !important;font-size:11.5px !important}

  .gp-product-result-bar{display:grid !important;grid-template-columns:1fr auto !important;align-items:center !important;gap:8px !important;padding:9px 12px !important}
  .gp-product-result-bar strong{font-size:11px !important}
  .gp-result-actions{justify-content:flex-end !important;gap:6px !important}
  .gp-favorites-toggle{min-height:34px !important;padding:0 10px !important;font-size:10px !important}
  .gp-product-result-bar a{font-size:10px !important}

  .gp-map-dock--products .gp-panel-product-list{max-height:230px !important;overflow:auto !important;padding:8px 10px 10px !important}
  .gp-map-dock--products .gp-panel-product-card{grid-template-columns:68px minmax(0,1fr) !important;gap:10px !important;padding:10px !important;border-radius:16px !important}
  .gp-map-dock--products .gp-panel-product-card__media{width:68px !important;min-height:68px !important;border-radius:13px !important}
  .gp-map-dock--products .gp-panel-product-card__brand,.gp-map-dock--products .gp-panel-product-card__category{font-size:7.5px !important;padding:4px 7px !important}
  .gp-map-dock--products .gp-panel-product-card h3{font-size:11.5px !important}
  .gp-map-dock--products .gp-panel-product-card p{font-size:9px !important;-webkit-line-clamp:1 !important}
  .gp-map-dock--products .gp-panel-product-card__actions{gap:5px !important}
  .gp-map-dock--products .gp-panel-product-card__actions a,.gp-map-dock--products .gp-panel-inline-button{min-height:29px !important;padding:0 8px !important;font-size:8.5px !important}
  .gp-map-dock--products .gp-card-icon{width:28px !important;height:28px !important;font-size:11px !important;border-radius:9px !important}
  .gp-map-dock--products .gp-panel-product-card__utility{top:6px !important;right:6px !important;gap:5px !important}
  .gp-map-dock--products .gp-panel-load-more{min-height:38px !important;font-size:11px !important}
  .gp-map-dock--products .gp-dock-quote{padding:8px 10px !important}
  .gp-map-dock--products .gp-dock-quote .gp-btn{min-height:42px !important;font-size:13px !important;border-radius:14px !important}

  .gp-camera{bottom:0 !important}
  .gp-floating-reset{bottom:calc(min(58vh,560px) + 22px) !important}
}

@media (max-width: 560px){
  .gp-topbar-main-shell{
    grid-template-columns:minmax(0,1fr) 44px !important;
    grid-template-areas:"brand language" "quote quote" "nav nav" !important;
    gap:8px !important;
  }
  .gp-topbar-brand{width:100% !important}
  .gp-topbar-logo img,.gp-topbar-logo .custom-logo{max-width:108px !important;max-height:38px !important}
  .gp-topbar-brand-copy--always strong{font-size:11px !important}
  .gp-topbar-quote{width:100% !important;justify-content:center !important}
  .gp-topbar-nav .gp-group-tab{font-size:9.5px !important;min-height:36px !important}
  .gp-map-dock--products,.admin-bar .gp-map-dock--products{left:8px !important;right:8px !important;bottom:8px !important;max-height:54vh !important}
  .gp-map-dock--products .gp-product-view{max-height:54vh !important}
  .gp-map-dock--products .gp-panel-product-list{max-height:180px !important}
}

@media (max-height: 560px) and (orientation: landscape){
  .gp-map-topbar{top:8px !important;left:10px !important;right:10px !important}
  .gp-topbar-main-shell{
    grid-template-columns:250px 1fr 44px 120px !important;
    grid-template-areas:"brand nav language quote" !important;
    padding:8px 10px !important;gap:8px !important;
  }
  .gp-topbar-brand{padding:6px 8px !important}
  .gp-topbar-logo img,.gp-topbar-logo .custom-logo{max-width:100px !important;max-height:34px !important}
  .gp-topbar-brand-copy--always small{font-size:6.5px !important}
  .gp-topbar-brand-copy--always strong{font-size:10px !important}
  .gp-topbar-nav{border-top:0 !important;padding-top:0 !important}
  .gp-topbar-nav .gp-group-tab{font-size:9.5px !important;min-height:34px !important;height:34px !important}
  .gp-topbar-quote{min-height:38px !important;height:38px !important;font-size:11px !important;padding:0 12px !important}
  .gp-flag-language__trigger{width:40px !important;min-width:40px !important;height:38px !important}

  .gp-map-dock--products,.admin-bar .gp-map-dock--products{
    left:10px !important;right:auto !important;top:86px !important;bottom:10px !important;
    width:min(390px,44vw) !important;max-height:none !important;
  }
  .gp-map-dock--products .gp-product-view{max-height:none !important;height:100% !important}
  .gp-map-dock--products .gp-panel-product-list{max-height:none !important;flex:1 1 auto !important}
}