/** Shopify CDN: Minification failed

Line 48:0 Unexpected "}"
Line 140:0 Unexpected "}"
Line 168:0 Unexpected "}"
Line 182:0 Unexpected "}"
Line 240:0 Unexpected "}"
Line 254:0 Unexpected "}"
Line 286:0 Unexpected "}"
Line 372:0 Unexpected "}"
Line 404:0 Unexpected "}"
Line 438:0 Unexpected "}"
... and 16 more hidden warnings

**/
@font-face {
  font-family: Migra;
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/migra-extrabold.woff2?v=22058339268163681611770825099) format("woff2"), url(//millennialtarot.com/cdn/shop/t/2/assets/migra-extrabold.eot?v=155142661407509836311770825099) format("embedded-opentype"), url(//millennialtarot.com/cdn/shop/t/2/assets/migra-extrabold.woff?v=148707169076028749641770825099) format("woff"), url(//millennialtarot.com/cdn/shop/t/2/assets/migra-extrabold.ttf?v=22212628675332851841770825099) format("truetype"), url(//millennialtarot.com/cdn/shop/t/2/assets/migra-extrabold.otf?v=107800205882329495741770825099) format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Migra;
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/migra-extralight.woff2?v=20421028285686028791770825100) format("woff2"), url(//millennialtarot.com/cdn/shop/t/2/assets/migra-extralight.eot?v=113584378280897556961770825099) format("embedded-opentype"), url(//millennialtarot.com/cdn/shop/t/2/assets/migra-extralight.woff?v=93614948649130696741770825100) format("woff"), url(//millennialtarot.com/cdn/shop/t/2/assets/migra-extralight.ttf?v=26518618395286625411770825100) format("truetype"), url(//millennialtarot.com/cdn/shop/t/2/assets/migra-extralight.otf?v=18966355045381363581770825099) format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Migra;
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/migraitalic-extrabolditalic.woff2?v=88981122127632627131770825100) format("woff2"), url(//millennialtarot.com/cdn/shop/t/2/assets/migraitalic-extrabolditalic.eot?v=84779817725412003971770825100) format("embedded-opentype"), url(//millennialtarot.com/cdn/shop/t/2/assets/migraitalic-extrabolditalic.woff?v=179578320375071916051770825100) format("woff"), url(//millennialtarot.com/cdn/shop/t/2/assets/migraitalic-extrabolditalic.ttf?v=38736787543370767311770825100) format("truetype"), url(//millennialtarot.com/cdn/shop/t/2/assets/migraitalic-extrabolditalic.otf?v=169684898540587804971770825100) format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Migra;
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/migraitalic-extralightitalic.woff2?v=77743849597293273381770825100) format("woff2"), url(//millennialtarot.com/cdn/shop/t/2/assets/migraitalic-extralightitalic.eot?v=74277673410386752211770825100) format("embedded-opentype"), url(//millennialtarot.com/cdn/shop/t/2/assets/migraitalic-extralightitalic.woff?v=135224387094631143811770825100) format("woff"), url(//millennialtarot.com/cdn/shop/t/2/assets/migraitalic-extralightitalic.ttf?v=50831211909010059341770825100) format("truetype"), url(//millennialtarot.com/cdn/shop/t/2/assets/migraitalic-extralightitalic.otf?v=22726966633451788391770825100) format("opentype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

}) format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

}) format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

}) format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

}) format("woff2"), url(//millennialtarot.com/cdn/shop/t/2/assets/gt-alpina-condensed-light-trial.woff2?v=117461901085162911601770825099) format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

}) format("woff2"), url(//millennialtarot.com/cdn/shop/t/2/assets/gt-alpina-condensed-bold-trial.woff2?v=159852588197801769931770825099) format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

}) format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

}) format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

}) format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

}) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

}) format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

}) format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

}) format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

}) format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

}) format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gt Alpina Standard;
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/gt-alpina-standard-regular-trial.woff2?v=53738256417416846411770825098) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

}) format("woff2");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

}) format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gt Alpina Standard;
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/gt-alpina-standard-medium-trial.woff2?v=165544923735857355081770825098) format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gt Alpina Standard;
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/gt-alpina-standard-medium-italic-trial.woff2?v=39494873191171014741770825098) format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

}) format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gt Alpina Standard;
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/gt-alpina-standard-light-italic-trial.woff2?v=172501551040950286051770825098) format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

}) format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

}) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

}) format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gt Alpina Standard;
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/gt-alpina-standard-light-trial.woff2?v=26848379582171944251770825098) format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gt Alpina Fine Standard;
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/gt-alpina-fine-standard-thin-trial.woff2?v=25916607005810208781770825098) format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gt Alpina Fine Standard;
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/gt-alpina-fine-standard-thin-italic-trial.woff2?v=44688624490224281671770825098) format("woff2");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gt Alpina Standard;
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/gt-alpina-standard-thin-trial.woff2?v=56451609841079029151770825100) format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gt Alpina Fine Standard;
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/gt-alpina-fine-standard-regular-italic-trial.woff2?v=31347081478957195481770825098) format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

}) format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gt Alpina Fine Standard;
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/gt-alpina-fine-standard-light-trial.woff2?v=79361556281863332641770825098) format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

}) format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

}) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

}) format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

}) format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gt Alpina Standard;
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/gt-alpina-standard-bold-trial.woff2?v=43448354258125989811770825100) format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

}) format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

}) format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

}) format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

}) format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

}) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

}) format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

}) format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

}) format("woff2");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

}) format("woff2");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

}) format("woff2");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

}) format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

}) format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

}) format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gt Alpina Fine Standard;
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/gt-alpina-fine-standard-regular-trial.woff2?v=16289759301822769901770825098) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

}) format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

}) format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

}) format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

}) format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gt Alpina Standard;
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/gt-alpina-standard-regular-italic-trial.woff2?v=24430200467677942501770825100) format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

}) format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

}) format("woff2");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

}) format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gt Alpina Standard;
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/gt-alpina-standard-thin-italic-trial.woff2?v=32405850149871662981770825100) format("woff2");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gt Alpina Standard;
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/gt-alpina-standard-bold-italic-trial.woff2?v=72157337623113130091770825098) format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

}) format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gt Alpina Fine Standard;
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/gt-alpina-fine-standard-bold-italic-trial.woff2?v=172762135667372977151770825099) format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

}) format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gt Alpina Fine Standard;
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/gt-alpina-fine-standard-light-italic-trial.woff2?v=47098405013693583431770825098) format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gt Alpina Fine Standard;
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/gt-alpina-fine-standard-medium-trial.woff2?v=91839827366130652321770825098) format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

}) format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

}) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

}) format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gt Alpina Fine Standard;
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/gt-alpina-fine-standard-bold-trial.woff2?v=51153285449198634451770825098) format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gt Alpina Fine Standard;
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/gt-alpina-fine-standard-medium-italic-trial.woff2?v=50768909955048403581770825098) format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

}) format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

}) format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

}) format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bitstream iowanoldst bt pro roman;
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/bitstream-iowanoldst-bt-pro-roman.ttf?v=82173348492361519771770825100) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --white: #fffffff7;
  --light-pink: #F0A2B1;
  --light-yellow: #daff5f;
  --medium-full: 1.375rem;
  --dark-pink: #2d5f54;
  --black: black;
  --small-full: 1rem;
  --purple: #2d5f54;
  --small-mobile: 20px;
  --maroon: #1a1a1a;
  --large-full: 2.625rem;
  --dark-pink-trans: #1f453b61;
  --light-green: #2d5f54;
  --light-green-trans: #daff5f61;
  --light-pink-trans-middle: #2d5f54de;
  --large-mobile: 48px;
  --medium: 30px;
  --pentacle: #E0D83D;
  --medium-mobile: 24px;
  --blue: #0094B6;
  --sword: #d7e5de;
  --small: 20px;
  --green: #2d5f54;
  --standard-full: 1rem;
  --yellow-trans: #daff5f61;
  --medium-tran-green: #daff5f9e;
  --purple-sheen: #2d5f549e;
  --huge-full: 3rem;
  --cup: #0094B6;
  --wand: #F0A2B1;
  --opacity: #00000042;
  --dark-blue: #0094B6;
  --darker-pin: #111111;
  --medium-trans-yellow: #daff5fb3;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-commerce-commerceaddtocartform {
  margin: 0 0 15px;
}

.w-commerce-commerceaddtocartoptionpillgroup {
  margin-bottom: 10px;
  display: flex;
}

