/* --- PROMO SECTION (Codul tău original păstrat) --- */
.promo-section { padding: 250px 20px; background-size: cover; background-position: center; background-attachment: fixed; min-height: 100vh; display: flex; align-items: center; }
.promo-title { color: #ffffff; font-size: 3rem; font-weight: 800; margin-bottom: 100px; margin-top: -50px; text-shadow: 0 5px 15px rgba(0,0,0,0.5); }
.promo-grid { display: flex; justify-content: center; gap: 50px; flex-wrap: wrap; max-width: 1300px; margin: 0 auto; }

.promo-card {
    background: rgba(0, 0.6, 0, 0); 
    backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(189, 19, 19, 0.3);
    flex: 1; min-width: 280px; max-width: 350px; padding: 80px 40px; border-radius: 40px;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer;
}
.promo-card:hover {
    background: rgba(78, 10, 10, 0.9);
    transform: translateY(-25px) scale(1.03);
    box-shadow: 0 40px 80px rgba(0,0,0,0.4);
    border-color: #ffcc00;
}
.promo-icon { font-size: 4rem; margin-bottom: 35px; display: inline-block; transition: transform 0.4s ease; }
.promo-card:hover .promo-icon { transform: scale(1.3) rotate(10deg); filter: drop-shadow(0 0 10px rgba(255, 204, 0, 0.8)); }
.promo-card h3 { color: #ffffff; font-size: 1.7rem; margin-bottom: 20px; font-weight: 800; }
.promo-card p { color: #ffe9e9; font-size: 1.1rem; line-height: 1.8; }

   .promo-section {
    /* background:
      linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),
      url("vin.jpg") center / cover no-repeat; */
    width: 100%;
    display: block;
  }

  .promo-card {
    width: 90%;
    padding: 70px 40px;
  }




/* ============================= */
/* SMARTPHONE (< 768px)          */
/* ============================= */
@media (max-width: 767px) {
  #servicii.promo-section {
    background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),
                url("../Img/TelefonVinPahar.jpeg") center / cover no-repeat !important;
    background-attachment: scroll !important; /* Esențial pentru claritate pe mobil */
  }
}

/* ============================= */
/* TABLET (768px - 1023px)       */
/* ============================= */
@media (min-width: 768px) and (max-width: 1023px) {
  #servicii.promo-section {
    background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),
                url("../Img/vin.jpg") center / cover no-repeat !important;
  }
}

/* ============================= */
/* DESKTOP (≥ 1024px)            */
/* ============================= */
@media (min-width: 1024px) {
  #servicii.promo-section {
    background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),
                url("../Img/vin.jpg") center / cover no-repeat fixed !important;
  }
}