/* Lion Order footer. Isolated layout layer. */
body footer {
  --lo-footer-ribbon-height: clamp(30px, 2.35vw, 38px);
  --lo-footer-medallion-size: clamp(70px, 4.8vw, 86px);
  --lo-footer-ribbon-y: calc(var(--lo-footer-ribbon-height) / -2);
  --lo-footer-brand-top-gap: clamp(10px, .9vw, 16px);
  --lo-footer-space: clamp(8px, .85vw, 12px);
  --lo-footer-text: clamp(1.06rem, 1.05vw, 1.18rem);
  --lo-footer-small: clamp(.9rem, .86vw, .98rem);
  position: relative !important;
  isolation: isolate !important;
  z-index: 40 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding:
    calc((var(--lo-footer-medallion-size) / 2) + var(--lo-footer-brand-top-gap))
    clamp(18px, 3.2vw, 42px)
    clamp(18px, 2.2vw, 30px) !important;
  overflow: visible !important;
  color: #150f04 !important;
  font-family: "Salter Roman", Georgia, serif !important;
  background:
    linear-gradient(180deg, rgba(95, 55, 0, 0) 0%, rgba(95, 55, 0, 0) calc(100% - 88px), rgba(116, 66, 0, .12) calc(100% - 44px), rgba(78, 39, 0, .28) 100%),
    linear-gradient(180deg, rgba(255, 241, 106, .22), rgba(255, 241, 106, 0) 38%),
    url("/images/pattern.png") center top / 260px auto repeat,
    #f4c71f !important;
  background-blend-mode: normal, screen, normal, normal !important;
  border: 0 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 245, 180, .30),
    inset 26px 0 42px rgba(82, 46, 0, .14),
    inset -26px 0 42px rgba(82, 46, 0, .14),
    inset 0 -34px 58px rgba(84, 45, 0, .20),
    0 -12px 28px rgba(42, 24, 0, .14) !important;
}

body footer::after {
  content: "" !important;
  position: absolute !important;
  z-index: 4 !important;
  top: var(--lo-footer-ribbon-y) !important;
  left: 0 !important;
  right: 0 !important;
  height: var(--lo-footer-ribbon-height) !important;
  background: url("/images/footer/Rebbon web footer.png") center top / auto 100% repeat-x !important;
  filter:
    saturate(1.08)
    contrast(1.06)
    drop-shadow(0 -2px 0 rgba(255, 232, 88, .38))
    drop-shadow(0 2px 0 rgba(61, 34, 0, .30))
    drop-shadow(0 9px 14px rgba(46, 26, 0, .26)) !important;
  pointer-events: none !important;
}

body footer::before {
  content: "" !important;
  position: absolute !important;
  z-index: 8 !important;
  top: calc(var(--lo-footer-ribbon-y) + (var(--lo-footer-ribbon-height) / 2)) !important;
  left: 50% !important;
  width: var(--lo-footer-medallion-size) !important;
  height: var(--lo-footer-medallion-size) !important;
  display: block !important;
  background: url("/images/footer/Golden logo web.png") center / contain no-repeat !important;
  filter:
    drop-shadow(0 0 24px rgba(255, 239, 122, .46))
    drop-shadow(0 3px 0 rgba(72, 44, 0, .20))
    drop-shadow(0 12px 18px rgba(31, 15, 0, .38)) !important;
  transform: translate(-50%, -50%) !important;
  pointer-events: none !important;
}

body footer > .container {
  position: relative !important;
  z-index: 6 !important;
  width: min(100%, 980px) !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

body footer > .container::after {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  inset: 0 calc(50% - 50vw) calc(-1 * clamp(18px, 2.2vw, 30px)) !important;
  background:
    linear-gradient(90deg, rgba(70, 39, 0, .18), rgba(70, 39, 0, 0) 13%, rgba(70, 39, 0, 0) 87%, rgba(70, 39, 0, .18)),
    linear-gradient(180deg, rgba(255, 245, 154, .07), rgba(70, 39, 0, 0) 28%, rgba(70, 39, 0, 0) 74%, rgba(70, 39, 0, .16) 100%) !important;
  pointer-events: none !important;
}

body footer > .container::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  top: calc(-1 * clamp(34px, 3.8vw, 54px)) !important;
  left: 50% !important;
  width: min(880px, 92vw) !important;
  height: clamp(210px, 23vw, 320px) !important;
  border-radius: 50% !important;
  background:
    radial-gradient(ellipse at center, rgba(255, 252, 190, .18), rgba(255, 225, 58, .055) 44%, transparent 78%) !important;
  filter: blur(5px) !important;
  transform: translateX(-50%) !important;
  pointer-events: none !important;
}

