/*
 * YOKO Kids v3.4.4
 * Final, isolated fixes for the PHP homepage, seasonal media, contact map and
 * the server-side Buy Now flow. Loaded after every previous compatibility layer.
 */

/* ---------- Rey Global Section hero ----------
 * Intentionally untouched. The Rey Split Slider owns its native height,
 * sticky scroll runway and wheel progression.
 */

/* ---------- Seasonal collection cards: preserve the complete rendered image ---------- */
body.yoko-home-php-page .yoko-home-season-card {
  min-height: 0 !important;
  aspect-ratio: 16 / 9;
  background: #fff;
}
body.yoko-home-php-page .yoko-home-season-card > div {
  display: grid;
  place-items: center;
  background: #fff;
}
body.yoko-home-php-page .yoko-home-season-card img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}
body.yoko-home-php-page .yoko-home-season-card:hover img {
  transform: none !important;
}

/* ---------- Distribution block ---------- */
body.yoko-home-php-page .yoko-home-distribution__media {
  background: #fff !important;
}
body.yoko-home-php-page .yoko-home-distribution__media img {
  object-fit: contain !important;
  object-position: center !important;
}
body.yoko-home-php-page .yoko-home-distribution-cta {
  display: flex;
  justify-content: flex-end;
  margin-top: 22px;
}
body.yoko-home-php-page .yoko-home-distribution-cta .yoko-button {
  margin: 0;
}

/* ---------- Contact system image: no theme-drawn frame/orbit ---------- */
body.yoko-contact-page .yoko-contact-map.has-image,
body.page-template-page-lien-he .yoko-contact-map.has-image {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
body.yoko-contact-page .yoko-contact-map.has-image::before,
body.yoko-contact-page .yoko-contact-map.has-image::after,
body.page-template-page-lien-he .yoko-contact-map.has-image::before,
body.page-template-page-lien-he .yoko-contact-map.has-image::after {
  display: none !important;
  content: none !important;
}
body.yoko-contact-page .yoko-contact-map.has-image img,
body.page-template-page-lien-he .yoko-contact-map.has-image img {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 0 !important;
}

@media (max-width: 767px) {
  body.yoko-home-php-page .yoko-home-season-card {
    flex-basis: 88% !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 9;
  }
  body.yoko-home-php-page .yoko-home-distribution-cta .yoko-button {
    width: 100%;
  }
}