/* Phase 1: Anlass-Filter + Kategorie-Design */
.filters{grid-template-columns:repeat(4,1fr)}
.card.card-damen{background:linear-gradient(135deg,#fffafd 0%,#fff3f7 100%);border-color:#f1c9d8}
.card.card-herren{background:linear-gradient(135deg,#fbfdff 0%,#eef4f8 100%);border-color:#cbdbe7}
.card.card-unisex{background:linear-gradient(135deg,#fffefa 0%,#f3f0e8 100%);border-color:#ddd4c2}
.card.card-luxury{background:linear-gradient(135deg,#17120d 0%,#312414 100%);border-color:#f3c85b;color:#fff;box-shadow:0 18px 45px rgba(0,0,0,.22)}
.card.card-luxury h3,.card.card-luxury p{color:#fff}
.card.card-luxury .tag{background:#f3c85b;color:#17120d}
.card.card-luxury .nr{background:#fff;color:#17120d}
.card.card-luxury .detail-btn{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.18)}
.card.card-luxury .select-btn{background:#f3c85b;color:#17120d}
.anlass-line{font-size:.86rem;color:#697377}
.card.card-luxury .anlass-line{color:rgba(255,255,255,.76)}
@media(max-width:900px){.filters{grid-template-columns:1fr}}


/* === Luxury Hintergrund: Satin / Weißgold === */
.card.card-luxury{
  background:
    linear-gradient(rgba(255,255,255,.70), rgba(255,255,255,.78)),
    url("luxury-bg-desktop.png") center/cover no-repeat !important;
  border:2px solid #d4af37 !important;
  color:#3b2a2a !important;
  box-shadow:
    0 18px 45px rgba(212,175,55,.26),
    inset 0 0 0 1px rgba(255,255,255,.55) !important;
}

.card.card-luxury h3,
.card.card-luxury p{
  color:#3b2a2a !important;
}

.card.card-luxury .anlass-line{
  color:#6f6254 !important;
}

.card.card-luxury .tag{
  background:rgba(212,175,55,.92) !important;
  color:#17110f !important;
}

.card.card-luxury .nr{
  background:#3b2a2a !important;
  color:#fff !important;
}

.card.card-luxury .detail-btn{
  background:rgba(255,255,255,.72) !important;
  color:#3b2a2a !important;
  border:1px solid rgba(212,175,55,.70) !important;
}

.card.card-luxury .select-btn{
  background:#d4af37 !important;
  color:#17110f !important;
}

.card.card-luxury .duft-img{
  filter:drop-shadow(0 10px 16px rgba(80,55,20,.22));
}

@media(max-width:900px){
  .card.card-luxury{
    background:
      linear-gradient(rgba(255,255,255,.72), rgba(255,255,255,.82)),
      url("luxury-bg-mobile.png") center/cover no-repeat !important;
  }
}


/* === Flacon ExactName Fix === */
.duft-img{
  width:92px !important;
  height:92px !important;
  object-fit:contain !important;
  display:block !important;
  opacity:1 !important;
  border:0 !important;
  background:transparent !important;
}

@media(max-width:900px){
  .duft-img{
    width:78px !important;
    height:78px !important;
  }
}


/* === Phase 2 WhatsApp Beratung === */

.berater-box{
  display:flex;
  align-items:center;
  gap:14px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  padding:14px;
  margin-bottom:16px;
}

.berater-box img{
  width:72px;
  height:72px;
  border-radius:50%;
  object-fit:cover;
  border:2px solid rgba(212,175,55,.7);
  box-shadow:0 6px 18px rgba(0,0,0,.22);
}

.berater-text{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.berater-text strong{
  color:#fff;
  font-size:1rem;
}

.berater-text span{
  color:rgba(255,255,255,.82);
  font-size:.88rem;
  line-height:1.35;
}

.whatsapp-quick{
  margin-bottom:18px;
}

.whatsapp-btn{
  width:100%;
  border:0;
  border-radius:16px;
  padding:14px 16px;
  font-weight:700;
  cursor:pointer;
  background:#25D366;
  color:#fff;
  font-size:.96rem;
  box-shadow:0 10px 22px rgba(37,211,102,.24);
  transition:.18s ease;
}

.whatsapp-btn:hover{
  transform:translateY(-1px);
  background:#1ebe5d;
}

@media(max-width:900px){
  .berater-box{
    padding:12px;
  }

  .berater-box img{
    width:62px;
    height:62px;
  }

  .berater-text strong{
    font-size:.92rem;
  }

  .berater-text span{
    font-size:.82rem;
  }

  .whatsapp-btn{
    font-size:.9rem;
    padding:13px 14px;
  }
}


/* === WhatsApp Anfrage im Bestellformular === */
.berater-box{
  display:flex;
  align-items:center;
  gap:12px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  padding:12px;
  margin:14px 0 14px;
}

.berater-box img{
  width:64px;
  height:64px;
  border-radius:50%;
  object-fit:cover;
  border:2px solid rgba(212,175,55,.75);
  box-shadow:0 8px 18px rgba(0,0,0,.25);
}

.berater-text{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.berater-text strong{
  color:#fff;
  font-size:.98rem;
}

.berater-text span{
  color:rgba(255,255,255,.82);
  font-size:.82rem;
  line-height:1.35;
}

.whatsapp-btn{
  width:100%;
  border:0;
  border-radius:16px;
  padding:13px 14px;
  margin:0 0 16px;
  font-weight:800;
  cursor:pointer;
  background:#25D366;
  color:#fff;
  font-size:.94rem;
  box-shadow:0 10px 22px rgba(37,211,102,.24);
  transition:.18s ease;
}

.whatsapp-btn:hover{
  transform:translateY(-1px);
  background:#1ebe5d;
}

@media(max-width:900px){
  .berater-box img{
    width:58px;
    height:58px;
  }
}


/* === Pflichtfelder Hinweis === */
.order-box input:required{
  border-left:4px solid rgba(243,200,91,.85);
}

.order-box input:required:valid{
  border-left-color:#25D366;
}