/* MYPS homepage imagery: additive photo references for the existing live layout. */
#myps-home-v2 .hero-visual {
  overflow: hidden;
  border: 1px solid #2b3850;
  border-radius: 14px;
  background-image:
    linear-gradient(180deg, rgba(7, 12, 22, .08) 0%, rgba(7, 12, 22, .25) 44%, rgba(7, 12, 22, .72) 100%),
    linear-gradient(90deg, rgba(7, 12, 22, .24) 0%, transparent 72%),
    url("/templates/lagom2/custom/myps-home-20261020/assets/myps-hero-datacenter-v1.png");
  background-position: center, center, 60% 46%;
  background-size: cover, cover, cover;
  background-repeat: no-repeat;
}
#myps-home-v2 .product {
  overflow: hidden;
  border-radius: 12px;
}
#myps-home-v2 .product::before {
  content: "";
  display: block;
  flex: 0 0 126px;
  width: calc(100% + 44px);
  margin: -22px -22px 0;
  border-bottom: 1px solid #2b3850;
  background-repeat: no-repeat;
  background-position: center 46%;
  background-size: cover;
}
#myps-home-v2 .product[data-product="epyc"]::before {
  background-image: linear-gradient(180deg, rgba(9, 14, 25, .03), rgba(9, 14, 25, .3)), url("/templates/lagom2/custom/myps-home-20261020/assets/myps-product-epyc-v1.png");
}
#myps-home-v2 .product[data-product="ryzen"]::before {
  background-image: linear-gradient(180deg, rgba(9, 14, 25, .03), rgba(9, 14, 25, .3)), url("/templates/lagom2/custom/myps-home-20261020/assets/myps-product-ryzen-v1.png");
}
#myps-home-v2 .product[data-product="dedicated"]::before {
  background-image: linear-gradient(180deg, rgba(9, 14, 25, .03), rgba(9, 14, 25, .3)), url("/templates/lagom2/custom/myps-home-20261020/assets/myps-product-dedicated-v1.png");
}
#myps-home-v2 .sim-stage {
  background-image:
    linear-gradient(180deg, rgba(7, 13, 23, .28) 0%, rgba(7, 13, 23, .76) 100%),
    url("/templates/lagom2/custom/myps-home-20261020/assets/myps-ddos-network-hardware-v1.png");
  background-position: center, 50% 46%;
  background-repeat: no-repeat;
  background-size: cover, cover;
}
@media (max-width: 600px) {
  #myps-home-v2 .hero-visual { background-position: center, center, 62% 46%; }
  #myps-home-v2 .product::before { flex-basis: 104px; }
}
#myps-home-v2 .hero-visual .hero-offer {
  background-image: linear-gradient(180deg, rgba(19, 29, 44, .52) 0%, rgba(19, 29, 44, .93) 100%), url('/templates/lagom2/custom/myps-home-20261020/assets/myps-hero-datacenter-v1.png') !important;
  background-position: center, 60% 46%;
  background-size: cover, cover;
  background-repeat: no-repeat;
}