/* „За нас” page: only what the content swap needs. Layout stays the template's. */

/* category cards (template team cards) are whole-card links */
a.team-item { color: inherit; text-decoration: none; }
a.team-item .team-image { transition: transform .5s ease; }
a.team-item:hover .team-image { transform: scale(1.04); }
a.team-item .team-image-wrap { overflow: hidden; }

/* the social icons row becomes one „Виж офертите” link (same 32px row height) */
.team-social-list.ih-team-more { align-items: center; }
.ih-team-more-text {
  font-size: var(--_typography---body--body-sm);
  font-weight: var(--_typography---body--font-weight-2);
  color: var(--color--gray-1);
}
a.team-item:hover .ih-team-more .social-item { background-color: var(--color--primary-4); }

/* „Защо с нас” (counters, quote, „Попитай ни”), short laptop windows (2026-10-05, the client's ~1280x650 Windows
   laptop): ~610px tall at 1440 wide (~660px at 1280, where the quote takes three lines), one screen at 1440x900, but
   on windows under ~700px tall the quote and the button ran under the bottom edge. There the gaps between its rows
   (40px, down to 24) and the counter boxes' top and bottom padding (50px, down to 39) shrink in step with the window,
   so the block stays 40px shorter than the window; the counters, quote and fonts keep their size. Taller windows are
   unchanged. --ih-fit-cut = how much shorter the block gets; the parts below add up to exactly that. */
@media screen and (min-width: 992px) and (max-height: 863px) {
  .adventure-section { --ih-fit-cut: clamp(0px, 701px - 100vh, 70px); }
  .adventure-content {
    grid-row-gap: calc(40px - var(--ih-fit-cut) * 16 / 70); row-gap: calc(40px - var(--ih-fit-cut) * 16 / 70);
  }
  .adventure-counter-item {
    padding-top: calc(50px - var(--ih-fit-cut) * 11 / 70);
    padding-bottom: calc(50px - var(--ih-fit-cut) * 11 / 70);
  }
}

/* ===== phones & tablets: about ===== */
@media screen and (max-width: 479px) {
  /* „Какво ни отличава”: the template's two columns (the third value spanning both) were wider than a 320 px
     window (sideways scroll); one value per row */
  .grid-value { grid-template-columns: 1fr; }
  .grid-value > .value-item { grid-area: auto !important; }
}