/* Crow Coins landing page. Keep the live WPLoyalty content below the editorial sections. */
body.page-id-12019 .page-header { display: none !important; }
body.page-id-12019 .page-contents { padding: 0 !important; background: #171211 !important; }
body.page-id-12019 .elementor-widget-theme-post-content { width: 100%; }

body.page-id-12019 #loyalty-hero,
body.page-id-12019 #loyalty-about,
body.page-id-12019 #loyalty-earn,
body.page-id-12019 #loyalty-referral,
body.page-id-12019 #loyalty-dashboard-intro,
body.page-id-12019 #loyalty-cta { box-sizing: border-box; width: 100%; }

body.page-id-12019 #loyalty-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid !important;
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr);
  grid-template-rows: repeat(4, auto);
  align-content: center;
  align-items: center;
  column-gap: 20px;
  row-gap: 16px;
  min-height: 490px;
  padding: 64px 6.5% 66px !important;
  background: radial-gradient(circle at 82% 42%, #413019 0, #17110e 34%, #100d0d 72%) !important;
  border-bottom: 1px solid rgba(201,162,77,.3);
}
body.page-id-12019 #loyalty-hero::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 500px;
  height: 500px;
  left: auto !important;
  right: -30px;
  top: -12px;
  border: 1px solid rgba(201,162,77,.18);
  border-radius: 50%;
  box-shadow: 0 0 0 46px rgba(201,162,77,.035), 0 0 0 92px rgba(201,162,77,.018);
}
body.page-id-12019 #loyalty-hero > :not(img) { grid-column: 1; position: relative; z-index: 2; }
body.page-id-12019 #loyalty-hero .loyalty-eyebrow {
  margin: 0;
  color: #d3aa50;
  font-size: 12px !important;
  font-weight: 700;
  letter-spacing: .2em;
  text-transform: uppercase;
}
body.page-id-12019 #loyalty-hero .loyalty-title {
  margin: 0;
  max-width: 710px;
  color: #fbf5ed;
  font-family: Jost, sans-serif;
  font-size: clamp(42px, 4.6vw, 64px) !important;
  font-weight: 650 !important;
  line-height: 1.04 !important;
  letter-spacing: -.035em;
}
body.page-id-12019 #loyalty-hero .loyalty-copy {
  max-width: 550px;
  margin: 2px 0 14px;
  color: #e5dbce;
  font-size: 17px !important;
  line-height: 1.6 !important;
}
body.page-id-12019 #loyalty-hero .loyalty-action-link { margin: 0; width: fit-content; }
body.page-id-12019 #loyalty-hero .loyalty-action-link a,
body.page-id-12019 #loyalty-cta .loyalty-action-link a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 14px 24px;
  border: 1px solid #d6b45d;
  border-radius: 4px;
  background: #d3ac53;
  color: #17110e !important;
  font-family: Jost, sans-serif;
  font-size: 14px !important;
  font-weight: 750;
  letter-spacing: .065em;
  line-height: 1.2;
  text-decoration: none !important;
  text-transform: uppercase;
  transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}
