/*
 * KALNA SPUĻĻU DĪĶI — sektora rezervēšanas paneļa uzlabojums.
 * Šis fails maina tikai izkārtojumu, nevis sektoru pieejamības vai cenu loģiku.
 * Galvenais: nav atsevišķas ritjoslas kartītes iekšpusē.
 */

/* Datora skats: karte pa kreisi, plašāks rezervēšanas panelis pa labi. */
@media (min-width: 1101px) {
  .pond-page .map-shell {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(390px, 440px) !important;
    gap: 22px !important;
    align-items: start !important;
    position: relative !important;
    padding: 46px clamp(18px, 3vw, 55px) 60px !important;
    max-width: 1750px !important;
    margin: 0 auto !important;
  }
  .pond-page .map-stage {
    width: 100% !important;
    margin: 0 !important;
    min-width: 0 !important;
  }
  .pond-page .map-side {
    position: static !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    overflow: visible !important;
    padding: 0 !important;
    scrollbar-width: none !important;
  }
  .pond-page .map-side .sector-card,
  .pond-page .map-side .mini-range-card {
    flex: 0 0 auto !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    position: static !important;
  }
}

/* Pārskatāma kartīte — viena fona un laukumu sistēma. */
.pond-page .map-side .mini-range-card,
.pond-page .map-side .sector-card {
  background: #fff !important;
  border: 1px solid #e2e9ef !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 30px rgba(10, 41, 61, .07) !important;
  padding: clamp(16px, 2vw, 23px) !important;
}
.pond-page .map-side .mini-range-head h3,
.pond-page .map-side .sector-card h2 { color: #102f51 !important; }
.pond-page .map-side .sector-card-top { gap: 10px !important; }
.pond-page .map-side .sector-photo { height: 145px !important; margin: 13px 0 !important; }
.pond-page .map-side .sector-pricing { margin-top: 14px !important; }
.pond-page .map-side .sector-price-options { gap: 10px !important; }
.pond-page .map-side .sector-price-option {
  padding: 12px 8px !important;
  min-height: 74px !important;
  border-radius: 12px !important;
  border: 1px solid #d9e3eb !important;
  background: #f5f8fc !important;
}
.pond-page .map-side .sector-price-option strong { color: #10395f !important; font-size: 25px !important; }
.pond-page .map-side .ngt-option { border-radius: 13px !important; }
.pond-page .map-side .reserve-sector {
  background: #075aa9 !important;
  color: #fff !important;
  border-radius: 12px !important;
  min-height: 49px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  font-size: 14px !important;
  padding: 13px 16px !important;
}
.pond-page .map-side .reserve-sector:hover { background: #034781 !important; }

/* Mazāki ekrāni: karte un paneļi secīgi, ar parasto lapas ritināšanu. */
@media (max-width: 1100px) {
  .pond-page .map-shell {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    padding: 26px 14px 42px !important;
    gap: 16px !important;
  }
  .pond-page .map-side {
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
  }
  .pond-page .map-side > * { height: auto !important; min-height: 0 !important; }
}
@media (max-width: 600px) {
  .pond-page .map-shell { padding: 18px 10px 34px !important; }
  .pond-page .map-side .mini-range-card,
  .pond-page .map-side .sector-card { padding: 15px !important; border-radius: 14px !important; }
  .pond-page .map-side .sector-photo { height: 120px !important; }
  .pond-page .map-side .sector-price-option strong { font-size: 22px !important; }
}