.w-commerce-commerceaddtocartoptionpill {
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #000;
  margin-right: 10px;
  padding: 8px 15px;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-selected {
  color: #fff;
  background-color: #000;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commerceaddtocartquantityinput {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 60px;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 6px 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commerceaddtocartquantityinput::placeholder {
  color: #999;
}

.w-commerce-commerceaddtocartquantityinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commerceaddtocartbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commerceaddtocartbutton.w--ecommerce-add-to-cart-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commercebuynowbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  margin-top: 10px;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

.w-commerce-commercebuynowbutton.w--ecommerce-buy-now-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commerceaddtocartoutofstock {
  background-color: #ddd;
  margin-top: 10px;
  padding: 10px;
}

.w-commerce-commerceaddtocarterror {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-commerce-commercecartwrapper {
  display: inline-block;
  position: relative;
}

.w-commerce-commercecartopenlink {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecartopenlinkicon {
  margin-right: 8px;
}

.w-commerce-commercecartopenlinkcount {
  color: #3898ec;
  text-align: center;
  background-color: #fff;
  border-radius: 9px;
  min-width: 18px;
  height: 18px;
  margin-left: 8px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  display: inline-block;
}

.w-commerce-commercecartcontainerwrapper {
  z-index: 1001;
  background-color: #000c;
  position: fixed;
  inset: 0;
}

.w-commerce-commercecartcontainerwrapper--cartType-modal {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-leftSidebar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightSidebar {
  flex-direction: row;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown {
  background-color: #0000;
  position: absolute;
  inset: 100% auto auto 0;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
  background-color: #0000;
  position: absolute;
  inset: 100% 0 auto auto;
}

.w-commerce-commercecartcontainer {
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  min-width: 320px;
  max-width: 480px;
  display: flex;
  overflow: auto;
  box-shadow: 0 5px 25px #00000040;
}

.w-commerce-commercecartheader {
  border-bottom: 1px solid #e6e6e6;
  flex: none;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  display: flex;
  position: relative;
}

.w-commerce-commercecartheading {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.w-commerce-commercecartcloselink {
  width: 16px;
  height: 16px;
}

.w-commerce-commercecartformwrapper {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.w-commerce-commercecartform {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecartlist {
  -webkit-overflow-scrolling: touch;
  flex: 1;
  padding: 12px 24px;
  overflow: auto;
}

.w-commerce-commercecartitem {
  align-items: flex-start;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.w-commerce-commercecartitemimage {
  width: 60px;
  height: 0%;
}

.w-commerce-commercecartiteminfo {
  flex-direction: column;
  flex: 1;
  margin-left: 16px;
  margin-right: 16px;
  display: flex;
}

.w-commerce-commercecartproductname {
  font-weight: 700;
}

.w-commerce-commercecartoptionlist {
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

.w-commerce-commercecartquantity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 60px;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 6px 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecartquantity::placeholder {
  color: #999;
}

.w-commerce-commercecartquantity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecartfooter {
  border-top: 1px solid #e6e6e6;
  flex-direction: column;
  flex: none;
  padding: 16px 24px 24px;
  display: flex;
}

.w-commerce-commercecartlineitem {
  flex: none;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 16px;
  display: flex;
}

.w-commerce-commercecartordervalue {
  font-weight: 700;
}

.w-commerce-commercecartapplepaybutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  height: 38px;
  min-height: 30px;
  margin-bottom: 8px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecartapplepayicon {
  width: 100%;
  height: 50%;
  min-height: 20px;
}

.w-commerce-commercecartquickcheckoutbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  height: 38px;
  margin-bottom: 8px;
  padding: 0 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon {
  margin-right: 8px;
  display: block;
}

.w-commerce-commercecartcheckoutbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.w-commerce-commercecartemptystate {
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.w-commerce-commercecarterrorstate {
  background-color: #ffdede;
  flex: none;
  margin: 0 24px 24px;
  padding: 10px;
}

.w-form-formrecaptcha {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercelayoutmain {
  flex: 0 800px;
  margin-right: 20px;
}

.w-commerce-commercecheckoutorderitemswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutblockcontent {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 20px;
}

.w-commerce-commercecheckoutorderitemslist {
  margin-bottom: -20px;
}

.w-commerce-commercecheckoutorderitem {
  margin-bottom: 20px;
  display: flex;
}

.w-commerce-commercecheckoutorderitemdescriptionwrapper {
  flex-grow: 1;
  margin-left: 16px;
  margin-right: 16px;
}

.w-commerce-commerceboldtextblock {
  font-weight: 700;
}

.w-commerce-commercecheckoutorderitemquantitywrapper {
  white-space: pre-wrap;
  display: flex;
}

.w-commerce-commercecheckoutorderitemoptionlist {
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

.w-commerce-commercecheckoutcustomerinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutlabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutemailinput {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutemailinput::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutemailinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingaddresswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingfullname {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddress {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutrow {
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}

.w-commerce-commercecheckoutcolumn {
  flex: 1;
  padding-left: 8px;
  padding-right: 8px;
}

.w-commerce-commercecheckoutshippingcity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstateprovince {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingzippostalcode {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingcountryselector {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingmethodswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingmethodslist {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

.w-commerce-commercecheckoutshippingmethoditem {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: row;
  align-items: baseline;
  margin-bottom: 0;
  padding: 16px;
  font-weight: 400;
  display: flex;
}

.w-commerce-commercecheckoutshippingmethoddescriptionblock {
  flex-direction: column;
  flex-grow: 1;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
}

.w-commerce-commercecheckoutshippingmethodsemptystate {
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 64px 16px;
}

.w-commerce-commercecheckoutpaymentinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutcardnumber {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardnumber::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardexpirationdate {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardexpirationdate::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardsecuritycode {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardsecuritycode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingaddresstogglewrapper {
  flex-direction: row;
  display: flex;
}

.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
  margin-top: 4px;
}

.w-commerce-commercecheckoutbillingaddresstogglelabel {
  margin-left: 8px;
  font-weight: 400;
}

.w-commerce-commercecheckoutbillingaddresswrapper {
  margin-top: 16px;
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutbillingfullname {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddress {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstateprovince {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingzippostalcode {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcountryselector {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercelayoutsidebar {
  flex: 0 0 320px;
  position: sticky;
  top: 20px;
}

.w-commerce-commercecheckoutordersummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem {
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 8px;
  display: flex;
}

.w-commerce-commercecheckoutsummarytotal {
  font-weight: 700;
}

.w-commerce-commercecheckoutdiscounts {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  flex-wrap: wrap;
  padding: 20px;
  display: flex;
}

.w-commerce-commercecheckoutdiscountslabel {
  flex-basis: 100%;
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutdiscountsinput {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  flex: 1;
  width: auto;
  min-width: 0;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutdiscountsinput::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutdiscountsinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutdiscountsbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  height: 38px;
  margin-left: 8px;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecheckoutplaceorderbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
  align-items: center;
  margin-bottom: 20px;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.w-commerce-commercecheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-commerce-commercepaypalcheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercelayoutcontainer {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.w-commerce-commercecheckoutcustomerinfosummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutsummaryflexboxdiv {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecheckoutsummarytextspacingondiv {
  margin-right: .33em;
}

.w-commerce-commercecheckoutpaymentsummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercepaypalcheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }

  .w-commerce-commercelayoutmain {
    flex-basis: auto;
    margin-right: 0;
  }

  .w-commerce-commercelayoutsidebar {
    flex-basis: auto;
  }

  .w-commerce-commercelayoutcontainer {
    flex-direction: column;
    align-items: stretch;
  }
}

@media screen and (max-width: 479px) {
  .w-commerce-commerceaddtocartquantityinput {
    font-size: 16px;
  }

  .w-commerce-commercecartcontainerwrapper--cartType-modal {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
  }

  .w-commerce-commercecartcontainerwrapper--cartType-leftDropdown, .w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    display: flex;
    position: fixed;
    inset: 0;
  }

  .w-commerce-commercecartquantity, .w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutrow {
    flex-direction: column;
  }

  .w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutbillingcountryselector, .w-commerce-commercecheckoutdiscountsinput {
    font-size: 16px;
  }
}

body {
  color: var(--white);
  text-align: center;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/black-stars.jpg?v=151812388893957317451770829955);
  background-position: 50%;
  background-repeat: repeat;
  background-size: 25%;
  background-color: #000;
  font-family: Anek Bangla, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 28px;
}

h1 {
  margin-top: 20px;
  margin-bottom: 15px;
  font-family: Fraunces, serif;
  font-size: 44px;
  font-weight: 400;
  line-height: 62px;
}

h2 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Fraunces, serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 50px;
}

h3 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 400;
  line-height: 46px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 400;
  line-height: 38px;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 500;
  line-height: 34px;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}

p {
  margin-bottom: 10px;
}

a {
  color: #43464d;
  text-decoration: underline;
  transition: opacity .2s;
  display: block;
}

a:hover {
  color: #32343a;
}

a:active {
  color: #43464d;
}

ul {
  margin-top: 20px;
  margin-bottom: 10px;
  padding-left: 40px;
  list-style-type: disc;
}

li {
  margin-bottom: 10px;
  font-size: 16px;
}

img {
  display: block;
}

label {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-top: 25px;
  margin-bottom: 25px;
  padding: 15px 30px;
  font-size: 20px;
  line-height: 34px;
}

figure {
  margin-top: 25px;
  padding-bottom: 20px;
}

figcaption {
  opacity: .6;
  text-align: center;
  margin-top: 5px;
  font-size: 14px;
  line-height: 26px;
}

.divider {
  background-color: #323232;
  height: 1px;
  display: block;
}

.divider.cc-dark-divider {
  background-color: #323232;
  height: 1px;
}

.styleguide-content-wrap {
  text-align: center;
}

.gone-3 {
  background-color: #fff;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-1.jpg?v=80877265287658194311770837010);
  background-position: 0 0;
  background-size: 50%;
  margin-left: 0;
  margin-right: 0;
}

.gone-3.cc-store-home-wrap.hero {
  margin-bottom: 60px;
  margin-left: 20px;
  margin-right: 20px;
}

.gone-3.cc-subscribe-form {
  background-color: #9ccfb4;
  margin-left: 0;
  margin-right: 0;
}

.gone-3.cc-product-detail {
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.gone-3.cards {
  z-index: 0;
  background-color: #fff0;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  position: relative;
}

.gone-3.white-text {
  color: #fff;
}

.gone-3.white-text.blog {
  background-image: none;
  margin-top: 220px;
}

.gone-3.blog {
  background-color: #fff0;
  background-image: none;
  background-size: auto;
}

.gone-3.margin-top {
  color: var(--white);
  background-color: #fff0;
  background-image: none;
  background-size: auto;
  margin-top: 100px;
}

.styleguide-block {
  text-align: left;
  flex-direction: column;
  align-items: center;
  margin-top: 80px;
  margin-bottom: 80px;
  display: block;
}

.gone-8 {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.gone-8.cc-subscription-form {
  text-align: center;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: auto;
  padding-top: 130px;
  padding-bottom: 140px;
  display: flex;
}

.gone-8.cc-heading-wrap {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 80px;
}

.gone-8.cc-heading-wrap.shipping {
  flex-flow: column;
  margin-top: 0;
  margin-bottom: 0;
  padding: 40px 20px;
}

.gone-8.cc-full-width-form-wrap {
  z-index: 1;
  background-color: #f8aee700;
  background-image: none;
  background-size: auto;
  align-items: flex-start;
  width: auto;
  padding: 20px;
  display: flex;
  position: relative;
}

.gone-8.cc-full-width-form-wrap.confirmation {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.gone-8.cc-full-width-form-wrap.checkout {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.gone-8.cc-blog-detail {
  flex-flow: column;
}

.gone-8.hide {
  display: none;
}

.gone-8.sticky {
  z-index: 10;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #ffffffba;
  max-width: 1240px;
  margin-bottom: 10px;
  position: sticky;
  top: 0;
}

.gone-8.vertical-stack {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  text-align: center;
  background-image: none;
  background-size: auto;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 1440px;
}

.gone-8.vertical-stack.background {
  background-image: none;
  width: 100%;
}

.gone-8.footer-layout {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  padding: 60px 40px;
}

.paragraph-tiny {
  font-size: 12px;
  line-height: 20px;
}

.paragraph-tiny.cc-paragraph-tiny-light {
  opacity: .7;
  color: var(--white);
}

.paragraph-bigger {
  opacity: 1;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
}

.paragraph-bigger.cc-bigger-light {
  opacity: 1;
  text-align: center;
  letter-spacing: 1px;
  margin-bottom: 20px;
  font-family: Anek Bangla, sans-serif;
  font-size: 24px;
  line-height: 28px;
  display: block;
}

.paragraph-bigger.cc-bigger-light.smaller-paragraph {
  opacity: 1;
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
}

.paragraph-bigger.cc-bigger-light.smaller-paragraph.contact {
  max-width: 700px;
}

.button {
  background-color: var(--light-pink);
  color: var(--white);
  letter-spacing: 2px;
  text-transform: none;
  border-radius: 6px;
  padding: 12px 25px;
  font-family: Anek Bangla, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .4s, opacity .4s, color .4s;
}

.button:hover {
  color: #fff;
  background-color: #32343a;
}

.button:active {
  background-color: #43464d;
}

.button.cc-jumbo-button {
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.button.cc-white-button {
  float: left;
  color: #202020;
  background-color: #fff;
  margin-right: 20px;
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.button.cc-white-button:hover {
  background-color: #fffc;
}

.button.cc-white-button:active {
  background-color: #ffffffe6;
}

.button.cc-add-to-cart-btn {
  margin-top: 10px;
  margin-right: 10px;
}

.button.order-button {
  background-color: var(--light-pink);
  padding-top: 20px;
  padding-bottom: 20px;
}

.label {
  color: var(--light-yellow);
  font-family: Anek Bangla, sans-serif;
  font-size: var(--medium-full);
  letter-spacing: 1px;
  text-transform: none;
  object-fit: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 0;
  font-weight: 800;
  line-height: 20px;
  display: flex;
}

.label.cc-styleguide-label {
  margin-bottom: 25px;
}

.label.cc-cart-remove-link {
  color: #a7a7a7;
  margin-top: 4px;
  margin-bottom: 5px;
  font-weight: 400;
  text-decoration: none;
}

.label.cc-blog-date {
  opacity: .6;
  color: #fff;
  margin-top: 20px;
  font-family: Source Sans Pro, sans-serif;
}

.heading-jumbo-tiny {
  color: var(--white);
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Anek Bangla, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
}

.rich-text {
  opacity: 1;
  width: 70%;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
}

.rich-text p {
  opacity: .85;
  margin-top: 15px;
  margin-bottom: 25px;
}

.paragraph-light {
  opacity: .88;
  color: #fff;
  letter-spacing: 0;
  text-transform: none;
  font-family: Gt Alpina Fine Standard, sans-serif;
  font-size: 14px;
  line-height: 25px;
}

.paragraph-light.cc-subscribe-paragraph {
  width: 40%;
}

.heading-jumbo {
  text-align: center;
  letter-spacing: -3px;
  text-transform: none;
  margin-top: 30px;
  margin-bottom: 20px;
  font-family: Bitstream iowanoldst bt pro roman, sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 55px;
}

.heading-jumbo.center {
  text-align: center;
}

.heading-jumbo.descriptions {
  text-align: center;
  font-size: 40px;
}

.heading-jumbo.descriptions.stocking {
  margin-top: 100px;
  margin-bottom: 100px;
}

.heading-jumbo-small {
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 40px;
  font-weight: 400;
  line-height: 50px;
}

.heading-jumbo-small.announcement {
  font-family: Bitstream iowanoldst bt pro roman, sans-serif;
  font-size: 60px;
  line-height: 60px;
}

.styleguide-button-wrap {
  margin-top: 10px;
  margin-bottom: 10px;
}

.styleguide-header-wrap {
  color: #fff;
  text-align: center;
  background-color: #1a1b1f;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 460px;
  padding: 30px;
  display: flex;
}

.paragraph-small {
  font-size: 14px;
  line-height: 26px;
}

.logo-link {
  z-index: 1;
  padding-left: 20px;
  padding-right: 100px;
}

.logo-link:hover {
  opacity: .8;
}

.logo-link:active {
  opacity: .7;
}

.logo-link.w--current {
  width: 100%;
}

.cart-footer {
  color: var(--dark-pink);
  border-top-style: none;
}

.status-message {
  color: #fff;
  text-align: center;
  background-color: #202020;
  padding: 9px 30px;
  font-size: 14px;
  line-height: 26px;
}

.status-message.cc-error-message {
  background-color: #db4b68;
}

.status-message.cc-no-data {
  width: 70%;
  margin: 100px auto;
  display: block;
}

.status-message.cc-success-message {
  background-color: #12b878;
}

.product-name-text {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 500;
  line-height: 34px;
}

.product-name-text.cc-name-text-cart {
  text-transform: none;
  font-family: Anek Bangla, sans-serif;
  font-size: 14px;
  line-height: 26px;
}

.product-name-text.cc-shipping-option {
  margin-bottom: 2px;
  font-size: 14px;
  line-height: 26px;
}

.product-name-text.cc-shipping-option.alt {
  background-color: #9ccfb4;
  padding-left: 5px;
  padding-right: 5px;
}

.product-name-text.cc-shipping-option.alt.add-code {
  margin-bottom: 20px;
}

.cart-item-info-wrap {
  margin-top: -5px;
  margin-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
}

.cart-quantity {
  color: #fff;
  letter-spacing: 0;
  background-color: #0000;
  border-radius: 0;
  min-width: auto;
  height: auto;
  padding-left: 0;
  padding-right: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  display: block;
}

.navigation-items {
  z-index: 10;
  background-color: #0000;
  border-radius: 0 8px 12px 12px;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  max-width: 1440px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.cart {
  font-family: Anek Bangla, sans-serif;
  font-size: var(--medium-full);
  text-align: left;
  margin-left: 20px;
  line-height: 1;
}

.navigation {
  z-index: 8;
  background-color: #0000;
  align-items: center;
  padding: 30px 50px;
  display: flex;
}

.text-field {
  border: 1px solid #e4e4e4;
  border-radius: 0;
  width: 100%;
  margin-bottom: 18px;
  padding: 21px 20px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 14px;
  line-height: 26px;
  transition: border-color .4s;
}

.text-field:hover {
  border-color: #e3e6eb;
}

.text-field:active, .text-field:focus, .text-field.-wfp-focus {
  border-color: #43464d;
}

.text-field::placeholder {
  color: #32343a66;
}

.text-field.cc-subscribe-text-field {
  width: 330px;
  margin-bottom: 0;
  margin-right: 10px;
  display: inline-block;
}

.text-field.cc-subscribe-text-field:focus {
  border-color: #32343a;
}

.text-field.cc-contact-field {
  margin-bottom: 25px;
}

.text-field.cc-textarea {
  height: 200px;
  padding-top: 12px;
}

.text-field.cc-quantity-field {
  background-color: #fff;
  border-color: #e6e6e6;
  width: 80px;
  height: auto;
  margin-top: 10px;
  margin-bottom: 0;
  margin-right: 10px;
  padding: 8px 12px 8px 20px;
}

.cart-list {
  padding-top: 20px;
  padding-bottom: 20px;
}

.cart-line-item {
  margin-bottom: 10px;
}

.navigation-item {
  z-index: 5;
  opacity: 1;
  color: #e0d83d;
  font-family: Anek Bangla, sans-serif;
  font-size: var(--small-full);
  text-align: center;
  letter-spacing: 1px;
  text-transform: none;
  background-color: #931dcacc;
  background-image: none;
  border-bottom: 1px solid #c4db43;
  border-radius: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: 600;
  line-height: 20px;
  transition-property: none;
}

.navigation-item:hover {
  background-image: linear-gradient(to bottom, var(--light-yellow), var(--light-yellow));
  opacity: 1;
  color: var(--black);
}

.navigation-item:active {
  z-index: 5;
  opacity: 1;
  color: var(--white);
}

.navigation-item:focus {
  background-image: linear-gradient(to bottom, var(--purple), var(--purple)), linear-gradient(to bottom, var(--black), var(--black));
}

.navigation-item:visited {
  color: var(--white);
  mix-blend-mode: normal;
}

.navigation-item.w--current {
  opacity: 1;
  color: var(--light-pink);
  font-weight: 600;
}

.navigation-item.w--current:hover {
  opacity: 1;
  color: #000;
}

.navigation-item.w--current:active {
  opacity: .7;
  color: #32343a;
}

.icon, .logo-image {
  display: block;
}

.remove-button {
  text-decoration: none;
}

.cart-header {
  padding-top: 16px;
  padding-bottom: 16px;
}

.navigation-wrap {
  align-items: center;
  display: flex;
}

.cart-container {
  background-image: linear-gradient(#fffffff7, #fffffff7);
  background-position: 0 0;
  min-width: 400px;
  box-shadow: 0 2px 10px #00000014;
}

.products-heading {
  text-align: center;
  margin-bottom: 80px;
}

.collection-wrap {
  flex-wrap: nowrap;
  place-content: space-around;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.intro-header {
  color: #fff;
  background-color: #0000;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/millennial-tarot-cards-laid-out_1millennial-tarot-cards-laid-out.webp?v=118423598849121728471770827857), url(//millennialtarot.com/cdn/shop/t/2/assets/a-pattern-of-the-cosmos-for-millennial-tarot.webp?v=109660477077749349161770825100);
  background-position: 0%, 0 0;
  background-size: cover, contain;
  justify-content: center;
  align-items: center;
  max-width: 1540px;
  height: auto;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  padding-left: 0;
  display: flex;
}

.intro-header.hide {
  display: none;
}

.intro-header.hero {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/a-pattern-of-the-cosmos-for-millennial-tarot.webp?v=109660477077749349161770825100);
  background-position: 0 0;
  background-size: contain;
}

.intro-header.instruction-header {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/frame-2-min_1frame-2-min.webp?v=31295226587859108001770825100), url(//millennialtarot.com/cdn/shop/t/2/assets/a-pattern-of-the-cosmos-for-millennial-tarot.webp?v=109660477077749349161770825100);
  background-position: 100%, 0 0;
  background-size: cover, contain;
}

.collection-item {
  flex: 1;
  width: auto;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.intro-content {
  float: none;
  text-align: center;
  flex: 1;
  align-self: center;
  width: auto;
  max-width: none;
  margin: auto;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.intro-text {
  text-align: left;
  width: 80%;
  margin-bottom: 35px;
  margin-left: auto;
  margin-right: auto;
  display: inline;
}

.main-heading-wrap {
  z-index: 2;
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  color: #fff;
  text-align: center;
  background-color: #0000;
  flex-flow: column;
  max-width: 800px;
  margin-bottom: 60px;
  padding: 20px;
  display: flex;
  position: relative;
}

.main-heading-wrap.major {
  background-color: #f54949;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg'), url(//millennialtarot.com/cdn/shop/t/2/assets/spacepattern.jpg?v=59256081519170655001770825101), linear-gradient(#8312f4, #530d9a);
  background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
  background-size: auto, auto, auto, auto, auto, auto, auto, auto, auto, cover, auto;
}

.main-heading-wrap.feels {
  background-image: linear-gradient(#99c9e84d, #99c9e84d), url(//millennialtarot.com/cdn/shop/t/2/assets/a-pattern-of-the-cosmos-for-millennial-tarot.webp?v=109660477077749349161770825100);
  background-position: 0 0, 0 0;
  background-size: auto, auto 500px;
  margin-top: 0;
  margin-bottom: 40px;
}

.main-heading-wrap.major {
  background-image: linear-gradient(#8312f4, #530d9a);
}

.main-heading-wrap.vibes {
  background-image: linear-gradient(#f04c874d, #ff005c4d), url(//millennialtarot.com/cdn/shop/t/2/assets/a-pattern-of-the-cosmos-for-millennial-tarot.webp?v=109660477077749349161770825100);
  background-position: 0 0, 0 0;
  background-size: auto, auto 500px;
}

.main-heading-wrap.thoughts {
  background-image: linear-gradient(#d0d0d04d, #d0d0d04d), url(//millennialtarot.com/cdn/shop/t/2/assets/a-pattern-of-the-cosmos-for-millennial-tarot.webp?v=109660477077749349161770825100);
  background-position: 0 0, 0 0;
  background-size: auto, auto 500px;
}

.main-heading-wrap.swag {
  background-image: linear-gradient(#9ccfb44d, #9ccfb44d), url(//millennialtarot.com/cdn/shop/t/2/assets/spacepattern.jpg?v=59256081519170655001770825101);
  background-position: 0 0, 0 0;
  background-size: auto, auto 500px;
}

.main-heading-wrap.links {
  background-image: none;
  margin-bottom: 10px;
}

.main-heading-wrap.maj {
  opacity: 1;
  background-image: linear-gradient(#f3a5c64d, #f3a5c64d), url(//millennialtarot.com/cdn/shop/t/2/assets/a-pattern-of-the-cosmos-for-millennial-tarot.webp?v=109660477077749349161770825100);
  background-position: 0 0, 0 0;
  background-size: auto, auto 500px;
  border-radius: 0;
  margin-bottom: 40px;
}

.main-paragraph-wrap {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-areas: ". .";
  margin-top: 60px;
  margin-bottom: 150px;
}

.subscribe-form {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.form-block {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.footer {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template: ". . . . ."
                 ". . . . ."
                 / 1fr 1fr 1fr;
  grid-auto-columns: .25fr;
  place-items: start stretch;
  width: 100%;
  max-width: 1440px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.footer-link {
  opacity: .86;
  color: #fff;
  font-family: Anek Bangla, sans-serif;
  font-size: var(--small-full);
  text-align: left;
  text-transform: none;
  margin-bottom: 15px;
  font-weight: 600;
  text-decoration: none;
  transition: color .2s, opacity .2s;
}

.footer-link:hover {
  opacity: 1;
  color: #fff;
}

.footer-link.w--current {
  font-family: Anek Bangla, sans-serif;
  font-size: var(--small-full);
  text-transform: none;
  font-weight: 600;
}

.logo-footer {
  margin-top: 0;
  padding-left: 10px;
}

.logo-footer.logo-margin {
  margin-top: 10px;
}

.made-with-webflow {
  opacity: .5;
  align-items: center;
  margin-top: 70px;
  text-decoration: none;
  transition: opacity .4s;
  display: flex;
}

.made-with-webflow:hover {
  opacity: 1;
}

.made-with-webflow:active {
  opacity: .8;
}

.links-section-footer {
  font-size: var(--small-full);
  margin-top: 40px;
}

.webflow-logo-tiny {
  margin-top: -2px;
  margin-right: 8px;
}

.product-image-wrap {
  color: #fff;
  background-color: #f4f4f4;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 620px;
  transition: opacity .6s;
  display: block;
  position: relative;
}

.product-image-wrap:hover {
  opacity: .9;
  color: #fff;
}

.product-image-wrap:active {
  opacity: .85;
  color: #fff;
}

.product-description {
  position: absolute;
  inset: auto auto 30px 30px;
}

.product-price-text {
  opacity: .6;
  font-size: 14px;
  line-height: 26px;
}

.about-quote {
  text-align: center;
  width: 70%;
  margin-bottom: 120px;
  margin-left: auto;
  margin-right: auto;
}

.picture-placeholder {
  background-color: #f4f4f4;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/placeholder-1_1.svg?v=174505562527590583911770825099);
  background-position: 45%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  height: 460px;
}

.picture-placeholder.cc-about-2 {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/placeholder-1-wide.svg?v=105355850939326515311770825099);
  background-position: 50%;
  background-size: cover;
  height: 620px;
}

.picture-placeholder.cc-about-3 {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/placeholder-2.svg?v=35614105803365721651770825099);
  background-position: 50%;
  background-size: cover;
}

.picture-placeholder.cc-about-1 {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/placeholder-1.svg?v=124629155724473249951770825099);
  background-position: 50%;
  background-size: cover;
}

.about-pictures-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: ". . ."
                       ". . .";
  margin-bottom: 150px;
}

.contact-name-field-wrap {
  width: 50%;
  padding-right: 10px;
}

.email-name-field-wrap {
  width: 50%;
  padding-left: 10px;
}

.get-in-touch-form-wrap {
  text-align: left;
  flex-direction: column;
  align-items: stretch;
  width: auto;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.get-in-touch-form {
  flex-direction: column;
  align-self: flex-start;
  width: 100%;
  display: flex;
}

.credentials-inputs-wrap {
  display: flex;
}

.map {
  height: 460px;
  margin-bottom: 100px;
  line-height: 20px;
}

.paragraph-contact-text {
  margin-bottom: 10px;
}

.grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template: ". . . ."
  / 1fr 1fr 1fr 1fr;
  margin-top: 60px;
}

.support-link {
  opacity: .7;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
  text-decoration: none;
  transition: opacity .2s;
}

.support-link:hover {
  opacity: 1;
}

.support-link:active {
  opacity: .8;
}

.contacts-section {
  text-align: center;
  margin-bottom: 100px;
}

.store-categories-wrap {
  justify-content: center;
  align-items: center;
  margin-top: 25px;
  margin-left: -15px;
  margin-right: -15px;
  display: none;
}

.products-category-link {
  opacity: .6;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-left: 15px;
  margin-right: 15px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.products-category-link:hover {
  opacity: 1;
}

.products-category-link:active {
  opacity: .8;
}

.products-category-link.w--current {
  opacity: 1;
  letter-spacing: 1px;
  font-weight: 600;
}

.products-category-link.w--current:hover {
  opacity: .8;
}

.products-category-link.w--current:active {
  opacity: .7;
}

.collection-list {
  float: none;
  clear: none;
  grid-column-gap: 16px;
  grid-row-gap: 10px;
  background-color: #0000;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch;
  place-items: stretch stretch;
  display: grid;
}

.blog-list-wrap {
  margin-top: 40px;
  margin-bottom: 100px;
}

.blog-item {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/black-texture.jpg?v=112462281557973682851770825101);
  background-size: auto;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  display: block;
}

.blog-preview-image {
  object-fit: cover;
  object-position: 50% 50%;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 1%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 620px;
  margin-bottom: 45px;
  transition: opacity .6s;
  display: block;
}

.blog-preview-image:hover {
  opacity: .7;
}

.blog-summary-wrap {
  color: #fff;
  text-align: left;
  width: 70%;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.utility-page-wrap {
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding: 30px;
  display: flex;
}

._404-wrap {
  background-color: #1a1b1f;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 30px;
  display: flex;
}

._404-content-wrap {
  margin-bottom: 20px;
}

.protected-wrap {
  justify-content: center;
  padding-top: 90px;
  padding-bottom: 100px;
  display: flex;
}

.protected-heading {
  margin-bottom: 30px;
}

.protected-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.product-detail-measurement {
  align-items: center;
  display: flex;
}

.product-detail-main-details {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-bottom: 1px #000;
  flex-flow: column;
  margin-bottom: 0;
  padding-right: 0;
  display: flex;
}

.product-details-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: 1;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/small-container.jpg?v=80877265287658194311770825101);
  background-position: 0 0;
  background-size: auto;
  flex-flow: column;
  width: auto;
  max-width: none;
  margin-bottom: 0;
  margin-left: 0;
  padding: 20px 20px 10px;
  display: flex;
}

.product-details-wrap.none {
  display: none;
}

.add-to-cart {
  opacity: 1;
  margin-top: 0;
  display: block;
}

.product-image {
  background-color: #f4f4f4;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/placeholder-1.svg?v=124629155724473249951770825099);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 700px;
  padding-top: 0;
  padding-left: 0;
  display: flex;
}

.product-detail-cta-wrap {
  margin-top: 0;
  display: flex;
}

.product-informations {
  margin-top: 0;
  margin-bottom: 0;
}

.list-item {
  justify-content: space-between;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.product-detail-price {
  opacity: .88;
  color: #fff;
  margin-bottom: 0;
  font-family: Gt Alpina Fine Standard, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 50px;
}

.product-detail-price.alt {
  opacity: 1;
  color: #000;
  background-color: #9ccfb4;
  padding: 5px 15px;
  font-size: 22px;
  line-height: 40px;
}

.product-detail-price.alt.hero {
  text-align: center;
}

.product-detail-price.alt.hide {
  margin-bottom: 0;
  padding: 0;
}

.product-detail-name {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Gt Alpina Fine Standard, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 52px;
}

.product-detail-unit-text {
  color: #323232;
  margin-left: 6px;
  font-family: Gt Alpina Fine Standard, sans-serif;
}

.product-detail-unit-text.cc-middle-text {
  margin-right: 6px;
}

.total-count-text {
  font-weight: 600;
}

.block-header {
  border-style: none;
  border-color: var(--light-yellow);
  color: var(--white);
  overflow-wrap: normal;
  background-color: #ffe45f38;
  background-image: linear-gradient(#1869b96e, #1869b96e), url(//millennialtarot.com/cdn/shop/t/2/assets/wide-1.jpg?v=80877265287658194311770837010);
  background-position: 0 0, 0 0;
  background-size: auto, 50%;
  padding: 0 24px;
}

.block-header.blue {
  background-image: linear-gradient(#1869b96e, #1869b96e), url(//millennialtarot.com/cdn/shop/t/2/assets/wide-1.jpg?v=80877265287658194311770837010);
  background-position: 0 0, 0 0;
  background-size: auto, 50%;
}

.block-content {
  background-color: var(--white);
  color: var(--maroon);
  text-align: left;
  border-bottom-color: #e4e4e4;
  border-left-color: #e4e4e4;
  border-right-color: #e4e4e4;
  padding: 24px 24px 12px;
  font-weight: 400;
}

.full-width-form {
  z-index: 0;
  background-color: #f4f4f4;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/black-texture.jpg?v=112462281557973682851770825101);
  background-position: 0 0;
  background-size: 30%;
  border-top: 1px #e4e4e4;
  border-bottom: 1px #e4e4e4;
  padding-top: 50px;
  padding-bottom: 50px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  position: relative;
}

.full-width-form.confirmation {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/star-less-darker.jpg?v=99618144275585759751770825100);
}

.full-width-form.margin-top {
  background-color: #ffe45f38;
  background-image: none;
  background-size: auto;
  margin-top: 100px;
  font-family: Anek Bangla, sans-serif;
}

.order-item-list {
  margin-bottom: -5px;
}

.order-item-description-wrap {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.order-item-content-wrap {
  margin-left: 24px;
}

.order-item-price {
  font-family: Anek Bangla, sans-serif;
  font-size: 14px;
}

.checkout-quantity-wrap {
  opacity: .73;
  font-size: 14px;
  line-height: 26px;
}

.order-confirmation-header-wrapper {
  font-weight: 100;
}

.select {
  font-size: var(--small-full);
  height: 42px;
  margin-bottom: 16px;
}

.checkbox-label {
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 0;
  margin-left: 12px;
  font-size: 14px;
  line-height: 26px;
}

.billing-address-toggle {
  align-items: center;
  margin-bottom: 20px;
}

.checkbox {
  margin-top: 0;
  margin-bottom: 4px;
}

.shipping-method {
  border-bottom-color: #e4e4e4;
  padding: 20px 24px;
}

.shipping-method-list {
  border-left-color: #e4e4e4;
  border-right-color: #e4e4e4;
}

.blog-detail-header-wrap {
  width: 70%;
  margin: 60px auto;
}

.blog-header-image {
  object-fit: cover;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 1%;
  background-size: cover;
  width: 100%;
  max-width: 1440px;
  height: 620px;
  margin-bottom: 60px;
  display: block;
}

.blog-header-image.w--current {
  margin-bottom: 60px;
}

.blog-heading-link {
  color: #fff;
  margin-bottom: 10px;
  font-family: Fraunces, serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 46px;
  text-decoration: none;
}

.blog-heading-link:hover {
  opacity: .8;
}

.blog-heading-link:active {
  opacity: .7;
}

.option-list {
  font-size: 14px;
  line-height: 26px;
}

.option {
  margin-bottom: 25px;
}

.cart-option-list {
  color: #a7a7a7;
  margin-top: 0;
  font-size: 14px;
  line-height: 26px;
}

.cart-option-wrap {
  margin-bottom: 0;
}

.option-item-value {
  color: #1a1b1f;
}

.apple-pay, .pay-with-browser {
  height: 42px;
}

.order-wrap {
  z-index: 1;
  background-color: var(--white);
  color: var(--maroon);
  text-align: left;
  background-image: none;
  background-position: 0 0;
  flex-basis: 750px;
  margin-right: 0;
  padding: 20px;
  position: relative;
}

.order-summary {
  z-index: 1;
  flex-basis: 370px;
}

.billing-address-toggle-2 {
  align-items: stretch;
  margin-bottom: 10px;
}

.checkbox-label-2 {
  margin-bottom: 0;
}

.checkbox-2 {
  margin-top: 2px;
}

.cc-quantity-field-label {
  color: #323232;
  margin-bottom: 0;
}

.sauce {
  font-family: Anek Bangla, sans-serif;
  overflow: visible;
}

.sauce.home {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-1.jpg?v=80877265287658194311770837010);
  background-position: 0 0;
  background-size: 50%;
  overflow: visible;
}

.heading {
  color: #480083;
  text-transform: uppercase;
  font-weight: 900;
  display: none;
}

.cardtypelink {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  flex: none;
  order: 0;
  align-self: flex-start;
  padding-left: 0;
  padding-right: 0;
  font-family: Source Sans Pro, sans-serif;
  text-decoration: none;
  transition: all .5s;
  display: block;
  position: static;
}

.cardtypelink:hover {
  transform: scale(1.05);
}

.cardtypelink.alt {
  color: #000;
  text-transform: none;
}

.cardtypelink.label {
  opacity: 1;
  color: #999;
  text-transform: uppercase;
  margin-top: -8px;
}

.cardtypelink.hide {
  display: none;
}

.image {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.image.cardtypeimage {
  max-width: 50px;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: relative;
}

.image.cardtypeimage:hover {
  width: auto;
}

.text-block {
  text-align: center;
}

.heading-2 {
  text-align: center;
  text-transform: uppercase;
  font-family: Source Sans Pro, sans-serif;
  font-weight: 700;
  display: inline-block;
}

.heading-2.suit {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Bitstream iowanoldst bt pro roman, sans-serif;
  line-height: 60px;
  display: inline-block;
  position: relative;
  top: 12px;
}

.list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.collection-list-wrapper {
  float: none;
  clear: none;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  object-fit: fill;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: static;
}

.text-block-2 {
  text-align: center;
  font-family: Bitstream iowanoldst bt pro roman, sans-serif;
  display: none;
}

.suit-image {
  object-fit: cover;
  min-width: auto;
  max-width: 60px;
  min-height: 100px;
  max-height: none;
  margin-top: 10px;
  margin-bottom: 10px;
  display: inline-block;
  position: relative;
}

.suit-image.swag {
  max-width: 74px;
  min-height: 74px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.suit-image.thoughts {
  max-width: 72px;
  min-height: 72px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.suit-image.feels {
  max-width: 80px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.suit-image.major {
  max-width: 90px;
}

.suit-image.star {
  object-fit: contain;
}

.suit-image.starl {
  float: none;
  object-fit: contain;
  margin-left: 0;
  margin-right: 20px;
}

.suit-image.starl.alt {
  transform-style: preserve-3d;
  transform: rotateX(180deg)rotateY(0)rotateZ(0);
}

.suit-image.starr {
  float: none;
  object-fit: contain;
  margin-left: 40px;
  margin-right: 0;
}

.suit-image.starr.alt {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.heading-container {
  min-height: 0;
  max-height: none;
  margin-top: auto;
  margin-bottom: auto;
  font-family: Source Sans Pro, sans-serif;
  display: inline-block;
  position: relative;
}

.suit {
  opacity: 1;
  color: #fff;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 20px;
  font-family: Bitstream iowanoldst bt pro roman, sans-serif;
  font-weight: 400;
  display: inline-block;
  position: relative;
  top: 12px;
}

.suit.alt {
  opacity: .71;
  display: inline-block;
}

.suit.alt.hide {
  display: none;
}

.collection-item-2 {
  margin-bottom: 0;
}

.card-list-item {
  float: left;
  clear: none;
  width: 100%;
  min-width: auto;
  max-width: none;
  margin-bottom: 30px;
  transition: all .3s;
  position: relative;
}

.card-list-item:hover {
  transform: scale(1.05);
}

.modal {
  z-index: 100;
  opacity: 0;
  justify-content: center;
  align-items: center;
  transition: opacity 30ms;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal.hide {
  opacity: 1;
  display: block;
}

.modal.primary {
  opacity: 1;
  display: none;
}

.skrim {
  z-index: 10;
  opacity: 1;
  background-color: #000000c4;
  justify-content: center;
  align-items: stretch;
  display: flex;
  position: fixed;
  inset: 0;
  overflow: visible;
}

.skrim.dark {
  z-index: 11;
  opacity: .74;
  background-color: #000000d6;
  background-image: none;
}

.skrim.hide {
  display: none;
}

.div-block {
  object-fit: contain;
  background-color: #fff;
  max-width: 90%;
  max-height: 90%;
  overflow: visible;
}

.image-2 {
  text-align: center;
  object-fit: contain;
  background-color: #0000;
  flex: 0 auto;
  max-width: 100%;
  height: auto;
  max-height: 90%;
  position: relative;
}

.columns {
  z-index: 12;
  background-color: var(--white);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  max-height: 100%;
  margin: 60px;
  padding-right: 0;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: auto;
}

.heading-3 {
  color: #480083;
  text-transform: uppercase;
  font-family: Bitstream iowanoldst bt pro roman, sans-serif;
  font-weight: 400;
  position: relative;
}

.heading-3.meaning {
  color: #480083;
  text-transform: uppercase;
  margin-top: 60px;
  margin-bottom: 0;
  font-family: Bitstream iowanoldst bt pro roman, sans-serif;
}

.heading-3.meaning.heading {
  color: #707070;
  letter-spacing: 0;
  font-family: Source Sans Pro, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.heading-3.original {
  opacity: 1;
  color: var(--black);
  margin-top: 0;
}

.paragraph {
  font-family: Bitstream iowanoldst bt pro roman, sans-serif;
}

.column {
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.column-2 {
  object-fit: contain;
  align-self: flex-start;
  height: auto;
  min-height: auto;
  padding-left: 10px;
  padding-right: 20px;
  overflow: visible;
}

.column-2.meaning {
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-right: 0;
  display: block;
}

.body-meaning {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-1.jpg?v=80877265287658194311770837010);
  background-position: 0 0;
  background-size: 50%;
  font-family: Gt Alpina Fine Standard, sans-serif;
  overflow: visible;
}

.link-block {
  z-index: 3;
  text-align: center;
  background-color: #fff;
  padding: 20px;
  display: inline-block;
  position: absolute;
  inset: 0% 0% auto auto;
}

.link-block:hover {
  opacity: .5;
}

.close-container {
  position: sticky;
  top: 0;
  right: 0;
}

.text-block-3 {
  font-family: Source Sans Pro, sans-serif;
  font-weight: 900;
  text-decoration: none;
}

.arrow {
  z-index: 20;
  opacity: 1;
  background-color: #00000080;
  border-radius: 60px;
  margin-left: 10px;
  margin-right: auto;
  padding: 100px 20px;
  font-style: italic;
  transition: all .2s;
  position: absolute;
  inset: auto auto auto 0%;
  transform: scale(.8);
}

.arrow:hover {
  opacity: 1;
  background-color: #000000bf;
}

.arrow.right {
  z-index: 150;
  background-color: #00000080;
  align-items: center;
  margin: 0 10px 0 auto;
  display: block;
  inset: auto 0% auto auto;
}

.arrow.right.hide {
  display: none;
}

.image-3 {
  filter: invert();
}

.arrow-container {
  z-index: 5;
  justify-content: flex-end;
  align-items: center;
  max-width: 100%;
  max-height: 10%;
  display: flex;
  position: absolute;
  top: auto;
  bottom: auto;
}

.lightbox-link {
  width: 150px;
}

.column-3 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.columns-2 {
  flex: 1;
  max-width: 1240px;
}

.image-4 {
  max-height: 500px;
  margin-left: auto;
  margin-right: auto;
}

.column-4 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.columns-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: stretch;
  max-width: 730px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  display: flex;
}

.hide {
  display: none;
}

.image-5 {
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.link-block-4 {
  max-width: 90px;
}

.suit-link {
  max-width: 90px;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  display: block;
}

.suit-link.w--current {
  max-width: 100%;
}

.collection-list-2 {
  float: left;
  position: relative;
}

.div-block-2 {
  display: inline-block;
}

.dropdown {
  display: none;
}

.collection-list-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cardimage {
  opacity: 1;
  display: block;
}

.faq-wrapper {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.product-container {
  grid-column-gap: 30px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: space-around;
  place-items: stretch stretch;
  max-width: none;
  display: flex;
  position: static;
}

.container-3 {
  background-color: var(--white);
  max-width: 90%;
  position: absolute;
}

.collection-list-wrapper-modal {
  flex: 1;
  justify-content: center;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  inset: 0%;
}

.collection-list-wrapper-modal.hide {
  display: none;
}

.collection-list-modal {
  justify-content: center;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.collection-item-modal {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: 0%;
}

.collection-item-modal.unselected {
  display: none;
}

.empty-state {
  clear: both;
}

.order, .hiddenorder {
  display: none;
}

.slider {
  flex: 1;
}

.slide {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
}

.main-image {
  z-index: 1;
  width: 100%;
  position: relative;
}

.secondary-images {
  z-index: 1;
  flex: 0 auto;
  width: 100%;
  height: 100%;
  margin-top: 20px;
  display: flex;
  position: relative;
}

.collection-list-4 {
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.collection-item-3 {
  object-fit: cover;
  flex: 1;
  justify-content: space-around;
  padding-left: 7px;
  padding-right: 7px;
  display: flex;
}

.collection-item-3:first-child {
  padding-left: 0;
}

.collection-item-3:last-child {
  padding-right: 0;
}

.lightbox-image {
  float: none;
  clear: none;
  object-fit: cover;
  object-position: 50% 100%;
  width: 100%;
  min-width: 10px;
  height: 200px;
  min-height: 200px;
  max-height: 200px;
  position: static;
  overflow: hidden;
}

.image-8, .lightbox-link-2 {
  width: 100%;
}

.lightbox-link-3 {
  object-fit: contain;
  object-position: 50% 100%;
  flex: 0 auto;
  height: auto;
  max-height: 160px;
  display: flex;
  overflow: hidden;
}

.container-4 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.faq2 {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/pink-texture.jpg?v=165443349853787045831770825101);
  background-position: 0 0;
  background-size: auto;
  width: 100%;
  margin: 0;
  padding: 40px;
  font-family: Gt Alpina Standard, sans-serif;
}

.faq2.faq {
  z-index: 2;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-pink-min.jpg?v=165443349853787045831770837010);
  background-size: 50%;
  width: 100%;
  margin: 0;
  position: relative;
}

.grid-2 {
  width: 100%;
  padding-left: 40px;
  padding-right: 40px;
}

.slider-2 {
  z-index: 90;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  min-width: 90%;
  max-width: 90%;
  min-height: 90%;
  max-height: 90%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  inset: 0%;
}

.pagination {
  z-index: 300;
  position: relative;
}

.heading-4 {
  padding-left: 10px;
  padding-right: 10px;
  display: inline;
}

.div-block-3 {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/stars1.jpg?v=110399194777051676151770837011);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}

.avocado {
  object-fit: cover;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/the-pentacles-suit-known-as-swag-min_1the-pentacles-suit-known-as-swag-min.webp?v=62454068576594909821770827857);
  background-position: 0 0;
  background-size: cover;
  display: inline-block;
}

.avocado.wand {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/the-wands-suit-known-as-vibes-min_1the-wands-suit-known-as-vibes-min.webp?v=89943870653148042171770827857);
}

.avocado.cups {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/the-cups-suit-known-as-feels-min_1the-cups-suit-known-as-feels-min.webp?v=61229404662549953881770827857);
}

.avocado.thoughts {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/the-swords-suit-known-as-thoughts-min_1the-swords-suit-known-as-thoughts-min.webp?v=144858428530685729801770827857);
}

.collection-list-wrapper-3 {
  display: none;
}

.section-3 {
  margin-bottom: 60px;
}

.heading-5 {
  font-family: Bitstream iowanoldst bt pro roman, sans-serif;
}

.paragraph-2 {
  text-align: center;
}

.paragraph-2.help {
  max-width: none;
}

.heading-6 {
  color: #4d0e1b;
  text-align: left;
  -webkit-text-stroke-color: #4d0e1b;
  text-transform: none;
  width: 100%;
  max-width: none;
  font-family: Fraunces, serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 48px;
}

.heading-6.alt {
  color: #333;
}

.heading-6.confirmation {
  color: var(--maroon);
  text-transform: none;
  margin-bottom: 10px;
  font-family: Anek Bangla, sans-serif;
}

.confirmation {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
}

.text-block-6 {
  font-family: Bitstream iowanoldst bt pro roman, sans-serif;
}

.heading-7 {
  z-index: 1;
  font-family: Anek Bangla, sans-serif;
  font-size: var(--large-full);
  text-transform: none;
  font-weight: 700;
  position: relative;
}

.heading-7.left {
  text-align: left;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Fraunces, serif;
  font-weight: 700;
}

.heading-7.left.blue {
  color: #d6f7ff;
}

.heading-7.left.black {
  font-family: Anek Bangla, sans-serif;
}

.heading-7.bold {
  text-transform: none;
  font-weight: 700;
}

.heading-7.bold.blue, .heading-7.blue {
  color: #d6f7ff;
  font-family: Anek Bangla, sans-serif;
}

.div-block-4 {
  align-items: stretch;
}

.accordian {
  background-color: #1f1f1f00;
  background-image: none;
  background-size: auto;
  background-attachment: scroll;
  width: 100%;
  display: block;
}

.section-4 {
  margin-left: 20px;
  margin-right: 20px;
}

.text-block-7 {
  color: #fff;
  font-family: Anek Bangla, sans-serif;
  font-size: var(--small-full);
  letter-spacing: 3px;
  text-transform: none;
  border: 1px solid #0000;
  font-weight: 700;
}

.faq-item {
  margin-top: 0;
  margin-bottom: 0;
}

.dropdown-toggle {
  opacity: 1;
  color: var(--white);
  border-top: 1px solid #ffffff80;
  border-bottom: 1px solid #ffffff80;
  padding-bottom: 4px;
  display: block;
}

.accordian-dropdown {
  background-color: #fff;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/grey-texture.jpg?v=76586588281480357331770825100);
  background-position: 0 0;
  background-size: auto;
  display: none;
  position: static;
}

.accordian-dropdown.w--open {
  background-color: var(--dark-pink-trans);
  background-image: none;
  padding: 40px 20px 40px 40px;
}

/* FAQ body text - full width and normal case */
.accordian-dropdown .body {
  max-width: none;
  text-transform: none;
}

.rich-text-block {
  color: #333;
  padding: 20px 40px;
  font-family: Anek Bangla, sans-serif;
  line-height: 17px;
}

.block-quote {
  text-align: center;
}

.div-block-5 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
}

.rich-text-block-2 {
  text-align: left;
  font-size: 18px;
  line-height: 28px;
}

.div-block-6 {
  margin-top: 0;
  padding-top: 0;
  padding-left: 20px;
  padding-right: 20px;
  display: inline-block;
  position: relative;
  top: 40px;
}

.heading-8 {
  color: #a1a1a1;
  text-transform: uppercase;
  font-family: Source Sans Pro, sans-serif;
}

.inline-link {
  display: inline;
}

.rich-text-block-3 {
  text-align: left;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  font-family: Source Sans Pro, sans-serif;
}

.paragraph-3 {
  text-align: left;
  width: 100%;
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
  font-family: Gt Alpina Standard, sans-serif;
  font-size: 18px;
}

.text-grid {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #21458b70;
  background-image: none;
  background-size: auto;
  border-radius: 0;
  grid-template-columns: 1fr 1fr 1fr minmax(0, 1fr);
  width: 100%;
  padding: 20px;
  position: relative;
}

.text-grid.alt {
  background-image: none;
  background-position: 0 0;
  background-size: auto;
}

.text-grid.left {
  text-align: left;
  align-self: flex-start;
}

.card-block {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/scott-distorted-min.png?v=75766411534750003701770825100);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 340px;
  min-height: 60px;
  margin-left: 0;
  position: relative;
  inset: 0% -2% 0% auto;
}

.card-block.riley {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/riley-distorted-min.png?v=97213354762632821091770825100);
  background-position: 50%;
}

.card-block.left {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/hailey.png?v=103897834848276382841770825100);
  width: 350px;
  margin-left: -86px;
  font-weight: 400;
  left: -41px;
  right: auto;
}

.abou-card-block {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/progress-min.jpg?v=158627624376227968891770825101);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  min-height: 280px;
}

.heading-9, .heading-10 {
  font-family: Bitstream iowanoldst bt pro roman, sans-serif;
}

.text-span {
  font-family: Source Sans Pro, sans-serif;
  line-height: 40px;
}

.rich-text-block-4 {
  text-align: left;
  font-family: Source Sans Pro, sans-serif;
  line-height: 22px;
}

.heading-11, .paragraph-5, .text-block-8 {
  text-align: left;
  font-family: Source Sans Pro, sans-serif;
}

.link {
  color: var(--light-green);
  font-size: var(--small-full);
  text-transform: none;
  font-style: italic;
  text-decoration: underline;
  display: inline;
}

.link:hover {
  color: var(--light-yellow);
}

.link:active {
  color: var(--light-green-trans);
}

.link.disabled {
  opacity: .38;
}

.link.alt {
  color: var(--purple);
}

.link-2 {
  padding: 0 40px 20px;
  font-family: Source Sans Pro, sans-serif;
  color: var(--light-yellow);
  text-decoration: underline;
}

.heading-12 {
  margin-bottom: 0;
  font-family: Anek Bangla, sans-serif;
  font-size: 48px;
  font-weight: 700;
}

.heading-13 {
  font-family: Bitstream iowanoldst bt pro roman, sans-serif;
}

.text-block-9 {
  font-size: 11px;
}

.text-block-10 {
  font-family: Anek Bangla, sans-serif;
  font-size: 11px;
}

.recaptcha {
  flex: 0 auto;
  margin-bottom: 20px;
}

.section-5 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.newsletter {
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}

.section-6 {
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  margin-right: auto;
  display: flex;
}

.object-stack {
  grid-row-gap: 173px;
  background-color: #000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1213px;
  text-decoration: none;
  display: flex;
}

.object-stack.simple {
  z-index: 1;
  grid-row-gap: 0px;
  background-color: #0000;
  background-image: linear-gradient(#ffa8ef4d, #ffa8ef4d);
  background-position: 0 0;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: 100%;
  padding: 20px;
  position: relative;
}

.text-stack {
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  text-decoration: none;
  display: flex;
}

.text-stack.left {
  grid-row-gap: 0px;
  text-align: left;
  justify-content: center;
  align-self: flex-start;
  align-items: flex-start;
  width: auto;
}

.h4 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 138px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.p1 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 100px;
  font-style: italic;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.email-input {
  grid-column-gap: 10px;
  background-color: #f5f5f5;
  border-radius: 40px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 256px;
  padding: 80px 105px;
  display: flex;
}

.placeholder-text {
  color: #0000004d;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 70px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.vectors-wrapper {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 100px;
  text-decoration: none;
  display: flex;
}

.container-split {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1709px;
  height: 1970px;
  padding: 318px 223px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.container-backgrounds {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1709px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.vectors-wrapper-2 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.object-stack-2 {
  grid-row-gap: 173px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1213px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-3, .vectors-wrapper-4 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 100px;
  text-decoration: none;
  display: flex;
}

.hero {
  grid-row-gap: 10px;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/hero-stack.jpg?v=110399194777051676151770825100);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 3417px;
  height: 1970px;
  min-height: 1970px;
  padding: 48px 595px;
  text-decoration: none;
  display: flex;
}

.hero-image-2 {
  object-fit: cover;
}

.introduction {
  grid-column-gap: 318px;
  background-color: #7d882b;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 3417px;
  height: 1970px;
  padding: 53px 120px;
  text-decoration: none;
  display: flex;
}

.left-suits {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 197.744px;
  height: 1844px;
  text-decoration: none;
  display: flex;
}

.wand {
  object-fit: cover;
}

.text-stack-green {
  grid-row-gap: 51px;
  background-color: #7e8a30;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 2146px;
  text-decoration: none;
  display: flex;
}

.gone {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 200px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.p1-2 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 100px;
  font-style: italic;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.hero-image-3 {
  object-fit: cover;
}

.hero-2 {
  grid-row-gap: 5px;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/hero-stack.jpg?v=110399194777051676151770825100);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1708.5px;
  height: 985px;
  min-height: 985px;
  padding: 24px 297.5px;
  text-decoration: none;
  display: flex;
}

.hero-image-4 {
  object-fit: cover;
}

.hero-3 {
  grid-row-gap: 5px;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/hero-stack.jpg?v=110399194777051676151770825100);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1708.5px;
  height: 985px;
  min-height: 985px;
  padding: 24px 297.5px;
  text-decoration: none;
  display: flex;
}

.hero-4 {
  grid-row-gap: 5px;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/hero-stack.jpg?v=110399194777051676151770825100);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1708.5px;
  height: 985px;
  min-height: 985px;
  padding: 24px 297.5px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.hero-image-5 {
  object-fit: cover;
  position: absolute;
  top: 36.5px;
  left: 311.5px;
}

.hero-5 {
  grid-row-gap: 4.05px;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/hero-stack.jpg?v=110399194777051676151770825100);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1383.89px;
  height: 797.85px;
  min-height: 797.85px;
  padding: 19.44px 240.975px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.hero-image-6, .hero-image-7 {
  object-fit: cover;
  position: absolute;
  top: 29.5653px;
  left: 252.315px;
}

.hero-6 {
  grid-row-gap: 4.0905px;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/hero-stack.jpg?v=110399194777051676151770825100);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1397.72px;
  height: 805.829px;
  min-height: 805.829px;
  padding: 19.6344px 243.385px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.hero-image-8 {
  object-fit: cover;
  position: absolute;
  top: 29.8614px;
  left: 254.838px;
}

.hero-7 {
  grid-row-gap: 4px;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/star-small.jpg?v=110399194777051676151770825101);
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1400px;
  height: 800px;
  min-height: 800px;
  margin-top: -1px;
  padding: 20px 250px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.hero-7.none {
  display: none;
}

.hero-image-9 {
  object-fit: cover;
  position: absolute;
  top: 27px;
  left: 256px;
}

.introduction-2 {
  grid-column-gap: 120px;
  background-color: #7d882b;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1400px;
  height: 800px;
  padding: 20px 50px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.left-suits-2 {
  z-index: 1;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 80px;
  height: 750px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.text-stack-green-2 {
  z-index: 1;
  grid-row-gap: 20px;
  background-color: #7e8a30;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.h2-2 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Fraunces, serif;
  font-size: 80px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.p1-3 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Droid Serif, serif;
  font-size: 40px;
  font-style: italic;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.section-explainer {
  background-color: #f0a2b1;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-red-2-min.jpg?v=111744093945165994021770837010);
  background-position: 0 0;
  background-size: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: auto;
  padding: 80px 40px;
  text-decoration: none;
  display: none;
  position: relative;
}

.text-stacks {
  z-index: 1;
  grid-column-gap: 0px;
  background-color: #f0a2b100;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 0;
  text-decoration: none;
  display: flex;
  position: relative;
}

.text-stacks.grid {
  grid-column-gap: 20px;
  grid-row-gap: 0px;
  flex: auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-self: stretch;
  place-items: start stretch;
  margin-top: 0;
  display: flex;
}

.explainer-text-stack {
  grid-row-gap: 12px;
  border: 4px solid var(--light-green);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  padding-top: 20px;
  text-decoration: none;
  display: flex;
}

.eyebrow {
  opacity: 1;
  color: var(--light-yellow);
  text-align: center;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  overflow-wrap: normal;
  margin-bottom: .5rem;
  font-family: Anek Bangla, sans-serif;
  font-size: .75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
}

.eyebrow.pink {
  color: var(--light-green);
}

.eyebrow.dark {
  color: var(--light-pink-trans-middle);
  margin-bottom: 8px;
}

.eyebrow.alt {
  color: var(--purple);
}

.eyebrow.left {
  align-self: flex-start;
}

.eyebrow.purple {
  color: var(--purple);
}

.gone-2 {
  color: var(--light-green);
  font-family: Anek Bangla, sans-serif;
  font-size: var(--large-full);
  text-align: center;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.p1-4 {
  color: #131712;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 41px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.vectors-wrapper-5, .vectors-wrapper-6 {
  justify-content: center;
  align-items: center;
  width: 3.69445e-14px;
  text-decoration: none;
  display: flex;
}

.testimonials {
  grid-row-gap: 10px;
  background-color: #4c9dc6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 3417px;
  height: 2782.88px;
  padding-top: 121px;
  padding-bottom: 121px;
  text-decoration: none;
  display: flex;
}

.object-stack-3 {
  grid-row-gap: 250px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 3417px;
  text-decoration: none;
  display: flex;
}

.text-stack-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 2174px;
  text-decoration: none;
  display: flex;
}

.h3-2 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 138px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.p1-5 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 100px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.testimony-vertical-stack {
  grid-row-gap: 140px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 8671px;
  text-decoration: none;
  display: flex;
}

.testimony-horizontal-stack {
  grid-column-gap: 140px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.gone-13 {
  grid-row-gap: 10px;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/section-navigation.jpg?v=96038801100105895691770825100);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 60px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 2795px;
  height: 740px;
  min-height: 740px;
  padding: 123px 132px;
  text-decoration: none;
  display: flex;
}

.response {
  grid-column-gap: 100px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 2520.45px;
  text-decoration: none;
  display: flex;
}

.review {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1984px;
  text-decoration: none;
  display: flex;
}

.account {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 100px;
  font-style: italic;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.comment {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 75px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-6 {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.testimonials-2 {
  background-color: #4c9dc6;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-1.jpg?v=80877265287658194311770837010);
  background-position: 0 0;
  background-size: 50%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.object-stack-4 {
  z-index: 1;
  grid-row-gap: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  height: auto;
  text-decoration: none;
  display: flex;
  position: relative;
}

.stack {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  text-decoration: none;
  display: flex;
}

.stack.margin-bottom {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  margin-bottom: 0;
  padding: 40px;
}

.stack.margin-bottom.big {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  max-width: 1440px;
  margin-top: 20px;
}

.stack.medium-margin-bottom {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 40px;
}

.stack.medium-margin-bottom.big {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  margin-top: 60px;
}

.h2 {
  font-family: Fraunces, serif;
  font-size: var(--large-full);
  letter-spacing: -.015em;
  text-transform: none;
  margin-bottom: 14px;
  font-weight: 700;
  line-height: 1.15;
  text-decoration: none;
}

.h2.dark {
  color: var(--purple);
}

.h2.tight {
  margin-bottom: 0;
}

.h2.alt {
  color: var(--white);
}

.h3 {
  font-family: Anek Bangla, sans-serif;
  font-size: var(--medium-full);
  letter-spacing: -.25px;
  text-transform: none;
  margin-bottom: 16px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
}

.h3.top-margin {
  font-size: var(--medium-full);
  margin-top: 10px;
  font-weight: 600;
}

.h3.top-margin.special {
  opacity: 1;
  color: var(--light-yellow);
  font-size: var(--small-full);
  align-self: center;
  margin-top: 0;
}

.h3.left {
  text-align: left;
}

.h3.audience-subheader {
  background-color: #0000000f;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  padding: 20px;
}

.h3.yellow {
  color: var(--light-yellow);
}

.h3.inline {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  white-space: normal;
  display: flex;
}

.h3.alt {
  color: var(--dark-pink);
}

.h3.alt.tight, .h3.tight {
  margin-bottom: 0;
}

.testimony-vertical-stack-2 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  height: auto;
  padding-left: 40px;
  padding-right: 40px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.testimony-horizontal-stack-3 {
  grid-column-gap: 50px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: 300px;
  display: flex;
}

.testimony {
  grid-row-gap: 0px;
  text-align: left;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-blue-dark-min.jpg?v=52069375675199018001770837011);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 24.543px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: auto;
  height: auto;
  min-height: auto;
  padding: 20px;
  text-decoration: none;
  display: flex;
}

.response-2 {
  grid-column-gap: 30px;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: auto;
  text-decoration: none;
  display: flex;
  overflow: visible;
}

.vectors-wrapper-7 {
  object-fit: cover;
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  text-decoration: none;
  display: flex;
}

.review-2 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 800px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.account-2 {
  color: #fff;
  font-family: Anek Bangla, sans-serif;
  font-size: var(--small-full);
  align-self: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  font-style: italic;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
}

.comment-2 {
  color: #fff;
  font-family: Anek Bangla, sans-serif;
  font-size: var(--small-full);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.buy {
  grid-column-gap: 10px;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-yellow-and-pink-min.jpg?v=165443349853787045831770837010);
  background-position: 0%;
  background-repeat: repeat;
  background-size: 50%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: auto;
  min-height: auto;
  padding: 40px;
  text-decoration: none;
  display: flex;
}

.buy.millennial {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-yellow-green-min.jpg?v=80877265287658194311770837010);
  justify-content: space-between;
  align-items: stretch;
}

.object-stack-5 {
  grid-row-gap: 30px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.object-stack-5.white-text {
  grid-row-gap: 20px;
  color: var(--white);
  padding-left: 20px;
  padding-right: 20px;
}

.object-stack-5.background-yellow {
  background-color: #ffe45f45;
}

.object-stack-6 {
  grid-row-gap: 0px;
  background-color: #02020100;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 0 10px;
  display: flex;
  position: relative;
}

.h4-2 {
  color: var(--light-pink);
  font-family: Anek Bangla, sans-serif;
  font-size: var(--large-full);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 800;
  line-height: 100%;
  text-decoration: none;
  position: relative;
}

.h4-2.yellow {
  color: var(--black);
}

.buy-button {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: var(--light-yellow);
  color: var(--dark-pink);
  font-family: Anek Bangla, sans-serif;
  font-size: var(--medium-full);
  text-align: center;
  letter-spacing: .03em;
  text-transform: none;
  white-space: nowrap;
  border-radius: 12.2715px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 500px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 20px 40px;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: relative;
}

.buy-button:hover {
  background-color: var(--light-green);
  color: var(--purple);
  border: 1px #000;
}

.buy-button:active {
  background-color: var(--pentacle);
  color: var(--light-pink);
}

.buy-button.blue {
  background-color: var(--blue);
}

.buy-button.purple {
  background-color: var(--purple);
  font-size: var(--medium-full);
  max-width: 500px;
}

.buy-button.black {
  background-color: var(--black);
  color: var(--light-green);
}

.buy-button.purple-back {
  grid-row-gap: 6px;
  background-color: var(--purple);
  color: var(--light-green);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: auto;
  line-height: 30px;
}

.buy-button.black {
  grid-row-gap: 6px;
  background-color: var(--black);
  color: var(--light-green);
  flex-flow: column;
  height: auto;
  line-height: 30px;
}

.buy-button.yellow {
  grid-row-gap: 6px;
  background-color: var(--light-yellow);
  color: var(--dark-pink);
  flex-flow: column;
  height: auto;
  margin-top: 20px;
  line-height: 30px;
}

.buy-button.pink {
  background-color: var(--dark-pink);
  color: var(--light-yellow);
}

.buy-button.gzt.hide {
  display: none;
}

.buy-button.secondary {
  background-color: var(--sword);
  margin-right: 10px;
}

.buy-button.secondary.alt {
  background-color: var(--black);
  color: var(--light-green);
}

.buy-button.hide {
  display: none;
}

.buy-button.green {
  background-color: var(--light-green);
  color: var(--black);
}

.buy-button.minor {
  background-color: var(--dark-pink);
  color: var(--light-yellow);
  border-radius: 5px;
  width: auto;
  margin-left: 0;
}

.buy-button.minor.padding {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  align-self: center;
  margin-left: 10px;
}

.button-text {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Gt Alpina Fine Standard, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.subbrow {
  color: var(--light-pink);
  font-family: Anek Bangla, sans-serif;
  font-size: var(--medium-full);
  text-align: center;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
}

.subbrow.white {
  opacity: 1;
  color: #fff;
  text-transform: none;
  font-family: Anek Bangla, sans-serif;
  font-weight: 700;
}

.subbrow.link {
  font-style: italic;
  text-decoration: underline;
}

.subbrow.yellow {
  opacity: 1;
  color: var(--light-yellow);
}

.subbrow.yellow.psa {
  text-align: left;
}

.subbrow.black {
  color: var(--black);
}

.subbrow.green {
  opacity: 1;
  color: var(--light-yellow);
}

.subbrow.green.psa {
  color: var(--light-green);
  text-align: left;
}

.product-photo {
  box-sizing: border-box;
  object-fit: contain;
  flex: 0 auto;
  align-self: center;
  width: auto;
  min-width: auto;
  height: auto;
  overflow: visible;
}

.product-photo.margin {
  object-fit: contain;
  flex: 0 auto;
  align-self: center;
  width: 240px;
  height: 240px;
  position: relative;
  overflow: visible;
}

.product-photo.margin.full {
  flex: 1;
  width: 100%;
  height: auto;
}

.connect {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.split {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 699.066px;
  height: 805.829px;
  padding: 130.078px 91.2182px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.container-backgrounds-2 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 699.066px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.object-stack-7 {
  grid-row-gap: 70.7657px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 496.178px;
  text-decoration: none;
  display: flex;
}

.text-stack-4 {
  grid-row-gap: 21.6797px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.h4-3 {
  color: #323232;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Fraunces, serif;
  font-size: 56px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.h4-3.alt {
  color: #fff;
  max-width: 500px;
}

.h4-3.alt.left {
  color: var(--light-yellow);
  font-family: Anek Bangla, sans-serif;
  font-size: var(--large-full);
  text-transform: none;
}

.p1-7 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 41px;
  font-style: italic;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.email-input-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  font-size: var(--small-full);
  background-color: #f5f5f5;
  border: 1px #000;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 500px;
  height: 80px;
  padding: 30px 40px;
  display: flex;
}

.placeholder-text-2 {
  color: #0000004d;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 29px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.vectors-wrapper-8 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 100px;
  text-decoration: none;
  display: flex;
}

.split-2 {
  grid-column-gap: 10px;
  background-color: #d9d9d9;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 698.862px;
  height: 805.829px;
  padding: 151px 77px;
  text-decoration: none;
  display: flex;
}

.object-stack-8 {
  grid-row-gap: 29.0426px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 496.178px;
  text-decoration: none;
  display: flex;
}

.h4-4 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.poll-container {
  grid-row-gap: 10px;
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  max-width: 500px;
  text-decoration: none;
  display: flex;
}

.poll-response {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.poll-background {
  grid-row-gap: 4.0905px;
  background-color: #fff;
  border-radius: 20.4525px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 492.087px;
  height: 79.7648px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-9 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 79.7648px;
  text-decoration: none;
  display: flex;
}

.p2-alt {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 25px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.p2 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 25px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
  position: static;
  top: 25.3611px;
  left: 17.1797px;
}

.poll-response-2 {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 492.087px;
  height: 79.7648px;
  padding: 25px 17px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.poll-background-2 {
  grid-row-gap: 10px;
  background-color: #fff;
  border-radius: 20.4525px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 492.087px;
  height: 79.7648px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.vectors-wrapper-10 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 142.349px;
  height: 79.7648px;
  text-decoration: none;
  display: flex;
}

.p2-alt-2 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 25px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
  position: absolute;
  top: 25.3611px;
  left: 17.1797px;
}

.p2-2 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 25px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.gone-12 {
  grid-column-gap: 15px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.social-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #4c9dc680;
  border-radius: 18px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 10px;
  text-decoration: none;
  display: flex;
}

.social-icon {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.social-icon-2 {
  object-fit: cover;
}

.social-label {
  grid-column-gap: 10px;
  background-color: var(--purple);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 10px 5px 14px;
  display: flex;
}

.social-text {
  color: #fff;
  font-family: Anek Bangla, sans-serif;
  font-size: var(--small-full);
  text-align: center;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.container-backgrounds-3 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 699.066px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.vectors-wrapper-11 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.object-stack-9 {
  grid-row-gap: 70.7657px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 496.178px;
  text-decoration: none;
  display: flex;
}

.text-stack-5 {
  grid-row-gap: 21.6797px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.p1-8 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 41px;
  font-style: italic;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.vectors-wrapper-12 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 100px;
  text-decoration: none;
  display: flex;
}

.connect-2 {
  z-index: 0;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-1.jpg?v=80877265287658194311770837010);
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 800px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.connect-2.yellow {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-yellow-and-pink-min.jpg?v=165443349853787045831770837010);
}

.connect-2.split {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-1.jpg?v=80877265287658194311770837010), url(//millennialtarot.com/cdn/shop/t/2/assets/light-green-blue-min.jpg?v=29643005839742013721770837012);
  background-position: 0%, 100%;
  background-repeat: repeat-y, repeat-y;
  background-size: 50% 100%, 50%;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 0 20px;
}

.split-container {
  grid-row-gap: 10px;
  background-color: #4c9dc600;
  background-image: none;
  background-size: auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  max-width: 680px;
  height: 100%;
  padding: 156px 40px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.split-container.gray {
  background-color: #e0e0e000;
  background-image: none;
  justify-content: flex-start;
  align-items: center;
  max-width: 680px;
}

.object-stack-10 {
  z-index: 1;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  text-decoration: none;
  display: flex;
  position: relative;
}

.form-stack {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: 600px;
  text-decoration: none;
  display: flex;
}

.p1-9 {
  color: #323232;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Gt Alpina Standard, sans-serif;
  font-size: 41px;
  font-style: italic;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.p1-9.alt {
  color: #fff;
  max-width: 500px;
}

.p1-9.alt.left {
  color: var(--light-yellow);
  font-family: Anek Bangla, sans-serif;
  font-size: var(--medium-full);
}

.vectors-wrapper-13 {
  object-fit: cover;
  border-radius: 20px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 100px;
  text-decoration: none;
  display: flex;
}

.split-4 {
  grid-column-gap: 10px;
  background-color: #d9d9d9;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/grey-texture.jpg?v=76586588281480357331770825100);
  background-position: 0 0;
  background-size: auto;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 700px;
  height: 800px;
  padding: 130px 90px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.object-stack-11 {
  z-index: 2;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 500px;
  height: 500px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.h4-5 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Fraunces, serif;
  font-size: 56px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.h4-5.alt {
  color: #06a5c9;
}

.h4-5.alt.left {
  color: var(--purple);
  font-family: Anek Bangla, sans-serif;
  font-size: var(--large-full);
  text-transform: none;
  align-self: flex-start;
}

.poll-2 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 700px;
  height: 180px;
  text-decoration: none;
  display: flex;
}

.poll-response-3 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.poll-background-3 {
  grid-row-gap: 4.0905px;
  background-color: #fff;
  border-radius: 20.4525px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 492.087px;
  height: 79.7648px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-14 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 142.349px;
  height: 79.7648px;
  text-decoration: none;
  display: flex;
}

.p2-alt-3 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 25px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
  position: absolute;
  top: 25.3611px;
  left: 17.1797px;
}

.p2-3 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 25px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.social-buttons {
  grid-column-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 500px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.social {
  object-fit: cover;
  width: 80px;
  height: 80px;
}

.social.fb {
  opacity: .19;
  border-radius: 18px;
}

.navigation-2 {
  grid-row-gap: 10px;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/star-less-small.jpg?v=96038801100105895691770825100);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: 150px;
  min-height: 150px;
  padding: 23px 50px;
  text-decoration: none;
  display: flex;
}

.nav-content {
  z-index: 1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1400px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.branding {
  justify-content: space-between;
  align-items: center;
  width: 198.303px;
  text-decoration: none;
  display: flex;
}

.logo {
  object-fit: cover;
}

.menu {
  grid-column-gap: 57.267px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 347.849px;
  height: 61.0315px;
  text-decoration: none;
  display: flex;
}

.pages {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  text-decoration: none;
  display: flex;
}

.options {
  grid-row-gap: 6.5448px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40.905px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-15 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 40.905px;
  height: 100px;
  text-decoration: none;
  display: flex;
}

.gone-9 {
  grid-row-gap: 10px;
  background-color: #c2bb37;
  border-radius: 12.2715px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 249.111px;
  height: 58.0851px;
  padding: 8px 13px;
  text-decoration: none;
  display: flex;
}

.buy-content {
  grid-column-gap: 6px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.buy-icon {
  color: #5c163c;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 41px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.buy-text {
  color: #252907;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 25px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.menu-line {
  background-color: #c2bb37;
  width: 40px;
  height: 4px;
}

.stars {
  z-index: 0;
  opacity: 1;
  mix-blend-mode: screen;
  flex: 0 auto;
  width: 100%;
  height: 100%;
  font-family: Anek Bangla, sans-serif;
  display: block;
  position: relative;
  inset: 0%;
}

.star-simple {
  z-index: 0;
  mix-blend-mode: soft-light;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/star-less-small.jpg?v=96038801100105895691770825100);
  background-position: 0 0;
  background-size: auto;
  flex: 0 auto;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.stars-hue {
  z-index: 3;
  mix-blend-mode: hue;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/star-small.jpg?v=110399194777051676151770825101);
  background-position: 0 0;
  background-size: auto;
  flex: 0 auto;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.overlay {
  z-index: 4;
  background-color: var(--black);
  opacity: .5;
  mix-blend-mode: overlay;
  flex: 0 auto;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.stars-minimized {
  opacity: 1;
  mix-blend-mode: screen;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/star-small.jpg?v=110399194777051676151770825101);
  background-position: 50%;
  background-size: 50%;
  flex: 0 auto;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.graphics {
  grid-row-gap: 4px;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/star-small.jpg?v=110399194777051676151770825101);
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 800px;
  min-height: 800px;
  margin-top: -1px;
  padding: 20px 250px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.graphics.hide-overflow {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-blue-dark-min.jpg?v=52069375675199018001770837011);
  background-position: 0 0;
  background-size: 50%;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  min-height: auto;
  padding: 60px 40px 100px;
  overflow: hidden;
}

.graphics.hide-overflow.hide {
  display: none;
}

.navbar-logo-left {
  background-image: none;
  background-color: transparent;
  background: none;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  min-height: 73.3611px;
  padding-left: 24px;
  padding-right: 24px;
  text-decoration: none;
  display: flex;
}

.navbarcontainer {
  z-index: 2;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin-left: 20px;
  margin-right: 20px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.navbar-content {
  z-index: 2;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.navbar-brand {
  z-index: 2;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
}

.logo-2 {
  grid-column-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: auto;
  text-decoration: none;
  display: flex;
}

.mark {
  object-fit: cover;
  width: auto;
  position: relative;
}

.mark.logotype {
  object-fit: contain;
  height: 56px;
  margin-left: 8px;
}

.mark.logo {
  display: block;
  height: 63px;
}

.navbar-menu {
  grid-column-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.navbar-link {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px 12px;
  text-decoration: none;
  display: flex;
}

.navbar-link.none {
  display: none;
}

.text {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.nav-menu {
  grid-row-gap: 6.5448px;
  object-fit: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40.905px;
  text-decoration: none;
  display: flex;
}

.navbar-button {
  grid-column-gap: 8px;
  background-color: #c2bb37;
  border-radius: 12px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 20px;
  text-decoration: none;
  display: flex;
}

.navbar-button.buy-button {
  background-color: var(--light-yellow);
  color: #56277c;
  text-transform: none;
  flex-flow: row;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  max-width: 275px;
  font-family: Anek Bangla, sans-serif;
  font-size: 22px;
  font-weight: 700;
}

.navbar-button.buy-button.w--current {
  color: var(--purple);
}

.buy-content-2 {
  grid-column-gap: 6px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.buy-icon-2 {
  color: #5c163c;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 41px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.buy-text-2 {
  color: #363400;
  text-transform: none;
  white-space: nowrap;
  word-break: keep-all;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Anek Bangla, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
  position: relative;
}

.navbar-logo-left-2 {
  z-index: 3;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  height: auto;
  min-height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 24px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.buy-content-3 {
  grid-column-gap: 6px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.hero-stack {
  z-index: 1;
  grid-row-gap: 0px;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100vh;
  min-height: auto;
  margin-top: 0;
  padding: 0 24px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.small-container {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 960px;
  text-decoration: none;
  display: flex;
}

.image-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.image-10 {
  object-fit: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.hero-no-image {
  grid-row-gap: 80px;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/section-hero-no-image.jpg?v=52069375675199018001770837011);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  height: 800px;
  min-height: 800px;
  padding: 64px 24px;
  text-decoration: none;
  display: flex;
}

.small-container-2 {
  grid-row-gap: 40px;
  background-color: #7e8a30;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 40px;
  text-decoration: none;
  display: flex;
}

.content {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.h2-3 {
  color: var(--light-pink);
  font-family: Fraunces, serif;
  font-size: var(--large-full);
  text-align: center;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.h2-3.blue {
  color: var(--blue);
  -webkit-text-stroke-color: var(--blue);
}

.h2-3.purple {
  color: var(--purple);
  font-size: var(--large-full);
  max-width: 900px;
}

.h2-3.purple.left {
  color: var(--light-pink);
  text-align: left;
  align-self: flex-start;
}

.p1-10 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-style: italic;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.hero-no-image-2 {
  grid-column-gap: 80px;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/green-suits.jpg?v=3369093471486952971770825101);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  height: 800px;
  min-height: 800px;
  padding: 64px 24px;
  text-decoration: none;
  display: flex;
}

.small-container-3 {
  grid-row-gap: 40px;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/green-texture.jpg?v=34746132774344073481770825100);
  background-position: 50%;
  background-repeat: repeat;
  background-size: 50%;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-height: 336px;
  padding: 40px;
  text-decoration: none;
  display: flex;
}

.p1-11 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-style: italic;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.hero-no-image-3 {
  grid-column-gap: 80px;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/section-hero-no-image_1.jpg?v=52069375675199018001770825101);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  height: 800px;
  min-height: 800px;
  padding: 64px 24px;
  text-decoration: none;
  display: flex;
}

.left-suits-3 {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 80px;
  height: 500px;
  text-decoration: none;
  display: flex;
}

.wand-2 {
  object-fit: cover;
}

.small-container-4 {
  grid-row-gap: 40px;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/small-container.jpg?v=80877265287658194311770825101);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 336px;
  padding: 40px;
  text-decoration: none;
  display: flex;
}

.content-2 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.p1-12 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-style: italic;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.explainer-section {
  grid-column-gap: 80px;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/light-green-blue-min.jpg?v=29643005839742013721770837012);
  background-position: 50%;
  background-repeat: repeat;
  background-size: 50%;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: none;
  height: auto;
  min-height: auto;
  margin-top: 0;
  padding: 60px 50px 64px;
  text-decoration: none;
  display: flex;
}

.left-suits-4 {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: auto;
  height: 700px;
  text-decoration: none;
  display: flex;
}

.left-suits-4.horizontal {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  flex-flow: row;
  height: auto;
}

.suits {
  object-fit: contain;
  background-color: #ffe45fc4;
  border-radius: 100px;
  width: 125px;
  height: 125px;
  padding: 10px;
}

.suits.small {
  width: 60px;
  height: 60px;
}

.suits.inline {
  width: 50px;
  height: 50px;
  margin-left: 10px;
  margin-right: 10px;
  padding-right: 0;
}

.suits.wands {
  opacity: 1;
  background-color: #ef5b5bdb;
  border-radius: 0;
  width: 90px;
  height: 90px;
}

.suits.wands.shrink {
  width: 70px;
  height: 70px;
}

.suits.cups {
  background-color: #2dc3f0db;
  border-radius: 0;
  width: 90px;
  height: 90px;
}

.suits.cups.shrink {
  width: 70px;
  height: 70px;
}

.suits.swords {
  background-color: #d7e5dedb;
  border-radius: 0;
  width: 90px;
  height: 90px;
}

.suits.swords.shrink {
  width: 70px;
  height: 70px;
}

.suits.pentacle {
  background-color: #81c040db;
  border-radius: 0;
  width: 90px;
  height: 90px;
}

.suits.pentacle.shrink {
  width: 70px;
  height: 70px;
}

.small-container-5 {
  grid-row-gap: 40px;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  border-radius: 16px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: auto;
  min-height: auto;
  padding: 40px 20px;
  text-decoration: none;
  display: flex;
}

.content-3 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.p1-13 {
  color: var(--purple);
  font-family: Anek Bangla, sans-serif;
  font-size: var(--medium-full);
  text-align: center;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.p1-13.second {
  opacity: 1;
  color: var(--purple);
  font-family: Lato, sans-serif;
  font-size: 36px;
}

.p1-13.blue {
  color: var(--blue);
  -webkit-text-stroke-color: var(--blue);
  text-transform: none;
}

.p1-13.left {
  color: var(--light-pink);
  text-align: left;
  align-self: flex-start;
}

.p3 {
  color: var(--white);
  font-family: Anek Bangla, sans-serif;
  font-size: var(--medium-full);
  text-align: center;
  text-transform: none;
  overflow-wrap: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.p3.double-line {
  line-height: 173%;
}

.p3.blue {
  box-sizing: border-box;
  color: var(--light-pink);
  font-size: var(--medium-full);
  text-align: right;
  text-transform: none;
  white-space: nowrap;
  font-style: normal;
  font-weight: 600;
  display: block;
  position: relative;
}

.p3.blue.notice {
  font-size: 21px;
  font-weight: 400;
}

.p3.blue.notice.hide {
  display: none;
}

.p3.yellow {
  color: var(--white);
}

.p3.white {
  font-size: var(--medium-full);
  font-weight: 600;
}

.p3.tag {
  color: #00000094;
  font-size: var(--small-mobile);
  white-space: nowrap;
  background-color: #ffe45fe0;
  border-radius: 6px;
  padding: 5px 7px;
  font-weight: 700;
}

.p3.tag.left {
  align-self: flex-start;
}

.p3.tag.left.purple {
  background-color: var(--purple);
  color: var(--light-yellow);
  padding-left: 10px;
  padding-right: 10px;
}

.p3.tag.left.green {
  background-color: var(--light-green);
  color: var(--green);
  padding-left: 10px;
  padding-right: 10px;
}

.poll-meter {
  background-color: var(--white);
  border-radius: 15px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 500px;
  height: auto;
  display: flex;
  position: relative;
}

.poll-result {
  background-color: var(--purple);
  white-space: nowrap;
  overflow-wrap: anywhere;
  border-radius: 15px 0 0 15px;
  width: 69%;
  height: 100%;
  padding: 20px 20px 1px;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.poll-result.no-response {
  width: 31%;
}

.p4-alt {
  color: #fff;
  font-size: var(--small-full);
  text-transform: none;
  word-break: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  position: static;
  top: 25.3611px;
  left: 17.1797px;
}

.body {
  font-size: var(--small-full);
  letter-spacing: 0;
  text-transform: none;
  max-width: 650px;
  margin-bottom: 19px;
  font-weight: 500;
  line-height: 1.33;
  text-decoration: none;
  position: relative;
}

.body.white.custom {
  font-size: var(--small-full);
  text-overflow: clip;
  padding: 0;
  line-height: 120%;
}

.body.inline {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  display: inline-flex;
}

.body.yellow {
  color: var(--light-yellow);
}

.body.alt {
  color: var(--black);
}

.body.emphasize {
  font-size: var(--standard-full);
  letter-spacing: .22px;
  line-height: 1.3;
}

.body.dark {
  color: var(--light-pink-trans-middle);
}

.body.tight {
  margin-bottom: 0;
}

.body.tight.bold {
  font-weight: 600;
}

.body.tight.bold.left {
  align-self: flex-start;
}

.body.thin {
  font-weight: 300;
}

.body.thin.left {
  align-self: flex-start;
}

.body.bold {
  font-weight: 700;
}

.body.longform {
  text-align: justify;
  text-transform: none;
  max-width: none;
}

.body.full {
  max-width: none;
}

.poll-result-2 {
  white-space: nowrap;
  overflow-wrap: anywhere;
  background-color: #24a8cd;
  border-radius: 15px 0 0 15px;
  width: 29%;
  height: 100%;
  padding: 20px;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: clip;
}

.cards {
  grid-row-gap: 48px;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-pink-min.jpg?v=165443349853787045831770837010);
  background-position: 0%;
  background-repeat: repeat;
  background-size: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  min-height: 1118.06px;
  padding-top: 100px;
  padding-bottom: 100px;
  text-decoration: none;
  display: flex;
}

.text-stack-7 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 889.275px;
  text-decoration: none;
  display: flex;
}

.h2-4 {
  color: #fff;
  font-family: Fraunces, serif;
  font-size: var(--large-full);
  text-align: center;
  text-transform: none;
  max-width: 800px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.p1-14 {
  color: #fff;
  font-family: Anek Bangla, sans-serif;
  font-size: var(--medium-full);
  text-align: center;
  text-transform: none;
  max-width: 800px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.p1-14.special-margin {
  margin-left: 100px;
}

.card-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  place-items: center;
  max-width: 100%;
  padding: 20px;
  text-decoration: none;
  display: grid;
  position: relative;
}

.card-container.none {
  display: none;
}

.card-container.pink {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #ee93a5;
}

.card-image-container {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  flex: auto;
  justify-content: space-around;
  align-self: center;
  align-items: stretch;
  width: 100%;
  max-width: none;
  height: auto;
  padding: 20px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.mt-card-image {
  z-index: 3;
  object-fit: contain;
  border-radius: 30px;
  align-self: center;
  max-height: 800px;
  position: relative;
  box-shadow: 0 5.7267px 22.0887px #0000000d;
}

.card-description-container {
  z-index: 1;
  background-color: #f0a2b100;
  flex-direction: column;
  flex: auto;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 0;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-description {
  z-index: 3;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: var(--maroon);
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  padding: 20px;
  display: flex;
  position: relative;
  overflow: auto;
}

.title-and-nav {
  justify-content: space-between;
  align-self: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.card-mt-name {
  color: var(--maroon);
  text-transform: uppercase;
  overflow-wrap: normal;
  justify-content: flex-start;
  align-items: center;
  width: 75%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Anek Bangla, sans-serif;
  font-size: 56px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
  display: block;
}

.card-nav-buttons {
  grid-column-gap: 5px;
  mix-blend-mode: normal;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: flex-start;
  width: auto;
  text-decoration: none;
  display: none;
  position: absolute;
  inset: 0% 0% auto auto;
}

.previous-button {
  z-index: 15;
  opacity: .75;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  margin-left: 10px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: absolute;
  inset: auto auto auto 0%;
}

.previous-button:hover {
  opacity: 100;
  width: 80px;
  height: 80px;
  margin-top: -10px;
}

.card-rw-name {
  color: var(--maroon);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Anek Bangla, sans-serif;
  font-size: 41px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.card-rw-name.description {
  color: var(--maroon);
}

.horizontal-stack-tldr {
  grid-column-gap: 12px;
  color: var(--black);
  flex: 0 auto;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  display: flex;
}

.horizontal-stack-tldr.black {
  color: var(--black);
  text-align: left;
}

.description-label {
  opacity: 1;
  color: var(--maroon);
  mix-blend-mode: soft-light;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 10px;
  font-family: Anek Bangla, sans-serif;
  font-size: 25px;
  font-style: italic;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.accordian-2 {
  grid-row-gap: 14px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 693.749px;
  text-decoration: none;
  display: flex;
}

.accordian-button {
  grid-column-gap: 10px;
  mix-blend-mode: luminosity;
  background-color: #03030317;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 7px 20px 7px 10px;
  display: flex;
}

.sich-text {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Anek Bangla, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.description-text {
  color: #5c163c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Anek Bangla, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.card-image {
  object-fit: contain;
  border-radius: 13px;
  width: auto;
  min-width: auto;
  height: 400px;
  min-height: 400px;
  box-shadow: 0 5.7267px 22.0887px #0000000d;
}

.card-image.none {
  object-fit: contain;
  height: 600px;
  display: none;
}

.card-graphics {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #00000096;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 0;
  display: flex;
  overflow: visible;
}

.card-graphics.purple {
  background-color: #931dca00;
  flex: 0 auto;
  width: auto;
  padding: 20px 20px 40px;
}

.container {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-self: center;
  align-items: center;
  width: 100%;
  min-width: auto;
  max-width: none;
  height: auto;
  min-height: auto;
  display: flex;
  position: relative;
}

.container.horizontal {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
}

.container.horizontal.confirmation {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-image: none;
  background-size: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.container.horizontal.border {
  border: 4px none var(--light-green);
  background-color: #6ee4e28c;
  max-width: 1440px;
  padding: 40px 20px;
}

.container.horizontal.yellow {
  background-color: var(--yellow-trans);
}

.container.horizontal.green {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--medium-tran-green);
  color: var(--black);
}

.container.horizontal.opaque-green {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: var(--purple);
  background-color: #daff5f9e;
}

.container.horizontal.padding {
  margin-bottom: 20px;
}

.container.horizontal.padding.spacing {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.container.horizontal.spacing {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.container.vertical {
  display: none;
}

.container.hero {
  background-image: none;
  max-width: none;
  overflow: visible;
}

.container.hero.horizontal {
  justify-content: space-between;
  max-width: 1440px;
  padding-top: 60px;
  padding-bottom: 60px;
}

.container.half {
  justify-content: space-between;
  align-items: center;
  width: 50%;
}

.container.padding-right {
  padding-right: 20px;
}

.container.padding-right.background {
  background-color: #d0f16000;
  justify-content: space-around;
  align-self: stretch;
  align-items: stretch;
  margin-right: 0;
  padding: 100px 0;
}

.container.padding-right.background.bright {
  background-color: #d0f16061;
}

.container.bright {
  box-sizing: border-box;
  object-fit: contain;
  background-color: #d0f16061;
  justify-content: space-between;
  align-self: stretch;
  align-items: stretch;
  height: auto;
}

.container.background {
  display: flex;
}

.container.background-yellow {
  background-color: #ffe45f3d;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 20px 20px 20px 40px;
  display: flex;
}

.container.full {
  max-width: 1440px;
}

.container.pink {
  background-color: #a80c8975;
  justify-content: center;
  align-items: center;
  max-width: 1440px;
  height: auto;
  padding: 40px 20px 40px 40px;
  display: flex;
}

.container.testimonials {
  background-color: #4c9dc600;
  padding-left: 40px;
  padding-right: 40px;
}

.container.light-purple {
  background-color: #931dca5c;
  border-radius: 5px;
}

.container.background-blue {
  background-color: #1064b875;
  justify-content: center;
  align-items: center;
  max-width: 1440px;
  height: auto;
  padding: 40px 20px 40px 40px;
  display: flex;
}

.container.padded {
  margin-left: 40px;
  margin-right: 40px;
  padding-left: 0;
  padding-right: 0;
}

.container.padding {
  padding: 40px 20px;
}

.container.limited {
  max-width: 800px;
}

.container.limited.padded {
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.container.left {
  text-align: left;
  justify-content: space-between;
  align-items: center;
}

.container.hide {
  display: none;
}

.cards-stack {
  grid-row-gap: 48px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  min-height: auto;
  padding-top: 0;
  padding-bottom: 0;
  text-decoration: none;
  display: flex;
}

.navbar {
  z-index: 3;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-bottom: 1px #000;
  width: 100%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-family: Gt Alpina Fine Standard, sans-serif;
  position: relative;
  overflow: visible;
}

.connect-stack {
  z-index: 0;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.hero-wrapper {
  z-index: 2;
  opacity: 1;
  object-fit: fill;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 50%;
  max-width: 70%;
  height: 100%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: visible;
}

.hero-wrapper.stack {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.hero-wrapper.stack.limited-width {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 50%;
  min-width: 550px;
  max-width: 650px;
  height: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
}

.logo-marquis-wrapper {
  display: flex;
}

.f-logo-plain {
  outline-offset: 0px;
  background-color: #fff;
  border: 0 #fff6;
  border-radius: 12px;
  outline: 5px solid #fff6;
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 48px;
  min-height: 73px;
  margin-top: 12px;
  margin-bottom: 12px;
  padding: 12px 24px;
  display: flex;
  box-shadow: 0 0 12px -1px #0000001f;
}

.collection-list-wrapper-4 {
  flex-flow: row;
  flex: 1;
  align-self: center;
  width: auto;
  min-width: auto;
  display: none;
}

.sidescrolling-logos {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.sidescrolling-logos.logo-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 1px #ececee;
  border-radius: 12px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  width: 100%;
  min-width: auto;
  margin-right: 20px;
  display: flex;
}

.logo-marquis-wrapper-layer-2 {
  display: none;
}

.customer-logos {
  border-radius: 21px;
  flex: 1;
  width: 100%;
  height: auto;
  margin-top: 0;
  overflow: hidden;
}

.global-container {
  z-index: 1;
  background-color: #fff0;
  width: 100%;
  max-width: 1140px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  position: relative;
}

.global-container.hero {
  align-items: stretch;
  max-width: 1140px;
  height: auto;
  display: flex;
}

.global-container.hero.logos {
  max-width: none;
  padding-bottom: 40px;
  padding-left: 0%;
  padding-right: 0%;
}

.eyebrow-2 {
  color: #160042;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

.collection-list-wrapper-5 {
  flex-flow: row;
  flex: 1;
  align-self: center;
  width: auto;
  min-width: auto;
  display: flex;
}

.testimony-container {
  display: flex;
}

.testimony-horizontal-stack-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: auto;
  display: grid;
}

.card-container-copy {
  grid-column-gap: 20px;
  background-color: #ea8a9c;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 20px;
  text-decoration: none;
  display: flex;
}

.card-list-container {
  text-align: left;
  max-width: 1440px;
  margin-left: 20px;
  margin-right: 20px;
  position: relative;
}

.old-name-flow {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.description-label-hashtags {
  opacity: 1;
  color: #5c163c;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Changa One, Impact, sans-serif;
  font-size: 25px;
  font-style: italic;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.texture {
  z-index: 0;
  opacity: 1;
  mix-blend-mode: luminosity;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-yellow-and-pink-min.jpg?v=165443349853787045831770837010);
  background-size: 75%;
  display: block;
  position: absolute;
  inset: 0%;
}

.texture.blue {
  z-index: 0;
  opacity: .75;
  mix-blend-mode: normal;
  background-image: linear-gradient(#3498ebb3, #3498ebb3);
  background-position: 0 0;
}

.texture.luminosity {
  z-index: 1;
  opacity: .47;
  mix-blend-mode: normal;
  background-color: #03030317;
  background-image: none;
  background-size: auto;
}

.texture.green {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-yellow-green-min.jpg?v=80877265287658194311770837010);
}

.texture.hide {
  display: none;
}

.texture.pink {
  z-index: -1;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-light-pink-min.jpg?v=165443349853787045831770837010);
}

.texture.video-effect {
  opacity: 0;
  mix-blend-mode: normal;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/rotatebackground.jpg?v=60947579770547652421770825100);
  background-position: 0 0;
  background-size: 50%;
}

.card-list, .card-collection {
  position: relative;
}

.next-button {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  text-decoration: none;
  display: flex;
}

.next-button.absolute {
  z-index: 15;
  opacity: .75;
  width: 70px;
  height: 70px;
  margin-right: 10px;
  transition: all .2s;
  position: absolute;
  inset: auto 0% auto auto;
}

.next-button.absolute:hover {
  opacity: 100;
  width: 80px;
  height: 80px;
  margin-top: -10px;
}

.code {
  display: none;
}

.newsletter-button {
  grid-column-gap: 0px;
  background-color: var(--light-yellow);
  color: #571a25;
  font-family: Anek Bangla, sans-serif;
  font-size: var(--small-full);
  text-align: center;
  text-transform: none;
  background-image: none;
  background-size: auto;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 500px;
  height: 80px;
  padding: 30px 40px;
  font-weight: 600;
  line-height: 10px;
  display: flex;
}

.newsletter-button.on-pink {
  background-color: var(--black);
  color: var(--white);
  width: 25%;
}

.newsletter-button-text {
  color: #5c173c;
  text-align: center;
  text-transform: uppercase;
  margin: 0 auto;
  font-family: Gt Alpina Standard, sans-serif;
  font-size: 29px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.icon-2 {
  color: #fff;
}

.social-link {
  width: 33%;
  min-width: auto;
  max-width: none;
  text-decoration: none;
}

.newsletter-section {
  grid-row-gap: 10px;
  background-color: #4c9dc600;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/pink-texture.jpg?v=165443349853787045831770825101);
  background-size: auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  height: auto;
  padding: 100px 40px;
  font-family: Gt Alpina Fine Standard, sans-serif;
  text-decoration: none;
  display: flex;
  position: relative;
}

.newsletter-section.gray {
  background-color: #e0e0e000;
  background-image: none;
  justify-content: flex-start;
  align-items: center;
  max-width: 680px;
}

.section-5-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.newsletter-horizontal {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-align: center;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.rich-text-block-5 {
  background-image: linear-gradient(#c2bb3769, #c2bb3769);
  margin-left: 0;
  padding: 20px;
  font-size: 14px;
  line-height: 20px;
}

.list-2 {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}

.products {
  background-image: none;
  background-size: auto;
  width: 100%;
  margin: 0;
}

.products.faq {
  z-index: 2;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/black-texture.jpg?v=112462281557973682851770825101);
  width: 100%;
  margin: 0;
  position: relative;
}

.products.full {
  margin-top: 0;
  margin-right: 0;
  padding: 0;
  font-family: Anek Bangla, sans-serif;
}

.product-name {
  color: var(--purple);
  text-align: left;
  text-transform: uppercase;
  overflow-wrap: normal;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Anek Bangla, sans-serif;
  font-size: 56px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
  display: block;
}

.product-name.black {
  color: var(--black);
}

.product-detail-text {
  color: var(--black);
  font-size: var(--small-full);
  text-align: left;
  line-height: 19px;
}

.product-detail-text.none {
  display: none;
}

.product-detail {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  border-bottom: 1px solid #5c153d;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 2px;
  display: flex;
}

.product-detail.last {
  padding-bottom: 3px;
}

.product-detail.first {
  border-top: 1px solid #5c153d;
  padding-top: 2px;
}

.product-details {
  grid-row-gap: 3px;
  color: var(--black);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 693.749px;
  text-decoration: none;
  display: flex;
}

.product-subsection {
  grid-column-gap: 10px;
  mix-blend-mode: luminosity;
  background-color: #03030317;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 44.1774px;
  padding: 7px 20px;
  display: flex;
}

.product-subsection.none {
  display: none;
}

.product-image-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #f0a2b100;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: none;
  height: 100%;
  padding: 0;
  text-decoration: none;
  display: flex;
  position: relative;
}

.product-detail-label {
  color: var(--light-green);
  -webkit-text-stroke-color: #daff5f;
  background-color: #931dca;
  border-radius: 3px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 4px 8px;
  font-family: Anek Bangla, sans-serif;
  font-size: 18px;
  font-style: italic;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.product-detail-label.alt {
  background-color: var(--black);
}

.none {
  display: none;
}

.default-state {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: stretch;
  margin-bottom: 0;
  display: flex;
}

.field-label {
  margin-bottom: 0;
}

.quantity {
  font-family: Anek Bangla, sans-serif;
  font-size: var(--small);
  border-style: none;
  border-radius: 5px;
  width: 100px;
  min-width: 70px;
  height: auto;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 10px;
  font-weight: 600;
  line-height: 1;
}

.quantity.nav {
  display: none;
}

.buy-now-button {
  background-color: var(--purple);
  font-family: Anek Bangla, sans-serif;
  font-size: var(--small-full);
  text-align: center;
  text-transform: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  font-weight: 600;
  line-height: 1;
  display: flex;
}

.buy-now-button.secondary {
  background-color: var(--black);
  align-self: center;
  line-height: 1;
  display: block;
}

.buy-now-button.secondary.alt {
  background-color: #831c54;
}

.buy-now-button.alt {
  background-color: var(--black);
}

.add-to-cart-2 {
  background-color: #5c153d00;
  background-image: none;
  background-size: auto;
  border-radius: 6px;
  width: 100%;
  padding: 10px 0;
}

.card-container-sub {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  opacity: 1;
  background-color: #e7899a;
  flex: 0 auto;
  justify-content: space-between;
  align-items: stretch;
  padding: 20px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.card-container-sub.none {
  display: none;
}

.card-container-sub.pink {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #ee93a5;
  max-width: 100%;
}

.rich-text-block-6 {
  color: #5c163c;
  line-height: 18px;
}

.card-description-subcontainer {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: visible;
}

.pink-texture {
  z-index: 0;
  background-image: linear-gradient(to bottom, var(--purple-sheen), var(--purple-sheen)), url(//millennialtarot.com/cdn/shop/t/2/assets/wide-1.jpg?v=80877265287658194311770837010);
  opacity: .92;
  mix-blend-mode: screen;
  background-position: 0 0, 0 0;
  background-size: auto, 50%;
  border-radius: 0;
  flex: 0 auto;
  align-self: flex-start;
  width: auto;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.navbar-background-image {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.product-outside-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  opacity: 1;
  background-color: #0000;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  place-items: center;
  max-width: 100%;
  padding: 20px 0;
  text-decoration: none;
  display: flex;
  position: relative;
}

.product-outside-container.none {
  display: none;
}

.product-outside-container.pink {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #ee93a5;
}

.product-outside-container.green {
  background-color: var(--light-green-trans);
}

.product-outside-container.green.margin-top {
  margin-top: 1px;
}

.product-container-sub {
  z-index: 1;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-self: center;
  place-items: center;
  max-width: 100%;
  padding: 20px;
  display: grid;
  position: relative;
}

.product-container-sub.none {
  display: none;
}

.product-container-sub.pink {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #ffe45f9e;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  width: 100%;
  max-width: 100%;
  display: grid;
}

.product-container-sub.pink.green {
  background-color: #daff5f61;
}

.product-description-container {
  background-color: #f0a2b100;
  flex-direction: column;
  flex: auto;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 0;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.product-description-content {
  z-index: 1;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: space-between;
  align-self: flex-start;
  align-items: flex-start;
  height: 100%;
  padding: 0;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: visible;
}

.apply-button {
  background-color: var(--light-pink);
  text-transform: none;
  font-weight: 600;
}

.text-block-11, .text-block-12 {
  font-family: Anek Bangla, sans-serif;
}

.field-label-2 {
  text-transform: none;
  font-family: Anek Bangla, sans-serif;
}

.text-block-13, .text-block-14, .text-block-15 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.checkout {
  text-transform: none;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-1.jpg?v=80877265287658194311770837010);
  background-position: 0 0;
  background-size: 50%;
  font-family: Anek Bangla, sans-serif;
}

.checkout-form {
  position: relative;
}

.text-block-16 {
  color: #333;
  font-family: Gt Alpina Fine Standard, sans-serif;
}

.label-checkout {
  color: #2e2e2e;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.label-checkout.cc-styleguide-label {
  margin-bottom: 25px;
}

.label-checkout.cc-cart-remove-link {
  color: #a7a7a7;
  margin-top: 4px;
  margin-bottom: 5px;
  font-weight: 400;
  text-decoration: none;
}

.label-checkout.cc-blog-date {
  opacity: .6;
  margin-top: 20px;
  font-family: Source Sans Pro, sans-serif;
}

.confirmation-product-container {
  z-index: 2;
  background-image: none;
  background-size: auto;
  align-self: flex-start;
  width: 100%;
  padding: 20px;
  position: relative;
}

.confirmation-product-container.alt {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-image: none;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
  position: relative;
}

.confirmation-product-container-centered {
  z-index: 2;
  background-image: linear-gradient(#ffa8ef4d, #ffa8ef4d);
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  border-radius: 0;
  flex-flow: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 20px;
  font-size: 190px;
  display: flex;
  position: relative;
}

.confirmation-product-container-centered.emoji {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/pink-texture.jpg?v=165443349853787045831770825101);
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  font-size: 190px;
}

.white {
  color: var(--white);
  max-width: none;
  padding-left: 40px;
  font-family: Anek Bangla, sans-serif;
}

.image-11 {
  object-fit: contain;
  align-self: center;
  width: auto;
  height: 100%;
}

.purple-texture {
  z-index: 0;
  background-color: var(--purple-sheen);
  opacity: .92;
  mix-blend-mode: screen;
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  border-radius: 0;
  flex: 0 auto;
  align-self: flex-start;
  width: auto;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.icon-3 {
  background-color: #c2bb37;
}

.mobile-buy {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.menu-button-2 {
  margin-right: 10px;
  padding: 18px;
  display: block;
  position: relative;
}

.menu-button-2.w--open {
  background-color: var(--light-yellow);
  border-radius: 11px;
  margin-right: 10px;
}

.menu-button-2.cart {
  background-color: var(--light-yellow);
  border-radius: 10px;
  margin-left: 0;
  margin-right: 0;
}

.menu-button-2.cart:hover {
  background-color: var(--light-green);
}

.menu-button-2.cart:active {
  background-color: var(--white);
}

.icon-4 {
  color: var(--light-yellow);
  border-radius: 0;
}

.icon-4:hover {
  color: var(--light-green);
}

.icon-4:active {
  color: var(--white);
}

.apple-pay-2 {
  height: 50px;
}

.link-block-5 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.footer-column {
  flex-flow: column;
  width: 33%;
  display: flex;
}

.div-block-9, .div-block-10 {
  width: 100%;
}

.rich-text-block-7 {
  text-align: left;
  font-family: Anek Bangla, sans-serif;
  position: relative;
}

.rich-text-block-7.center {
  text-align: center;
}

.body-2 {
  flex-flow: column;
  display: flex;
}

.body-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-1.jpg?v=80877265287658194311770837010);
  background-position: 0 0;
  background-size: 50%;
  flex-flow: column;
  display: flex;
}

.following {
  color: var(--white);
  font-family: Anek Bangla, sans-serif;
  font-size: var(--small-mobile);
  align-self: flex-start;
  margin-top: 3px;
  font-style: italic;
  font-weight: 300;
  line-height: 100%;
}

.reviewer-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.body-4 {
  color: #fff;
  font-family: Gt Alpina Fine Standard, sans-serif;
}

.body-5 {
  color: #fff;
  font-family: Gt Alpina Standard, sans-serif;
}

.link-3 {
  color: var(--light-pink);
  text-align: left;
  width: 100%;
  margin-top: -3px;
  margin-bottom: 8px;
}

.italic-text {
  color: var(--dark-pink);
  font-family: Varela, sans-serif;
  font-style: normal;
}

.marquee {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.rotation-image {
  height: 800px;
  margin-left: auto;
  margin-right: auto;
}

.testimony-horizontal-stack-container-alt {
  grid-column-gap: 50px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: grid;
}

.suit-info {
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-span-2, .text-span-3 {
  text-decoration: line-through;
}

.text-span-4 {
  opacity: .69;
  text-decoration: line-through;
}

.buy-section {
  grid-column-gap: 10px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  height: auto;
  min-height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 100px 0;
  text-decoration: none;
  display: flex;
}

.buy-section.vertical-stack {
  flex-flow: column;
  padding-top: 20px;
  padding-bottom: 20px;
}

.buy-section.border {
  border: 4px none var(--light-yellow);
  background-color: #fffa5f30;
  padding-left: 20px;
  padding-right: 20px;
}

.buy-section.yellow {
  grid-column-gap: 0px;
  background-color: #ffe45f6e;
  justify-content: space-between;
  align-items: stretch;
  padding-top: 0;
  padding-bottom: 0;
}

.buy-section.millennial {
  grid-column-gap: 0px;
  background-color: #98ff8d7d;
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
  padding-top: 0;
  padding-bottom: 0;
}

.italic-text-2 {
  font-size: 50px;
  font-style: normal;
  font-weight: 600;
}

.banner {
  grid-column-gap: 10px;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-yellow-and-pink-min.jpg?v=165443349853787045831770837010);
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: auto;
  min-height: auto;
  padding: 20px 40px;
  text-decoration: none;
  display: flex;
}

.banner.hide {
  display: none;
}

.spline-scene {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 700px;
  display: flex;
  position: relative;
  overflow: visible;
}

.spline-scene.hide {
  display: none;
}

.text-span-5 {
  text-decoration: line-through;
}

.text-span-6 {
  opacity: .71;
  text-decoration: line-through;
}

.div-block-12 {
  background-color: var(--light-green);
  width: 100%;
  height: 2px;
  margin-left: 40px;
  padding-left: 0;
}

.text-block-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-style: solid none none;
  border-width: 4px 3px 3px;
  border-color: var(--light-green);
  background-color: #c00d438a;
  flex-flow: column;
  width: 100%;
  margin-top: 20px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.product-list {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.body-6 {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-1.jpg?v=80877265287658194311770837010);
  background-position: 0 0;
  background-size: 50%;
}

.vertical-container {
  grid-row-gap: 10px;
  background-color: #4c9dc600;
  background-image: none;
  background-size: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 680px;
  height: auto;
  padding: 100px 40px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.vertical-container.gray {
  background-color: #e0e0e000;
  background-image: none;
  justify-content: flex-start;
  align-items: center;
  max-width: 680px;
}

.vertical-stack {
  z-index: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  height: auto;
  text-decoration: none;
  display: flex;
  position: relative;
}

.vertical-stack.mini {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 600px;
}

.vertical-stack.mini.psa {
  width: auto;
  max-width: 1000px;
}

.vertical-container-stack {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: auto;
  max-width: none;
  height: auto;
  min-height: auto;
  padding: 0;
  text-decoration: none;
  display: flex;
  position: relative;
}

.vertical-container-stack.horizontal {
  grid-column-gap: 41px;
  grid-row-gap: 41px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
}

.vertical-container-stack.horizontal.confirmation {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-image: none;
  background-size: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.vertical-container-stack.horizontal.border {
  border: 4px none var(--light-green);
  background-color: #6ee4e28c;
  padding: 40px 20px;
}

.vertical-container-stack.vertical {
  display: none;
}

.vertical-container-stack.hero {
  background-image: none;
  max-width: none;
  overflow: hidden;
}

.vertical-container-stack.half {
  justify-content: space-between;
  align-items: center;
  width: 50%;
}

.product-list-container {
  color: var(--purple);
}

.product-list-container.margin-top {
  margin-top: 40px;
}

.connect-2-copy {
  z-index: 0;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-1.jpg?v=80877265287658194311770837010);
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 800px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.connect-2-copy.yellow {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-yellow-and-pink-min.jpg?v=165443349853787045831770837010);
}

.newsletter-signup {
  z-index: 0;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-1.jpg?v=80877265287658194311770837010);
  background-position: 0%;
  background-repeat: repeat;
  background-size: 50% 100%;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  height: auto;
  text-decoration: none;
  display: flex;
  position: relative;
}

.newsletter-signup.yellow {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-yellow-and-pink-min.jpg?v=165443349853787045831770837010);
}

.social-media-follow {
  z-index: 0;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/light-green-blue-min.jpg?v=29643005839742013721770837012);
  background-position: 0%;
  background-repeat: repeat;
  background-size: 50%;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  height: auto;
  font-family: Anek Bangla, sans-serif;
  text-decoration: none;
  display: flex;
  position: relative;
}

.social-media-follow.yellow {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-yellow-and-pink-min.jpg?v=165443349853787045831770837010);
}

.paragraph-6, .paragraph-7, .paragraph-8, .text-block-17 {
  font-family: Anek Bangla, sans-serif;
}

.paypal {
  background-image: none;
}

.text-span-7 {
  font-size: 32px;
}

.div-block-13 {
  flex-flow: column;
  flex: 1;
  min-height: 100%;
  display: flex;
}

.footer-menu {
  color: var(--light-yellow);
  font-family: Anek Bangla, sans-serif;
  font-size: var(--medium-full);
  text-transform: none;
  text-overflow: clip;
  white-space: nowrap;
  overflow-wrap: normal;
  font-weight: 700;
  display: block;
  position: relative;
  overflow: visible;
}

.banner-section {
  grid-column-gap: 10px;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-yellow-and-pink-min.jpg?v=165443349853787045831770837010);
  background-position: 0%;
  background-repeat: repeat;
  background-size: 50%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: auto;
  min-height: auto;
  padding: 40px;
  text-decoration: none;
  display: flex;
}

.banner-section.millennial {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-yellow-green-min.jpg?v=80877265287658194311770837010);
  justify-content: space-between;
  align-items: stretch;
  padding-top: 40px;
  padding-bottom: 40px;
}

.banner-section.suits {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-pink-min.jpg?v=165443349853787045831770837010);
  border-radius: 0;
}

.banner-container {
  grid-column-gap: 10px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  height: auto;
  min-height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 100px 0;
  text-decoration: none;
  display: flex;
}

.banner-container.vertical-stack {
  flex-flow: column;
  padding-top: 20px;
  padding-bottom: 20px;
}

.banner-container.border {
  border: 4px none var(--light-yellow);
  background-color: #fffa5f30;
  padding-left: 20px;
  padding-right: 20px;
}

.banner-container.yellow {
  grid-column-gap: 0px;
  background-color: #ffe45f6e;
  justify-content: space-between;
  align-items: stretch;
  padding-top: 0;
  padding-bottom: 0;
}

.banner-container.millennial {
  border: 4px none var(--light-yellow);
  background-color: #daff5f47;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: 60px 20px;
}

.banner-container.suits {
  background-color: #a80c8973;
  border-radius: 0;
}

.subtext-and-link {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: var(--light-yellow);
  font-size: var(--small-full);
  display: flex;
}

.subtext-and-link.eyebrow {
  opacity: 1;
  color: var(--light-green);
  font-weight: 400;
}

.subtext-and-link.psa.green {
  color: var(--light-green);
}

.inline-paragraph-link {
  opacity: 1;
  color: var(--black);
  text-overflow: clip;
  font-style: italic;
  font-weight: 700;
  display: block;
}

.product-background {
  background-color: #daff5f9e;
  border-radius: 0;
  width: auto;
  min-width: 30%;
  height: auto;
  margin-right: 40px;
  padding: 40px;
  display: flex;
}

.manual-embed, .mob-stuff {
  display: none;
}

.code-embed {
  width: auto;
  height: auto;
}

.spline-scene-2 {
  width: 100%;
  height: 100%;
}

.code-embed-2 {
  background-color: var(--maroon);
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.spline-scene-desktop {
  width: auto;
  height: 100%;
  display: none;
}

.mobile-only {
  display: none;
}

.h1 {
  color: var(--light-yellow);
  font-family: Fraunces, serif;
  font-size: var(--huge-full);
  letter-spacing: -1.25px;
  text-transform: none;
  font-weight: 800;
  line-height: 1.05;
  position: relative;
}

.h1.alt {
  color: var(--light-yellow);
}

.subtext {
  font-size: var(--small-full);
  line-height: 22px;
}

.nav-container {
  display: none;
}

.p4-small {
  color: var(--light-green);
  font-family: Anek Bangla, sans-serif;
  font-size: var(--small-full);
  text-align: center;
  text-transform: none;
  overflow-wrap: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.p4-small.double-line {
  line-height: 173%;
}

.p4-small.blue {
  box-sizing: border-box;
  color: var(--light-pink);
  font-size: var(--medium-full);
  text-align: right;
  text-transform: none;
  white-space: nowrap;
  font-style: normal;
  font-weight: 600;
  display: block;
  position: relative;
}

.p4-small.blue.notice {
  font-size: 21px;
  font-weight: 400;
}

.p4-small.blue.notice.hide {
  display: none;
}

.p4-small.yellow {
  color: var(--white);
}

.text-span-9, .text-span-10 {
  text-transform: uppercase;
}

.glow-up {
  background-color: #931dca38;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin-top: 40px;
  margin-bottom: 0;
  padding: 0 40px 20px;
  display: flex;
  position: relative;
}

.card-and-text-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.text-span-11 {
  text-transform: capitalize;
}

.suit-text {
  color: #0009;
  font-family: Anek Bangla, sans-serif;
  font-size: var(--small-full);
  text-align: center;
  text-transform: none;
  background-color: #fef8fe6b;
  border-bottom-left-radius: 8px;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 10px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.suit-text.top-margin {
  opacity: 1;
  font-size: var(--small-full);
  margin-top: 10px;
}

.suit-text.top-margin.cross {
  opacity: .64;
  text-decoration: none;
  display: none;
}

.suit-text.top-margin.purple {
  color: var(--purple);
  text-align: left;
}

.suit-text.top-margin.original {
  opacity: 27;
  color: #0009;
  font-size: var(--small);
  background-color: #ffffff6b;
  border-bottom-left-radius: 8px;
  align-self: center;
  width: 100%;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 10px;
}

.suit-text.top-margin.new {
  opacity: 27;
  color: var(--white);
  font-size: var(--small);
  background-color: #ef5b5bdb;
  border-bottom-right-radius: 8px;
  align-self: center;
  width: 100%;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 10px;
}

.suit-text.top-margin.new.cup {
  background-color: #2dc3f0db;
  padding-top: 0;
}

.suit-text.top-margin.new.sword {
  color: var(--black);
  background-color: #d7e5dedb;
  padding-top: 0;
}

.suit-text.top-margin.new.pentacle {
  background-color: #81c040db;
  padding-top: 0;
}

.suit-text.top-margin.blue {
  color: var(--cup);
}

.suit-text.top-margin.yellow {
  color: var(--light-yellow);
}

.suit-text.top-margin.gray {
  opacity: .69;
}

.suit-text.pentacle {
  background-color: #81c040db;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 0;
}

.suit-text.sword {
  background-color: #d7e5dedb;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 0;
}

.suit-text.cup {
  background-color: #2dc3f0db;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 0;
}

.suit-text.wand {
  background-color: #ef5b5bdb;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 0;
}

.suit-stack {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #0000007d;
  border-radius: 9px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: auto;
  height: auto;
  padding: 10px;
  text-decoration: none;
  display: grid;
}

.suit-stack.horizontal {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  flex-flow: row;
  height: auto;
}

.suit-container {
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 50%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.problem {
  grid-row-gap: 4px;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/star-small.jpg?v=110399194777051676151770825101);
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 800px;
  min-height: 800px;
  margin-top: -1px;
  padding: 20px 250px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.problem.hide-overflow {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-blue-very-dark-min.jpg?v=112462281557973682851770837010);
  background-position: 0 0;
  background-size: 50%;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  min-height: auto;
  padding: 100px 0;
  overflow: hidden;
}

.problem.hide-overflow.hide {
  display: none;
}

.guidebook-section {
  grid-column-gap: 10px;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/light-green-blue-min.jpg?v=29643005839742013721770837012);
  background-position: 0%;
  background-repeat: repeat;
  background-size: 50%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: auto;
  min-height: auto;
  padding: 40px;
  text-decoration: none;
  display: flex;
}

.guidebook-section.millennial {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-yellow-green-min.jpg?v=80877265287658194311770837010);
  justify-content: space-between;
  align-items: stretch;
}

.guidebook-container {
  grid-column-gap: 10px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  height: auto;
  min-height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 100px 0;
  text-decoration: none;
  display: flex;
}

.guidebook-container.vertical-stack {
  flex-flow: column;
  padding-top: 20px;
  padding-bottom: 20px;
}

.guidebook-container.border {
  border: 4px none var(--light-yellow);
  background-color: #fffa5f30;
  padding-left: 20px;
  padding-right: 20px;
}

.guidebook-container.yellow {
  grid-column-gap: 0px;
  background-color: #ffe45f00;
  justify-content: space-between;
  align-items: stretch;
  padding-top: 0;
  padding-bottom: 0;
}

.guidebook-container.millennial {
  background-color: #98ff8d7d;
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
  padding-top: 0;
  padding-bottom: 0;
}

.guidebook-photo {
  box-sizing: border-box;
  object-fit: contain;
  width: 100%;
  height: auto;
  padding: 20px;
  overflow: visible;
}

.guidebook-photo.margin {
  object-fit: contain;
  flex: 0 auto;
  align-self: center;
  width: 110px;
  height: 110px;
  position: relative;
  overflow: visible;
}

.guidebook-photo.margin.full {
  width: 100%;
  height: auto;
}

.horizontal-inline-stack {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  background-color: #ffe45f2e;
  border-radius: 9px;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding: 5px 12px 5px 5px;
  display: flex;
}

.horizontal-inline-stack.hide {
  display: none;
}

.tag {
  align-self: flex-start;
}

.content-stack {
  grid-row-gap: 10px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  padding: 40px 20px;
  text-decoration: none;
  display: flex;
}

.content-stack.yellow {
  background-color: var(--yellow-trans);
}

.content-stack.yellow.left {
  grid-row-gap: 0px;
  text-align: left;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
}

.content-stack.pink {
  background-color: var(--dark-pink-trans);
}

.content-stack.horizontal {
  grid-row-gap: 0px;
  flex-flow: row;
}

.content-stack.horizontal.green {
  background-color: var(--light-green-trans);
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: stretch;
}

.content-stack.horizontal.tight {
  padding: 0;
}

.content-stack.horizontal.tight.space, .content-stack.horizontal.spacing {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.content-stack.green {
  background-color: var(--light-green-trans);
}

.content-stack.texture-yellow {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-yellow-and-pink-min.jpg?v=165443349853787045831770837010);
  background-position: 0 0;
  background-size: 100%;
}

.content-stack.left {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
}

.content-stack.left.texture-yellow.padding {
  padding: 100px 40px;
}

.content-stack.left.blue {
  color: var(--light-yellow);
}

.content-stack.left.blue.padded {
  padding: 100px 40px;
}

.content-stack.left.texture-blue {
  color: var(--light-yellow);
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-1.jpg?v=80877265287658194311770837010);
  background-position: 0 0;
  background-size: 100%;
}

.content-stack.left.texture-blue.padded, .content-stack.left.padded, .content-stack.left.padding {
  padding: 100px 40px;
}

.content-stack.light-purple {
  background-color: var(--dark-pink-trans);
  flex: 0 auto;
}

.content-stack.black {
  color: var(--black);
}

.audience-section {
  grid-row-gap: 4px;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/star-small.jpg?v=110399194777051676151770825101);
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 800px;
  min-height: 800px;
  margin-top: -1px;
  padding: 20px 250px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.audience-section.hide-overflow {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-pink-min.jpg?v=165443349853787045831770837010);
  background-position: 0 0;
  background-size: 50%;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  min-height: auto;
  padding: 40px;
  overflow: hidden;
}

.audience-section.hide-overflow.hide {
  display: none;
}

.audience-section.hide-overflow.included {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-1.jpg?v=80877265287658194311770837010);
}

.bridge-text {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  margin-top: 40px;
  margin-bottom: 40px;
  text-decoration: none;
  display: flex;
}

.bridge-text.margin-bottom {
  margin-bottom: 0;
}

.bridge-text.margin-bottom.big {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  margin-top: 60px;
}

.bridge-text.medium-margin-bottom {
  margin-bottom: 40px;
}

.bridge-text.medium-margin-bottom.big {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  margin-top: 60px;
}

.bridge-text.hide {
  display: none;
}

.suits-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--cup);
  border-radius: 10px;
  padding: 10px;
  display: flex;
  position: relative;
}

.suits-container.wand {
  background-color: var(--wand);
}

.suits-container.sword {
  background-color: var(--sword);
}

.suits-container.pentacle {
  background-color: var(--pentacle);
}

.suits-original {
  object-fit: contain;
  background-color: #fef8fe6b;
  border-radius: 8px 0 0;
  width: 100%;
  height: 90px;
  margin-top: 0;
  padding: 10px;
}

.suits-original.small {
  width: 40px;
  height: 40px;
}

.suits-original.inline {
  width: 50px;
  height: 50px;
  margin-left: 10px;
  margin-right: 10px;
  padding-right: 0;
}

.suits-original.wands {
  background-color: var(--wand);
}

.suits-original.cups {
  background-color: var(--cup);
}

.suits-original.swords {
  background-color: var(--sword);
}

.suits-original.pentacle {
  background-color: var(--pentacle);
}

.star-symbol {
  color: #fff;
  font-family: Anek Bangla, sans-serif;
  font-size: var(--medium-mobile);
  text-align: center;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
  display: block;
  position: absolute;
  inset: 5px auto auto 5px;
}

.star-symbol.top-margin {
  opacity: 1;
  font-size: var(--small-full);
  margin-top: 10px;
}

.star-symbol.top-margin.cross {
  opacity: .64;
  text-decoration: none;
  display: none;
}

.star-symbol.top-margin.purple {
  color: var(--purple);
}

.star-symbol.top-margin.original {
  opacity: 27;
}

.star-symbol.bottom {
  display: block;
  inset: 65px 5px auto auto;
}

.arrow-emoji {
  z-index: 2;
  opacity: 1;
  color: #fff;
  font-family: Anek Bangla, sans-serif;
  font-size: var(--small);
  text-align: center;
  text-transform: none;
  align-self: center;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
  display: none;
  position: absolute;
  inset: 0%;
}

.arrow-emoji.top-margin {
  opacity: 1;
  font-size: var(--small-full);
  margin-top: 10px;
}

.arrow-emoji.top-margin.cross {
  opacity: .64;
  text-decoration: none;
  display: none;
}

.arrow-emoji.top-margin.purple {
  color: var(--purple);
}

.arrow-emoji.top-margin.original {
  opacity: 27;
  align-self: center;
}

.suit-section {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin-top: 40px;
  margin-bottom: 60px;
  text-decoration: none;
  display: flex;
}

.suit-section.margin-bottom {
  max-width: 144px;
  margin-bottom: 0;
}

.suit-section.margin-bottom.big {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  max-width: 1440px;
  margin-top: 20px;
}

.suit-section.medium-margin-bottom {
  margin-bottom: 40px;
}

.suit-section.medium-margin-bottom.big {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  margin-top: 60px;
}

.bold-text {
  font-weight: 600;
}

.bold-text-2 {
  color: var(--light-pink);
  font-size: var(--small-full);
  text-transform: none;
  font-weight: 600;
}

.spread-options {
  color: var(--light-yellow);
  font-size: var(--small);
  background-color: #ffe45f00;
  border-radius: 8px;
  width: auto;
  padding: 0;
}

.spread-text {
  opacity: 1;
  color: var(--light-yellow);
  font-size: var(--small-mobile);
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 600;
}

.spread-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--light-pink-trans-middle);
  color: var(--light-yellow);
  font-size: var(--small);
  border-radius: 8px;
  align-self: flex-start;
  width: auto;
  margin-top: 40px;
  padding: 20px;
  display: flex;
}

.spread-image-container {
  color: var(--purple);
  font-size: var(--small);
  background-color: #931dca00;
  border-radius: 8px;
  justify-content: flex-end;
  align-self: flex-end;
  align-items: flex-start;
  width: auto;
  padding: 0;
  display: flex;
}

.spread {
  background-color: var(--light-pink-trans-middle);
  border-radius: 5px;
  align-self: flex-start;
  width: auto;
  max-width: 60px;
  max-height: 60px;
  padding: 10px;
}

.audience-horizontal {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 0 20px 20px;
  line-height: 20px;
  display: grid;
}

.audience-text {
  color: #fff;
  font-family: Anek Bangla, sans-serif;
  font-size: var(--medium-full);
  text-align: left;
  text-transform: none;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 191%;
  text-decoration: none;
}

.audience-text.top-margin {
  font-size: var(--medium-full);
  margin-top: 10px;
  font-weight: 600;
}

.audience-text.top-margin.special {
  opacity: 1;
  color: var(--light-yellow);
  font-size: var(--small-full);
  align-self: center;
  margin-top: 0;
}

.audience-member-stack {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #00000024;
  border-radius: 12px;
  flex-flow: column;
  display: flex;
}

.testimony-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.photo-of-deck {
  mix-blend-mode: normal;
  object-fit: cover;
  object-position: 0% 50%;
  align-self: center;
  width: auto;
  height: 70vh;
  min-height: auto;
  max-height: none;
  display: block;
  position: relative;
  inset: 0% auto 0% 0%;
  overflow: visible;
}

.photo-block {
  flex: 1;
  align-self: flex-start;
  align-items: center;
  width: auto;
  min-width: 150%;
  max-width: 200%;
  min-height: 600px;
  display: flex;
}

.suit-section-embedded {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin-top: 20px;
  margin-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.suit-section-embedded.margin-bottom {
  max-width: 144px;
  margin-bottom: 0;
}

.suit-section-embedded.margin-bottom.big {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  max-width: 1440px;
  margin-top: 20px;
}

.suit-section-embedded.medium-margin-bottom {
  margin-bottom: 40px;
}

.suit-section-embedded.medium-margin-bottom.big {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  margin-top: 60px;
}

.logo-lockup {
  grid-column-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: auto;
  text-decoration: none;
  display: none;
}

.standard {
  font-family: Anek Bangla, sans-serif;
  font-size: var(--small-full);
}

.included-grid {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.bullets {
  color: #fff;
  font-size: var(--small-full);
  text-align: left;
  text-transform: none;
  padding: 20px 10px;
  line-height: 100%;
}

.included-column {
  background-color: #06346357;
  border-radius: 10px;
  margin-top: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.included-column._1 {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.included-column._2 {
  border-radius: 0;
}

.included-column._3 {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.column-header {
  background-color: #06346357;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 10px 10px 0;
}

.column-header._1 {
  border-top-right-radius: 0;
}

.column-header._2 {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.column-header._3 {
  border-top-left-radius: 0;
}

.section {
  grid-row-gap: 4px;
  color: var(--white);
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-1.jpg?v=80877265287658194311770837010);
  background-position: 50%;
  background-repeat: repeat;
  background-size: 75%;
  flex-direction: column;
  justify-content: space-around;
  align-items: stretch;
  width: 100%;
  max-width: none;
  height: auto;
  min-height: auto;
  margin-top: 0;
  padding: 60px 40px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section.hide-overflow {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-blue-very-dark-min.jpg?v=112462281557973682851770837010);
  background-position: 0 0;
  background-size: 50%;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  min-height: auto;
  padding: 100px 0;
  overflow: hidden;
}

.section.hide-overflow.hide {
  display: none;
}

.section.black {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-blue-very-dark-min.jpg?v=112462281557973682851770837010);
}

.section.dark-blue {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-blue-dark-min.jpg?v=52069375675199018001770837011);
}

.section.dark-blue.full {
  padding-left: 0;
  padding-right: 0;
}

.section.teal {
  color: var(--light-pink);
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/light-green-blue-min.jpg?v=29643005839742013721770837012);
}

.section.hide {
  display: none;
}

.section.dark-pink {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-pink-min.jpg?v=165443349853787045831770837010);
}

.section.dark-green {
  grid-row-gap: 0px;
  color: var(--light-green);
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-2-min.jpg?v=76586588281480357331770837010);
}

.section.yellow {
  color: var(--light-pink);
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-yellow-and-pink-min.jpg?v=165443349853787045831770837010);
}

.section.horizontal {
  flex-flow: row;
  justify-content: center;
}

.section.horizontal.full {
  padding: 0;
}

.section.full {
  padding-left: 0;
  padding-right: 0;
}

.section.hero {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  height: 90vh;
  padding-top: 0;
  padding-bottom: 0;
}

.section.bare {
  background-color: #0000;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
}

.section.bare.spaced {
  grid-row-gap: 30px;
}

.body-7 {
  text-align: center;
}

.upstack {
  z-index: 1;
  grid-row-gap: 30px;
  text-align: center;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  max-width: none;
  text-decoration: none;
  display: flex;
  position: relative;
}

.upstack.yellow {
  background-color: var(--yellow-trans);
}

.upstack.yellow.left {
  grid-row-gap: 0px;
  text-align: left;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
}

.upstack.pink {
  background-color: var(--dark-pink-trans);
}

.upstack.horizontal {
  flex-flow: row;
}

.upstack.horizontal.green {
  background-color: var(--light-green-trans);
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
}

.upstack.green {
  background-color: var(--light-green-trans);
}

.upstack.texture-yellow {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-yellow-and-pink-min.jpg?v=165443349853787045831770837010);
  background-position: 0 0;
  background-size: 100%;
}

.upstack.left {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
}

.poll-default {
  padding: 20px 20px 1px;
}

.eyebrow-test {
  opacity: .7;
  color: var(--light-yellow);
  text-align: center;
  letter-spacing: .03em;
  text-transform: none;
  overflow-wrap: normal;
  font-family: Anek Bangla, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.eyebrow-test.pink {
  color: var(--light-green);
}

.code-embed-4 {
  display: none;
}

.image-12 {
  object-fit: contain;
  width: 25px;
  height: 25px;
  display: none;
}

.filter {
  background-color: var(--light-yellow);
  opacity: 1;
  color: var(--light-yellow);
  mix-blend-mode: normal;
  padding-bottom: 0;
  padding-right: 0;
  position: absolute;
  inset: 0%;
}

.custom-cart {
  font-size: var(--medium-full);
}

.button-stack {
  box-sizing: border-box;
  clear: none;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  align-items: center;
  display: flex;
  position: static;
}

.product-buttons.margin-top {
  flex: 0 auto;
  margin-top: 10px;
}

.cart-button {
  background-color: var(--light-yellow);
  border-radius: 8px;
  display: -webkit-inline-flex !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center;
  gap: 4px;
}

.cart-button:hover {
  background-color: var(--light-green);
}

.cart-button:active {
  background-color: var(--white);
}

.cart-quantity-2 {
  background-color: var(--purple);
  color: var(--light-green);
  font-size: var(--small-full);
  border-radius: 100px;
  width: 30px;
  min-width: auto;
  height: 30px;
  margin-left: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.collection-list-wrapper-8 {
  margin-top: 20px;
  display: flex;
}

.text-block-18 {
  font-family: Anek Bangla, sans-serif;
}

.cart-quantity-3 {
  color: var(--dark-pink);
  font-size: var(--small);
}

.cart-list-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-align: left;
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-1.jpg?v=80877265287658194311770837010);
  background-position: 0%;
  background-size: 100%;
  flex-flow: column;
  display: flex;
}

.cart-item {
  background-color: var(--dark-pink-trans);
  padding-left: 10px;
  padding-right: 10px;
}

.image-13 {
  height: auto;
}

.option-list-2 {
  margin-top: 0;
}

.checkout-button {
  background-color: var(--dark-pink);
  font-size: var(--small-full);
  padding-top: 12px;
  padding-bottom: 12px;
}

.checkout-button:hover {
  background-color: var(--purple);
  color: var(--white);
}

.checkout-button:active {
  background-color: var(--maroon);
}

.cart-header-2 {
  border-bottom-style: none;
}

.suit-guidebook {
  opacity: 1;
  text-transform: uppercase;
  object-fit: contain;
  width: 60px;
  height: 60px;
  position: relative;
}

.suit-guidebook.alt {
  opacity: .71;
  display: inline-block;
}

.suit-guidebook.alt.hide {
  display: none;
}

.card-stack {
  flex-flow: column;
  padding: 20px;
  display: flex;
}

.card-stack.light-purple {
  background-color: var(--dark-pink-trans);
}

.single-card-image {
  object-fit: contain;
  border-radius: 13px;
  width: auto;
  min-width: auto;
  height: 400px;
  min-height: 400px;
  box-shadow: 0 5.7267px 22.0887px #0000000d;
}

.single-card-image.none {
  object-fit: contain;
  height: 600px;
  display: none;
}

.order-item {
  border-bottom: 1px solid var(--opacity);
}

.discounts {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--maroon);
  text-align: left;
  flex-flow: column;
}

.discount-code {
  font-size: var(--small-full);
  align-self: center;
}

.discount-code-2 {
  align-self: center;
}

.discount {
  color: var(--maroon);
  text-align: left;
}

@media screen and (min-width: 1280px) {
  .global-container {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 991px) {
  .gone-3.cc-product-detail {
    flex-direction: column;
  }

  .styleguide-block {
    text-align: center;
  }

  .gone-8.vertical-stack {
    padding-left: 20px;
    padding-right: 20px;
  }

  .button {
    justify-content: center;
  }

  .button.cc-white-button {
    padding-left: 20px;
    padding-right: 20px;
  }

  .paragraph-light.cc-subscribe-paragraph {
    width: 60%;
  }

  .heading-jumbo {
    font-family: Bitstream iowanoldst bt pro roman, sans-serif;
    font-size: 36px;
    line-height: 44px;
  }

  .logo-link {
    width: auto;
    padding-right: 20px;
  }

  .logo-link.w--current {
    flex: 1;
  }

  .menu-icon {
    display: block;
  }

  .navigation-items {
    z-index: 10;
    background-color: #fff0;
    font-family: Anek Bangla, sans-serif;
  }

  .cart {
    margin-left: 0;
    margin-right: 30px;
  }

  .navigation {
    padding: 25px 30px;
  }

  .text-field.cc-quantity-field {
    text-align: center;
    width: auto;
    margin-bottom: 10px;
    margin-right: 0;
  }

  .navigation-item {
    color: var(--light-yellow);
    font-size: var(--small-full);
    text-align: center;
    background-color: #931dcad1;
    padding: 15px 30px;
    transition: background-color .4s, opacity .4s, color .4s;
  }

  .navigation-item:hover {
    background-color: #f7f8f9;
  }

  .navigation-item:active {
    background-color: #eef0f3;
  }

  .menu-button {
    padding: 0;
  }

  .menu-button.w--open {
    background-color: #0000;
  }

  .collection-wrap {
    flex-flow: column;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
  }

  .intro-header {
    padding-top: 60px;
    padding-bottom: 20px;
  }

  .intro-header.instruction-header {
    background-position: 61%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: cover, contain;
  }

  .collection-item {
    width: 100%;
    margin-bottom: 30px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .intro-content {
    align-self: center;
  }

  .intro-text {
    width: auto;
  }

  .footer {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: .25fr;
  }

  .picture-placeholder.cc-about-2 {
    height: 460px;
  }

  .contact-name-field-wrap {
    width: 100%;
    padding-right: 0;
  }

  .email-name-field-wrap {
    width: 100%;
    padding-left: 0;
  }

  .get-in-touch-form {
    text-align: left;
  }

  .credentials-inputs-wrap {
    flex-direction: column;
    align-items: stretch;
  }

  .grid {
    grid-template: "."
                   "."
                   "."
                   "."
                   / 1fr;
  }

  .number-contact-wrap {
    margin-bottom: 20px;
  }

  .collection-list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .blog-item {
    width: 100%;
  }

  .blog-preview-image {
    height: 460px;
  }

  .blog-summary-wrap {
    width: 100%;
  }

  .product-details-wrap {
    text-align: center;
    width: 100%;
    margin-bottom: 80px;
    margin-left: auto;
    margin-right: auto;
  }

  .product-image {
    width: 100%;
    margin-bottom: 40px;
  }

  .product-detail-cta-wrap {
    flex-direction: column;
    justify-content: center;
  }

  .product-detail-price.alt {
    line-height: 33px;
  }

  .full-width-form {
    padding: 40px;
  }

  .blog-detail-header-wrap {
    width: 70%;
  }

  .blog-header-image {
    height: 460px;
  }

  .order-summary {
    flex-basis: 320px;
  }

  .cardtypelink {
    flex: 1;
  }

  .cardtypelink.alt, .cardtypelink.label {
    max-width: 100%;
  }

  .cardtypelink.hide {
    flex: 0 auto;
  }

  .heading-2.suit.alt {
    font-size: 38px;
  }

  .collection-list-wrapper {
    justify-content: space-between;
    display: block;
  }

  .suit.alt {
    font-size: 26px;
  }

  .card-list-item {
    flex: 1;
    width: 100%;
    min-width: auto;
    max-width: none;
    position: relative;
  }

  .image-2 {
    max-width: 100%;
  }

  .columns {
    margin-left: 40px;
    margin-right: 40px;
  }

  .heading-3.meaning {
    font-size: 36px;
    line-height: 40px;
  }

  .heading-3.original {
    font-size: 24px;
    line-height: 30px;
  }

  .heading-3.meannig {
    font-size: 18px;
    line-height: 30px;
  }

  .paragraph {
    font-size: 15px;
    line-height: 21px;
  }

  .column-2.meaning {
    padding-right: 10px;
  }

  .column-3 {
    align-items: center;
  }

  .columns-4 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .suit-link {
    max-width: 100%;
  }

  .collection-list-3 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: stretch stretch;
    display: grid;
  }

  .cardimage {
    width: 100%;
  }

  .text-block-5 {
    font-family: Bitstream iowanoldst bt pro roman, sans-serif;
    display: none;
  }

  .product-container {
    align-items: start;
  }

  .main-image {
    object-fit: cover;
    width: auto;
    height: auto;
  }

  .collection-list-4 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: wrap;
  }

  .collection-item-3 {
    min-width: 80px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .lightbox-image {
    object-fit: contain;
  }

  .image-8 {
    object-fit: cover;
    width: auto;
    height: auto;
  }

  .lightbox-link-2 {
    object-fit: cover;
    width: auto;
  }

  .heading-4 {
    font-family: Bitstream iowanoldst bt pro roman, sans-serif;
  }

  .avocado {
    max-width: none;
    max-height: none;
    display: inline-block;
  }

  .rich-text-block-4 {
    text-align: left;
    font-family: Source Sans Pro, sans-serif;
    line-height: 22px;
  }

  .paragraph-4, .heading-11 {
    text-align: left;
    font-family: Source Sans Pro, sans-serif;
  }

  .paragraph-5 {
    text-align: left;
    font-family: Source Sans Pro, sans-serif;
    font-weight: 400;
    line-height: 28px;
  }

  .text-block-8 {
    text-align: left;
    font-family: Source Sans Pro, sans-serif;
    display: block;
  }

  .link {
    display: inline;
  }

  .text-stack.padding {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section-explainer {
    background-size: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .gone-2 {
    font-size: var(--large-mobile);
  }

  .testimonials-2 {
    background-size: 100%;
  }

  .h2 {
    font-size: var(--large-mobile);
  }

  .h3 {
    font-size: var(--medium);
  }

  .testimony-vertical-stack-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .testimony {
    width: 560px;
    height: 220px;
    min-height: 190px;
  }

  .account-2 {
    font-size: 30px;
  }

  .comment-2 {
    font-size: 20px;
  }

  .buy {
    background-size: 100%;
  }

  .object-stack-5 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .h4-2 {
    font-size: var(--large-mobile);
  }

  .buy-button.purple {
    font-size: var(--medium);
  }

  .buy-button.black, .buy-button.purple-back, .buy-button.black, .buy-button.yellow, .buy-button.pink {
    font-size: var(--medium-mobile);
  }

  .buy-button.minor.padding {
    width: 100%;
    margin-top: 10px;
    margin-left: 0;
  }

  .subbrow {
    font-size: var(--medium);
  }

  .subbrow.yellow, .subbrow.green {
    text-align: left;
  }

  .product-photo.margin {
    height: 110px;
  }

  .h4-3.alt.left {
    font-size: 50px;
  }

  .social-icon {
    height: 120px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .social-text {
    font-size: var(--small);
  }

  .split-container {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .form-stack {
    align-self: flex-start;
  }

  .h4-5.alt.left {
    font-size: var(--large-mobile);
  }

  .social-buttons {
    grid-column-gap: 8px;
  }

  .social {
    border-radius: 0;
    width: auto;
    height: auto;
  }

  .social.fb {
    border-radius: 30px;
  }

  .graphics.hide-overflow {
    background-size: 100%;
  }

  .navbarcontainer {
    z-index: 8;
    position: relative;
  }

  .navbar-content {
    z-index: 5;
    position: relative;
  }

  .navbar-brand {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
  }

  .mark.logotype {
    height: 56px;
  }

  .mark.logo {
    display: block;
    height: 63px;
  }

  .navbar-menu {
    max-width: unset;
    flex-flow: row;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .navbar-link, .navbar-button {
    justify-content: center;
  }

  .navbar-button.buy-button {
    font-size: var(--small-mobile);
  }

  .navbar-logo-left-2 {
    z-index: 8;
  }

  .hero-stack {
    background-size: 100%;
  }

  .h2-3, .h2-3.purple {
    font-size: var(--large-mobile);
  }

  .explainer-section {
    background-size: 100%;
  }

  .suits.small {
    width: 30px;
    height: 30px;
  }

  .suits.wands.shrink, .suits.cups.shrink, .suits.swords.shrink, .suits.pentacle.shrink {
    width: 60px;
    height: 60px;
  }

  .p1-13, .p3 {
    font-size: var(--medium);
  }

  .p3.blue {
    font-size: var(--medium);
    text-align: center;
    white-space: normal;
  }

  .p4-alt {
    font-size: var(--small);
  }

  .cards {
    background-size: 100%;
  }

  .h2-4 {
    font-size: var(--large-mobile);
  }

  .p1-14 {
    font-size: var(--medium);
  }

  .card-container {
    z-index: 2;
  }

  .card-image-container {
    opacity: 1;
  }

  .mt-card-image {
    height: auto;
    max-height: none;
  }

  .card-mt-name, .card-rw-name {
    font-size: var(--medium-full);
  }

  .description-label, .sich-text, .description-text {
    font-size: var(--small-full);
  }

  .card-image {
    width: 300px;
    min-width: 300px;
    height: 500px;
    min-height: 500px;
  }

  .card-image.none {
    width: auto;
  }

  .card-graphics {
    height: auto;
  }

  .container {
    flex-flow: column;
    min-width: auto;
    max-width: none;
  }

  .container.horizontal {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    max-width: none;
  }

  .container.padded.light-purple {
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .navbar {
    z-index: 10;
    overflow: visible;
  }

  .hero-wrapper {
    width: 100%;
    max-width: none;
    height: auto;
  }

  .hero-wrapper.stack.limited-width {
    width: auto;
  }

  .sidescrolling-logos {
    grid-template-columns: 1fr 1fr;
  }

  .customer-logos {
    border-radius: 14px;
  }

  .global-container {
    max-width: none;
  }

  .testimony-horizontal-stack-container {
    flex-flow: column;
    display: flex;
  }

  .texture {
    z-index: -1;
    background-size: 100%;
  }

  .card-collection {
    z-index: 2;
  }

  .products {
    padding: 0;
  }

  .product-outside-container {
    z-index: 2;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    opacity: 100;
    mix-blend-mode: normal;
    object-fit: cover;
    background-color: #ffe45f5c;
    flex-flow: row;
    flex: 1;
    align-self: center;
    align-items: stretch;
    padding: 10px;
    display: flex;
  }

  .product-container-sub.pink {
    z-index: 3;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    opacity: 100;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    padding: 10px;
  }

  .icon-3 {
    color: #c2bb37;
    background-image: none;
  }

  .mobile-buy {
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .menu-button-2.w--open {
    background-color: var(--light-yellow);
    border-radius: 12px;
  }

  .footer-column {
    width: 33%;
  }

  .div-block-9, .div-block-10 {
    width: 100%;
  }

  .blog-collection {
    padding-left: 20px;
    padding-right: 20px;
  }

  .spline-scene {
    height: 900px;
  }

  .vertical-stack.mini {
    text-align: left;
    justify-content: center;
    align-items: flex-start;
  }

  .vertical-container-stack {
    min-width: auto;
    max-width: none;
  }

  .vertical-container-stack.horizontal {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    max-width: none;
  }

  .banner-section {
    background-size: 100%;
  }

  .subtext-and-link {
    display: flex;
  }

  .subtext-and-link.eyebrow {
    text-align: left;
  }

  .product-background {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .spline-scene-desktop {
    display: none;
  }

  .mobile-only {
    object-fit: contain;
    width: 100%;
    height: 80vh;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .mobile-only.hide {
    display: none;
  }

  .p4-small {
    font-size: var(--medium);
  }

  .p4-small.blue {
    font-size: var(--medium);
    text-align: center;
    white-space: normal;
  }

  .suit-text {
    font-size: var(--small-full);
  }

  .suit-stack {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .problem.hide-overflow, .guidebook-section {
    background-size: 100%;
  }

  .guidebook-photo.margin {
    height: 110px;
  }

  .content-stack.horizontal.green {
    flex-flow: column;
  }

  .audience-section.hide-overflow {
    background-size: 100%;
  }

  .suits-original.small {
    width: 30px;
    height: 30px;
  }

  .star-symbol, .arrow-emoji, .audience-text {
    font-size: var(--medium);
  }

  .testimony-grid {
    flex-flow: column;
  }

  .photo-of-deck {
    object-fit: contain;
    width: 100%;
    height: 80vh;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .photo-block {
    width: 100%;
    min-width: auto;
    max-width: none;
  }

  .section {
    grid-row-gap: 0px;
    background-size: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section.hide-overflow {
    background-size: 100%;
  }

  .section.hero {
    height: auto;
  }

  .upstack.left {
    align-self: flex-start;
  }

  .eyebrow-test {
    font-size: var(--medium);
  }

  .suit-guidebook.alt {
    font-size: 26px;
  }

  .single-card-image {
    width: 300px;
    min-width: 300px;
    height: 500px;
    min-height: 500px;
  }

  .single-card-image.none {
    width: auto;
  }

  .discount {
    flex-flow: column;
  }
}

@media screen and (max-width: 767px) {
  .gone-3 {
    background-size: 100%;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .gone-3.cc-store-home-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }

  .gone-8 {
    text-align: center;
  }

  .gone-8.cc-subscription-form {
    padding-left: 30px;
    padding-right: 30px;
  }

  .gone-8.cc-heading-wrap {
    margin-bottom: 50px;
  }

  .gone-8.cc-full-width-form-wrap {
    text-align: left;
    flex-direction: column;
    align-items: stretch;
  }

  .gone-8.cc-full-width-form-wrap.confirmation {
    grid-template-rows: auto auto;
  }

  .gone-8.vertical-stack.background, .gone-8.footer-layout {
    flex-flow: column;
  }

  .paragraph-bigger {
    font-size: 16px;
    line-height: 28px;
  }

  .button.cc-white-button {
    text-align: center;
    padding-left: 35px;
  }

  .heading-jumbo-tiny {
    font-size: 16px;
    line-height: 28px;
  }

  .rich-text {
    text-align: left;
    width: 90%;
    max-width: 470px;
  }

  .paragraph-light.cc-subscribe-paragraph {
    width: 80%;
  }

  .heading-jumbo {
    font-size: 46px;
    line-height: 50px;
  }

  .heading-jumbo.descriptions {
    background-color: #000000bf;
    padding: 10px;
  }

  .heading-jumbo.descriptions.stocking {
    background-color: #0000;
  }

  .heading-jumbo-small {
    font-size: 30px;
    line-height: 52px;
  }

  .logo-link {
    width: 100%;
    padding-left: 20px;
  }

  .status-message.cc-no-data {
    width: 80%;
    max-width: 470px;
  }

  .cart-item-info-wrap {
    padding-left: 10px;
    padding-right: 10px;
  }

  .navigation {
    padding: 20px 30px;
  }

  .text-field.cc-subscribe-text-field {
    text-align: center;
    width: auto;
    margin-bottom: 10px;
    margin-right: 0;
  }

  .text-field.cc-contact-field, .text-field.cc-textarea {
    text-align: left;
  }

  .cart-container {
    min-width: 360px;
  }

  .intro-header.instruction-header {
    background-position: 45%, 0 0;
    background-repeat: repeat, repeat;
    background-size: auto, contain;
  }

  .intro-content {
    width: 80%;
  }

  .main-paragraph-wrap {
    grid-row-gap: 30px;
    grid-template: "."
                   "."
                   / 1fr;
  }

  .subscribe-form {
    flex-direction: column;
    align-items: stretch;
  }

  .form-block {
    width: 100%;
    max-width: none;
  }

  .footer {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    text-align: left;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: .25fr;
    place-items: start;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .footer-link {
    text-align: left;
  }

  .logo-footer {
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
  }

  .logo-footer.logo-margin {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 0;
  }

  .links-section-footer {
    margin-top: 10px;
    margin-bottom: 40px;
  }

  .about-quote {
    width: 80%;
    max-width: 470px;
  }

  .get-in-touch-form-wrap {
    width: 90%;
    max-width: 470px;
  }

  .paragraph-contact-text {
    font-size: 16px;
    line-height: 28px;
  }

  .store-categories-wrap {
    flex-direction: column;
  }

  .products-category-link {
    margin-bottom: 10px;
  }

  .collection-list {
    flex-direction: column;
  }

  .blog-item {
    width: 100%;
    max-width: none;
  }

  .blog-summary-wrap {
    text-align: center;
  }

  .utility-page-wrap {
    padding: 15px;
  }

  ._404-wrap {
    padding: 30px;
  }

  .product-details-wrap {
    width: 90%;
    margin-bottom: 20px;
  }

  .product-image {
    height: 500px;
  }

  .full-width-form {
    padding: 30px;
  }

  .blog-detail-header-wrap {
    text-align: left;
    width: 90%;
    max-width: 470px;
  }

  .sauce.home {
    background-size: 100%;
  }

  .heading-2.suit.alt {
    opacity: 1;
    padding-left: 10px;
    font-size: 34px;
  }

  .suit-image {
    object-fit: contain;
    max-width: 70px;
  }

  .suit-image.swag, .suit-image.thoughts, .suit-image.feels {
    object-fit: contain;
    max-width: 50px;
  }

  .suit-image.major {
    object-fit: contain;
    max-width: 60px;
  }

  .suit-image.starl, .suit-image.starr {
    max-width: 30px;
  }

  .suit.alt {
    padding-left: 10px;
    font-size: 30px;
  }

  .suit.alt.small {
    font-size: 20px;
  }

  .columns {
    max-width: 100%;
    margin: 20px;
  }

  .lightbox-image {
    object-position: 50% 0%;
  }

  .faq2.faq {
    background-size: 100%;
  }

  .hero-image {
    margin-top: 40px;
  }

  .avocado {
    display: none;
  }

  .heading-6.confirmation {
    text-align: center;
  }

  .card-block {
    right: -89%;
  }

  .section-explainer {
    height: auto;
  }

  .text-stacks.grid {
    grid-row-gap: 110px;
    flex-flow: column;
    justify-content: stretch;
  }

  .eyebrow {
    font-size: var(--small-full);
  }

  .gone-2 {
    font-size: 48px;
  }

  .h2 {
    font-size: var(--large-full);
  }

  .h3 {
    font-size: var(--medium-full);
  }

  .testimony {
    width: auto;
    height: auto;
  }

  .buy {
    padding-left: 20px;
    padding-right: 20px;
  }

  .object-stack-5 {
    grid-row-gap: 10px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .h4-2 {
    font-size: 48px;
  }

  .buy-button {
    font-size: var(--medium-full);
    width: 100%;
  }

  .buy-button.secondary {
    margin-right: 0;
  }

  .buy-button.secondary.hide {
    width: auto;
  }

  .subbrow {
    font-size: 24px;
  }

  .subbrow.yellow.psa, .subbrow.green.psa {
    text-align: center;
  }

  .h4-3.alt {
    font-size: 48px;
  }

  .email-input-2 {
    width: 100%;
    min-width: auto;
    max-width: none;
    font-size: 20px;
  }

  .social-icon {
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .social-text {
    font-size: 16px;
  }

  .connect-2 {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    height: auto;
  }

  .connect-2.split {
    padding-left: 0;
    padding-right: 0;
  }

  .split-container {
    background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-1.jpg?v=80877265287658194311770837010);
    background-size: 100%;
    width: 100%;
  }

  .split-container.gray {
    background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/light-green-blue-min.jpg?v=29643005839742013721770837012);
    background-size: 100%;
  }

  .p1-9.alt {
    font-size: 36px;
  }

  .h4-5.alt.left {
    font-size: 48px;
  }

  .social {
    width: auto;
    height: 60px;
  }

  .mark.logotype {
    object-fit: contain;
    height: 56px;
    margin-left: 8px;
  }

  .mark.logo {
    display: block;
    height: 63px;
  }

  .navbar-button.buy-button {
    padding: 5px 10px;
  }

  .navbar-logo-left-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .h2-3 {
    font-size: 60px;
  }

  .explainer-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .left-suits-4 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    height: auto;
  }

  .left-suits-4.horizontal {
    display: none;
  }

  .left-suits-4.horizontal.second {
    display: flex;
  }

  .small-container-5 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .p1-13 {
    font-size: 36px;
  }

  .p3 {
    font-size: 30px;
  }

  .p4-alt {
    font-size: 20px;
  }

  .body {
    font-size: var(--small-full);
  }

  .h2-4 {
    font-size: 48px;
  }

  .p1-14 {
    font-size: 30px;
  }

  .card-container {
    z-index: 1;
    grid-template-columns: 1fr;
  }

  .card-description-container {
    z-index: 10;
    opacity: 1;
  }

  .previous-button {
    z-index: 15;
  }

  .horizontal-stack-tldr {
    grid-column-gap: 0px;
  }

  .card-image {
    width: auto;
    min-width: auto;
    height: auto;
    min-height: auto;
    overflow: visible;
  }

  .card-graphics {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    border-radius: 0;
  }

  .container.horizontal.border {
    flex-flow: column;
  }

  .container.half {
    width: 100%;
  }

  .container.padding-right.background, .container.bright {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .container.padded.light-purple {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .container.padding {
    padding-left: 10px;
    padding-right: 10px;
  }

  .connect-stack {
    flex-flow: column;
    height: auto;
  }

  .hero-wrapper {
    object-fit: contain;
  }

  .hero-wrapper.stack.limited-width {
    min-width: auto;
  }

  .logo-marquis-wrapper {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 20px;
  }

  .f-logo-plain {
    justify-content: center;
    align-items: center;
    width: 160px;
    min-height: 62px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .collection-list-wrapper-4 {
    white-space: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .sidescrolling-logos.logo-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    place-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .customer-logos {
    border-radius: 9px;
  }

  .global-container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .collection-list-wrapper-5 {
    white-space: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .card-list-container {
    margin-left: 0;
    margin-right: 0;
  }

  .old-name-flow {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .texture {
    z-index: 0;
    opacity: .43;
    background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-yellow-and-pink-min.jpg?v=165443349853787045831770837010);
    background-size: 100%;
  }

  .texture.luminosity {
    opacity: .19;
  }

  .texture.pink {
    opacity: 100;
    background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-light-pink-min.jpg?v=165443349853787045831770837010);
    background-size: 100%;
  }

  .newsletter-button {
    font-size: 20px;
  }

  .newsletter-button.on-pink {
    width: 50%;
    min-width: auto;
    max-width: none;
  }

  .product-name {
    font-size: 48px;
  }

  .product-image-container {
    padding: 10px;
  }

  .field-label.none {
    display: block;
  }

  .quantity {
    width: 75%;
    min-width: auto;
  }

  .buy-now-button, .buy-now-button.secondary {
    width: 100%;
  }

  .card-description-subcontainer {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
  }

  .product-outside-container {
    mix-blend-mode: normal;
  }

  .product-container-sub.pink {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding: 0;
  }

  .product-description-container {
    text-align: left;
    margin-left: 0;
    padding: 10px;
  }

  .product-description-content {
    overflow: auto;
  }

  .confirmation-product-container.alt {
    flex-flow: column;
    display: flex;
  }

  .confirmation-product-container-centered {
    height: 140px;
  }

  .white {
    text-align: center;
    padding-left: 0;
  }

  .menu-button-2 {
    margin-right: 0;
  }

  .body-3 {
    background-size: 100%;
  }

  .buy-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .buy-section.border {
    flex-flow: column;
  }

  .buy-section.yellow, .buy-section.millennial {
    flex-flow: column;
    padding-left: 0;
    padding-right: 0;
  }

  .banner {
    padding-left: 20px;
    padding-right: 20px;
  }

  .spline-scene {
    height: 900px;
  }

  .vertical-container {
    background-image: none;
    background-size: auto;
    width: 100%;
  }

  .vertical-container.gray {
    background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-yellow-and-pink-min.jpg?v=165443349853787045831770837010);
    background-size: auto;
  }

  .vertical-stack {
    flex-flow: column;
    height: auto;
  }

  .vertical-stack.mini {
    width: auto;
    max-width: 100%;
  }

  .vertical-stack.mini.psa {
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: 20px 40px;
  }

  .vertical-container-stack {
    min-width: auto;
  }

  .vertical-container-stack.horizontal.border {
    flex-flow: column;
  }

  .vertical-container-stack.half {
    width: 100%;
  }

  .connect-2-copy {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    height: auto;
  }

  .newsletter-signup {
    background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-1.jpg?v=80877265287658194311770837010);
    background-position: 0%;
    background-repeat: repeat;
    background-size: 100%;
    height: auto;
  }

  .social-media-follow {
    background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/light-green-blue-min.jpg?v=29643005839742013721770837012);
    background-position: 0%;
    background-repeat: repeat;
    background-size: 100%;
    height: auto;
  }

  .banner-section, .banner-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .banner-container.border {
    flex-flow: column;
  }

  .banner-container.yellow, .banner-container.millennial {
    flex-flow: column;
    padding-left: 0;
    padding-right: 0;
  }

  .subtext-and-link.eyebrow.psa {
    text-align: center;
  }

  .subtext-and-link.psa {
    flex-flow: column;
  }

  .p4-small {
    font-size: 30px;
  }

  .suit-text {
    font-size: var(--small-full);
  }

  .suit-stack {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    height: auto;
  }

  .suit-stack.horizontal {
    display: none;
  }

  .suit-stack.horizontal.second {
    display: flex;
  }

  .guidebook-section, .guidebook-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .guidebook-container.border {
    flex-flow: column;
  }

  .guidebook-container.yellow, .guidebook-container.millennial {
    flex-flow: column;
    padding-left: 0;
    padding-right: 0;
  }

  .content-stack.horizontal.tight {
    grid-column-gap: 20px;
    padding: 0;
  }

  .content-stack.horizontal.tight.left {
    justify-content: flex-start;
    align-items: center;
  }

  .content-stack.tight {
    padding-left: 0;
    padding-right: 0;
  }

  .star-symbol, .arrow-emoji, .audience-text {
    font-size: 30px;
  }

  .standard {
    background-size: 100%;
  }

  .included-grid {
    flex: 1;
  }

  .column-header._1 {
    justify-content: center;
    align-items: stretch;
    display: flex;
  }

  .section {
    background-size: 100%;
  }

  .eyebrow-test {
    font-size: 30px;
  }

  .button-stack {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .product-buttons {
    align-self: center;
    width: 100%;
  }

  .suit-guidebook.alt {
    padding-left: 10px;
    font-size: 30px;
  }

  .suit-guidebook.alt.small {
    font-size: 20px;
  }

  .collection-list-5 {
    justify-content: center;
    align-items: center;
    display: block;
  }

  .collection-item-4 {
    display: block;
  }

  .single-card-image {
    width: auto;
    min-width: auto;
    height: auto;
    min-height: auto;
    overflow: visible;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 36px;
    line-height: 52px;
  }

  h2 {
    font-size: 34px;
    line-height: 46px;
  }

  a {
    width: 70px;
  }

  .gone-3 {
    background-size: 200%;
    flex-flow: row;
    margin-left: 0;
    margin-right: 0;
    display: flex;
    overflow: hidden;
  }

  .gone-3.cc-store-home-wrap.hero {
    margin-bottom: 60px;
    margin-left: 0;
    margin-right: 0;
  }

  .gone-3.cc-product-detail {
    margin-left: 15px;
    margin-right: 15px;
  }

  .gone-3.cards {
    width: 100%;
  }

  .gone-3.margin-top {
    background-image: none;
    background-position: 0 0;
    background-size: auto;
    margin-top: 140px;
  }

  .gone-8 {
    z-index: 20;
    padding-top: 0;
    position: static;
    top: 0;
  }

  .gone-8.cc-subscription-form {
    padding-left: 15px;
    padding-right: 15px;
  }

  .gone-8.cc-heading-wrap.shipping {
    flex-flow: column;
  }

  .gone-8.cc-full-width-form-wrap.checkout {
    padding: 0;
  }

  .gone-8.cc-blog-detail {
    flex-flow: column;
    padding-left: 10px;
    padding-right: 10px;
  }

  .gone-8.hide {
    margin-bottom: 0;
    padding-top: 0;
  }

  .gone-8.sticky {
    margin-bottom: 0;
    padding-top: 0;
    position: sticky;
  }

  .gone-8.vertical-stack.background {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .gone-8.contact-form {
    padding-left: 10px;
    padding-right: 10px;
  }

  .gone-8.footer-layout {
    flex-flow: column;
    padding-left: 10px;
    padding-right: 10px;
  }

  .paragraph-bigger.cc-bigger-light {
    margin-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .button {
    width: 100%;
    display: flex;
  }

  .button.cc-white-button {
    width: auto;
    margin-right: 10px;
    padding: 10px 15px;
  }

  .button.cc-white-button.meanings {
    align-items: stretch;
    padding-left: 5px;
    padding-right: 5px;
    display: flex;
  }

  .button.cc-cart {
    padding-left: 16px;
    padding-right: 16px;
  }

  .rich-text {
    width: 100%;
    max-width: none;
  }

  .paragraph-light.cc-subscribe-paragraph {
    width: 100%;
  }

  .heading-jumbo {
    font-size: 36px;
    line-height: 40px;
  }

  .heading-jumbo.descriptions.stocking, .heading-jumbo.descriptions.instruction {
    background-color: #0000;
  }

  .logo-link {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .logo-link.w--current {
    flex-flow: column;
    flex: 0 auto;
    justify-content: center;
    align-items: stretch;
    width: 100%;
  }

  .status-message.cc-no-data {
    width: 100%;
  }

  .product-name-text.cc-shipping-option.alt.add-code {
    margin-bottom: 20px;
  }

  .cart-item-info-wrap {
    margin-left: 10px;
    margin-right: 10px;
  }

  .cart {
    margin-right: 20px;
  }

  .navigation {
    z-index: 200;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-field {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .navigation-item {
    width: 100%;
  }

  .menu-button, .menu-button.w--open {
    flex: none;
  }

  .cart-container {
    min-width: 320px;
  }

  .intro-header {
    height: auto;
    margin-bottom: 0;
    padding-bottom: 40px;
    overflow: visible;
  }

  .intro-header.instruction-header {
    background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/a-pattern-of-the-cosmos-for-millennial-tarot.webp?v=109660477077749349161770825100);
    background-position: 0 0;
    background-repeat: repeat;
    background-size: contain;
  }

  .intro-content {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .main-heading-wrap {
    margin-left: 10px;
    margin-right: 10px;
    display: block;
  }

  .main-heading-wrap.swag {
    padding-top: 10px;
    padding-bottom: 20px;
  }

  .main-heading-wrap.links {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    object-fit: fill;
    background-color: #ffffffb8;
    flex-wrap: nowrap;
    justify-content: center;
    margin-bottom: 0;
    display: none;
    position: static;
  }

  .subscribe-form {
    width: 100%;
  }

  .form-block {
    width: 100%;
    max-width: none;
  }

  .footer {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    align-self: flex-start;
    place-items: start center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 60px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .footer-link, .footer-link.w--current {
    font-size: var(--small-mobile);
  }

  .logo-footer {
    text-align: left;
    flex: 1;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    overflow: visible;
  }

  .about-quote, .get-in-touch-form-wrap {
    width: 100%;
    max-width: none;
  }

  .collection-list {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr;
    justify-items: stretch;
  }

  .blog-list-wrap {
    margin-top: 20px;
  }

  .blog-item {
    color: #fff;
    width: 100%;
    max-width: none;
  }

  .blog-item:hover {
    color: var(--light-pink);
  }

  .blog-preview-image {
    background-size: 200%;
    height: 210px;
  }

  .blog-summary-wrap {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    font-family: Gt Alpina Standard, sans-serif;
  }

  .product-details-wrap {
    width: 100%;
    max-width: none;
    margin-bottom: 0;
  }

  .list-item {
    flex-direction: column;
    align-items: center;
  }

  .product-detail-price.alt {
    margin-left: 10px;
    margin-right: 0;
  }

  .product-detail-price.alt.hero {
    display: none;
  }

  .full-width-form {
    padding: 0;
  }

  .order-item-description-wrap {
    flex-direction: column;
    align-items: flex-start;
  }

  .order-item-content-wrap {
    margin-bottom: 5px;
  }

  .checkout-quantity-wrap {
    display: flex;
  }

  .blog-detail-header-wrap {
    width: 100%;
    max-width: none;
  }

  .blog-header-image {
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: 160%;
    height: 220px;
  }

  .blog-heading-link {
    width: auto;
  }

  .blog-heading-link:hover {
    opacity: 1;
    color: #fff;
  }

  .order-wrap, .order-summary {
    padding-left: 10px;
    padding-right: 10px;
  }

  .sauce.home {
    background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-1.jpg?v=80877265287658194311770837010);
    background-position: 0 0;
    background-size: 200%;
  }

  .cardtypelink {
    flex: 1;
  }

  .heading-2.suit.alt {
    padding-left: 5px;
    font-size: 26px;
    line-height: 40px;
  }

  .collection-list-wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }

  .suit-image {
    object-fit: cover;
    min-width: 20px;
    max-width: 42px;
    min-height: 80px;
  }

  .suit-image.swag {
    max-width: 30px;
    min-height: 20px;
  }

  .suit-image.thoughts {
    object-fit: cover;
    min-width: 20px;
    max-width: 30px;
    min-height: 40px;
    margin-bottom: 0;
  }

  .suit-image.major {
    max-width: 40px;
    min-height: 40px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .suit-image.starl {
    float: none;
    clear: left;
    max-width: 20px;
    min-height: 20px;
    margin-bottom: 0;
    margin-right: 0;
  }

  .suit-image.starr {
    max-width: 20px;
    min-height: 0;
    margin-left: 20px;
    display: inline-block;
  }

  .suit-image.starr.alt {
    max-width: 20px;
    margin-left: 0;
  }

  .suit.alt.small {
    margin-top: 0;
    padding-left: 5px;
    line-height: 20px;
    display: inline-block;
    top: 10px;
  }

  .card-list-item {
    min-width: 100px;
    max-width: 157px;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .modal {
    z-index: 400;
    display: none;
  }

  .skrim {
    position: fixed;
    overflow: visible;
  }

  .image-2 {
    object-fit: contain;
    min-width: 243px;
    max-width: 100%;
    min-height: 420px;
    max-height: none;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
  }

  .columns {
    align-items: flex-start;
    max-width: 100%;
    max-height: 100%;
    margin: 0;
    display: block;
    top: 0;
    overflow: auto;
  }

  .heading-3.meaning {
    margin-top: 20px;
  }

  .column {
    object-fit: contain;
    flex: 1;
    justify-content: space-between;
    min-height: auto;
    margin-top: 80px;
    display: block;
    position: relative;
    top: auto;
    overflow: visible;
  }

  .column-2.meaning {
    flex: 1;
    overflow: auto;
  }

  .link-block {
    z-index: 200;
    background-color: #ffffff85;
    display: block;
  }

  .close-container {
    z-index: 200;
    margin-top: 20px;
    margin-right: 20px;
    position: fixed;
  }

  .arrow {
    background-color: #000;
    margin-left: 80px;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    display: block;
    position: fixed;
    top: 10px;
  }

  .arrow.right {
    background-color: #000;
    margin-right: 80px;
    position: fixed;
    top: 10px;
  }

  .image-3 {
    max-width: 25px;
  }

  .image-4 {
    min-width: 180px;
    height: auto;
    min-height: 140px;
  }

  .columns-3 {
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-end;
    display: flex;
    overflow: visible;
  }

  .link-block-2 {
    width: 38.1875px;
  }

  .link-block-2.w--current, .link-block-3 {
    width: 70px;
  }

  .columns-4 {
    text-align: left;
    justify-content: center;
    align-items: flex-start;
    width: auto;
    transition: opacity .2s;
    display: flex;
    position: static;
    top: 0;
    left: 0;
    right: 0;
    transform: scale(.5);
  }

  .gone-38 {
    color: #000;
    background-color: #fff6;
    border-top: 1px solid #f5f5f5;
    display: block;
  }

  .gone-38.w--open {
    width: 100%;
  }

  .dropdown {
    z-index: 100;
    color: #000;
    width: 100%;
    font-family: Bitstream iowanoldst bt pro roman, sans-serif;
    display: inline-block;
  }

  .text-block-4 {
    text-align: center;
  }

  .dropdown-list, .dropdown-list.w--open {
    display: none;
  }

  .dropdown-link {
    text-align: center;
    background-color: #f5f5f5;
    border-bottom: 1px solid #d3d2d2;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
  }

  .image-6 {
    width: 30px;
  }

  .collection-list-4 {
    justify-content: space-between;
  }

  .collection-item-3 {
    min-width: auto;
    padding-left: 3px;
    padding-right: 3px;
  }

  .lightbox-image {
    object-position: 50% 0%;
  }

  .lightbox-link-3 {
    width: 100%;
    min-width: auto;
    max-width: none;
    height: auto;
    min-height: 50px;
    max-height: 100px;
  }

  .faq2 {
    margin-left: 0;
    margin-right: 0;
  }

  .faq2.faq {
    background-size: 200%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-image {
    height: auto;
  }

  .grid-2 {
    align-self: flex-start;
    padding-left: 5px;
    padding-right: 5px;
  }

  .dropdown-list-2 {
    background-color: #ddddddc2;
    border-top: 0 solid #b1b1b1;
    display: none;
  }

  .image-9 {
    z-index: 500;
    width: 100%;
    height: 100%;
    padding: 5px;
    position: absolute;
    inset: 0%;
  }

  .avocado {
    display: none;
  }

  .text-block-7 {
    font-size: var(--small-mobile);
    white-space: pre-wrap;
    font-weight: 600;
  }

  .dropdown-toggle {
    justify-content: space-between;
    padding-left: 0;
    display: flex;
  }

  .accordian-dropdown {
    display: none;
  }

  .rich-text-block {
    padding-left: 20px;
    padding-right: 20px;
  }

  .card-block {
    height: 320px;
    right: 0%;
  }

  .abou-card-block {
    min-height: 160px;
  }

  .heading-11, .paragraph-5, .text-block-8 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .link {
    width: auto;
  }

  .heading-12 {
    margin-top: 40px;
  }

  .heading-13 {
    font-family: Fraunces, serif;
    font-weight: 700;
    line-height: 40px;
  }

  .text-block-10 {
    display: none;
  }

  .section-explainer {
    background-size: 200%;
    padding: 40px 10px;
  }

  .text-stacks.grid {
    grid-row-gap: 60px;
  }

  .gone-2 {
    font-size: var(--large-mobile);
  }

  .gone-2.explainer {
    padding-left: 10px;
    padding-right: 10px;
  }

  .testimonials-2 {
    background-size: 200%;
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .stack.margin-bottom {
    padding-left: 0;
    padding-right: 0;
  }

  .h2 {
    font-size: 48px;
  }

  .h2.alt, .h3 {
    align-self: center;
  }

  .h3.left {
    align-self: flex-start;
  }

  .testimony-vertical-stack-2 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .testimony {
    margin-left: 10px;
    margin-right: 10px;
  }

  .response-2 {
    grid-column-gap: 0px;
    grid-row-gap: 15px;
    flex-flow: column;
  }

  .vectors-wrapper-7 {
    width: 80px;
    height: 80px;
  }

  .review-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .account-2 {
    width: auto;
  }

  .comment-2 {
    font-size: 16px;
  }

  .buy {
    background-size: 200%;
    flex-flow: column;
    padding: 20px 10px;
  }

  .buy.millennial {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .object-stack-5 {
    grid-row-gap: 12px;
  }

  .object-stack-5.background-yellow {
    grid-row-gap: 10px;
  }

  .h4-2 {
    font-size: 36px;
  }

  .h4-2.yellow {
    font-size: var(--large-mobile);
  }

  .buy-button {
    font-size: var(--medium-mobile);
    width: 100%;
    height: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .buy-button.purple {
    font-size: var(--medium-mobile);
    font-weight: 500;
  }

  .buy-button.black, .buy-button.purple-back, .buy-button.black, .buy-button.yellow, .buy-button.pink {
    font-size: var(--medium-mobile);
    padding-left: 10px;
    padding-right: 10px;
    line-height: 21px;
    text-decoration: none;
  }

  .buy-button.secondary {
    width: 100%;
  }

  .subbrow {
    font-size: 24px;
  }

  .subbrow.link {
    width: 100%;
    text-decoration: underline;
  }

  .subbrow.link.black, .subbrow.black {
    font-size: var(--medium-mobile);
  }

  .product-photo.margin {
    margin-bottom: 0;
  }

  .h4-3 {
    text-align: left;
    font-size: 36px;
  }

  .h4-3.alt {
    font-size: 48px;
  }

  .h4-3.alt.left {
    font-size: var(--large-mobile);
    text-align: left;
    max-width: 1440px;
  }

  .email-input-2 {
    font-size: var(--small);
    width: 100%;
  }

  .social-button {
    flex-flow: column;
    padding: 5px;
  }

  .social-icon {
    padding-left: 0;
    padding-right: 0;
  }

  .social-text {
    font-size: 16px;
  }

  .connect-2 {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    height: auto;
  }

  .connect-2.split {
    padding-left: 0;
    padding-right: 0;
  }

  .split-container {
    background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-1.jpg?v=80877265287658194311770837010);
    background-size: 200%;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 60px 20px;
  }

  .split-container.gray {
    background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/light-green-blue-min.jpg?v=29643005839742013721770837012);
    background-size: 200%;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .object-stack-10 {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .form-stack {
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .p1-9 {
    text-align: left;
    font-size: 24px;
  }

  .p1-9.alt {
    font-size: 36px;
  }

  .p1-9.alt.left {
    font-size: var(--medium-mobile);
    text-align: left;
  }

  .object-stack-11 {
    height: auto;
  }

  .h4-5.alt.left {
    font-size: var(--large-mobile);
  }

  .social-buttons {
    grid-column-gap: 2px;
    grid-row-gap: 0px;
    flex-flow: row;
  }

  .social {
    width: 100%;
    height: 100%;
  }

  .social.fb {
    border-radius: 16px;
  }

  .graphics.hide-overflow {
    grid-row-gap: 0px;
    background-size: 200%;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    height: 650px;
    min-height: auto;
    padding: 0;
    overflow: clip;
  }

  .navbarcontainer {
    margin-left: 0;
    margin-right: 0;
  }

  .navbar-content {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
  }

  .navbar-brand {
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
  }

  .logo-2 {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    height: auto;
  }

  .mark {
    width: auto;
  }

  .mark.logotype {
    object-fit: contain;
    object-position: 0% 50%;
    width: auto;
    min-width: auto;
    height: 72px;
    margin-left: 8px;
  }

  .mark.logo {
    display: block;
    height: 59px;
  }

  .navbar-button.buy-button {
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    max-width: none;
    height: 45px;
    padding: 4px 10px;
  }

  .navbar-button.buy-button.w--current {
    display: none;
  }

  .buy-icon-2 {
    text-align: center;
    width: 100%;
    font-size: 29px;
  }

  .buy-text-2 {
    font-size: 16px;
    display: none;
  }

  .navbar-logo-left-2 {
    height: auto;
    min-height: 100px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-stack {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    height: auto;
    min-height: 100vh;
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .h2-3 {
    font-size: var(--large-mobile);
  }

  .h2-3.purple {
    font-size: var(--large-mobile);
    max-width: 1440px;
  }

  .explainer-section {
    background-size: 200%;
    padding: 20px 10px;
  }

  .left-suits-4.horizontal {
    grid-column-gap: 27px;
    grid-row-gap: 27px;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    height: auto;
    display: flex;
  }

  .suits {
    width: 40px;
  }

  .small-container-5 {
    padding-left: 0;
    padding-right: 0;
  }

  .p1-13 {
    font-size: var(--medium-mobile);
    font-style: italic;
  }

  .p1-13.second, .p3 {
    font-size: 24px;
  }

  .p3.blue {
    font-size: var(--medium-mobile);
  }

  .p4-alt {
    font-size: var(--small-mobile);
    overflow: visible;
  }

  .body {
    overflow: visible;
  }

  .cards {
    background-size: 200%;
    min-height: auto;
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .text-stack-7 {
    max-width: 900px;
  }

  .h2-4 {
    font-size: 48px;
  }

  .p1-14 {
    font-size: 24px;
  }

  .card-container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
    width: 100%;
    max-width: none;
    padding: 0;
    display: flex;
  }

  .card-image-container {
    object-fit: contain;
    justify-content: center;
    align-items: center;
  }

  .mt-card-image {
    align-self: center;
    width: auto;
    height: auto;
    overflow: clip;
  }

  .card-description-container {
    background-color: #f0a2b100;
    overflow: visible;
  }

  .card-description {
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
    overflow: visible;
  }

  .title-and-nav {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
    flex-flow: column;
  }

  .card-mt-name {
    overflow-wrap: break-word;
    flex: 0 auto;
    width: 100%;
    font-size: 36px;
  }

  .card-nav-buttons {
    position: relative;
  }

  .card-rw-name {
    overflow-wrap: break-word;
    flex: 0 auto;
  }

  .horizontal-stack-tldr {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    overflow-wrap: break-word;
    flex: 0 auto;
    max-width: none;
    padding-right: 0;
  }

  .accordian-2 {
    max-width: none;
  }

  .accordian-button {
    grid-column-gap: 0px;
    flex: 0 auto;
    padding-left: 10px;
  }

  .sich-text {
    font-style: normal;
    font-weight: 400;
  }

  .card-image {
    border-radius: 13px;
    max-height: 380px;
    margin-left: 0;
    padding: 10px;
    display: block;
  }

  .card-image.none {
    object-fit: contain;
    width: auto;
    height: 400px;
  }

  .card-graphics {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .card-graphics.purple {
    background-color: #931dca61;
    flex-flow: column;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .container {
    padding-left: 0;
    padding-right: 0;
  }

  .container.horizontal {
    display: flex;
  }

  .container.horizontal.confirmation {
    flex-flow: column;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .container.horizontal.border {
    padding-left: 10px;
    padding-right: 10px;
    display: block;
  }

  .container.vertical {
    grid-column-gap: 65px;
    grid-row-gap: 65px;
    display: flex;
  }

  .container.padding-right.background {
    padding: 20px 10px;
  }

  .container.bright {
    padding: 40px 10px 20px;
  }

  .container.background-yellow {
    padding: 40px 20px;
  }

  .container.full {
    padding-left: 0;
    padding-right: 0;
  }

  .container.pink, .container.background-blue {
    padding: 40px 20px;
  }

  .navbar {
    position: relative;
  }

  .connect-stack {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    height: auto;
    display: flex;
  }

  .hero-wrapper {
    width: 100%;
    height: 100%;
  }

  .f-logo-plain {
    width: 130px;
    height: 50px;
    min-height: 60px;
  }

  .sidescrolling-logos {
    grid-template-columns: 1fr;
  }

  .sidescrolling-logos.logo-grid {
    flex-flow: row;
    margin-bottom: 20px;
    display: flex;
  }

  .customer-logos {
    border-radius: 4px;
  }

  .global-container {
    max-width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .eyebrow-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .card-list-container {
    object-fit: contain;
    align-self: stretch;
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  .old-name-flow {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .description-label-hashtags {
    font-size: 24px;
  }

  .texture {
    background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-yellow-and-pink-min.jpg?v=165443349853787045831770837010);
    background-size: 100%;
  }

  .texture.luminosity {
    opacity: .1;
  }

  .card-list, .card-collection {
    width: 100%;
  }

  .newsletter-button {
    font-size: var(--small);
    justify-content: center;
    align-items: center;
    min-width: auto;
  }

  .newsletter-button.on-pink {
    width: 100%;
  }

  .icon-2 {
    margin-right: 0;
  }

  .social-link {
    width: 100%;
  }

  .newsletter-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .newsletter-horizontal {
    flex-flow: column;
  }

  .products {
    margin-left: 0;
    margin-right: 0;
  }

  .product-name {
    font-size: 36px;
    overflow: visible;
  }

  .card-description-subcontainer, .product-description-container, .product-description-content {
    overflow: visible;
  }

  .mobile-buy {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: row;
    justify-content: space-between;
    align-self: center;
    align-items: center;
    width: 100%;
    padding-top: 10px;
    position: relative;
  }

  .menu-button-2 {
    background-color: var(--light-yellow);
    color: var(--black);
    border-radius: 12px;
    margin-right: 2px;
    padding: 11px 11px 11px 12px;
  }

  .menu-button-2.w--open {
    grid-column-gap: 46px;
    grid-row-gap: 46px;
    flex-flow: row;
    flex: 1;
    justify-content: center;
    align-self: center;
    align-items: center;
    height: 45px;
    padding: 10px;
    display: flex;
  }

  .icon-4 {
    color: var(--maroon);
    justify-content: center;
    align-self: center;
    align-items: center;
    display: block;
    position: relative;
  }

  .web-payments, .apple-pay-2, .link-block-5 {
    width: 100%;
  }

  .footer-column {
    text-align: left;
    flex-flow: column;
    display: flex;
  }

  .div-block-9, .div-block-10 {
    text-align: left;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .body-3 {
    background-size: 200%;
  }

  .reviewer-block {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .body-4 {
    color: #fff;
    font-family: Gt Alpina Fine Standard, sans-serif;
  }

  .body-5 {
    color: #fff;
    background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-1.jpg?v=80877265287658194311770837010);
    background-position: 0 0;
    background-size: auto;
    font-family: Gt Alpina Standard, sans-serif;
  }

  .buy-section {
    flex-flow: column;
    padding-left: 0;
    padding-right: 0;
  }

  .buy-section.yellow {
    padding-left: 0;
    padding-right: 0;
  }

  .buy-section.millennial {
    flex-flow: column;
  }

  .banner {
    flex-flow: column;
    padding-left: 0;
    padding-right: 0;
  }

  .spline-scene {
    width: 100%;
    height: 460px;
  }

  .text-block-container {
    margin-top: 10px;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .vertical-container {
    background-image: none;
    background-size: auto;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 600px;
    padding: 100px 20px;
  }

  .vertical-container.gray {
    background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-yellow-and-pink-min.jpg?v=165443349853787045831770837010);
    background-size: auto;
  }

  .vertical-stack {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    height: auto;
    display: flex;
  }

  .vertical-container-stack.horizontal {
    display: none;
  }

  .vertical-container-stack.horizontal.confirmation {
    flex-flow: column;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .vertical-container-stack.horizontal.border {
    padding-left: 10px;
    padding-right: 10px;
    display: block;
  }

  .vertical-container-stack.vertical {
    grid-column-gap: 65px;
    grid-row-gap: 65px;
    display: flex;
  }

  .connect-2-copy {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    height: auto;
  }

  .newsletter-signup {
    background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-1.jpg?v=80877265287658194311770837010);
    background-position: 0%;
    background-repeat: repeat;
    background-size: 200%;
    height: auto;
  }

  .social-media-follow {
    background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/light-green-blue-min.jpg?v=29643005839742013721770837012);
    background-position: 0%;
    background-repeat: repeat;
    background-size: 200%;
    height: auto;
  }

  .footer-menu {
    font-size: var(--medium-mobile);
  }

  .link-block-6 {
    width: 100%;
  }

  .banner-section {
    background-size: 200%;
    flex-flow: column;
    padding: 20px 10px;
  }

  .banner-section.millennial {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .banner-container {
    flex-flow: column;
    padding-left: 0;
    padding-right: 0;
  }

  .banner-container.yellow {
    padding-left: 0;
    padding-right: 0;
  }

  .banner-container.millennial {
    flex-flow: column;
  }

  .inline-paragraph-link {
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .mob-stuff {
    margin-top: 140px;
    display: flex;
  }

  .code-embed {
    width: 300px;
    height: 500px;
  }

  .spline-scene-2 {
    background-color: var(--maroon);
  }

  .spline-scene-3 {
    width: 400px;
    height: 500px;
  }

  .code-embed-3 {
    background-color: var(--light-yellow);
    width: 300px;
    height: 600px;
  }

  .mobile-only {
    flex: 1;
  }

  .p4-small {
    font-size: 24px;
  }

  .p4-small.blue {
    font-size: var(--medium-mobile);
  }

  .glow-up {
    background-color: #931dca00;
    padding-left: 0;
    padding-right: 0;
  }

  .card-and-text-block {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 100%;
  }

  .suit-text {
    font-size: 24px;
  }

  .suit-stack {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .suit-stack.horizontal {
    grid-column-gap: 27px;
    grid-row-gap: 27px;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    height: auto;
    display: flex;
  }

  .problem.hide-overflow {
    grid-row-gap: 0px;
    background-size: 200%;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    height: 650px;
    min-height: auto;
    padding: 0;
    overflow: clip;
  }

  .guidebook-section {
    background-size: 200%;
    flex-flow: column;
    padding: 20px 10px;
  }

  .guidebook-section.millennial {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .guidebook-container {
    flex-flow: column;
    padding-left: 0;
    padding-right: 0;
  }

  .guidebook-container.yellow {
    padding-left: 0;
    padding-right: 0;
  }

  .guidebook-container.millennial {
    flex-flow: column;
  }

  .guidebook-photo.margin {
    margin-bottom: 0;
  }

  .content-stack.horizontal.spacing {
    flex-flow: column;
  }

  .content-stack.horizontal.spacing.tight.true {
    flex-flow: row;
  }

  .content-stack.left.texture-blue.padded, .content-stack.left.padding, .content-stack.left.padding.texture-yellow {
    padding-left: 10px;
    padding-right: 10px;
  }

  .audience-section.hide-overflow {
    grid-row-gap: 0px;
    background-size: 200%;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    height: 650px;
    min-height: auto;
    padding: 0;
    overflow: clip;
  }

  .suits-container.wand, .suits-original {
    width: 100%;
  }

  .star-symbol, .arrow-emoji, .audience-text {
    font-size: 24px;
  }

  .photo-of-deck {
    flex: 1;
    height: auto;
  }

  .photo-block {
    min-height: auto;
    margin-top: 20px;
    margin-bottom: 100px;
  }

  .logo-lockup {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 40px;
  }

  .standard {
    background-size: 200%;
  }

  .included-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .section {
    background-size: 200%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .section.hide-overflow {
    grid-row-gap: 0px;
    background-size: 200%;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    height: 650px;
    min-height: auto;
    padding: 0;
    overflow: clip;
  }

  .section.full.dark-blue {
    padding-left: 0;
    padding-right: 0;
  }

  .section.bare {
    padding-top: 40px;
  }

  .eyebrow-test {
    font-size: 25px;
  }

  .button-stack {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .cart-button {
    width: 90px;
  }

  .checkout-button {
    width: 100%;
  }

  .suit-guidebook {
    align-self: center;
  }

  .suit-guidebook.alt.small {
    margin-top: 0;
    padding-left: 5px;
    line-height: 20px;
    display: inline-block;
    top: 10px;
  }

  .body-8 {
    background-size: 150%;
  }

  .single-card-image {
    box-sizing: border-box;
    aspect-ratio: auto;
    object-fit: contain;
    border-radius: 13px;
    width: 100%;
    min-width: auto;
    height: auto;
    min-height: auto;
    margin-left: 0;
    padding: 10px;
    display: block;
    position: relative;
    overflow: clip;
  }

  .single-card-image.none {
    object-fit: contain;
    width: auto;
    height: 400px;
  }

  .apple-pay-3, .pay-with-browser-2 {
    width: 100%;
  }
}

/* === CLASS-BASED GRID (replaces w-node ID selectors) === */

/* Desktop: 2-column layout */
.product-container-sub > .product-image-container {
  grid-area: 1 / 1 / 2 / 2;
}
.product-container-sub > .product-description-container {
  grid-area: 1 / 2 / 2 / 3;
}

/* Tablet (991px): .pink variant uses 8-column grid */
@media screen and (max-width: 991px) {
  .product-container-sub.pink > .product-image-container {
    grid-column-end: 4;
  }
  .product-container-sub.pink > .product-description-container {
    grid-area: 1 / 4 / 2 / 9;
  }
}

/* Mobile portrait (479px): single-column stacking */
@media screen and (max-width: 479px) {
  .product-container-sub > .product-image-container {
    grid-area: 1 / 1 / 2 / 2;
  }
  .product-container-sub > .product-description-container {
    grid-area: 2 / 1 / 3 / 2;
  }
}


@font-face {
  font-family: 'Migra';
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/migra-extrabold.woff2?v=22058339268163681611770825099) format('woff2'), url(//millennialtarot.com/cdn/shop/t/2/assets/migra-extrabold.eot?v=155142661407509836311770825099) format('embedded-opentype'), url(//millennialtarot.com/cdn/shop/t/2/assets/migra-extrabold.woff?v=148707169076028749641770825099) format('woff'), url(//millennialtarot.com/cdn/shop/t/2/assets/migra-extrabold.ttf?v=22212628675332851841770825099) format('truetype'), url(//millennialtarot.com/cdn/shop/t/2/assets/migra-extrabold.otf?v=107800205882329495741770825099) format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Migra';
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/migra-extralight.woff2?v=20421028285686028791770825100) format('woff2'), url(//millennialtarot.com/cdn/shop/t/2/assets/migra-extralight.eot?v=113584378280897556961770825099) format('embedded-opentype'), url(//millennialtarot.com/cdn/shop/t/2/assets/migra-extralight.woff?v=93614948649130696741770825100) format('woff'), url(//millennialtarot.com/cdn/shop/t/2/assets/migra-extralight.ttf?v=26518618395286625411770825100) format('truetype'), url(//millennialtarot.com/cdn/shop/t/2/assets/migra-extralight.otf?v=18966355045381363581770825099) format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Migra';
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/migraitalic-extrabolditalic.woff2?v=88981122127632627131770825100) format('woff2'), url(//millennialtarot.com/cdn/shop/t/2/assets/migraitalic-extrabolditalic.eot?v=84779817725412003971770825100) format('embedded-opentype'), url(//millennialtarot.com/cdn/shop/t/2/assets/migraitalic-extrabolditalic.woff?v=179578320375071916051770825100) format('woff'), url(//millennialtarot.com/cdn/shop/t/2/assets/migraitalic-extrabolditalic.ttf?v=38736787543370767311770825100) format('truetype'), url(//millennialtarot.com/cdn/shop/t/2/assets/migraitalic-extrabolditalic.otf?v=169684898540587804971770825100) format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Migra';
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/migraitalic-extralightitalic.woff2?v=77743849597293273381770825100) format('woff2'), url(//millennialtarot.com/cdn/shop/t/2/assets/migraitalic-extralightitalic.eot?v=74277673410386752211770825100) format('embedded-opentype'), url(//millennialtarot.com/cdn/shop/t/2/assets/migraitalic-extralightitalic.woff?v=135224387094631143811770825100) format('woff'), url(//millennialtarot.com/cdn/shop/t/2/assets/migraitalic-extralightitalic.ttf?v=50831211909010059341770825100) format('truetype'), url(//millennialtarot.com/cdn/shop/t/2/assets/migraitalic-extralightitalic.otf?v=22726966633451788391770825100) format('opentype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
}) format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
}) format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
}) format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
}) format('woff2'), url(//millennialtarot.com/cdn/shop/t/2/assets/gt-alpina-condensed-light-trial.woff2?v=117461901085162911601770825099) format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
}) format('woff2'), url(//millennialtarot.com/cdn/shop/t/2/assets/gt-alpina-condensed-bold-trial.woff2?v=159852588197801769931770825099) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
}) format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
}) format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
}) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
}) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
}) format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
}) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
}) format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
}) format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
}) format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gt Alpina Standard';
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/gt-alpina-standard-regular-trial.woff2?v=53738256417416846411770825098) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
}) format('woff2');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
}) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gt Alpina Standard';
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/gt-alpina-standard-medium-trial.woff2?v=165544923735857355081770825098) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gt Alpina Standard';
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/gt-alpina-standard-medium-italic-trial.woff2?v=39494873191171014741770825098) format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
}) format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gt Alpina Standard';
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/gt-alpina-standard-light-italic-trial.woff2?v=172501551040950286051770825098) format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
}) format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
}) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
}) format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gt Alpina Standard';
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/gt-alpina-standard-light-trial.woff2?v=26848379582171944251770825098) format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gt Alpina Fine Standard';
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/gt-alpina-fine-standard-thin-trial.woff2?v=25916607005810208781770825098) format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gt Alpina Fine Standard';
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/gt-alpina-fine-standard-thin-italic-trial.woff2?v=44688624490224281671770825098) format('woff2');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gt Alpina Standard';
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/gt-alpina-standard-thin-trial.woff2?v=56451609841079029151770825100) format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gt Alpina Fine Standard';
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/gt-alpina-fine-standard-regular-italic-trial.woff2?v=31347081478957195481770825098) format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
}) format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gt Alpina Fine Standard';
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/gt-alpina-fine-standard-light-trial.woff2?v=79361556281863332641770825098) format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
}) format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
}) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
}) format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
}) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gt Alpina Standard';
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/gt-alpina-standard-bold-trial.woff2?v=43448354258125989811770825100) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
}) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
}) format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
}) format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
}) format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
}) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
}) format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
}) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
}) format('woff2');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
}) format('woff2');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
}) format('woff2');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
}) format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
}) format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
}) format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gt Alpina Fine Standard';
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/gt-alpina-fine-standard-regular-trial.woff2?v=16289759301822769901770825098) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
}) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
}) format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
}) format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
}) format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gt Alpina Standard';
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/gt-alpina-standard-regular-italic-trial.woff2?v=24430200467677942501770825100) format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
}) format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
}) format('woff2');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
}) format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gt Alpina Standard';
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/gt-alpina-standard-thin-italic-trial.woff2?v=32405850149871662981770825100) format('woff2');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gt Alpina Standard';
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/gt-alpina-standard-bold-italic-trial.woff2?v=72157337623113130091770825098) format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
}) format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gt Alpina Fine Standard';
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/gt-alpina-fine-standard-bold-italic-trial.woff2?v=172762135667372977151770825099) format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
}) format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gt Alpina Fine Standard';
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/gt-alpina-fine-standard-light-italic-trial.woff2?v=47098405013693583431770825098) format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gt Alpina Fine Standard';
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/gt-alpina-fine-standard-medium-trial.woff2?v=91839827366130652321770825098) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
}) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
}) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
}) format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gt Alpina Fine Standard';
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/gt-alpina-fine-standard-bold-trial.woff2?v=51153285449198634451770825098) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gt Alpina Fine Standard';
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/gt-alpina-fine-standard-medium-italic-trial.woff2?v=50768909955048403581770825098) format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
}) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
}) format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
}) format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bitstream iowanoldst bt pro roman';
  src: url(//millennialtarot.com/cdn/shop/t/2/assets/bitstream-iowanoldst-bt-pro-roman.ttf?v=82173348492361519771770825100) format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Custom overrides for product page */
.quantity {
  color: var(--black);
  font-size: var(--small-full);
  min-width: 80px;
  padding: 12px 15px;
}

.w-commerce-commerceaddtocartbutton.buy-now-button {
  background-color: var(--purple);
  font-family: Anek Bangla, sans-serif;
  font-size: var(--small-full);
  text-align: center;
  text-transform: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  font-weight: 600;
  line-height: 1;
  display: flex;
  cursor: pointer;
}

.w-commerce-commerceaddtocartform {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.add-to-cart-2 .buy-now-button {
  flex: 1;
  min-width: 150px;
}

.w-commerce-commerceaddtocartbutton.buy-now-button.secondary {
  background-color: var(--black);
}

/* SKU-based product styling */
/* Gen Z Tarot (GZT-03) - pink/yellow theme */
.product-container-sub.sku-GZT-03 {
  background-color: #ffe45f9e;
}

.texture.bg.sku-GZT-03 {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-yellow-and-pink-min.jpg?v=165443349853787045831770837010);
}

/* Millennial Tarot (MT-04) - green/yellow theme */
.product-container-sub.sku-MT-04 {
  background-color: #daff5f61;
}

.texture.bg.sku-MT-04 {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-yellow-green-min.jpg?v=80877265287658194311770837010);
}

