/* Isolated mobile pin-modal authority (loaded after style.css) */
@media (max-width: 932px) {
  .leaflet-popup.pin-popup-mobile-shell,
  .leaflet-popup-content-wrapper.pin-popup-mobile-shell,
  .leaflet-popup-content.pin-popup-mobile-shell {
    width: 405px !important;
    min-width: 405px !important;
    max-width: none !important;
  }

  .leaflet-popup-content.pin-popup-mobile-shell {
    margin: 0 !important;
    overflow: visible !important;
  }

  .leaflet-popup-content.pin-popup-mobile-shell .pin-popup.pin-popup-mobile-unified,
  .leaflet-popup-content.pin-popup-mobile-shell .pin-popup.pin-popup-mobile-unified .pin-popup-main {
    width: 405px !important;
    min-width: 405px !important;
    max-width: 405px !important;
  }

  .leaflet-popup-content.pin-popup-mobile-shell .pin-popup.pin-popup-mobile-unified {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    --pin-popup-panel-height: 195px !important;
    padding: 0 !important;
  }

  .leaflet-popup-content.pin-popup-mobile-shell .pin-popup.pin-popup-mobile-unified .pin-popup-main {
    flex: 0 0 405px !important;
    min-height: var(--pin-popup-panel-height) !important;
    padding-top: 48px !important;
  }

  .leaflet-popup-content.pin-popup-mobile-shell .pin-popup.pin-popup-mobile-unified.comments-open {
    min-width: 835px !important;
  }

  .leaflet-popup-content.pin-popup-mobile-shell .pin-popup.pin-popup-mobile-unified .pin-popup-title {
    margin-top: -24px !important;
  }

  .leaflet-popup-content.pin-popup-mobile-shell .pin-popup.pin-popup-mobile-unified .reaction-cluster {
    right: -9px !important;
  }

  .leaflet-popup-content.pin-popup-mobile-shell .pin-popup.pin-popup-mobile-unified .reactions-row {
    transform: translate(-54px, 10px) !important;
  }

  .leaflet-popup-content.pin-popup-mobile-shell .pin-popup.pin-popup-mobile-unified .pin-actions-sidebar,
  .leaflet-popup-content.pin-popup-mobile-shell .pin-popup.pin-popup-mobile-unified .pin-actions-sidebar.is-mobile {
    height: auto !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    margin-right: 55px !important;
    margin-top: 10px !important;
  }

  .leaflet-popup-content.pin-popup-mobile-shell .pin-popup.pin-popup-mobile-unified .pin-actions-sidecol {
    margin-top: -8px !important;
  }

  .leaflet-popup-content.pin-popup-mobile-shell .pin-popup.pin-popup-mobile-unified .pin-actions-wrap {
    align-items: flex-start !important;
    margin-top: 0 !important;
  }

  .leaflet-popup-content.pin-popup-mobile-shell .pin-popup.pin-popup-mobile-unified .pin-actions-wrap .pin-comments-toggle-row {
    text-align: left !important;
  }

  .leaflet-popup-content.pin-popup-mobile-shell .pin-popup.pin-popup-mobile-unified .pin-comments-header {
    min-height: 2px !important;
    margin-bottom: -16px !important;
    transform: translateY(-10px) !important;
  }

  .leaflet-popup-content.pin-popup-mobile-shell .pin-popup.pin-popup-mobile-unified .pin-comments-close {
    transform: translateX(-40px) !important;
  }

  /* Scale photo area up by ~5% */
  .leaflet-popup-content.pin-popup-mobile-shell .pin-popup.pin-popup-mobile-unified .pin-photos {
    transform: scale(0.89) !important;
    transform-origin: left top !important;
    min-height: 75px !important;
    width: fit-content !important;
    gap: var(--gap-8) !important;
  }

  .leaflet-popup-content.pin-popup-mobile-shell .pin-popup.pin-popup-mobile-unified .photo-slot {
    width: 90px !important;
    height: 90px !important;
    min-width: 90px !important;
    min-height: 90px !important;
  }

  .leaflet-popup-content.pin-popup-mobile-shell .pin-popup.pin-popup-mobile-unified .photo-placeholder {
    font-size: 14px !important;
  }

  .leaflet-popup-content.pin-popup-mobile-shell .pin-hotspot-stamp {
    right: 69px !important;
  }
}
/* Consolidated mobile comments panel authority (0-932, width-only) */
@media (max-width: 932px) {
  html.mobile .leaflet-popup .pin-popup-comments,
  .leaflet-popup-content.pin-popup-mobile-shell .pin-popup-comments {
    display: flex !important;
    flex-direction: column !important;
  }

  html.mobile .leaflet-popup .pin-popup-comments .comment-composer textarea,
  html.mobile .leaflet-popup .pin-popup-comments .comment-composer input,
  .leaflet-popup-content.pin-popup-mobile-shell .pin-popup-comments .comment-composer textarea,
  .leaflet-popup-content.pin-popup-mobile-shell .pin-popup-comments .comment-composer input {
    flex: 0 0 81% !important;
    width: 81% !important;
    max-width: 81% !important;
  }

  html.mobile .leaflet-popup .pin-popup-comments .pin-comments-list,
  .leaflet-popup-content.pin-popup-mobile-shell .pin-popup-comments .pin-comments-list {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    margin-top: 16px !important;
    margin-bottom: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    transform: translateY(5px) !important;
  }

  html.mobile .leaflet-popup.comments-open .leaflet-popup-content.pin-popup-mobile-shell .pin-popup.pin-popup-mobile-unified .pin-popup-comments .pin-comments-header {
    transform: translateY(-7px) !important;
  }

  html.mobile .leaflet-popup.comments-open .leaflet-popup-content.pin-popup-mobile-shell .pin-popup.pin-popup-mobile-unified .pin-popup-comments .pin-comments-close {
    transform: translate(0px, 3px) !important;
  }

  html.mobile .leaflet-popup.comments-open .leaflet-popup-content.pin-popup-mobile-shell .pin-popup.pin-popup-mobile-unified .pin-popup-comments .comment-composer {
    margin-top: auto !important;
    transform: translateY(9px) !important;
  }
}