body footer .footer-column {
  width: 100% !important;
  display: grid !important;
  justify-items: center !important;
  gap: clamp(7px, .8vw, 11px) !important;
  text-align: center !important;
}

body footer .lo-footer-brand {
  width: min(100%, 220px) !important;
  margin: 0 auto 4px !important;
  padding: 0 !important;
  display: grid !important;
  justify-items: center !important;
  position: relative !important;
}

body footer .lo-footer-brand::before {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  left: 50% !important;
  top: 50% !important;
  width: calc(100% + 52px) !important;
  height: calc(100% + 28px) !important;
  border-radius: 999px !important;
  background:
    radial-gradient(ellipse at center, rgba(64, 39, 0, .24), rgba(64, 39, 0, .10) 44%, transparent 72%) !important;
  filter: blur(6px) !important;
  transform: translate(-50%, -50%) !important;
  pointer-events: none !important;
}

body footer .lo-footer-brand__wordmark {
  position: relative !important;
  z-index: 1 !important;
  width: clamp(174px, 13vw, 230px) !important;
  height: auto !important;
  aspect-ratio: 2163 / 539 !important;
  display: block !important;
  object-fit: contain !important;
  filter:
    saturate(1.08)
    contrast(1.06)
    drop-shadow(0 2px 0 rgba(255, 244, 171, .42))
    drop-shadow(0 7px 12px rgba(51, 30, 0, .30)) !important;
  opacity: 1 !important;
}

body footer :where(p, a, span, h3, input, button, label, small, strong, em, b, li) {
  font-family: "Salter Roman", Georgia, serif !important;
  font-weight: 400 !important;
}

body footer .footer-column > p {
  width: min(100%, 720px) !important;
  margin: 0 auto !important;
  color: #080604 !important;
  font-size: var(--lo-footer-text) !important;
  line-height: 1.12 !important;
  letter-spacing: .014em !important;
  text-align: center !important;
  text-wrap: balance !important;
  text-shadow:
    0 1px 0 rgba(255, 240, 132, .54),
    0 2px 5px rgba(77, 43, 0, .22) !important;
}

body footer .footer-mailing-address {
  color: rgba(18, 13, 4, .84) !important;
  font-size: clamp(.98rem, .92vw, 1.05rem) !important;
  line-height: 1.22 !important;
  letter-spacing: .014em !important;
  opacity: 1 !important;
  text-shadow:
    0 1px 0 rgba(255, 240, 132, .46),
    0 2px 5px rgba(77, 43, 0, .18) !important;
}

body footer .join-the-order {
  width: min(100%, 860px) !important;
  margin: clamp(2px, .45vw, 6px) auto 0 !important;
  padding: clamp(10px, 1.05vw, 14px) !important;
  border: 1px solid rgba(94, 63, 5, .24) !important;
  border-radius: 10px !important;
  background:
    linear-gradient(180deg, rgba(95, 65, 0, .18), rgba(95, 65, 0, .08)),
    rgba(255, 216, 44, .16) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 242, 146, .36),
    inset 0 -10px 22px rgba(76, 44, 0, .08),
    0 16px 34px rgba(75, 44, 0, .16) !important;
}