/* Fallback for any SKU starting with GZT */
.product-container-sub[class*="sku-GZT"] {
  background-color: #ffe45f9e;
}

.texture.bg[class*="sku-GZT"] {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-yellow-and-pink-min.jpg?v=165443349853787045831770837010);
}

/* Fallback for any SKU starting with MT */
.product-container-sub[class*="sku-MT"] {
  background-color: #daff5f61;
}

.texture.bg[class*="sku-MT"] {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/wide-yellow-green-min.jpg?v=80877265287658194311770837010);
}

/* ==========================================================================
   MT Color Palette & Per-Section Overrides
   Yellow: #E0D83D | Pink: #F0A2B1 | Blue: #0094B6
   Avocado Green: #daff5f | White | Black
   ========================================================================== */

/* --- MT Color Variables --- */
:root {
  --mt-yellow: #E0D83D;
  --mt-pink: #F0A2B1;
  --mt-blue: #0094B6;
  --mt-green: #daff5f;
  --mt-pink-trans: #F0A2B161;
  --mt-blue-trans: #0094B661;
  --mt-grey-trans: #88888861;
  --mt-green-trans: #daff5f61;
  --mt-black-trans: #00000061;
}

/* --- Navbar: transparent, no background at all --- */
.navbar-logo-left {
  background-image: none !important;
  background-color: transparent !important;
}
.navbar-logo-left-2 {
  background-color: transparent !important;
  background-image: none !important;
}
.navbar {
  background-color: transparent !important;
  background-image: none !important;
}
.navbar-background-image {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  pointer-events: none !important;
}