body.page-id-12019 #loyalty-hero .loyalty-action-link a:hover,
body.page-id-12019 #loyalty-hero .loyalty-action-link a:focus-visible {
  background: #f1ce78;
  transform: translateY(-2px);
  box-shadow: 0 7px 22px rgba(201,162,77,.22);
}
body.page-id-12019 #loyalty-hero > img {
  grid-column: 2;
  grid-row: 1 / -1;
  justify-self: center;
  width: min(100%, 420px) !important;
  height: auto !important;
  max-height: 420px;
  object-fit: contain;
  mix-blend-mode: screen;
  -webkit-mask-image: linear-gradient(to right, #000 0%, #000 94%, transparent 100%);
  mask-image: linear-gradient(to right, #000 0%, #000 94%, transparent 100%);
  filter: drop-shadow(0 18px 22px rgba(0,0,0,.45));
}

body.page-id-12019 #loyalty-about {
  display: grid !important;
  grid-template-columns: minmax(260px, .85fr) minmax(0, 1.15fr);
  align-items: center;
  gap: 42px !important;
  padding: 46px 6.5% !important;
  border-bottom: 1px solid rgba(201,162,77,.28);
  background: linear-gradient(110deg, #171311, #241c20) !important;
}
body.page-id-12019 #loyalty-about > h2 {
  margin: 0;
  color: #e0b963;
  font-family: Jost, sans-serif;
  font-size: clamp(30px, 3vw, 38px) !important;
  font-weight: 650;
  line-height: 1.16;
  letter-spacing: -.025em;
}
body.page-id-12019 #loyalty-about > p {
  margin: 0;
  padding-left: 30px;
  border-left: 2px solid #b78e43;
  color: #eee3d7;
  font-family: Jost, sans-serif;
  font-size: 18px !important;
  line-height: 1.55;
}

body.page-id-12019 #loyalty-earn {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px !important;
  padding: 62px 6.5% 68px !important;
  background: #211a1a !important;
}
body.page-id-12019 #loyalty-earn > h2 {
  grid-column: 1 / -1;
  margin: 0;
  color: #f5ead6;
  font-family: Jost, sans-serif;
  font-size: clamp(28px, 3vw, 38px) !important;
  font-weight: 650;
  line-height: 1.15;
  letter-spacing: -.025em;
}
body.page-id-12019 #loyalty-earn > p[data-id="71bf4cb"] {
  grid-column: 1 / -1;
  margin: 0 0 12px;
  color: #d4c8ba;
  font-size: 16px !important;
  line-height: 1.5;
}
body.page-id-12019 #loyalty-earn > p[data-id="a9cd136"],
body.page-id-12019 #loyalty-earn > p[data-id="cedcfb1"],
body.page-id-12019 #loyalty-earn > p[data-id="ea7596b"] {
  position: relative;
  display: flex !important;
  flex-direction: column;
  min-width: 0;
  min-height: 242px;
  margin: 0;
  padding: 28px 28px 25px;
  border: 1px solid rgba(210,172,83,.45);
  border-radius: 7px;
  background: linear-gradient(145deg, #332a37 0%, #29232f 75%);
  box-shadow: 0 12px 34px rgba(0,0,0,.13);
  color: #f7f0e6;
  overflow: hidden;
}
body.page-id-12019 #loyalty-earn > p[data-id="a9cd136"]::before,
body.page-id-12019 #loyalty-earn > p[data-id="cedcfb1"]::before,
body.page-id-12019 #loyalty-earn > p[data-id="ea7596b"]::before {
  content: "✦";
  position: absolute;
  top: 18px;
  right: 22px;
  color: rgba(211,172,83,.55);
  font-size: 24px;
}
body.page-id-12019 #loyalty-earn > p[data-id="cedcfb1"] { background: linear-gradient(145deg, #403239 0%, #2c2530 78%); }
body.page-id-12019 #loyalty-earn > p[data-id="ea7596b"] { background: linear-gradient(145deg, #46352d 0%, #2b242b 78%); border-color: #d3ac53; }
body.page-id-12019 #loyalty-earn > p[data-id="a9cd136"] > span:first-of-type,
body.page-id-12019 #loyalty-earn > p[data-id="cedcfb1"] > span:first-of-type,
body.page-id-12019 #loyalty-earn > p[data-id="ea7596b"] > span:first-of-type {
  display: block;
  color: #fbf4ea;
  font-family: Jost, sans-serif;
  font-size: 23px;
  font-weight: 650;
  line-height: 1.15;
}
body.page-id-12019 #loyalty-earn > p[data-id="a9cd136"] > span:nth-of-type(2),
body.page-id-12019 #loyalty-earn > p[data-id="cedcfb1"] > span:nth-of-type(2),
body.page-id-12019 #loyalty-earn > p[data-id="ea7596b"] > span:nth-of-type(2) {
  display: block;
  margin-top: 7px;
  color: #d5aa51;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}
