.hunt-card,
.info-card,
.boss-card,
.promo-card {
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  transition: transform .22s, box-shadow .22s;
}

.hunt-card:hover,
.info-card:hover,
.boss-card:hover,
.promo-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0,0,0,0.14);
}

.hunt-card-title,
.info-card-title,
.boss-card-title,
.promo-card-title {
  color: #d44c4c;
  font-weight: 700;
}

.hunt-card-text,
.info-card-text,
.boss-card-text,
.promo-text,
.promo-list {
  color: #4d4d4d;
}

.promo-copy-btn,
.info-card-btn {
  background: #e85a5a;
  border: 1px solid #ff7a7a;
  color: #fff;
}

.promo-copy-btn:hover,
.info-card-btn:hover {
  background: #c63f3f;
}

.info-card-title {
  background: #C38B61;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  padding: 10px 14px;
  margin: 0 0 14px;
}

.hunt-title {
  color: #d44c4c;
}

.hunt-subtitle {
  color: #777;
}

.hunt-tab-buttons,
.boss-tab-buttons {
  background: #fcf8f8;
  border-bottom: 1px solid rgba(232, 90, 90, 0.25);
}

.hunt-tab-buttons li a,
.boss-tab-buttons li a {
  color: #666;
}

.hunt-tab-buttons li.is-active a,
.boss-tab-buttons li.is-active a {
  color: #d44c4c;
  border-bottom: 2px solid #e85a5a;
}

.boss-tab-select-outer select {
  background: #fff;
  border-color: #e85a5a;
  color: #555;
}

.info-section {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 22px;
  margin-top: 20px;
  width: 100%;
  box-sizing: border-box;
}

.hunt-card-wrap {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  margin-top: 20px;
  width: 100%;
  box-sizing: border-box;
}

.hunt-card {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  cursor: pointer;
}

.hunt-card img {
  width: 100%;
  height: 160px;
  object-fit: cover;
}

.hunt-card-body {
  padding: 12px;
}

.hunt-card-title {
  background: #C38B61;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  padding: 8px 10px;
  margin-bottom: 10px;
  border-radius: 4px;
}

.hunt-card-text {
  color: #4d4d4d;
  font-size: 14px;
}


.boss-card-wrap {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  margin-top: 20px;
  width: 100%;
  box-sizing: border-box;
}

.boss-card {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  cursor: pointer;
}

.boss-card img {
    width: 100%;
    margin-top: 20px;
    width: 120px;
    height: 120px;
    object-fit: cover;
    background: #000;

    text-align: center;
    magin: 20 0 auto;
    margin: 20px auto 0;
}


.boss-card-body {
  padding: 12px;
}

.boss-card-title {
  background: #C38B61;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  padding: 8px 10px;
  margin-bottom: 10px;
  border-radius: 4px;
}

.boss-card-text {
  color: #4d4d4d;
  font-size: 16px;
}

.cs-card-wrap {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  margin-top: 20px;
  width: 100%;
  box-sizing: border-box;
}

.cs-card {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

.cs-card img {
  width: 100%;
    margin-top: 20px;
    width: 120px;
    height: 120px;
    object-fit: cover;
    background: #000;

    text-align: center;
    magin: 20 0 auto;
    margin: 20px auto 0;
}

.cs-card-body {
  padding: 14px 16px;
}

.cs-card-title {
  background: #C38B61;
  color: #ffffff;
  font-size: 17px;
  font-weight: 700;
  text-align: center;
  padding: 8px 10px;
  margin-bottom: 10px;
  border-radius: 4px;
}

.cs-card-text {
  color: #444;
  font-size: 15px;
  margin-bottom: 12px;
}

.cs-card-btn {
  display: inline-block;
  width: 100%;
  text-align: center;
  background: rgb(237, 237, 237);
  color: #222;
  font-weight: 700;
  padding: 10px 0;
  border-radius: 8px;
  text-decoration: none;
  border: 1px solid rgba(0,0,0,0.08);
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  transition: all .2s;
}

.cs-card-btn:hover {
  background: rgb(229, 229, 229);
  box-shadow: 0 4px 10px rgba(0,0,0,0.12);
  transform: translateY(-1px);
}