/* --- Navbar layout: logo flush left, cart flush right --- */
.navbar-content {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 !important;
}
/* Hide nav links by default (they show when hamburger is toggled) */
.navigation-items {
  display: none !important;
}
/* Show nav menu when hamburger is open */
.navigation-items.w--open {
  display: flex !important;
  flex-direction: column !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1000 !important;
  background-color: rgba(0, 0, 0, 0.92) !important;
  padding: 10px 0 !important;
  border-radius: 0 0 12px 12px !important;
}
/* MT-branded nav items */
.navigation-items .navigation-item {
  background-color: transparent !important;
  color: #daff5f !important;
  border-bottom: 1px solid rgba(218, 255, 95, 0.5) !important;
  font-family: Anek Bangla, sans-serif !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  text-transform: capitalize !important;
  text-align: center !important;
  padding: 15px 0 !important;
  width: 100% !important;
  display: block !important;
  transition: background-color .3s, color .3s !important;
}
.navigation-items .navigation-item:last-child {
  border-bottom: none !important;
}
/* Logo link: no underline, inline-flex for side-by-side logos */
.navbar-logo-link {
  display: inline-flex !important;
  align-items: center !important;
  text-decoration: none !important;
}
.navigation-items .navigation-item:hover {
  background-color: #daff5f !important;
  color: #000 !important;
}
.navigation-items .navigation-item:active {
  background-color: #F0A2B1 !important;
  color: #000 !important;
}
/* Hamburger menu button: transparent default, lime on hover */
.menu-button-2 {
  background-color: transparent !important;
  border-radius: 8px !important;
  padding: 10px !important;
  margin-right: 6px !important;
  cursor: pointer !important;
}
.menu-button-2:hover {
  background-color: #daff5f !important;
}
.menu-button-2.w--open {
  background-color: #daff5f !important;
  border-radius: 8px !important;
}
/* Hamburger icon: lime default, black on hover/open */
.icon-4 {
  color: #daff5f !important;
}
.menu-button-2:hover .icon-4 {
  color: #000 !important;
}
.menu-button-2.w--open .icon-4,
.menu-button-2.w--open .icon-4:hover {
  color: #000 !important;
}
/* Empty navbar-brand takes no space */
.navbar-brand {
  display: none !important;
}
/* Push mobile-buy (hamburger + cart) to far right */
.mobile-buy {
  margin-left: auto !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
}
/* Logo/logotype sizing is set in the Webflow base + media query rules above.
   Only margin overrides here — height and display are in the cascade. */
