/* PRO.REMONT51 v6.2 - unobtrusive fixed Telegram group tab.
   Namespaced styles preserve all existing GLB, gallery, and desktop components. */
.telegram-edge-link {
  position: fixed;
  z-index: 125;
  top: 52%;
  left: max(0px, env(safe-area-inset-left, 0px));
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 45px;
  min-height: 175px;
  padding: 12px 9px;
  color: #f2e7d8;
  background: rgba(21, 33, 39, .93);
  border: 1px solid rgba(215, 181, 136, .75);
  border-left: 0;
  border-radius: 0 12px 12px 0;
  box-shadow: 4px 6px 24px rgba(0, 0, 0, .28);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition: background-color .18s ease, box-shadow .18s ease;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
.telegram-edge-icon {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  color: #d7b588;
  width: 24px;
  height: 24px;
}
.telegram-edge-icon svg {display: block; width: 22px; height: 22px;}
.telegram-edge-label {
  display: block;
  font-size: 11px;
  font-weight: 650;
  letter-spacing: .025em;
  line-height: 1.1;
  white-space: nowrap;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}
.telegram-edge-link:hover,
.telegram-edge-link:focus-visible {
  background: rgba(37, 57, 64, .97);
  box-shadow: 4px 9px 29px rgba(0, 0, 0, .36);
}
.telegram-edge-link:focus-visible {outline: 3px solid #f3cd8d; outline-offset: 3px;}
/* A modal photograph/comparison should never have the fixed link above it. */
body.modal-open .telegram-edge-link {visibility: hidden; pointer-events: none;}
@media (max-width: 600px) {
  /* Reserve space in the hero copy for the left tab on narrow screens. */
  .hero-content { padding-left: max(50px, 6vw); }
  .telegram-edge-link {
    top: 51%;
    width: 39px;
    min-height: 160px;
    padding: 10px 7px;
    gap: 7px;
    border-radius: 0 10px 10px 0;
  }
  .telegram-edge-label {font-size: 10px;}
  .telegram-edge-icon, .telegram-edge-icon svg {width: 20px; height: 20px;}
}
@media (max-height: 480px) and (orientation: landscape) {
  .telegram-edge-link {top: 56%; min-height: 0; gap: 5px; padding: 6px 6px; width: 33px;}
  .telegram-edge-label {font-size: 9px;}
  .telegram-edge-icon, .telegram-edge-icon svg {width: 17px; height: 17px;}
}
@media (prefers-reduced-motion: reduce) {
  .telegram-edge-link {transition: none;}
}