/* ==========================================
   TERMS AND CONDITIONS ADDITIONAL COMPONENTS
========================================== */

/* Prohibited Activities */

.slc-terms__prohibited {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px;
  margin-top: 23px;
}

.slc-terms__prohibited article {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  padding: 17px;
  border: 1px solid rgba(255, 112, 112, 0.12);
  border-radius: 14px;
  background:
    linear-gradient(
      145deg,
      rgba(65, 18, 31, 0.25),
      rgba(3, 16, 37, 0.58)
    );
}

.slc-terms__prohibited article > span {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  color: #ff9c9c;
  border: 1px solid rgba(255, 112, 112, 0.16);
  border-radius: 12px;
  background: rgba(255, 75, 75, 0.06);
  font-size: 0.62rem;
  font-weight: 850;
}

.slc-terms__prohibited strong {
  color: #f1e4e7;
  font-size: 0.76rem;
  font-weight: 760;
}

.slc-terms__prohibited p {
  margin: 6px 0 0;
  color: #887c89;
  font-size: 0.67rem;
  line-height: 1.62;
}

/* Important Notice */

.slc-terms__notice {
  padding: 18px 20px;
  margin-top: 22px;
  border: 1px solid rgba(255, 193, 89, 0.15);
  border-left: 3px solid rgba(255, 193, 89, 0.7);
  border-radius: 14px;
  background:
    linear-gradient(
      135deg,
      rgba(119, 77, 18, 0.18),
      rgba(3, 16, 37, 0.56)
    );
}

.slc-terms__notice strong {
  color: #ffe0a3;
  font-size: 0.78rem;
  font-weight: 760;
}

.slc-terms__notice p {
  margin: 7px 0 0;
  color: #9f927d;
  font-size: 0.69rem;
  line-height: 1.68;
}

/* Limitation Cards */

.slc-terms__limitations {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px;
  margin-top: 22px;
}

.slc-terms__limitations > div {
  position: relative;
  padding: 19px;
  overflow: hidden;
  border: 1px solid rgba(104, 180, 255, 0.1);
  border-radius: 14px;
  background: rgba(3, 16, 37, 0.55);
}

.slc-terms__limitations > div > span {
  position: absolute;
  top: 11px;
  right: 14px;
  color: rgba(70, 184, 255, 0.18);
  font-size: 1.55rem;
  font-weight: 900;
}

.slc-terms__limitations strong {
  display: block;
  padding-right: 35px;
  color: #dceeff;
  font-size: 0.76rem;
  font-weight: 760;
}

.slc-terms__limitations p {
  margin: 7px 0 0;
  color: #718aa4;
  font-size: 0.67rem;
  line-height: 1.62;
}

/* ==========================================
   TERMS RESPONSIVE
========================================== */

@media (max-width: 720px) {
  .slc-terms__prohibited,
  .slc-terms__limitations {
    grid-template-columns: 1fr;
  }

  .slc-terms__prohibited article {
    grid-template-columns: 39px minmax(0, 1fr);
    padding: 15px;
  }

  .slc-terms__prohibited article > span {
    width: 39px;
    height: 39px;
  }

  .slc-terms__notice {
    padding: 16px;
  }
}