.takeaway {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 58px 0 62px !important;
  background:
    radial-gradient(circle at 50% 18%, rgba(211, 151, 30, .10), transparent 32%),
    linear-gradient(180deg, #050504 0%, #020202 100%);
}

.takeaway::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  opacity: .23;
  background-image:
    linear-gradient(rgba(207, 149, 30, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(207, 149, 30, .045) 1px, transparent 1px);
  background-size: 64px 64px;
  -webkit-mask-image: radial-gradient(ellipse, #000, transparent 78%);
  mask-image: radial-gradient(ellipse, #000, transparent 78%);
}

.takeaway__box {
  width: min(920px, calc(100% - var(--page-gutter))) !important;
  padding: 38px 48px 34px;
  border: 1px solid rgba(213, 158, 38, .46);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(19, 15, 7, .62), rgba(3, 3, 3, .94) 48%);
  box-shadow: inset 0 0 50px rgba(209, 148, 27, .035), 0 22px 55px rgba(0, 0, 0, .35);
}

.takeaway__heading {
  margin-bottom: 25px;
  text-align: center;
}

.takeaway__book {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin: 0 auto 13px;
  border: 1px solid #c8901d;
  border-radius: 50%;
  color: #e1aa31;
  font-size: 1.15rem;
  box-shadow: 0 0 18px rgba(217, 154, 28, .18), inset 0 0 12px rgba(217, 154, 28, .08);
}

.takeaway__heading h2 {
  margin: 0;
  color: #f2eee8;
  font-family: "Cinzel", Georgia, serif;
  font-size: clamp(2rem, 3.3vw, 3rem);
  font-weight: 600;
  line-height: 1.06;
  text-transform: uppercase;
}

.takeaway__heading em { color: #dda529; font-style: normal; }

.takeaway__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 34px;
}

.takeaway__item {
  display: grid;
  grid-template-columns: 48px 1fr;
  align-items: center;
  gap: 13px;
  min-height: 82px;
  padding: 12px 3px;
  border-bottom: 1px solid rgba(208, 150, 30, .17);
}

.takeaway__item span {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid #b77c11;
  border-radius: 50%;
  color: #dda327;
  font-size: 1.18rem;
  box-shadow: inset 0 0 14px rgba(218, 154, 27, .06);
}

.takeaway__item p {
  margin: 0;
  color: #e5e0d8;
  font-size: .86rem;
  line-height: 1.48;
}

.takeaway__cta {
  display: flex !important;
  width: min(100%, 620px) !important;
  min-height: 58px !important;
  margin: 30px auto 0 !important;
  justify-content: center !important;
  text-align: center !important;
  font-size: .82rem !important;
}

@media (max-width: 700px) {
  .takeaway { padding: 40px 0 44px !important; }
  .takeaway__box {
    width: calc(100% - 40px) !important;
    padding: 28px 18px 20px;
    border-radius: 15px;
  }
  .takeaway__heading { margin-bottom: 18px; }
  .takeaway__book { width: 36px; height: 36px; margin-bottom: 11px; font-size: .98rem; }
  .takeaway__heading h2 { font-size: clamp(1.55rem, 7.8vw, 2rem); line-height: 1.08; }
  .takeaway__list { grid-template-columns: 1fr; }
  .takeaway__item { grid-template-columns: 42px 1fr; gap: 11px; min-height: 72px; padding: 9px 1px; }
  .takeaway__item span { width: 38px; height: 38px; font-size: 1rem; }
  .takeaway__item p { font-size: .75rem; line-height: 1.42; }
  .takeaway__cta { min-height: 52px !important; margin-top: 20px !important; padding-inline: 12px !important; font-size: .67rem !important; }
}

@media (max-width: 360px) {
  .takeaway__box { width: calc(100% - 32px) !important; padding-inline: 14px; }
}