body footer .join-the-order .container,
body footer .join-the-order .mailer {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body footer .join-the-order .mailer h3 {
  width: min(100%, 660px) !important;
  margin: 0 auto clamp(8px, .8vw, 11px) !important;
  color: #0b0803 !important;
  font-size: clamp(1.04rem, 1vw, 1.14rem) !important;
  line-height: 1.18 !important;
  letter-spacing: .014em !important;
  text-align: center !important;
  text-wrap: balance !important;
  text-shadow:
    0 1px 0 rgba(255, 240, 132, .48),
    0 2px 5px rgba(77, 43, 0, .18) !important;
}

body footer .join-the-order .mailer .input {
  width: min(100%, 800px) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(150px, 1fr) minmax(210px, 1.1fr) auto !important;
  align-items: center !important;
  gap: clamp(8px, .9vw, 12px) !important;
}

body footer .join-the-order .mailer input,
body footer .join-the-order .mailer button {
  height: 40px !important;
  min-height: 40px !important;
  border: 1px solid rgba(67, 45, 7, .34) !important;
  border-radius: 999px !important;
  font-size: clamp(1rem, .96vw, 1.08rem) !important;
  line-height: 1 !important;
  letter-spacing: .012em !important;
}

body footer .join-the-order .mailer input {
  width: 100% !important;
  padding: 0 16px !important;
  background:
    linear-gradient(180deg, rgba(255, 236, 132, .34), rgba(255, 214, 42, .20)),
    rgba(80, 55, 7, .14) !important;
  color: #150f04 !important;
  text-align: left !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 246, 173, .34),
    inset 0 -8px 18px rgba(82, 48, 0, .10),
    inset 0 0 0 1px rgba(255, 213, 39, .10),
    0 8px 18px rgba(83, 48, 0, .10) !important;
}

body footer .join-the-order .mailer input::placeholder {
  color: rgba(21, 15, 4, .62) !important;
}

body footer .join-the-order .mailer button {
  width: auto !important;
  min-width: 138px !important;
  padding: 0 20px !important;
  cursor: pointer !important;
  background: #181004 !important;
  color: #fac20a !important;
  border-color: rgba(24, 16, 4, .75) !important;
  text-shadow: 0 1px 0 rgba(255, 231, 105, .22) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 222, 77, .16),
    inset 0 -10px 18px rgba(0, 0, 0, .20),
    0 10px 22px rgba(42, 25, 0, .24) !important;
}

body footer .footer-column .socials {
  margin: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: clamp(8px, .9vw, 12px) !important;
}

body footer .footer-column .socials a {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #090603 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow:
    0 8px 16px rgba(46, 26, 0, .20) !important;
  overflow: hidden !important;
  transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease !important;
}

body footer .footer-column .socials a:hover,
body footer .footer-column .socials a:focus-visible {
  transform: translateY(-2px) !important;
  filter: saturate(1.08) !important;
  box-shadow:
    0 12px 24px rgba(46, 26, 0, .20),
    0 0 22px rgba(250, 194, 10, .20) !important;
}

body footer .footer-column .socials img {
  width: 42px !important;
  height: 42px !important;
  display: block !important;
  border-radius: 999px !important;
  object-fit: cover !important;
  filter:
    saturate(1.08)
    contrast(1.04)
    drop-shadow(0 3px 5px rgba(68, 36, 0, .30))
    drop-shadow(0 0 10px rgba(250, 194, 10, .18)) !important;
}

body footer .regular-footer {
  width: min(100%, 900px) !important;
  margin: clamp(8px, .9vw, 12px) auto 0 !important;
  padding: clamp(8px, .9vw, 12px) 0 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px clamp(18px, 2vw, 26px) !important;
  border-top: 1px solid rgba(67, 45, 7, .24) !important;
  color: rgba(11, 8, 3, .92) !important;
  font-size: clamp(.96rem, .9vw, 1.03rem) !important;
  line-height: 1.2 !important;
  letter-spacing: .012em !important;
  text-align: center !important;
  text-shadow:
    0 1px 0 rgba(255, 239, 130, .48),
    0 2px 5px rgba(77, 43, 0, .18) !important;
}

body footer .regular-footer .menu ul {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 10px clamp(16px, 2vw, 24px) !important;
}

body footer .regular-footer .menu li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body footer .regular-footer a {
  color: rgba(11, 8, 3, .92) !important;
  text-decoration: none !important;
}

body footer .regular-footer a:hover {
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}

@media (max-width: 760px) {
  body footer {
    --lo-footer-ribbon-height: 30px;
    --lo-footer-medallion-size: 68px;
    --lo-footer-brand-top-gap: 12px;
    --lo-footer-space: 10px;
    padding:
      calc((var(--lo-footer-medallion-size) / 2) + var(--lo-footer-brand-top-gap))
      18px
      22px !important;
  }

  body footer .join-the-order {
    padding: 12px !important;
  }

  body footer .join-the-order .mailer .input {
    width: 100% !important;
    grid-template-columns: 1fr !important;
  }

  body footer .join-the-order .mailer button {
    width: 100% !important;
  }
}