/* Shared first-screen navigation. Scoped to avoid changes to campaign styles. */
.ftl-more-ways {
  margin: 14px 0 0;
  padding: 0;
  border: 1px solid #cbd5c3;
  border-radius: 8px;
  background: #f2f5ec;
  color: #304838;
}
.ftl-more-ways > summary {
  position: relative;
  padding: 12px 36px 12px 14px;
  min-height: 44px;
  list-style: none;
  cursor: pointer;
  font-size: .86rem;
  font-weight: 400;
  line-height: 1.45;
  border-radius: 7px;
}
.ftl-more-ways > summary::-webkit-details-marker { display: none; }
.ftl-more-ways > summary::marker { content: ""; }
.ftl-more-ways > summary::after {
  content: "+";
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 600;
}
.ftl-more-ways[open] > summary::after { content: "-"; }
.ftl-more-copy { display: block; }
.ftl-more-label {
  display: block;
  margin-top: 3px;
  font-weight: 750;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.ftl-more-ways > summary:hover { background: #e8efdf; }
.ftl-more-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 0 12px 10px;
}
.ftl-more-links > a {
  display: flex;
  align-items: center;
  min-height: 48px;
  padding: 9px 11px;
  border: 1px solid #b7c5ae;
  border-radius: 6px;
  background: #fffdf8;
  color: #304838;
  font-size: .85rem;
  font-weight: 650;
  line-height: 1.35;
  text-align: left;
  text-decoration: none;
  overflow-wrap: break-word;
}
.ftl-more-links > a:hover { background: #e2ebd9; text-decoration: underline; text-underline-offset: 3px; }
.ftl-more-ways > .ftl-more-note {
  margin: 0;
  padding: 0 14px 12px;
  color: #52624d;
  font-size: .77rem;
  line-height: 1.45;
}
.ftl-more-ways :is(summary, a):focus-visible { outline: 3px solid #815333; outline-offset: 3px; }
#quickGiftAmount, #giftAmount { scroll-margin-top: 100px; }
