/* Highland Guns fraud-warning page */

.hg-fraud-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(5.5rem, 10vw, 8.5rem) 0;
  background:
    linear-gradient(115deg, rgba(8, 8, 8, .98), rgba(27, 27, 27, .93)),
    repeating-linear-gradient(135deg, transparent 0 18px, rgba(255, 255, 255, .025) 18px 19px);
  color: #fff;
}

.hg-fraud-hero::after {
  position: absolute;
  right: -1rem;
  bottom: -5.5rem;
  color: rgba(255, 255, 255, .035);
  content: "!";
  font-size: clamp(16rem, 35vw, 32rem);
  font-weight: 800;
  line-height: .8;
  pointer-events: none;
}

.hg-fraud-hero__content {
  position: relative;
  z-index: 1;
}

.hg-fraud-hero h1 {
  max-width: 980px;
  margin: .4rem 0 1.2rem;
  color: #fff;
  font-size: clamp(2.7rem, 7vw, 5.4rem);
  line-height: .98;
}

.hg-fraud-hero p:not(.hg-eyebrow) {
  max-width: 770px;
  margin: 0;
  color: #d3d3d3;
  font-size: clamp(1rem, 2vw, 1.2rem);
  line-height: 1.7;
}

.hg-fraud-hero .hg-button-group {
  margin-top: 2rem;
}

.hg-fraud-alert {
  background: #a70d12;
  color: #fff;
}

.hg-fraud-alert__inner {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1.25rem;
  align-items: center;
  padding-block: 1.4rem;
}

.hg-fraud-alert__icon {
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border: 2px solid rgba(255, 255, 255, .7);
  border-radius: 50%;
  font-size: 1.5rem;
  font-weight: 800;
}

.hg-fraud-alert strong {
  display: block;
  font-size: 1.05rem;
}

.hg-fraud-alert p {
  margin: .25rem 0 0;
  color: #fff;
  line-height: 1.5;
}

.hg-fraud-alert a {
  color: #fff;
  font-weight: 800;
}

.hg-fraud-verify-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.3rem;
}

.hg-fraud-verify-card {
  display: flex;
  min-height: 285px;
  padding: clamp(1.5rem, 4vw, 2.4rem);
  flex-direction: column;
  border-top: 5px solid #a70d12;
  background: #fff;
  box-shadow: 0 14px 38px rgba(20, 20, 20, .09);
}

.hg-fraud-verify-card > span {
  color: #a70d12;
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .15em;
}

.hg-fraud-verify-card h3 {
  margin: .8rem 0 .65rem;
  font-size: 1.3rem;
}

.hg-fraud-verify-card p {
  margin: 0 0 1.2rem;
  color: #5c5a56;
  line-height: 1.65;
}

.hg-fraud-verify-card a {
  margin-top: auto;
  color: #a70d12;
  font-weight: 800;
  text-decoration: none;
}

.hg-fraud-warning-layout {
  display: grid;
  grid-template-columns: minmax(260px, .7fr) minmax(0, 1.3fr);
  gap: clamp(2.5rem, 7vw, 6rem);
  align-items: start;
}

.hg-fraud-warning-layout h2 {
  margin: .35rem 0 .8rem;
}

.hg-fraud-warning-layout > div > p:last-child {
  color: #5f5d59;
  line-height: 1.65;
}

.hg-fraud-red-flags {
  display: grid;
  gap: 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.hg-fraud-red-flags li {
  position: relative;
  padding: 1.1rem 1.25rem 1.1rem 3.8rem;
  border-left: 4px solid #a70d12;
  background: #fff;
  box-shadow: 0 8px 24px rgba(20, 20, 20, .06);
  color: #343434;
  line-height: 1.55;
}

.hg-fraud-red-flags li::before {
  position: absolute;
  top: 50%;
  left: 1.25rem;
  display: grid;
  width: 25px;
  height: 25px;
  place-items: center;
  border-radius: 50%;
  background: #a70d12;
  color: #fff;
  content: "!";
  font-size: .8rem;
  font-weight: 800;
  transform: translateY(-50%);
}

.hg-fraud-response-steps {
  display: grid;
  margin: 0;
  padding: 0;
  border-top: 1px solid #d8d5d0;
  list-style: none;
}

.hg-fraud-response-steps li {
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 1.25rem;
  padding: 1.7rem 0;
  border-bottom: 1px solid #d8d5d0;
}

.hg-fraud-response-steps > li > span {
  color: #a70d12;
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .12em;
}

.hg-fraud-response-steps h3 {
  margin: 0 0 .35rem;
  font-size: 1.2rem;
}

.hg-fraud-response-steps p {
  margin: 0;
  color: #5f5d59;
  line-height: 1.65;
}

.hg-fraud-report-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2.4rem;
}

.hg-fraud-report-cards > a {
  display: flex;
  min-width: 0;
  padding: 1.6rem;
  flex-direction: column;
  border: 1px solid #d5d2cd;
  color: #171717;
  text-decoration: none;
  transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.hg-fraud-report-cards > a:hover,
.hg-fraud-report-cards > a:focus-visible {
  border-color: #a70d12;
  box-shadow: 0 12px 30px rgba(20, 20, 20, .08);
  transform: translateY(-2px);
}

.hg-fraud-report-cards small {
  color: #6b6864;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.hg-fraud-report-cards strong {
  margin: .4rem 0 1.3rem;
  overflow-wrap: anywhere;
  font-size: 1.05rem;
}

.hg-fraud-report-cards > a > span {
  margin-top: auto;
  color: #a70d12;
  font-size: .86rem;
  font-weight: 800;
}

@media (max-width: 960px) {
  .hg-fraud-verify-grid,
  .hg-fraud-report-cards {
    grid-template-columns: 1fr;
  }

  .hg-fraud-verify-card {
    min-height: 0;
  }

  .hg-fraud-warning-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .hg-fraud-hero {
    padding: 4.5rem 0;
  }

  .hg-fraud-hero h1 {
    font-size: clamp(2.4rem, 13vw, 3.6rem);
  }

  .hg-fraud-alert__inner {
    grid-template-columns: 1fr;
  }

  .hg-fraud-response-steps li {
    grid-template-columns: 1fr;
    gap: .6rem;
  }

  .hg-fraud-red-flags li {
    padding-left: 3.5rem;
  }
}

@media print {
  .hg-header,
  .hg-footer,
  .hg-fraud-hero .hg-button-group,
  .hg-section--cta {
    display: none !important;
  }

  .hg-fraud-hero {
    padding: 2rem 0;
    background: #fff;
    color: #000;
  }

  .hg-fraud-hero h1,
  .hg-fraud-hero p:not(.hg-eyebrow) {
    color: #000;
  }
}