body.page-id-12019 #loyalty-earn > p[data-id="a9cd136"] > strong,
body.page-id-12019 #loyalty-earn > p[data-id="cedcfb1"] > strong,
body.page-id-12019 #loyalty-earn > p[data-id="ea7596b"] > strong {
  display: block;
  margin-top: auto;
  color: #d5aa51;
  font-family: Jost, sans-serif;
  font-size: 72px;
  font-weight: 650;
  line-height: 1;
}
body.page-id-12019 #loyalty-earn > p[data-id="a9cd136"] > span:last-of-type,
body.page-id-12019 #loyalty-earn > p[data-id="cedcfb1"] > span:last-of-type,
body.page-id-12019 #loyalty-earn > p[data-id="ea7596b"] > span:last-of-type {
  display: block;
  color: #ede4d8;
  font-size: 14px;
  font-weight: 600;
}

body.page-id-12019 #loyalty-referral {
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(260px, .85fr) minmax(0, 1.15fr);
  align-items: center;
  gap: 40px;
  padding: 42px 6.5% !important;
  border-top: 1px solid rgba(211,172,83,.36);
  border-bottom: 1px solid rgba(211,172,83,.36);
  background: linear-gradient(110deg, #100e0e 0%, #261c1c 58%, #382822 100%) !important;
}
body.page-id-12019 #loyalty-referral > h2 {
  margin: 0;
  color: #d6ae56;
  font-family: Jost, sans-serif;
  font-size: clamp(28px, 3vw, 37px) !important;
  font-weight: 650;
  line-height: 1.15;
}
body.page-id-12019 #loyalty-referral > p {
  margin: 0;
  padding-left: 32px;
  border-left: 2px solid #bb9349;
  color: #f1e6d8;
  font-family: Jost, sans-serif;
  font-size: 17px !important;
  line-height: 1.55;
}

body.page-id-12019 #loyalty-dashboard-intro {
  padding: 50px 6.5% 30px !important;
  background: #2d2836 !important;
}
body.page-id-12019 #loyalty-dashboard-intro > h2 {
  margin: 0;
  color: #f6eee4;
  font-family: Jost, sans-serif;
  font-size: clamp(29px, 3vw, 38px) !important;
  font-weight: 650;
  line-height: 1.15;
}
body.page-id-12019 #loyalty-dashboard-intro > p {
  max-width: 720px;
  margin: 0;
  color: #dbd0cb;
  font-size: 16px !important;
  line-height: 1.55;
}
body.page-id-12019 .elementor-element-c33050a {
  padding: 0 4.5% 55px !important;
  background: #2d2836 !important;
}
body.page-id-12019 .elementor-element-c33050a > .e-con-inner { max-width: none; }

body.page-id-12019 #loyalty-cta {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px 30px !important;
  align-items: center;
  padding: 44px 6.5% !important;
  background: linear-gradient(110deg, #c5a054 0%, #e0bd71 60%, #c89d4e 100%) !important;
}
body.page-id-12019 #loyalty-cta > h2 {
  grid-column: 1;
  margin: 0;
  color: #1c1512;
  font-family: Jost, sans-serif;
  font-size: clamp(28px, 3vw, 37px) !important;
  font-weight: 700;
  line-height: 1.15;
}
body.page-id-12019 #loyalty-cta > p[data-id="9ea6269"] {
  grid-column: 1;
  margin: 0;
  color: #31251d;
  font-size: 16px !important;
  line-height: 1.45;
}
body.page-id-12019 #loyalty-cta .loyalty-action-link {
  grid-column: 2;
  grid-row: 1 / span 2;
  margin: 0;
}
body.page-id-12019 #loyalty-cta .loyalty-action-link a {
  background: #211716;
  border-color: #211716;
  color: #f8e8c7 !important;
}
body.page-id-12019 #loyalty-cta .loyalty-action-link a:hover,
body.page-id-12019 #loyalty-cta .loyalty-action-link a:focus-visible {
  background: #3d2b28;
  transform: translateY(-2px);
  box-shadow: 0 7px 18px rgba(35,20,12,.2);
}