.mark.logo {
  margin: 0;
}
.mark.logotype {
  margin-right: 0;
}

/* Cart button → MT pink */
.cart-button {
  background-color: var(--mt-pink) !important;
  border-radius: 8px !important;
  display: -webkit-inline-flex !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 6px 10px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  position: relative !important;
}
.cart-button:hover {
  background-color: #daff5f !important;
}
.cart-button:active {
  background-color: #fff !important;
}
/* Cart quantity badge → MT blue pill */
.cart-quantity-2 {
  background-color: #0094b6 !important;
  color: #fff !important;
  font-size: .7rem !important;
  font-weight: 700 !important;
  min-width: 18px !important;
  height: 34px !important;
  border-radius: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 17px !important;
  line-height: 1 !important;
}

/* Utility: vertical-center override */
.middle {
  align-self: center !important;
}

/* ==========================================================================
   Per-Section Background Overrides
   ========================================================================== */

/* Hero → transparent so body starry background shows through (incl. behind navbar) */
#mt-hero.section.hero {
  background-image: none;
  background-color: transparent;
}

/* Problem → Pink background */
#mt-problem.section.black {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/pink-texture.jpg?v=165443349853787045831770825101) !important;
  background-position: 50% !important;
  background-repeat: repeat !important;
  background-size: 25% !important;
}

