/* Manila58 v3.2.35: homepage and all three category banners use the exact same 3.45:1 crop. */
#m58-v24.m58-v24.m58-v3217-home .m58-v24-hero.m58-v3227-spa-hero,
#m58-v24.m58-v24.m58-v3217-detail .m58-v3217-detail-header.m58-v3234-cover {
  box-sizing: border-box !important;
  width: 100% !important;
  aspect-ratio: 3.45 / 1 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 13px 19px !important;
  overflow: hidden !important;
  border-radius: 0 0 18px 18px !important;
}
/* Keep the same text-to-image balance on all four covers. */
#m58-v24.m58-v24.m58-v3217-detail .m58-v3217-detail-header.m58-v3234-cover::before {
  width: 59%;
  background-size: cover;
  background-position: center center;
}
#m58-v24.m58-v24.m58-v3217-detail .m58-v3217-detail-header.m58-v3234-cover .m58-v3217-back {
  margin-bottom: 12px;
}
@media (max-width: 480px) {
  #m58-v24.m58-v24.m58-v3217-home .m58-v24-hero.m58-v3227-spa-hero,
  #m58-v24.m58-v24.m58-v3217-detail .m58-v3217-detail-header.m58-v3234-cover {
    aspect-ratio: 3.45 / 1 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 10px 14px !important;
    border-radius: 0 0 14px 14px !important;
  }
  #m58-v24.m58-v24.m58-v3217-detail .m58-v3217-detail-header.m58-v3234-cover::before { width: 62%; }
  #m58-v24.m58-v24.m58-v3217-detail .m58-v3217-detail-header.m58-v3234-cover .m58-v3217-back { margin-bottom: 8px; }
}
@media (max-width: 360px) {
  #m58-v24.m58-v24.m58-v3217-detail .m58-v3217-detail-header.m58-v3234-cover .m58-v3217-detail-heading h2 { font-size: 20px !important; }
  #m58-v24.m58-v24.m58-v3217-detail .m58-v3217-detail-header.m58-v3234-cover .m58-v3217-detail-heading p { font-size: 10px !important; }
}
@media (max-width: 360px) {
  #m58-v24.m58-v24.m58-v3217-detail .m58-v3217-detail-header.m58-v3234-cover { padding: 7px 12px !important; }
  #m58-v24.m58-v24.m58-v3217-detail .m58-v3217-detail-header.m58-v3234-cover .m58-v3217-back { font-size: 11px; line-height: 1.15; margin-bottom: 4px; }
  #m58-v24.m58-v24.m58-v3217-detail .m58-v3217-detail-header.m58-v3234-cover .m58-v3217-detail-heading h2 { font-size: 19px !important; line-height: 1.15; margin-bottom: 3px; }
  #m58-v24.m58-v24.m58-v3217-detail .m58-v3217-detail-header.m58-v3234-cover .m58-v3217-detail-heading p { font-size: 10px !important; line-height: 1.15; }
}


/* V3.2.36 approved real-service photo covers. The left side stays legible, the right side shows
   service-specific photography. Width/height are inherited from V3.2.35 (3.45:1). */
#m58-v24.m58-v24.m58-v3217-detail .m58-v3217-detail-header.m58-v3234-cover-massage::after {
  background:linear-gradient(90deg,#eaf9f9 0%,rgba(225,248,246,.97) 28%,rgba(205,239,233,.89) 48%,rgba(206,240,234,.15) 76%,transparent 100%);
}
#m58-v24.m58-v24.m58-v3217-detail .m58-v3217-detail-header.m58-v3234-cover-nails::after {
  background:linear-gradient(90deg,#fff0f3 0%,rgba(255,237,241,.97) 28%,rgba(253,220,229,.86) 48%,rgba(253,220,229,.12) 76%,transparent 100%);
}
#m58-v24.m58-v24.m58-v3217-detail .m58-v3217-detail-header.m58-v3234-cover-waxing::after {
  background:linear-gradient(90deg,#fff7e9 0%,rgba(255,245,228,.97) 28%,rgba(251,230,203,.85) 48%,rgba(251,230,203,.10) 76%,transparent 100%);
}