/* CSS đặc biệt cho ô thông tin ưu đãi */

/* Container ưu đãi đặc biệt */
div[style*="background: linear-gradient(135deg, #fff2f9 0%, #ffd6e7 100%)"],
.special-offer-container {
  max-width: 90% !important;
  margin: 20px auto 25px !important;
  padding: 18px 15px !important;
  border-radius: 15px !important;
  background: linear-gradient(135deg, #fff2f9 0%, #ffd6e7 100%) !important;
  border: 1px solid rgba(233, 30, 99, 0.15) !important;
  box-shadow: 0 3px 12px rgba(233, 30, 99, 0.08) !important;
  position: relative !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  text-align: center !important;
}

/* Tiêu đề "Ưu đãi đặc biệt" */
div[style*="background: linear-gradient(135deg, #fff2f9 0%, #ffd6e7 100%)"] span:first-child,
.special-offer-title {
  display: block !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #d23c77 !important;
  margin-bottom: 8px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  line-height: 1.3 !important;
}

/* Nội dung ưu đãi */
div[style*="background: linear-gradient(135deg, #fff2f9 0%, #ffd6e7 100%)"] span:last-child,
.special-offer-content {
  display: block !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #e91e63 !important;
  line-height: 1.4 !important;
}

/* Thêm hiệu ứng đẹp mắt cho container */
div[style*="background: linear-gradient(135deg, #fff2f9 0%, #ffd6e7 100%)"]:before,
.special-offer-container:before {
  content: '' !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: radial-gradient(circle, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 70%) !important;
  animation: pulse-light 3s infinite !important;
}

@keyframes pulse-light {
  0% { opacity: 0.2; }
  50% { opacity: 0.5; }
  100% { opacity: 0.2; }
}

/* Responsive cho các thiết bị khác nhau */
@media (min-width: 1024px) {
  /* Desktop */
  div[style*="background: linear-gradient(135deg, #fff2f9 0%, #ffd6e7 100%)"],
  .special-offer-container {
    max-width: 75% !important;
    padding: 22px 20px !important;
  }
  
  div[style*="background: linear-gradient(135deg, #fff2f9 0%, #ffd6e7 100%)"] span:first-child,
  .special-offer-title {
    font-size: 22px !important;
    margin-bottom: 10px !important;
  }
  
  div[style*="background: linear-gradient(135deg, #fff2f9 0%, #ffd6e7 100%)"] span:last-child,
  .special-offer-content {
    font-size: 20px !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* Tablet */
  div[style*="background: linear-gradient(135deg, #fff2f9 0%, #ffd6e7 100%)"],
  .special-offer-container {
    max-width: 85% !important;
    padding: 20px 18px !important;
  }
  
  div[style*="background: linear-gradient(135deg, #fff2f9 0%, #ffd6e7 100%)"] span:first-child,
  .special-offer-title {
    font-size: 21px !important;
  }
  
  div[style*="background: linear-gradient(135deg, #fff2f9 0%, #ffd6e7 100%)"] span:last-child,
  .special-offer-content {
    font-size: 19px !important;
  }
}

@media (max-width: 767px) {
  /* Mobile */
  div[style*="background: linear-gradient(135deg, #fff2f9 0%, #ffd6e7 100%)"],
  .special-offer-container {
    max-width: 95% !important;
    padding: 16px 12px !important;
  }
  
  div[style*="background: linear-gradient(135deg, #fff2f9 0%, #ffd6e7 100%)"] span:first-child,
  .special-offer-title {
    font-size: 18px !important;
    margin-bottom: 5px !important;
  }
  
  div[style*="background: linear-gradient(135deg, #fff2f9 0%, #ffd6e7 100%)"] span:last-child,
  .special-offer-content {
    font-size: 16px !important;
    line-height: 1.4 !important;
  }
}