/* Solution → Green star texture */
#mt-solution.section.dark-blue {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/green-star-texture.jpg?v=171283536100683301411770900843) !important;
  background-position: 50% !important;
  background-repeat: repeat !important;
  background-size: 50% !important;
}
/* Solution bounding boxes → green tint instead of pink/purple */
#mt-solution .container.light-purple {
  background-color: var(--mt-green-trans);
}
#mt-solution .card-stack.light-purple {
  background-color: var(--mt-green-trans);
}
/* Solution text → black for readability on green-suits background */
#mt-solution .eyebrow,
#mt-solution .eyebrow.dark,
#mt-solution .h1,
#mt-solution .h2,
#mt-solution .h3,
#mt-solution .body,
#mt-solution .body.dark,
#mt-solution .p3,
#mt-solution .link {
  color: #000 !important;
}

/* Guidebook → Blue background */
#mt-guidebook.section.teal {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/blue-texture.jpg?v=144534564081895810791770829955) !important;
  background-position: 50% !important;
  background-repeat: repeat !important;
  background-size: 25% !important;
}
/* Guidebook content boxes → blue tint */
#mt-guidebook .container.horizontal.yellow {
  background-color: var(--mt-blue-trans);
}
#mt-guidebook .content-stack.yellow {
  background-color: rgba(0, 120, 150, 0.35);
}
/* Guidebook text → white on blue */
#mt-guidebook .eyebrow,
#mt-guidebook .eyebrow.dark,
#mt-guidebook .h2,
#mt-guidebook .h3,
#mt-guidebook .body,
#mt-guidebook .body.dark,
#mt-guidebook .p3,
#mt-guidebook .p3.double-line,
#mt-guidebook .gone-2,
#mt-guidebook .spread-name {
  color: var(--white) !important;
}
/* Spread container → darker blue instead of green/teal */
#mt-guidebook .spread-container {
  background-color: rgba(0, 100, 140, 0.85) !important;
}
/* Spread image thumbnails → darker blue instead of green/teal */
#mt-guidebook .spread {
  background-color: rgba(0, 80, 120, 0.85) !important;
}

