/* 수확하기 offcanvas */
.modal-backdrop.show {
  z-index: auto !important; /* override global.css - 테스트 필요 */
}

.offcanvas-end {
  width: 100%;
  border-left: none; /* override bootstrap settings */
}

.offcanvas .subcontainer {
  padding: 1.8rem 1.2rem;
}

@media screen and (max-width: 400px) {
  .offcanvas .subcontainer {
    padding: 1.2rem 0rem;
  }
}

.offcanvas h2:not(.accordion-header) {
  font-weight: bold;
  font-size: 2.1rem;
  margin-top: 1rem;
  margin-bottom: 4px;
}

.offcanvas h4 {
  font-weight: 500;
  font-size: 2.2rem;
  margin-bottom: 0;
}

.offcanvas h5 {
  font-weight: bold;
  font-size: 1.7rem;
  margin-top: 1rem;
  margin-bottom: 4px;
}

.offcanvas h6 {
  font-weight: bold;
  font-size: 1.5rem;
  margin-top: 1rem;
  margin-bottom: 4px;
}

.offcanvas .badge {
  padding: 6px 8px;
  margin-left: 2px;
  border-radius: 2px;
  font-size: 1.3rem;
  font-weight: normal;
}
.offcanvas .badge-pink {
  color: var(--color-pink-50);
  background-color: #fff5f9; 
}
.offcanvas .badge-green {
  color: #27ae60;
  background-color: #eef6f6;
}
.offcanvas .badge-blue {
  color: #00a6ed;
  background-color: #ebf5ff; 
}
.offcanvas .badge-tip {
  padding: 6px 1rem;
  color: #fff;
  background-color: #4070ff;
  border-radius: 22px;
}

.offcanvas-header p {
  font-size: 1.7rem;
  margin-top: 2.2rem;
  margin-bottom: 0;
}

.offcanvas .grey-box {
  border-radius: initial;
  color: #9ea4aa;
}

.offcanvas .grey-box img {
  display: block;
  max-width: 45rem;
  width: -webkit-fill-available;
  margin: 0 auto;
}

.offcanvas .gap {
  margin: 16px -14px !important;
}

.offcanvas.no-transition {
  transition: none !important;
}

input[name="strategy"]:checked + label {
  color: var(--color-dark-green-80) !important;
  border-bottom: 2px solid var(--color-dark-green-80) !important;
}