/* Scoped CSS for homepage (home.html) */

.hero-btn-overlay-s1b1 {
  left: 3.44%;
  top: 80.85%;
  width: 14.02%;
  height: 7.80%;
}

.hero-btn-overlay-s1b2 {
  left: 19.18%;
  top: 80.85%;
  width: 13.29%;
  height: 7.80%;
}

.hero-btn-overlay-s2b1 {
  left: 3.39%;
  top: 80.85%;
  width: 15.89%;
  height: 10.37%;
}

.hero-btn-overlay-s2b2 {
  left: 21.10%;
  top: 80.85%;
  width: 17.14%;
  height: 10.37%;
}

.z-index-2 {
  z-index: 2;
}

.hero-slide-lead {
  max-width: 480px;
}
@media (max-width: 576px) {
  .hero-slide-lead { font-size: 0.9rem; max-width: 100%; }
}

.featured-placeholder-icon {
  font-size: 2.5rem;
  display: block;
}

.promo-card-custom-pc {
  background: linear-gradient(135deg, #1e1b4b 0%, #4c1d95 100%) !important;
  min-height: 240px;
  border: none !important;
}

.promo-btn-custom-pc {
  color: #4c1d95 !important;
}

.promo-bg-icon-pc {
  font-size: 10rem;
  right: -20px;
  bottom: -30px;
  color: rgba(255, 255, 255, 0.04) !important;
  pointer-events: none;
}

.promo-card-b2b {
  background: linear-gradient(135deg, #0f172a 0%, #0369a1 100%) !important;
  min-height: 240px;
  border: none !important;
}

.btn-orange-accent {
  background-color: #FF9A1A !important;
  border-color: #FF9A1A !important;
}

.promo-bg-icon-b2b {
  font-size: 10rem;
  right: -20px;
  bottom: -30px;
  color: rgba(255, 255, 255, 0.04) !important;
  pointer-events: none;
}

.guarantee-card {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
  border: none !important;
  min-height: 220px;
}

.guarantee-bg-icon {
  font-size: 8rem;
  right: -15px;
  bottom: -20px;
  color: rgba(255, 255, 255, 0.06) !important;
  pointer-events: none;
}

.bg-slide-about {
  background-image: linear-gradient(to right, rgba(15, 23, 42, 0.95) 0%, rgba(15, 23, 42, 0.8) 40%, rgba(15, 23, 42, 0.2) 100%), url('../images/banner_q3.webp') !important;
  background-size: cover !important;
  background-position: center center !important;
  min-height: 300px;
}

.bg-slide-contact {
  background-image: linear-gradient(to right, rgba(15, 23, 42, 0.95) 0%, rgba(15, 23, 42, 0.8) 40%, rgba(15, 23, 42, 0.2) 100%), url('../images/banner_q4.webp') !important;
  background-size: cover !important;
  background-position: center center !important;
  min-height: 300px;
}

/* Smaller min-height on mobile for dynamic slides */
@media (max-width: 576px) {
  .bg-slide-about,
  .bg-slide-contact {
    min-height: 260px;
  }
  .bg-slide-about .px-4,
  .bg-slide-contact .px-4 {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
}

.detailed-content-box {
  line-height: 1.7;
  font-size: 0.92rem;
}