/* Millennial Tarot Deck → Green background */
#mt-deck.section.bare {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/green-texture.jpg?v=80877265287658194311770829955) !important;
  background-position: 50% !important;
  background-repeat: repeat !important;
  background-size: 25% !important;
}

/* Who it's for → Blue background */
#mt-who.section.dark-pink {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/green-texture.jpg?v=80877265287658194311770829955) !important;
  background-position: 50% !important;
  background-repeat: repeat !important;
  background-size: 25% !important;
}
#mt-who .eyebrow.pink {
  color: #daff5f;
}
/* Who it's for bounding box → green tint */
#mt-who .content-stack.pink {
  background-color: var(--mt-green-trans);
}

/* "Still eating Tide Pods" → Gen Z Psych background */
#mt-tidepods.section.yellow {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/gz-psych-bg.jpg?v=75053414070163803681770900843) !important;
  background-size: 50% !important;
  background-position: 50% !important;
  background-repeat: repeat !important;
}
/* Tide Pods outer container → pink, match .horizontal.green layout */
#mt-tidepods .content-stack.horizontal.yellow {
  background-color: rgba(240, 162, 177, 0.75) !important;
  flex: 0 auto !important;
  justify-content: center !important;
  align-self: center !important;
  align-items: center !important;
}
/* Tide Pods image container → darker pink variation */
#mt-tidepods .product-background {
  background-color: rgba(200, 110, 135, 0.5) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
/* Tide Pods text → white on psychedelic */
#mt-tidepods .eyebrow,
#mt-tidepods .eyebrow.dark,
#mt-tidepods .h2,
#mt-tidepods .h3,
#mt-tidepods .h3.inline,
#mt-tidepods .body {
  color: #000;
}

/* Reviews → Blue background */
#mt-reviews.section {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/blue-texture.jpg?v=144534564081895810791770829955) !important;
  background-position: 50% !important;
  background-repeat: repeat !important;
  background-size: 25% !important;
}
/* Review cards → black background */
#mt-reviews .testimony {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/black-texture.jpg?v=112462281557973682851770825101);
  background-position: 50%;
  background-size: cover;
}

/* Free sample card grid — replaces removed w-node IDs */
.card-container > .card-image-container {
  grid-area: span 1 / span 3 / span 1 / span 3;
  place-self: stretch center;
}
.card-container > .card-description-container {
  grid-area: span 1 / span 4 / span 1 / span 4;
  align-self: stretch;
}

/* "Gotta love a free sample" → Pink background */
/* "Gotta love a free sample" → psych background */
#mt-freesample.section.dark-pink {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/psych-bg-v2.jpg?v=18184755953200426121770901926) !important;
  background-position: 50% !important;
  background-repeat: repeat !important;
  background-size: 25% !important;
}

/* "Everything included" → Blue background */
#mt-included.section.dark-blue {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/blue-texture.jpg?v=144534564081895810791770829955) !important;
  background-position: 50% !important;
  background-repeat: repeat !important;
  background-size: 25% !important;
}
/* Everything Included boxes → blue-ish tint */
#mt-included .container.background-blue {
  background-color: rgba(0, 120, 150, 0.35);
}

/* "Buy, buy, buy" → Grey background */
#mt-buynow.section.yellow {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/grey-texture.jpg?v=76586588281480357331770825100) !important;
  background-position: 50% !important;
  background-repeat: repeat !important;
  background-size: 25% !important;
}

/* Gen Z version → Gen Z Psych background */
#mt-gzversion.section.yellow {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/gz-psych-bg.jpg?v=75053414070163803681770900843) !important;
  background-size: 50% !important;
  background-position: 50% !important;
  background-repeat: repeat !important;
}
/* Gen Z version — match MT product box style */
#mt-gzversion .container.horizontal.yellow {
  background-color: transparent !important;
}
#mt-gzversion .product-outside-container {
  background-color: transparent !important;
  padding: 0 !important;
}
#mt-gzversion .product-container-sub {
  background-color: rgba(240, 162, 177, 0.75) !important;
  border-radius: 0 !important;
  padding: 30px !important;
  overflow: hidden !important;
}
#mt-gzversion .texture.bg {
  background-image: none !important;
  background-color: transparent !important;
  display: none !important;
}
#mt-gzversion .content-stack {
  color: var(--white);
}
/* GZ version product description → match MT style */
#mt-gzversion .product-description-container {
  background-color: transparent !important;
}
#mt-gzversion .card-description-subcontainer {
  background-color: transparent !important;
}
/* GZ version top text → white */
#mt-gzversion .eyebrow,
#mt-gzversion .eyebrow.dark,
#mt-gzversion .eyebrow.purple,
#mt-gzversion .h1,
#mt-gzversion .h2,
#mt-gzversion .h3,
#mt-gzversion .body,
#mt-gzversion .link {
  color: var(--white);
}
/* GZ version product card → purple headings, black body */
#mt-gzversion .product-container-sub .eyebrow,
#mt-gzversion .product-container-sub .eyebrow.dark,
#mt-gzversion .product-container-sub .eyebrow.purple,
#mt-gzversion .product-container-sub .h1,
#mt-gzversion .product-container-sub .product-name {
  color: #931dca;
}
#mt-gzversion .product-container-sub .body,
#mt-gzversion .product-container-sub .body.tight,
#mt-gzversion .product-container-sub .product-detail-label,
#mt-gzversion .product-container-sub .product-detail {
  color: #000;
}

/* FAQ → Black background */
#mt-faq.section.dark-pink {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/black-texture.jpg?v=112462281557973682851770825101) !important;
  background-position: 50% !important;
  background-repeat: repeat !important;
  background-size: 25% !important;
}

/* FAQ link color — lime green on dark background */
#mt-faq a,
#mt-faq .body a,
#mt-faq .link-2 {
  color: #daff5f !important;
  text-decoration: underline !important;
}
#mt-faq a:hover,
#mt-faq .body a:hover,
#mt-faq .link-2:hover {
  color: #c8ee4d !important;
}

/* Footer → Green */
#mt-footer.section {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/green-texture.jpg?v=80877265287658194311770829955) !important;
  background-position: 50% !important;
  background-repeat: repeat !important;
  background-size: 25% !important;
}

/* Footer layout fixes — match GZT footer structure */
.links-section-footer {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}
.footer-link {
  display: block !important;
}
.footer-column {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}
.footer .h3.yellow.left {
  margin-bottom: 15px !important;
}

/* ==========================================================================
   Subscribe & Follow Section Updates
   ========================================================================== */

/* Newsletter (texture-blue) → Blue background */
.content-stack.left.texture-blue {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/blue-texture.jpg?v=144534564081895810791770829955) !important;
}

/* "You Follow" section (texture-yellow) → keep pink bg, blue accents */
.content-stack.left.texture-yellow {
  background-image: url(//millennialtarot.com/cdn/shop/t/2/assets/pink-texture.jpg?v=165443349853787045831770825101) !important;
}
.content-stack.left.texture-yellow .h2.tight.dark,
.content-stack.left.texture-yellow .h2 {
  color: #0094B6 !important;
}
.content-stack.left.texture-yellow .poll-result {
  background-color: #0094B6 !important;
}
.content-stack.left.texture-yellow .poll-meter {
  border: none;
}

/* Blue section (texture-blue) → update font to pink, button to pink */
.content-stack.left.texture-blue .h2,
.content-stack.left.texture-blue .h3 {
  color: var(--mt-pink) !important;
}
.content-stack.left.texture-blue .buy-button {
  background-color: var(--mt-pink) !important;
  color: #000 !important;
}

/* Newsletter → left-align text */
.content-stack.left.texture-blue .upstack.left,
.content-stack.left.texture-blue .text-stack.left,
.content-stack.left.texture-blue .h2,
.content-stack.left.texture-blue .h3 {
  text-align: left !important;
  align-items: flex-start !important;
}

/* Fix poll corners — no border, match GZT style */
.content-stack.left.texture-yellow .poll-meter {
  border: none !important;
  overflow: hidden;
  background-color: var(--white);
  border-radius: 15px;
}
.content-stack.left.texture-yellow .poll-result {
  background-color: #0094B6 !important;
  border-radius: 15px 0 0 15px;
}
.content-stack.left.texture-yellow .poll-default {
  background-color: transparent;
}

/* Social buttons → blue */
.content-stack.left.texture-yellow .social-button {
  background-color: rgba(0, 148, 182, 0.5) !important;
}
/* Social-label bar → blue (base uses --purple which maps to teal/green) */
.content-stack.left.texture-yellow .social-label {
  background-color: #0094B6 !important;
}
.content-stack.left.texture-yellow .social-label .link,
.content-stack.left.texture-yellow .social-label .link.disabled {
  color: #fff !important;
}

/* ==========================================================================
   Text Contrast: light text on dark bg, dark text on light bg
   ========================================================================== */

/* Dark backgrounds (black, psych) → light text (already white by default) */

/* Light/medium backgrounds that may need dark text */
#mt-problem.section.black {
  color: #000;
}
#mt-problem .eyebrow,
#mt-problem .h2,
#mt-problem .h3,
#mt-problem .body {
  color: #000;
}

