/* Лоция.рус — балтийский минимализм */
:root{
  --water:#173E4A; --water-deep:#0C2B35; --water-light:#2C6E80;
  --sand:#E7DCC3; --sand-light:#F4EDDD; --graphite:#1F262B;
}
html,body,#map{height:100%;margin:0;}
#map{background:var(--sand-light);}

/* ---------- Маркеры по категориям ---------- */
.pin{
  width:34px;height:34px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:15px;color:#fff;
  border:2px solid rgba(255,255,255,.9);
  box-shadow:0 2px 6px rgba(12,43,53,.45);
}
.pin:hover{transform:scale(1.12);}
.pin-hist{background:#8C7A5B;}        /* история */
.pin-nature{background:#5C7A4C;}      /* природа */
.pin-arch{background:#7A6A8C;}        /* архитектура */
.pin-water{background:#1F6E8C;}       /* вода */
.pin-fort{background:#9C4A3C;}        /* фортификация */
.pin-other{background:#7A8290;}
.pin-hist::before,.pin-nature::before,.pin-arch::before,.pin-water::before,.pin-fort::before,.pin-other::before{display:none;}
[data-cat="история"] .pin{background:#8C7A5B;}
[data-cat="природа"] .pin{background:#5C7A4C;}
[data-cat="архитектура"] .pin{background:#7A6A8C;}
[data-cat="вода"] .pin{background:#1F6E8C;}
[data-cat="фортификация"] .pin{background:#9C4A3C;}

/* ---------- Кластеры ---------- */
.marker-cluster div{
  background:var(--water-light) !important; color:#fff; font-weight:600;
  border:2px solid rgba(255,255,255,.85);
}
.marker-cluster-small div,.marker-cluster-medium div{background:var(--water-light) !important;}
.marker-cluster-large div{background:var(--water-deep) !important;}

/* ---------- Панель ---------- */
.cat-chip{
  cursor:pointer; font-size:12px; font-weight:600;
  padding:5px 12px; border-radius:999px;
  border:1px solid var(--sand); color:var(--graphite);
  background:transparent; transition:all .15s;
  display:inline-flex; align-items:center; gap:4px;
}
.cat-chip.on{background:var(--water); color:#fff; border-color:var(--water);}
.cat-dot{width:9px;height:9px;border-radius:50%;display:inline-block;}

/* ---------- Список ---------- */
.list-item{
  display:flex; align-items:center; gap:12px;
  padding:10px 12px; border-radius:12px; cursor:pointer; transition:background .12s;
}
.list-item:hover{background:var(--sand-light);}
.list-item .thumb{
  width:46px;height:46px;border-radius:10px;object-fit:cover;
  background:var(--sand); flex-shrink:0;
}
.list-item .cat{font-size:10px;text-transform:uppercase;letter-spacing:.06em;}

/* ---------- Карточка ---------- */
#card-photos img{
  width:100%;height:110px;object-fit:cover;border-radius:10px;
}
#card-media img{width:100%;height:100%;object-fit:cover;}

.scroll-thin::-webkit-scrollbar{width:6px;}
.scroll-thin::-webkit-scrollbar-thumb{background:var(--sand);border-radius:3px;}

/* ---------- Таблица списка на мобиле: панель поверх ---------- */
@media (max-width:640px){
  #panel{position:absolute;top:0;left:0;height:100%;z-index:900;}
}