/* okulary.css - styl strony Okulary */
.category-item {
  display:block;
  width:100%;
  text-align:left;
  padding:.6rem .75rem;
  border-radius:10px;
  background:transparent;
  border:1px solid transparent;
  font-weight:600;
  color:var(--muted);
  transition:background .14s, transform .12s, border-color .12s;
}
.category-item:hover { background:#f8fafc; transform:translateY(-2px); color:var(--teal-500); }
.category-item.active { background:linear-gradient(180deg,#ffffff,#fbfffd); box-shadow:0 10px 30px rgba(2,6,23,0.06); border-color:rgba(15,23,36,0.04); color:var(--teal-500); }

#panel-body .prose p { margin-top:0; margin-bottom:.8rem; }
#panel-rich p { margin-bottom:.9rem; color:var(--muted); }

#media-gallery .media-tile {
  border-radius:12px;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(15,23,36,0.04);
  box-shadow:0 8px 20px rgba(2,6,23,0.04);
}
.media-tile img, .media-tile iframe { width:100%; height:220px; object-fit:cover; display:block; }

@media (max-width:1023px) {
  .sticky.top-28 { position:static; max-height:none; }
  #panel-photo { height:320px; }
  /* categorie jako pozioma lista */
  #categories { display:flex; gap:8px; overflow:auto; padding-bottom:6px; }
  .category-item { min-width:150px; flex:0 0 auto; }
}