/* V7 — service accordion and Instagram refinements */

.services-layout {
  align-items: start !important;
}

.service-visual {
  align-self: start !important;
  width: 100% !important;
  height: 430px !important;
  min-height: 430px !important;
  max-height: 430px !important;
  border-radius: 24px !important;
}

.service-visual img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.instagram-section {
  padding: 70px clamp(20px, 5vw, 76px) !important;
  background: var(--paper) !important;
  border-top: 1px solid var(--line) !important;
}

.instagram-bar,
.instagram-profile,
.instagram-icon {
  display: none !important;
}

.instagram-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  max-width: 1040px !important;
  margin: 0 auto !important;
}

.instagram-post {
  position: relative !important;
  display: block !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  background: var(--oat) !important;
}

.instagram-post img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform .3s ease !important;
}

.instagram-post:hover img {
  transform: scale(1.025) !important;
}

.instagram-open {
  position: absolute !important;
  right: 12px !important;
  top: 12px !important;
  width: 32px !important;
  height: 32px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  background: rgba(251, 249, 245, .9) !important;
  color: var(--ink) !important;
  font-size: 15px !important;
  line-height: 1 !important;
}

.footer-contact a:first-child {
  font-weight: 500 !important;
}

@media (max-width: 900px) {
  .service-visual {
    height: 360px !important;
    min-height: 360px !important;
    max-height: 360px !important;
    margin-top: 28px !important;
  }
}

@media (max-width: 768px) {
  .service-visual {
    display: none !important;
  }

  .instagram-section {
    padding: 52px 14px !important;
  }

  .instagram-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .instagram-open {
    right: 8px !important;
    top: 8px !important;
    width: 28px !important;
    height: 28px !important;
    font-size: 13px !important;
  }
}