/* Green Pi Interactive City V6.7
 * Product/results side panel aligned visually with the glass topbar.
 */

.gp-map-dock--products{
  top:118px !important;
  right:34px !important;
  bottom:26px !important;
  width:min(392px,calc(100vw - 44px)) !important;
  border:1px solid rgba(255,255,255,.42) !important;
  border-radius:30px !important;
  background:linear-gradient(180deg,rgba(16,33,40,.64),rgba(10,26,34,.58)) !important;
  box-shadow:0 22px 56px rgba(5,24,32,.24), inset 0 1px 0 rgba(255,255,255,.18) !important;
  backdrop-filter:blur(22px) saturate(1.15) !important;
  -webkit-backdrop-filter:blur(22px) saturate(1.15) !important;
  overflow:hidden !important;
}
.admin-bar .gp-map-dock--products{top:150px !important}

.gp-map-dock--products .gp-product-view{
  display:flex !important;
  flex-direction:column !important;
}

.gp-map-dock--products .gp-product-panel-head{
  min-height:78px !important;
  padding:14px 16px !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
  background:linear-gradient(180deg,rgba(7,24,33,.28),rgba(7,24,33,0)) !important;
}
.gp-map-dock--products .gp-icon-button{
  width:38px !important;
  height:38px !important;
  border:1px solid rgba(255,255,255,.20) !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.06) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
}
.gp-map-dock--products .gp-active-location-copy small{
  color:rgba(255,255,255,.50) !important;
  font-size:9px !important;
  font-weight:700 !important;
  letter-spacing:.20em !important;
}
.gp-map-dock--products .gp-active-location-copy strong{
  color:#fff !important;
  font-size:18px !important;
  font-weight:820 !important;
}

.gp-map-dock--products .gp-active-location-info,
.gp-map-dock--products .gp-mini-filters,
.gp-map-dock--products .gp-product-result-bar,
.gp-map-dock--products .gp-dock-quote{
  border-color:rgba(255,255,255,.08) !important;
}
.gp-map-dock--products .gp-active-location-info{
  padding:14px 16px 12px !important;
}
.gp-map-dock--products .gp-active-location-info p{
  color:rgba(255,255,255,.72) !important;
  font-size:12px !important;
  line-height:1.55 !important;
}
.gp-map-dock--products .gp-sector-tags span,
.gp-map-dock--products .gp-sector-tags a{
  padding:6px 11px !important;
  border:1px solid rgba(89,238,188,.28) !important;
  background:rgba(53,211,154,.16) !important;
  color:#8df0ca !important;
  border-radius:999px !important;
  letter-spacing:.09em !important;
}

.gp-map-dock--products .gp-mini-filters{padding:12px 16px !important}
.gp-map-dock--products .gp-search-box{
  height:42px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.05) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.gp-map-dock--products .gp-search-box span{opacity:.9}
.gp-map-dock--products .gp-search-box input{font-size:14px !important}
.gp-map-dock--products .gp-search-box input::placeholder{color:rgba(255,255,255,.48) !important}

.gp-map-dock--products .gp-filter-row{gap:10px !important;margin-top:10px !important}
.gp-map-dock--products .gp-filter-row select{
  height:40px !important;
  padding:0 12px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:14px !important;
  color:#fff !important;
  background:rgba(255,255,255,.06) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  appearance:none;
  -webkit-appearance:none;
}
.gp-map-dock--products .gp-product-result-bar{
  padding:11px 16px !important;
  color:rgba(255,255,255,.74) !important;
  font-size:11px !important;
}
.gp-map-dock--products .gp-product-result-bar strong{
  color:rgba(255,255,255,.92) !important;
  font-size:12px !important;
}
.gp-map-dock--products .gp-product-result-bar a{color:#8eeed0 !important}

.gp-map-dock--products .gp-panel-product-list{padding:0 12px 12px !important}
.gp-map-dock--products .gp-panel-product-card{
  grid-template-columns:86px 1fr !important;
  gap:12px !important;
  margin:0 0 10px !important;
  padding:11px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.gp-map-dock--products .gp-panel-product-card__media{
  min-height:84px !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.96) !important;
}
.gp-map-dock--products .gp-panel-product-card__brand{
  color:#76ddff !important;
  font-size:9px !important;
  font-weight:850 !important;
  letter-spacing:.12em !important;
}
.gp-map-dock--products .gp-panel-product-card h3{
  margin:5px 0 6px !important;
  color:#fff !important;
  font-size:12px !important;
  line-height:1.35 !important;
}
.gp-map-dock--products .gp-panel-product-card p{
  color:rgba(255,255,255,.62) !important;
  font-size:10px !important;
}
.gp-map-dock--products .gp-panel-product-card__actions{gap:7px !important;margin-top:9px !important}
.gp-map-dock--products .gp-panel-product-card__actions a{
  min-height:30px !important;
  padding:0 11px !important;
  border-radius:999px !important;
  font-size:9px !important;
  font-weight:800 !important;
}
.gp-map-dock--products .gp-panel-product-card__actions a:first-child{
  border-color:rgba(255,255,255,.18) !important;
  background:rgba(255,255,255,.95) !important;
  color:#123340 !important;
}
.gp-map-dock--products .gp-panel-product-card__actions a:last-child{
  border-color:rgba(132,255,217,.55) !important;
  background:linear-gradient(135deg,rgba(47,210,156,.92),rgba(81,224,190,.78)) !important;
  color:#06362d !important;
}

.gp-map-dock--products .gp-panel-load-more-wrap{
  padding:0 12px 12px !important;
}
.gp-map-dock--products .gp-panel-load-more{
  width:100% !important;
  min-height:42px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:15px !important;
  background:rgba(255,255,255,.06) !important;
  color:#fff !important;
  font-weight:800 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.gp-map-dock--products .gp-dock-quote{
  padding:12px !important;
  background:linear-gradient(180deg,rgba(5,20,28,.18),rgba(5,20,28,.06)) !important;
}
.gp-map-dock--products .gp-dock-quote .gp-btn{
  min-height:48px !important;
  border-radius:16px !important;
  border:1px solid rgba(132,255,217,.58) !important;
  background:linear-gradient(135deg,rgba(47,210,156,.95),rgba(81,224,190,.80)) !important;
  color:#083830 !important;
  font-size:15px !important;
  font-weight:850 !important;
  box-shadow:0 10px 22px rgba(28,206,153,.18), inset 0 1px 0 rgba(255,255,255,.28) !important;
}
.gp-map-dock--products .gp-dock-quote .gp-btn:hover{transform:translateY(-1px)}

@media(max-width:1200px){
  .gp-map-dock--products{top:110px !important;right:18px !important;bottom:18px !important;width:min(370px,calc(100vw - 24px)) !important}
  .admin-bar .gp-map-dock--products{top:142px !important}
}

@media(max-width:900px){
  .gp-map-dock--products,.admin-bar .gp-map-dock--products{
    top:auto !important;
    right:12px !important;
    left:12px !important;
    bottom:12px !important;
    width:auto !important;
    max-height:56vh !important;
    border-radius:24px !important;
  }
}