/* =========================
   WHMCS — HOMEPAGE styles
   Scoped: .mh-homepage
   ========================= */

.mh-homepage .mh-row-gap-30{
  row-gap: 30px;
}

/* Media wrapper a termék képekhez */
.mh-homepage .mh-product-media{
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  background: #000;
}
.mh-homepage .mh-product-media__img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Modern Termékkártyák */
.mh-homepage .product-card{
  border-radius: 15px;
  overflow: hidden;
  transition: transform .3s ease, box-shadow .3s ease;
}
.mh-homepage .product-card:hover{
  transform: translateY(-10px);
  box-shadow: 0 15px 30px rgba(0,0,0,.2);
}

/* Kártyafejlécek (csak homepage-en!) */
.mh-homepage .card-header{
  background: linear-gradient(135deg, #6a11cb, #2575fc);
  text-shadow: 0 2px 4px rgba(0,0,0,.2);
  border-radius: 15px 15px 0 0;
}

/* H2 fix (ha valami elrontja) */
.mh-homepage h2.text-center{
  text-align: center !important;
  display: block;
  width: 100%;
}

/* Akciók és Linkek */
.mh-homepage .action-link{
  display: block;
  text-decoration: none;
  padding: 1rem;
  border-radius: .5rem;
  transition: transform .3s ease, background-color .3s ease;
}
.mh-homepage .action-link:hover{
  transform: scale(1.05);
  background-color: rgba(0,0,0,.2);
}

/* Színek a fejlécben */
.mh-homepage .bg-gradient-primary{
  background: linear-gradient(135deg, #007bff, #00c6ff);
}
.mh-homepage .bg-gradient-success{
  background: linear-gradient(135deg, #28a745, #85dcbc);
}

/* Régi helper osztályok (ha valahol még használod) */
.mh-homepage .product-header{
  height: 180px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  border-radius: 15px 15px 0 0;
}
.mh-homepage .product-header-overlay{
  background: rgba(0,0,0,.5);
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mh-homepage .text-shadow{
  text-shadow: 0 2px 4px rgba(0,0,0,.7);
}

.mh-homepage .product-card .card-title{
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
}

.mh-homepage .product-card .card-body{
  border-top: 0 !important;
}

.mh-homepage .product-card .text-muted{
  border-top: 0 !important;
}