/* Localsewa v32.8.70 — shared EmergencyCard theme.
   Home and All Services consume exactly this same visual contract. */
.ls-home-emergency-card {
  border-color: rgba(88, 201, 131, 0.22) !important;
  background: linear-gradient(135deg, #155b39 0%, #137043 52%, #14844d 100%) !important;
  box-shadow: 0 20px 50px rgba(10, 63, 37, 0.24) !important;
}

.ls-home-emergency-card .ls-emergency-content {
  color: #ffffff;
}

.ls-home-emergency-card .ls-emergency-topline {
  position: relative;
  display: block;
  width: 100%;
  min-height: 34px;
  padding-right: 124px;
}

.ls-home-emergency-card .ls-emergency-title {
  margin: 0;
  color: #ffffff !important;
}

.ls-home-emergency-card .ls-emergency-badge {
  position: absolute;
  top: 0;
  right: 0;
  margin-left: 0;
  white-space: nowrap;
  background: rgba(255, 255, 255, 0.94) !important;
  color: #17613f !important;
  box-shadow: 0 6px 18px rgba(8, 49, 29, 0.16) !important;
}

.ls-home-emergency-card .ls-emergency-description {
  margin-top: 8px;
  color: rgba(239, 255, 244, 0.86) !important;
}

.ls-home-emergency-card .ls-emergency-illustration {
  border-color: rgba(191, 245, 210, 0.14) !important;
  background: rgba(255, 255, 255, 0.11) !important;
  color: rgba(225, 255, 235, 0.46) !important;
  box-shadow: inset 0 0 0 8px rgba(255, 255, 255, 0.06) !important;
}

.ls-home-emergency-card .ls-emergency-hints span {
  border-color: rgba(210, 255, 226, 0.12) !important;
  background: rgba(255, 255, 255, 0.14) !important;
  color: #effff4 !important;
}

.ls-home-emergency-card .ls-emergency-hints span::before {
  background: #9ef0b7 !important;
}

.ls-home-emergency-card .ls-emergency-cta {
  background: linear-gradient(135deg, #3eb864 0%, #2ea651 100%) !important;
  box-shadow: 0 10px 24px rgba(8, 49, 29, 0.18) !important;
}

.ls-home-emergency-card .ls-emergency-cta:hover {
  background: linear-gradient(135deg, #39b15f 0%, #279949 100%) !important;
}

.ls-home-emergency-card .ls-emergency-illustration__bolt {
  display: none !important;
}

@media (max-width: 359.98px) {
  .ls-home-emergency-card .ls-emergency-topline {
    min-height: 30px;
    padding-right: 100px;
  }

  .ls-home-emergency-card .ls-emergency-badge {
    padding-inline: 10px !important;
  }
}

@media (min-width: 640px) {
  .ls-home-emergency-card .ls-emergency-topline {
    min-height: 42px;
    padding-right: 150px;
  }
}