/**
 * Merrick Services & Support page
 *
 * Page-specific spacing and alignment for Tatsu modules on Services & Support.
 */

/* --------------------------------------------------------------------------
   Calls to action
   -------------------------------------------------------------------------- */

/* The visible Learn More link remains the card's canonical destination.
   JavaScript extends that destination across the non-interactive card area. */
.merrick-page-services .merrick-service-card > .tatsu-column-inner,
.home .merrick-service-card > .tatsu-column-inner {
  cursor: pointer;
  transition: box-shadow 180ms ease;
}

.merrick-page-services .merrick-service-card:hover > .tatsu-column-inner,
.home .merrick-service-card:hover > .tatsu-column-inner {
  box-shadow: 0 12px 28px rgba(53, 53, 45, 0.14);
}

.merrick-page-services .merrick-service-card:focus-within > .tatsu-column-inner,
.home .merrick-service-card:focus-within > .tatsu-column-inner {
  outline: 3px solid #5c4b9e;
  outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {
  .merrick-page-services .merrick-service-card > .tatsu-column-inner,
  .home .merrick-service-card > .tatsu-column-inner {
    transition: none;
  }
}

/* Generated Tatsu selectors; recheck after rebuilding the CTA or card rows. */
@media (max-width: 767px) {
  .merrick-page-services #be-content .tatsu-section > .tatsu-section-pad > .tatsu-row-wrap {
    width: calc(100% - 48px);
    max-width: none;
    margin-right: auto;
    margin-left: auto;
  }

  .merrick-page-services .tatsu-B1QtdE_8Ge { text-align: left !important; }
  .merrick-page-services .tatsu-ByfZ1QGXdIzx > .tatsu-row { padding-top: 0 !important; }
}

/* --------------------------------------------------------------------------
   Mobile section spacing
   -------------------------------------------------------------------------- */

/* Generated Tatsu selector; recheck after rebuilding the page section. */
@media (max-width: 600px) {
  .merrick-page-services .tatsu-BJ-U6MQOIfe > .tatsu-section-pad { padding-top: 36px !important; padding-bottom: 40px !important; }
}

/* Keep the replacement Food Shelf photo proportional to the other service cards. */
.tatsu-rkmgk7fQdUGx .tatsu-single-image-padding-wrap {
  padding-bottom: 42% !important;
}
.tatsu-rkmgk7fQdUGx .tatsu-single-image-inner img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  object-position: 50% 70%;
}

/* Let the hero card shadow extend beyond the compact section padding. */
.merrick-page-services #be-content .tatsu-BJ-U6MQOIfe {
  overflow: visible;
  z-index: 1;
}

.merrick-page-services #be-content .tatsu-BJ-U6MQOIfe + .tatsu-section {
  z-index: 0;
}