/** Shopify CDN: Minification failed

Line 57:0 Unexpected "@media"

**/


.m-product-card__media {
  border-radius: 16px;   /* container border-radius */
  overflow: hidden;      /* clip child overflow */
  transition: border-radius 0.3s ease;
}

/* Make sure the image has the same border-radius */
.m-image img {
  border-radius: 16px;
  transition: border-radius 0.3s ease;
}

/* On hover, keep border-radius intact */
.m-product-card__media:hover,
.m-product-card__media:hover .m-image img {
  border-radius: 16px;
}

.m-image img:hover {
  border-radius: 16px; /* ensure corners stay rounded */
}

.neon-button {
  background-color: #A7D8FF;
  color: black;
  border: none;
  border-radius: 9999px;
  padding: 12px 24px;
  font-weight: 600;
  text-align: center;
  display: inline-block;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

/* Hover-Effekt bleibt wie er ist */
.neon-button:hover #A7D8FF{
  background-color: ;
  box-shadow: 0 0 10px #A7D8FF, 0 0 20px, #A7D8FF;
}

/* Grundstruktur */
.m-hero__btn-fixed {
  position: absolute;
  bottom: 5%;
  right: 2.5%;
  z-index: 20;
}

 Mobile Anpassung 
@media screen and (max-width: 750px) {
  .m-hero__btn-fixed {
    bottom: 20px;
    right: 20px;
  }
}
  


  

@media screen and (min-width: 992px) {
  .m-hero__title {
    white-space: nowrap !important;
  }
}


@media screen and (max-width: 991px) {
  .m-hero__title {
    white-space: normal !important;
    text-align: center; 
  }
}
@media screen and (min-width: 992px) {
  .m-hero__btn {
    margin-top: 300px;  
  }
}
@media screen and (max-width: 991px) {
  .m-hero__btn {
    margin-top: 200px;
  }
}
/*
.m-header
 {
  background: rgba(0, 255, 0, 0.5) !important; /* Neon-Grün (#00FF00) + 40% Deckkraft 
  box-shadow: none !important;
  border: 0 !important;
}
*/
/* Nur für die Hero-Sektion mit der Custom-Class */
.hero-no-radius {
  --section-radius: 0 !important;   /* Minimog nutzt oft Variablen */
  --radius: 0 !important;
}

/* Entfernt jede Rundung auf allen beteiligten Layern */
.hero-no-radius .m-section,
.hero-no-radius .m-hero,
.hero-no-radius .m-hero::before,
.hero-no-radius .m-hero__inner,
.hero-no-radius .m-parallax,
.hero-no-radius .m-hero__bg,
.hero-no-radius .m-hero__image,
.hero-no-radius img {
  border-radius: 0 !important;
}

/* verhindert, dass eine gerundete Elternbox das Bild „abschneidet“ */
.hero-no-radius .m-section,
.hero-no-radius .m-hero,
.hero-no-radius .m-hero__bg {
  overflow: visible !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  clip-path: none !important;
}