/* Grey background sections → dark text */
#mt-buynow.section.yellow {
  color: #000;
}
#mt-buynow .eyebrow.dark,
#mt-buynow .h2,
#mt-buynow .h3 {
  color: #000;
}

/* Blue background sections → light text */
#mt-guidebook.section.teal {
  color: var(--white);
}
#mt-included.section.dark-blue {
  color: var(--white);
}

/* Tidepods is now psychedelic (dark bg) → white text */
#mt-tidepods.section.yellow {
  color: var(--white);
}
/* Free sample → psych background, needs white text */
#mt-freesample.section.dark-pink {
  color: var(--white) !important;
}
#mt-freesample .eyebrow,
#mt-freesample .h2,
#mt-freesample .h3,
#mt-freesample .body {
  color: var(--white) !important;
}

/* Blue background → light text */
#mt-who.section.dark-pink {
  color: var(--white);
}

/* =============================================================
   MT MOBILE RESPONSIVE OVERRIDES (v2.9.2)
   Fixes: comparison cards, carousel sizing, product stacking,
   tidepods layout, GZ version stacking
   ============================================================= */

/* --- TABLET (991px) --- */
@media screen and (max-width: 991px) {

  /* Free sample card grid — tablet: stack vertically */
  .card-container > .card-image-container {
    grid-column: span 1 / span 1;
  }
  .card-container > .card-description-container {
    grid-area: 2 / 1 / 3 / 2;
  }

  /* Comparison cards + carousel: use base CSS (matches GZT) */

  /* Deck product section: stack vertically */
  #mt-deck .product-container-sub {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 20px !important;
  }

  #mt-deck .product-background {
    width: 100% !important;
    max-width: 400px !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
  }

  #mt-deck .product-outside-container {
    background-color: transparent !important;
    flex-direction: column !important;
    padding: 10px !important;
  }

  /* Tidepods section: stack image above text */
  #mt-tidepods .content-stack.horizontal {
    flex-direction: column !important;
    align-items: center !important;
    padding: 30px 20px !important;
    gap: 24px !important;
  }

  #mt-tidepods .product-background {
    width: 100% !important;
    max-width: 350px !important;
    margin: 0 auto !important;
    padding: 20px !important;
  }

  #mt-tidepods .product-photo {
    width: 100% !important;
    max-height: 400px !important;
    object-fit: contain !important;
  }

  #mt-tidepods .text-stack.left {
    text-align: center !important;
    align-items: center !important;
    padding: 10px 20px !important;
  }

  /* GZ version section: stack vertically */
  #mt-gzversion .product-container-sub {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 20px !important;
  }

  #mt-gzversion .product-background {
    width: 100% !important;
    max-width: 400px !important;
    margin-right: 0 !important;
  }

  #mt-gzversion .product-outside-container {
    flex-direction: column !important;
  }
}

/* --- MOBILE (767px) --- */
@media screen and (max-width: 767px) {

  /* Comparison section: stack cards vertically */
  #mt-solution .content-stack.horizontal.spacing {
    flex-direction: column !important;
    align-items: center !important;
    gap: 20px !important;
  }

  /* Comparison cards + carousel: use base CSS (matches GZT) */

  /* Deck section: full-width stacked */
  #mt-deck .product-container-sub {
    padding: 15px !important;
    gap: 15px !important;
  }

  #mt-deck .product-background {
    max-width: 100% !important;
    padding: 10px !important;
  }

  #mt-deck .product-photo {
    max-height: 350px !important;
    object-fit: contain !important;
  }

  /* Tidepods section: more breathing room */
  #mt-tidepods .content-stack.horizontal {
    padding: 24px 16px !important;
    gap: 20px !important;
  }

  #mt-tidepods .product-background {
    max-width: 280px !important;
    padding: 16px !important;
  }

  #mt-tidepods .text-stack.left {
    padding: 8px 12px !important;
  }

  #mt-tidepods .h2 {
    font-size: 2rem !important;
    line-height: 1.1 !important;
  }

  #mt-tidepods .h3.inline {
    font-size: 1.2rem !important;
  }

  /* GZ version: full-width stacked */
  #mt-gzversion .product-container-sub {
    padding: 15px !important;
    gap: 15px !important;
  }

  #mt-gzversion .product-background {
    max-width: 100% !important;
  }
}

/* --- SMALL MOBILE (479px) --- */
@media screen and (max-width: 479px) {

  /* Logo/logotype mobile sizing is in the Webflow 479px block above */

  /* Free sample card grid — small mobile: stack vertically */
  .card-container > .card-image-container {
    grid-area: 1 / 1 / 2 / 2;
    place-self: center;
  }
  .card-container > .card-description-container {
    grid-area: 2 / 1 / 3 / 2;
    align-self: stretch;
  }

  /* Comparison cards + carousel: use base CSS (matches GZT) */

  /* Deck section */
  #mt-deck .product-container-sub {
    padding: 10px !important;
  }

  #mt-deck .product-photo {
    max-height: 300px !important;
  }

  /* Tidepods: compact but readable */
  #mt-tidepods .content-stack.horizontal {
    padding: 20px 12px !important;
    gap: 16px !important;
  }

  #mt-tidepods .product-background {
    max-width: 220px !important;
    padding: 12px !important;
  }

  #mt-tidepods .h2 {
    font-size: 1.6rem !important;
  }

  #mt-tidepods .h3.inline {
    font-size: 1rem !important;
  }

  #mt-tidepods .body {
    font-size: 0.95rem !important;
  }

  /* GZ version */
  #mt-gzversion .product-container-sub {
    padding: 10px !important;
  }

  /* --- NAVBAR: keep hamburger+cart in one row next to each other --- */
  .navbar-content {
    flex-flow: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
  }
  .mobile-buy {
    width: auto !important;
    padding-top: 0 !important;
    flex-shrink: 0 !important;
  }
  .cart-button {
    padding-right: 4px !important;
  }

  /* --- "Free Sample" psych background: larger on mobile --- */
  #mt-freesample.section.dark-pink {
    background-size: 50% !important;
  }

  /* --- "Get the GZ version" psych background: larger on mobile --- */
  #mt-gzversion.section.yellow {
    background-size: 100% !important;
  }

  /* --- Tide Pods cross-sell: center ALL text --- */
  #mt-tidepods .text-stack.left {
    text-align: center !important;
    align-items: center !important;
  }
  #mt-tidepods .eyebrow,
  #mt-tidepods .h2,
  #mt-tidepods .h3,
  #mt-tidepods .h3.inline,
  #mt-tidepods .body {
    text-align: center !important;
    width: 100% !important;
  }

  /* --- About page: single column grid --- */
  .text-grid,
  .text-grid.left {
    grid-template-columns: 1fr !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
  }
  .card-block,
  .card-block.left,
  .abou-card-block {
    position: relative !important;
    width: 100% !important;
    max-width: 300px !important;
    margin: 0 auto !important;
    height: 300px !important;
  }
  .body.longform {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* --- Products/Buy page: single column on mobile, prevent overflow --- */
  .product-container-sub {
    grid-template-columns: 1fr !important;
    max-width: 100% !important;
    overflow: hidden !important;
    word-wrap: break-word !important;
    padding: 10px !important;
  }
  .product-outside-container {
    max-width: 100% !important;
    overflow: hidden !important;
    flex-flow: column !important;
    padding: 5px !important;
  }
  .product-description-container,
  .card-description-subcontainer {
    max-width: 100% !important;
    overflow: hidden !important;
    word-wrap: break-word !important;
  }
  .product-image-container {
    max-width: 100% !important;
  }
  .product-image-container .main-image img {
    max-width: 100% !important;
    height: auto !important;
  }
  .container.limited.padded {
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    overflow: hidden !important;
  }
}

/* ============================================================
   MT BLOG REDESIGN — Article + Blog Index Styles
   Prefixed with mt-blog- and mt-sidebar- to avoid Webflow conflicts
   ============================================================ */

/* --- Hero Header (Article Page) --- */
.mt-blog-hero {
  position: relative;
  width: 100%;
  min-height: 420px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  background-color: #1a3a32;
}
.mt-blog-hero--no-image {
  min-height: 280px;
  background: linear-gradient(135deg, #2d5f54 0%, #1a3a32 60%, #0d1f1a 100%);
}
.mt-blog-hero__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.mt-blog-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(26, 58, 50, 0.92) 0%,
    rgba(45, 95, 84, 0.55) 40%,
    rgba(218, 255, 95, 0.08) 100%
  );
}
.mt-blog-hero__content {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 60px 48px 48px;
}
.mt-blog-hero__tags {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
}
.mt-blog-hero__tag {
  font-family: 'Anek Bangla', sans-serif;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #1a3a32;
  background: #daff5f;
  padding: 4px 12px;
  border-radius: 9999px;
}
.mt-blog-hero__title {
  font-family: 'Anek Bangla', sans-serif;
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 800;
  line-height: 1.1;
  color: #ffffff;
  margin: 0 0 16px;
  max-width: 800px;
}
.mt-blog-hero__meta {
  font-family: 'Anek Bangla', sans-serif;
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.7);
  display: flex;
  align-items: center;
  gap: 8px;
}
.mt-blog-hero__sep {
  opacity: 0.5;
}

/* --- Two-Column Layout --- */
.mt-blog-layout {
  background: #0d1f1a;
  padding: 48px 0 64px;
}
.mt-blog-layout__container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 48px;
  display: grid;
  grid-template-columns: 1fr 340px;
  gap: 48px;
  align-items: start;
}
.mt-blog-layout__content {
  min-width: 0;
}
.mt-blog-layout__sidebar {
  position: sticky;
  top: 24px;
}

/* --- Article Body Typography --- */
.mt-blog-article__body {
  font-family: 'Anek Bangla', sans-serif;
  font-size: 1.125rem;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.88);
}
.mt-blog-article__body > *:first-child::first-letter {
  font-size: 3.5rem;
  font-weight: 800;
  float: left;
  line-height: 1;
  margin-right: 8px;
  margin-top: 4px;
  color: #daff5f;
}
.mt-blog-article__body h2 {
  font-family: 'Anek Bangla', sans-serif;
  font-size: 2rem;
  font-weight: 700;
  color: #ffffff;
  margin: 2.5rem 0 1rem;
}
.mt-blog-article__body h3 {
  font-family: 'Anek Bangla', sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: #ffffff;
  margin: 2rem 0 0.75rem;
}
.mt-blog-article__body p {
  margin: 0 0 1.5rem;
}
.mt-blog-article__body a {
  color: #daff5f;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.mt-blog-article__body a:hover {
  color: #ffffff;
}
.mt-blog-article__body img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  margin: 1.5rem 0;
}
.mt-blog-article__body blockquote {
  border-left: 3px solid #daff5f;
  padding: 1rem 1.5rem;
  margin: 2rem 0;
  background: rgba(45, 95, 84, 0.15);
  border-radius: 0 12px 12px 0;
  font-style: italic;
  color: rgba(255, 255, 255, 0.75);
}
.mt-blog-article__body ul,
.mt-blog-article__body ol {
  padding-left: 1.5rem;
  margin: 0 0 1.5rem;
}
.mt-blog-article__body li {
  margin-bottom: 0.5rem;
}

/* --- Sidebar --- */
.mt-sidebar {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* Sidebar Product Cards */
.mt-sidebar-card {
  position: relative;
  background: rgba(45, 95, 84, 0.12);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(218, 255, 95, 0.15);
  border-radius: 16px;
  overflow: hidden;
  transition: border-color 0.3s ease;
}
.mt-sidebar-card:hover {
  border-color: rgba(218, 255, 95, 0.35);
}
.mt-sidebar-card--alt {
  background: rgba(218, 255, 95, 0.06);
  border-color: rgba(218, 255, 95, 0.10);
}
.mt-sidebar-card__badge {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  font-family: 'Anek Bangla', sans-serif;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #1a3a32;
  background: #daff5f;
  padding: 3px 10px;
  border-radius: 9999px;
}
.mt-sidebar-card__image {
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: rgba(45, 95, 84, 0.2);
}
.mt-sidebar-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.mt-sidebar-card:hover .mt-sidebar-card__image img {
  transform: scale(1.05);
}
.mt-sidebar-card__body {
  padding: 16px;
}
.mt-sidebar-card__title {
  font-family: 'Anek Bangla', sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 4px;
}
.mt-sidebar-card__price {
  font-family: 'Anek Bangla', sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: #daff5f;
  margin: 0 0 6px;
}
.mt-sidebar-card__details {
  font-family: 'Anek Bangla', sans-serif;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.5);
  margin: 0 0 12px;
}
.mt-sidebar-card__btn {
  display: block;
  width: 100%;
  font-family: 'Anek Bangla', sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  text-align: center;
  padding: 10px 16px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease;
}
.mt-sidebar-card__btn--cart {
  background: #daff5f;
  color: #1a3a32;
}
.mt-sidebar-card__btn--cart:hover {
  background: #c8ee4d;
  transform: translateY(-1px);
}

/* Sidebar Newsletter */
.mt-sidebar-newsletter {
  background: rgba(45, 95, 84, 0.12);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(218, 255, 95, 0.15);
  border-radius: 16px;
  padding: 20px;
}
.mt-sidebar-newsletter__title {
  font-family: 'Anek Bangla', sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 6px;
}
.mt-sidebar-newsletter__text {
  font-family: 'Anek Bangla', sans-serif;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.6);
  margin: 0 0 14px;
  line-height: 1.4;
}
.mt-sidebar-newsletter__form {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mt-sidebar-newsletter__input {
  font-family: 'Anek Bangla', sans-serif;
  font-size: 0.95rem;
  padding: 10px 14px;
  border: 1px solid rgba(218, 255, 95, 0.2);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.06);
  color: #ffffff;
  outline: none;
  transition: border-color 0.2s ease;
}
.mt-sidebar-newsletter__input::placeholder {
  color: rgba(255, 255, 255, 0.35);
}
.mt-sidebar-newsletter__input:focus {
  border-color: #daff5f;
}
.mt-sidebar-newsletter__btn {
  font-family: 'Anek Bangla', sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  padding: 10px 16px;
  border: none;
  border-radius: 8px;
  background: #2d5f54;
  color: #ffffff;
  cursor: pointer;
  transition: background 0.2s ease;
}
.mt-sidebar-newsletter__btn:hover {
  background: #3a7a6c;
}
.mt-sidebar-newsletter__success {
  font-family: 'Anek Bangla', sans-serif;
  font-size: 0.85rem;
  color: #daff5f;
  margin-top: 8px;
}
.mt-sidebar-newsletter__error {
  font-family: 'Anek Bangla', sans-serif;
  font-size: 0.85rem;
  color: #F0A2B1;
  margin-top: 8px;
}

/* Sidebar Social Links */
.mt-sidebar-social {
  background: rgba(45, 95, 84, 0.12);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(218, 255, 95, 0.15);
  border-radius: 16px;
  padding: 20px;
}
.mt-sidebar-social__title {
  font-family: 'Anek Bangla', sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 14px;
}
.mt-sidebar-social__links {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.mt-sidebar-social__link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.04);
  text-decoration: none;
  transition: background 0.2s ease;
}
.mt-sidebar-social__link:hover {
  background: rgba(218, 255, 95, 0.1);
}
.mt-sidebar-social__icon {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  object-fit: contain;
}
.mt-sidebar-social__link span {
  font-family: 'Anek Bangla', sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.85);
}

/* --- Bottom Section (Related Posts + Cross-Site) --- */
.mt-blog-bottom {
  background: #0d1f1a;
  padding: 0 0 64px;
}
.mt-blog-bottom__container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 48px;
}

/* Related Posts */
.mt-related {
  margin-bottom: 48px;
}
.mt-related__header {
  margin-bottom: 24px;
}
.mt-related__title {
  font-family: 'Anek Bangla', sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  color: #ffffff;
  margin: 0;
}
.mt-related__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

/* Cross-Site Banner */
.mt-cross-site {
  padding: 0 48px 48px;
  max-width: 1280px;
  margin: 0 auto;
}
.mt-cross-site__inner {
  background: url('https://genztarot.com/cdn/shop/t/2/assets/wide-1.jpg?v=46705177080565948951768504658') center/cover no-repeat;
  border: 1px solid rgba(218, 255, 95, 0.2);
  border-radius: 16px;
  padding: 40px 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}
.mt-cross-site__label {
  font-family: 'Anek Bangla', sans-serif;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #daff5f;
  margin: 0 0 6px;
}
.mt-cross-site__title {
  font-family: 'Anek Bangla', sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 8px;
}
.mt-cross-site__desc {
  font-family: 'Anek Bangla', sans-serif;
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.65);
  margin: 0;
  max-width: 500px;
  line-height: 1.5;
}
.mt-cross-site__btn {
  display: inline-block;
  font-family: 'Anek Bangla', sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: #1a3a32;
  background: #daff5f;
  padding: 12px 28px;
  border-radius: 8px;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.2s ease, transform 0.2s ease;
}
.mt-cross-site__btn:hover {
  background: #c8ee4d;
  transform: translateY(-1px);
}

/* --- Blog Index Header --- */
.mt-blog-index-header {
  background: transparent;
  padding: 80px 0 48px;
}
.mt-blog-index-header__container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 48px;
  text-align: center;
}
.mt-blog-index-header__title {
  font-family: 'Anek Bangla', sans-serif;
  font-size: clamp(2.5rem, 5vw, 4rem);
  font-weight: 800;
  color: #ffffff;
  margin: 0 0 12px;
}
.mt-blog-index-header__desc {
  font-family: 'Anek Bangla', sans-serif;
  font-size: 1.15rem;
  color: #daff5f;
  margin: 0;
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.5;
}

/* --- Blog Index Grid --- */
.mt-blog-index {
  background: transparent;
  padding: 48px 0 64px;
}
.mt-blog-index__container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 48px;
}

/* --- Blog Card Grid --- */
.mt-blog-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 28px;
}

/* --- Featured Card (first post on page 1) --- */
.mt-blog-card--featured {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  flex-direction: row;
}
.mt-blog-card--featured .mt-blog-card__image {
  aspect-ratio: 4 / 3;
}
.mt-blog-card--featured .mt-blog-card__body {
  padding: 28px;
  justify-content: center;
}
.mt-blog-card--featured .mt-blog-card__title {
  font-size: 1.5rem;
}
.mt-blog-card--featured .mt-blog-card__excerpt {
  -webkit-line-clamp: 3;
}

/* --- Blog Card --- */
.mt-blog-card {
  display: flex;
  flex-direction: column;
  background: rgba(45, 95, 84, 0.12);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(218, 255, 95, 0.12);
  border-radius: 16px;
  overflow: hidden;
  text-decoration: none;
  transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}
.mt-blog-card:hover {
  transform: translateY(-4px);
  border-color: rgba(218, 255, 95, 0.3);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);
}
.mt-blog-card__image {
  width: 100%;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: rgba(45, 95, 84, 0.2);
}
.mt-blog-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.mt-blog-card:hover .mt-blog-card__image img {
  transform: scale(1.08);
}
.mt-blog-card__image--placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mt-blog-card__placeholder-icon {
  font-size: 3rem;
  color: rgba(218, 255, 95, 0.3);
}
.mt-blog-card__body {
  padding: 20px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.mt-blog-card__tags {
  display: flex;
  gap: 6px;
  margin-bottom: 10px;
}
.mt-blog-card__tag {
  font-family: 'Anek Bangla', sans-serif;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #daff5f;
  background: rgba(218, 255, 95, 0.12);
  padding: 3px 10px;
  border-radius: 9999px;
}
.mt-blog-card__title {
  font-family: 'Anek Bangla', sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 8px;
  line-height: 1.3;
}
.mt-blog-card__excerpt {
  font-family: 'Anek Bangla', sans-serif;
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.55);
  margin: 0 0 12px;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.mt-blog-card__date {
  font-family: 'Anek Bangla', sans-serif;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.35);
  margin-top: auto;
}

/* --- Blog Empty State --- */
.mt-blog-empty {
  text-align: center;
  padding: 80px 24px;
}
.mt-blog-empty p {
  font-family: 'Anek Bangla', sans-serif;
  font-size: 1.1rem;
  color: rgba(255, 255, 255, 0.45);
}

/* --- Blog Pagination --- */
.mt-blog-pagination {
  display: flex;
  justify-content: center;
  gap: 16px;
  padding: 0 0 48px;
}
.mt-blog-pagination__btn {
  font-family: 'Anek Bangla', sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  color: #daff5f;
  background: rgba(45, 95, 84, 0.2);
  border: 1px solid rgba(218, 255, 95, 0.2);
  border-radius: 8px;
  padding: 10px 24px;
  text-decoration: none;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.mt-blog-pagination__btn:hover {
  background: rgba(45, 95, 84, 0.4);
  border-color: rgba(218, 255, 95, 0.4);
  color: #daff5f;
}

/* ============================================================
   MT BLOG RESPONSIVE BREAKPOINTS
   ============================================================ */

/* Tablet / Small Desktop */
@media screen and (max-width: 1024px) {
  .mt-blog-layout__container {
    grid-template-columns: 1fr;
    gap: 40px;
    padding: 0 32px;
  }
  .mt-blog-layout__sidebar {
    position: static;
  }
  .mt-sidebar {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .mt-sidebar-newsletter,
  .mt-sidebar-social {
    grid-column: span 1;
  }
  .mt-blog-hero__content {
    padding: 48px 32px 40px;
  }
  .mt-blog-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .mt-related__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .mt-blog-index-header__container,
  .mt-blog-index__container,
  .mt-blog-bottom__container,
  .mt-cross-site {
    padding-left: 32px;
    padding-right: 32px;
  }
  .mt-cross-site__inner {
    padding: 32px;
  }
}

/* Mobile */
@media screen and (max-width: 768px) {
  .mt-blog-hero {
    min-height: 320px;
  }
  .mt-blog-hero__content {
    padding: 32px 20px;
  }
  .mt-blog-hero__title {
    font-size: clamp(1.75rem, 6vw, 2.5rem);
  }
  .mt-blog-layout__container {
    padding: 0 20px;
    gap: 32px;
  }
  .mt-blog-layout {
    padding: 32px 0 48px;
  }
  .mt-sidebar {
    grid-template-columns: 1fr;
  }
  .mt-blog-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .mt-blog-card--featured {
    grid-template-columns: 1fr;
  }
  .mt-related__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .mt-blog-index-header {
    padding: 60px 0 32px;
  }
  .mt-blog-index-header__container,
  .mt-blog-index__container,
  .mt-blog-bottom__container,
  .mt-cross-site {
    padding-left: 20px;
    padding-right: 20px;
  }
  .mt-cross-site__inner {
    flex-direction: column;
    text-align: center;
    padding: 28px 24px;
  }
  .mt-cross-site__desc {
    max-width: 100%;
  }
  .mt-blog-article__body {
    font-size: 1.05rem;
  }
  .mt-blog-article__body > *:first-child::first-letter {
    font-size: 2.8rem;
  }
}

/* Tablet — blog card tag pills */
@media screen and (max-width: 768px) {
  .mt-blog-card__tag {
    padding: 4px 14px;
    min-width: 48px;
    text-align: center;
  }
  .mt-blog-card__body {
    padding: 16px;
  }
  .mt-blog-card__title {
    font-size: 1.05rem;
    line-height: 1.35;
  }
  .mt-blog-card__excerpt {
    font-size: 0.875rem;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  /* Cross-site — tighter spacing and bigger button */
  .mt-cross-site__btn {
    padding: 14px 32px;
    font-size: 15px;
    width: 100%;
    max-width: 280px;
    text-align: center;
  }
  .mt-cross-site__title {
    font-size: 1.5rem;
  }
}

/* Small Mobile */
@media screen and (max-width: 480px) {
  .mt-blog-hero {
    min-height: 260px;
  }
  .mt-blog-hero__content {
    padding: 24px 16px;
  }
  .mt-blog-layout__container {
    padding: 0 16px;
  }
  .mt-blog-index-header__container,
  .mt-blog-index__container,
  .mt-blog-bottom__container,
  .mt-cross-site {
    padding-left: 16px;
    padding-right: 16px;
  }
  .mt-cross-site__inner {
    padding: 24px 20px;
  }
  .mt-sidebar-card__image {
    aspect-ratio: 4 / 3;
  }
  .mt-blog-card__tag {
    font-size: 10px;
    padding: 3px 12px;
  }
  .mt-blog-card__title {
    font-size: 1rem;
  }
  .mt-blog-card__body {
    padding: 14px;
  }
  .mt-blog-card__image {
    aspect-ratio: 16 / 9;
  }
  .mt-blog-index-header__title {
    font-size: 2rem;
  }
  .mt-blog-index-header__desc {
    font-size: 0.95rem;
  }
}

/* ============================================
   MT SUIT COLOR OVERRIDES
   Consistent MT palette across icons, labels, and containers
   ============================================ */

/* Suit icon backgrounds */
.suits.wands {
  background-color: rgba(240, 162, 177, 0.86) !important;
}
.suits.cups {
  background-color: rgba(0, 148, 182, 0.86) !important;
}
.suits.swords {
  background-color: rgba(215, 229, 222, 0.86) !important;
}
.suits.pentacle {
  background-color: rgba(224, 216, 61, 0.86) !important;
}

/* Suit text labels — match icon backgrounds */
.suit-text.wand {
  background-color: rgba(240, 162, 177, 0.86) !important;
}
.suit-text.cup {
  background-color: rgba(0, 148, 182, 0.86) !important;
}
.suit-text.sword {
  background-color: rgba(215, 229, 222, 0.86) !important;
}
.suit-text.pentacle {
  background-color: rgba(224, 216, 61, 0.86) !important;
}

/* Suit containers — match icon backgrounds */
.suits-container.wand {
  background-color: rgba(240, 162, 177, 0.86) !important;
}
.suits-container {
  background-color: rgba(0, 148, 182, 0.86) !important;
}
.suits-container.sword {
  background-color: rgba(215, 229, 222, 0.86) !important;
}
.suits-container.pentacle {
  background-color: rgba(224, 216, 61, 0.86) !important;
}

/* ============================================
   SOCIAL PROOF BAR — "as seen in" trust strip
   ============================================ */

.social-proof-bar {
  background: rgba(0, 148, 182, 0.82);
  padding: 16px 40px;
  position: relative;
  z-index: 1;
}

.social-proof-inner {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}

.social-proof-label {
  font-family: 'Anek Bangla', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #daff5f;
  white-space: nowrap;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1.2;
}

.social-proof-subtitle {
  font-size: 8px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
  display: block;
  margin-top: 2px;
}

.social-proof-divider {
  width: 1px;
  height: 28px;
  background: rgba(255, 255, 255, 0.2);
  margin: 0 24px;
  flex-shrink: 0;
}

.social-proof-logos {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0;
}

.social-proof-logo {
  font-family: 'Anek Bangla', sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.7);
  padding: 0 24px;
  white-space: nowrap;
}

.social-proof-sep {
  flex-shrink: 0;
  font-size: 10px;
  color: #daff5f;
  line-height: 1;
}
.social-proof-sep::before {
  content: '\2726';
}

/* Tablet (991px) */
@media screen and (max-width: 991px) {
  .social-proof-bar { padding: 14px 24px; }
  .social-proof-label { font-size: 10px; }
  .social-proof-divider { margin: 0 16px; }
  .social-proof-logo { font-size: 11px; padding: 0 16px; }
}

/* Mobile landscape (767px) */
@media screen and (max-width: 767px) {
  .social-proof-inner { flex-direction: column; gap: 8px; }
  .social-proof-divider { display: none; }
  .social-proof-logos { gap: 4px; }
  .social-proof-logo { font-size: 12px; padding: 0 12px; }
  .social-proof-sep { font-size: 9px; }
}

/* Mobile portrait (479px) */
@media screen and (max-width: 479px) {
  .social-proof-bar { padding: 12px 16px; }
  .social-proof-label { font-size: 11px; }
  .social-proof-logo { font-size: 11px; padding: 0 10px; }
}

/* === CLASS-BASED GRID for product cards (supplements w-node ID selectors) === */

/* Desktop: 2-column layout */
.product-container-sub > .product-image-container {
  grid-area: 1 / 1 / 2 / 2;
}
.product-container-sub > .product-description-container {
  grid-area: 1 / 2 / 2 / 3;
}

/* Tablet (991px) */
@media screen and (max-width: 991px) {
  .product-container-sub > .product-image-container {
    grid-column-end: 4;
  }
  .product-container-sub > .product-description-container {
    grid-area: 1 / 4 / 2 / 9;
  }
}

/* Mobile portrait (479px): single-column stacking */
@media screen and (max-width: 479px) {
  .product-container-sub > .product-image-container {
    grid-area: 1 / 1 / 2 / 2;
  }
  .product-container-sub > .product-description-container {
    grid-area: 2 / 1 / 3 / 2;
  }
}

/* Mobile nav opaque background — SEO-08 */
@media screen and (max-width: 991px) {
  .w-nav-overlay {
    background-color: #1a1a1a !important;
  }
  .navigation-items.w-nav-menu {
    background-color: #1a1a1a !important;
  }
}

/* As Seen In bar mobile font fix — SEO-07 */
@media screen and (max-width: 767px) {
  .social-proof-bar .social-proof-logo {
    font-size: 14px !important;
  }
  .social-proof-bar .social-proof-label {
    font-size: 14px !important;
  }
}

/* Product callout container padding — SEO-05 */
.product-outside-container {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
@media screen and (max-width: 767px) {
  .product-outside-container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

/* ==========================================================================
   HUB PAGE STYLES (Card Meanings + FAQ listing)
   ========================================================================== */

/* Filter buttons row */
.mt-hub-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  padding: 0 0 32px;
  max-width: 1280px;
  margin: 0 auto;
}

.mt-hub-filter-btn {
  font-family: 'Anek Bangla', sans-serif;
  font-size: 13px;
  font-weight: 600;
  padding: 6px 16px;
  border-radius: 999px;
  border: 1px solid rgba(218, 255, 95, 0.3);
  background: rgba(218, 255, 95, 0.08);
  color: #daff5f;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s;
}

.mt-hub-filter-btn:hover,
.mt-hub-filter-btn.active {
  background: rgba(218, 255, 95, 0.2);
  border-color: rgba(218, 255, 95, 0.6);
}

.mt-hub-filter-btn.disabled {
  opacity: 0.35;
  cursor: default;
  pointer-events: none;
}

/* Hub card number badge */
.mt-hub-card-number {
  font-family: 'Anek Bangla', sans-serif;
  font-size: 11px;
  font-weight: 700;
  color: rgba(218, 255, 95, 0.5);
  margin-left: auto;
}

/* Hub placeholder gradient for cards without images */
.mt-blog-card__image--placeholder {
  background: linear-gradient(135deg, rgba(45, 95, 84, 0.3), rgba(218, 255, 95, 0.08)) !important;
}

/* --- Hub responsive: tablet --- */
@media screen and (max-width: 768px) {
  .mt-hub-filters {
    padding: 0 24px 24px;
  }
}

/* --- Hub responsive: mobile --- */
@media screen and (max-width: 480px) {
  .mt-hub-filters {
    padding: 0 16px 20px;
    gap: 6px;
  }
  .mt-hub-filter-btn {
    font-size: 12px;
    padding: 5px 12px;
  }
}

/* ==========================================================================
   About page: grid-area placements for .text-grid children.
   The original Webflow export relied on per-element #w-node-* ID selectors
   that no longer ship with the CSS. We replicate the same placement using
   nth-child selectors so the about page grid renders correctly.
   Layout reference: millennialtarot.com/pages/about
   ========================================================================== */

/* --- .text-grid.left (8 children — two story sections) --- */
/* Section 1: heading full-width, two paragraphs cols 1-3, card-block col 4 */
.text-grid.left > :nth-child(1) { grid-area: 1 / 1 / 2 / 5; place-self: center; }
.text-grid.left > :nth-child(2) { grid-area: 2 / 1 / 3 / 4; }
.text-grid.left > :nth-child(3) { grid-area: 3 / 1 / 4 / 4; }
.text-grid.left > :nth-child(4) { grid-area: 2 / 4 / 4 / 5; }

/* Section 2: heading full-width, first paragraph full-width,
   second paragraph cols 2-4 with card-block.left in col 1 */
.text-grid.left > :nth-child(5) { grid-area: 4 / 1 / 5 / 5; place-self: center; }
.text-grid.left > :nth-child(6) { grid-area: 5 / 1 / 6 / 5; }
.text-grid.left > :nth-child(7) { grid-area: 6 / 2 / 8 / 5; }
.text-grid.left > :nth-child(8) { grid-area: 6 / 1 / 8 / 2; }

/* --- .text-grid without .left (each child spans all 4 columns, stacked) --- */
.text-grid:not(.left) > :nth-child(1) { grid-area: 1 / 1 / 2 / 5; }
.text-grid:not(.left) > :nth-child(2) { grid-area: 2 / 1 / 3 / 5; }