.launch-preview::before,
.launch-preview::after {
  display: none;
}

.left-garnish {
  display: block;
  position: absolute;
  z-index: 0;
  bottom: -28px;
  left: -22px;
  width: min(520px, 56vw);
  pointer-events: none;
}

.preview-heading,
.preview-top,
.week-card {
  z-index: 3;
}

.grocery-illustration {
  right: -86px;
  bottom: -30px;
  width: min(360px, 47vw);
}

.preview-heading {
  align-items: flex-start;
}

.preview-sprig {
  display: block;
  flex: 0 0 auto;
  width: 29px;
  height: 37px;
  margin: -7px 1px 0 0;
  transform: rotate(-12deg);
}

.sprig-olive {
  width: 21px;
  height: 27px;
  margin: 3px 0 0 2px;
  color: var(--olive);
  transform: rotate(11deg);
}

.card-icon svg {
  width: 20px;
  height: 20px;
}

.week-card .card-icon svg {
  width: 17px;
  height: 17px;
}

.meal-one { background: url('img/landing-meal-pates.jpg') center / cover; }
.meal-two { background: url('img/landing-meal-tacos.jpg') center / cover; }
.meal-three { background: url('img/landing-meal-soupe.jpg') center / cover; }
.meal-four { background: url('img/landing-meal-poulet.jpg') center / cover; }
.meal-five { background: url('img/landing-meal-curry.jpg') center / cover; }
.meal-six { background: url('img/landing-meal-quiche.jpg') center / cover; }
.meal-seven { background: url('img/landing-meal-salade.jpg') center / cover; }

.panel-points .benefit-icon {
  display: grid;
  width: 19px;
  height: 19px;
  place-items: center;
  color: rgba(255,255,255,.9);
}

.benefit-icon svg {
  width: 18px;
  height: 18px;
}

.waitlist-card {
  margin: 0;
}

.waitlist-card summary {
  display: grid;
  height: 46px;
  padding: 0 18px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 13px;
  background: linear-gradient(135deg,#343431,#252525);
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  font-weight: 700;
  line-height: 46px;
  list-style: none;
  place-items: center;
  box-shadow: 0 7px 16px rgba(0,0,0,.24);
}

.waitlist-card summary::-webkit-details-marker {
  display: none;
}

.waitlist-card summary:hover {
  background: #3a3a37;
}

.waitlist-card[open] summary {
  margin-bottom: 15px;
}

.waitlist-card form h3 {
  margin: 0 0 5px;
  color: #fff;
  font-size: 17px;
  letter-spacing: -.025em;
}

.waitlist-card form > p {
  margin: 0 0 14px;
  color: rgba(255,255,255,.6);
  font-size: 12px;
  line-height: 1.5;
}

.waitlist-card form label {
  display: block;
  margin-bottom: 7px;
  color: rgba(255,255,255,.64);
  font-size: 11px;
}

.waitlist-card form input {
  box-sizing: border-box;
  width: 100%;
  height: 48px;
  padding: 0 14px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 12px;
  background: rgba(255,255,255,.08);
  color: #fff;
  font: inherit;
  font-size: 13px;
  outline: none;
}

.waitlist-card form input::placeholder {
  color: rgba(255,255,255,.39);
}

.waitlist-card form input:focus {
  border-color: var(--coral);
  background: rgba(255,255,255,.12);
}

.waitlist-card form button {
  width: 100%;
  height: 50px;
  margin-top: 9px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 13px;
  background: var(--coral);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
}

.waitlist-card form > small {
  display: block;
  margin-top: 9px;
  color: rgba(255,255,255,.36);
  font-size: 10px;
}

@media (max-width: 760px) {
  .left-garnish {
    bottom: -28px;
    left: -96px;
    width: 390px;
  }
}