/* PSOne 1.9.0 homepage SEO and buyer-path presentation. */

.psone-contact-dock--v2:not(.psone-contact-dock--v190) {
  display: none !important;
}

.psone-contact-dock--v190 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.psone-seo-visual-section-v190 {
  padding-block: clamp(4rem, 7vw, 6.5rem);
  background: #f8f5ef;
}

.psone-seo-visual-section-v190 .psone-section-intro {
  max-width: 840px;
}

.psone-seo-copy-v190 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem 2.5rem;
  margin: 1.5rem 0 2.25rem;
}

.psone-seo-copy-v190 p {
  margin: 0;
  color: #4f5360;
}

.psone-seo-gallery-v190 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem !important;
}

.psone-seo-gallery-v190 > .wp-block-image {
  position: relative;
  width: 100% !important;
  margin: 0 !important;
  overflow: hidden;
  border-radius: 14px;
  background: #e9e5dc;
  box-shadow: 0 16px 42px rgba(16, 35, 63, .1);
}

.psone-seo-gallery-v190 > .wp-block-image img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.psone-seo-gallery-v190 .wp-element-caption {
  margin: 0;
  padding: .8rem 1rem;
  color: #fff;
  background: #10233f;
  font-size: .78rem;
  line-height: 1.4;
}

.psone-seo-visual-links-v190 {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem 1.2rem;
  margin-top: 1.5rem;
  font-size: .86rem;
  font-weight: 700;
}

.psone-seo-visual-links-v190 a {
  color: #10233f;
}

@media (max-width: 781px) {
  .psone-seo-copy-v190,
  .psone-seo-gallery-v190 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .psone-seo-visual-section-v190 {
    padding-block: 3.25rem;
  }

  .psone-seo-copy-v190 {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .psone-seo-gallery-v190 {
    gap: .75rem !important;
  }

  .psone-seo-gallery-v190 .wp-element-caption {
    padding: .65rem .7rem;
    font-size: .7rem;
  }
}