@media (max-width: 900px) {
  body.page-id-12019 #loyalty-hero { grid-template-columns: minmax(0, 1fr) minmax(220px, .6fr); min-height: 420px; padding: 48px 5% !important; }
  body.page-id-12019 #loyalty-hero .loyalty-title { font-size: clamp(38px, 5vw, 52px) !important; }
  body.page-id-12019 #loyalty-earn { padding: 48px 5% !important; }
  body.page-id-12019 #loyalty-earn > p[data-id="a9cd136"],
  body.page-id-12019 #loyalty-earn > p[data-id="cedcfb1"],
  body.page-id-12019 #loyalty-earn > p[data-id="ea7596b"] { padding: 22px; min-height: 220px; }
  body.page-id-12019 #loyalty-earn > p[data-id="a9cd136"] > span:first-of-type,
  body.page-id-12019 #loyalty-earn > p[data-id="cedcfb1"] > span:first-of-type,
  body.page-id-12019 #loyalty-earn > p[data-id="ea7596b"] > span:first-of-type { font-size: 19px; }
}
@media (max-width: 700px) {
  body.page-id-12019 #loyalty-hero { display: flex !important; flex-direction: column; align-items: flex-start; min-height: 0; padding: 46px 7% 0 !important; gap: 14px !important; }
  body.page-id-12019 #loyalty-hero::before { width: 350px; height: 350px; top: auto; right: -100px; bottom: -170px; }
  body.page-id-12019 #loyalty-hero .loyalty-title { font-size: clamp(38px, 9vw, 54px) !important; }
  body.page-id-12019 #loyalty-hero .loyalty-copy { font-size: 16px !important; margin: 0; }
  body.page-id-12019 #loyalty-hero .loyalty-action-link { margin-top: 6px; }
  body.page-id-12019 #loyalty-hero > img { align-self: center; width: min(78%, 340px) !important; max-height: 300px; margin: -8px 0 -13px; }
  body.page-id-12019 #loyalty-about { grid-template-columns: 1fr; gap: 18px !important; padding: 38px 7% !important; }
  body.page-id-12019 #loyalty-about > p { padding-left: 20px; font-size: 16px !important; }
  body.page-id-12019 #loyalty-earn { grid-template-columns: 1fr; padding: 48px 7% 54px !important; }
  body.page-id-12019 #loyalty-earn > h2,
  body.page-id-12019 #loyalty-earn > p[data-id="71bf4cb"] { grid-column: 1; }
  body.page-id-12019 #loyalty-earn > p[data-id="a9cd136"],
  body.page-id-12019 #loyalty-earn > p[data-id="cedcfb1"],
  body.page-id-12019 #loyalty-earn > p[data-id="ea7596b"] { min-height: 190px; }
  body.page-id-12019 #loyalty-referral { grid-template-columns: 1fr; gap: 18px; padding: 38px 7% !important; }
  body.page-id-12019 #loyalty-referral > p { padding-left: 20px; font-size: 16px !important; }
  body.page-id-12019 #loyalty-dashboard-intro { padding: 44px 7% 18px !important; }
  body.page-id-12019 .elementor-element-c33050a { padding: 0 4% 40px !important; }
  body.page-id-12019 #loyalty-cta { grid-template-columns: 1fr; gap: 14px !important; padding: 42px 7% !important; }
  body.page-id-12019 #loyalty-cta > h2,
  body.page-id-12019 #loyalty-cta > p[data-id="9ea6269"],
  body.page-id-12019 #loyalty-cta .loyalty-action-link { grid-column: 1; grid-row: auto; }
  body.page-id-12019 #loyalty-cta .loyalty-action-link { margin-top: 8px; }
}