/* Related treatments shared by every Homme detail page. */
body #main#main .postpartum-child-faithful > .men-related{
  width:100%!important;
  max-width:none!important;
  margin-inline:0!important;
  padding:100px 0 0;
}

body #main#main .postpartum-child-faithful > .men-related > h2{
  margin:0!important;
  padding-inline:22px;
  text-align:center;
  font:600 29px/1.3 "Josefin Sans",sans-serif;
}

body #main#main .postpartum-child-faithful > .men-related > h2::after{
  display:block;
  width:56px;
  height:4px;
  margin:12px auto 20px;
  background:#171717;
  content:"";
}

body #main#main .men-related-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  width:100%;
  gap:0;
}

body #main#main .men-related-card{
  position:relative;
  display:flex;
  width:100%;
  min-width:0;
  min-height:240px;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#eee;
  color:#fff;
  text-decoration:none!important;
}

body #main#main .men-related-card img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .25s ease;
}

body #main#main .men-related-card span{
  position:relative;
  z-index:1;
  width:100%;
  padding:16px;
  background:transparent;
  color:#fff;
  text-align:center;
  text-shadow:0 1px 4px rgba(0,0,0,.95),0 0 14px rgba(0,0,0,.55);
  font:600 19px/1.35 "Josefin Sans",sans-serif;
}

body #main#main .men-related-card:hover,
body #main#main .men-related-card:focus-visible{
  color:#fff;
  text-decoration:none!important;
}

body #main#main .men-related-card:hover img,
body #main#main .men-related-card:focus-visible img{
  transform:scale(1.035);
}

body #main#main .men-related-card:focus-visible{
  z-index:2;
  outline:3px solid #c1a25d;
  outline-offset:-3px;
}

@media(min-width:768px) and (max-width:1024px){
  body #main#main .men-related-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:767px){
  body #main#main .postpartum-child-faithful > .men-related{
    width:100%!important;
    padding-top:50px;
  }

  body #main#main .postpartum-child-faithful > .men-related > h2{
    margin-bottom:24px!important;
    font-size:27px;
  }

  body #main#main .men-related-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body #main#main .men-related-card{
    min-height:190px;
  }

  body #main#main .men-related-card span{
    padding:14px 12px;
    font-size:17px;
  }
}

@media(prefers-reduced-motion:reduce){
  body #main#main .men-related-card img{
    transition:none;
  }

  body #main#main .men-related-card:hover img,
  body #main#main .men-related-card:focus-visible img{
    transform:none;
  }
}