/* Xandyn dev */
.owlc-card {
  --card-r: 20px;
  --card-press: scale var(--owl-dur-release) var(--owl-spring);
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 0;
  overflow: hidden;
  border-radius: var(--card-r);
  border: 1px solid rgb(146 155 255 / .16);
  background: linear-gradient(170deg, #1c2040 0%, #151831 62%);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), inset 0 1px 0 rgb(255 255 255 / .04), 0 14px 30px -22px rgb(3 4 20 / .9);
  color: #f4f5ff;
  font-family: Outfit, system-ui, sans-serif;
  text-decoration: none;
  transition: border-color var(--owl-dur-hover) var(--owl-ease-out), box-shadow var(--owl-dur-hover) var(--owl-ease-out), var(--card-press);
}
.owlc-card p { margin: 0; }
.owlc-card .owl-icon { width: 16px; height: 16px; flex: none; }

.owlc-card-media {
  position: relative;
  display: grid;
  place-items: center;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: radial-gradient(80% 70% at 50% 0%, rgb(114 127 255 / .14), transparent 70%), #121427;
}
.owlc-card-media.is-wide { aspect-ratio: 16 / 9; }
.owlc-card-media > img { display: block; width: 100%; height: 100%; object-fit: contain; transition: scale var(--owl-dur-depth) var(--owl-ease-glide), filter var(--owl-dur-hover) var(--owl-ease-out); }
.owlc-card:is(.brilho-product, .aurora-product, .noise-product) > .owlc-card-media { border-radius: calc(var(--card-r) - 1px) calc(var(--card-r) - 1px) 0 0; }
.owlc-card .aurora-halo { border-radius: calc(var(--card-r) + 6px); }
.owlc-card.noise-product .noise-border-wrapper { border-radius: calc(var(--card-r) + 2px); }

.owlc-card-empty {
  position: absolute;
  inset: 0;
  isolation: isolate;
  display: grid;
  place-items: center;
  background: radial-gradient(42% 62% at 50% 50%, rgb(114 127 255 / .34), transparent 72%), linear-gradient(160deg, #1d2144, #11132b);
}
.owlc-card-empty::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: radial-gradient(rgb(185 191 255 / .22) 1px, transparent 1.6px);
  background-size: 16px 16px;
  -webkit-mask-image: radial-gradient(closest-side, #000 15%, transparent);
  mask-image: radial-gradient(closest-side, #000 15%, transparent);
}
.owlc-card-empty > img {
  width: 66px;
  height: 66px;
  border-radius: 19px;
  object-fit: cover;
  rotate: -6deg;
  box-shadow: 0 0 0 3px #1b1f3d, 0 0 0 5px rgb(146 155 255 / .45), 0 16px 26px -10px rgb(3 4 20 / .95);
  transition: rotate var(--owl-dur-release) var(--owl-spring), scale var(--owl-dur-release) var(--owl-spring);
}
.owlc-card-empty > .owl-logo-mark { width: 78px; height: 78px; border-radius: 0; object-fit: contain; rotate: none; box-shadow: none; filter: drop-shadow(0 12px 14px rgb(3 4 20 / .6)); }

.owlc-card-flag {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  padding: 4px 9px;
  border-radius: 99px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.owlc-card-flag.is-off { border: 1px solid rgb(140 232 184 / .42); background: rgb(14 36 30 / .84); color: #8ce8b8; }
.owlc-card-flag.is-out { border: 1px solid rgb(255 154 170 / .42); background: rgb(40 16 28 / .86); color: #ffc2cc; }
.owlc-card-star {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px 4px 8px;
  border-radius: 99px;
  background: linear-gradient(90deg, #f59e0b, #d97706);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  box-shadow: 0 6px 14px -6px rgb(0 0 0 / .6);
}
.owlc-card-star .owl-icon { width: 12px; height: 12px; }
.owlc-card .owlc-highlight { background: #727fff; color: #fff; letter-spacing: .06em; box-shadow: 0 3px 15px rgb(11 16 32 / .27); }

.owlc-card-body { display: flex; flex: 1; flex-direction: column; gap: 6px; min-width: 0; padding: 14px 16px 16px; }
.owlc-card-game { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11.5px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: #9aa4ff; }
.owlc-card-title {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -.01em;
  overflow-wrap: anywhere;
  color: #fff;
}
.owlc-card-perks { display: grid; gap: 4px; }
.owlc-card-perks:not(:has(> :not(:empty))) { display: none; }
.owlc-card-perks > span { display: flex; align-items: center; gap: 6px; min-width: 0; font-size: 12.5px; font-weight: 500; line-height: 1.3; color: #b9c0ff; }
.owlc-card-perks > span:empty { display: none; }
.owlc-card-perks .owl-icon { width: 14px; height: 14px; }
.owlc-card .owl-pontos-produto { margin: 0; }

.owlc-card-buy { display: grid; gap: 3px; margin-top: auto; padding-top: 12px; }
.owlc-card-price { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 8px; }
.owlc-card-price small { flex-basis: 100%; font-size: 10.5px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: #9299bf; }
.owlc-card-price strong { font-size: 23px; font-weight: 700; line-height: 1.15; letter-spacing: -.02em; font-variant-numeric: tabular-nums; color: #fff; }
.owlc-card-price s { font-size: 13px; color: #8a91b8; text-decoration-thickness: 1.5px; }
.owlc-card-pix { display: flex; align-items: center; gap: 6px; min-width: 0; font-size: 12.5px; line-height: 1.3; color: #aab1d6; }
.owlc-card-pix img { width: 14px; height: 14px; flex: none; }
.owlc-card-pix strong { font-weight: 700; color: #8ce8b8; }

.owlc-card-cta {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  margin-top: 10px;
  padding: 0 14px;
  border-radius: 13px;
  background: linear-gradient(105deg, #7d89ff, #5865d9);
  color: #fff;
  font-size: 14.5px;
  font-weight: 600;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / .22), inset 0 -2px 0 rgb(40 46 140 / .35);
  transition: filter var(--owl-dur-quick) var(--owl-ease-out), box-shadow var(--owl-dur-hover) var(--owl-ease-out);
}
.owlc-card-cta > .owl-icon { width: 17px; height: 17px; transition: translate var(--owl-dur-hover) var(--owl-ease-out); }
.owlc-card-cta-busy { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; gap: 8px; visibility: hidden; }
.owlc-card[aria-busy="true"] { cursor: progress; }
.owlc-card[aria-busy="true"] .owlc-card-cta > :not(.owlc-card-cta-busy) { visibility: hidden; }
.owlc-card[aria-busy="true"] .owlc-card-cta-busy { visibility: visible; }
.owlc-card-spin { animation: owlc-card-spin .8s linear infinite; }
@keyframes owlc-card-spin { to { rotate: 360deg; } }

.owlc-card.is-soldout .owlc-card-media > img,
.owlc-card.is-soldout .owlc-card-empty > * { filter: grayscale(.85); opacity: .55; }
.owlc-card.is-soldout .owlc-card-price strong { color: #b9bfdc; }
.owlc-card.is-soldout .owlc-card-cta { background: #252a4f; color: #d3d7f3; box-shadow: inset 0 0 0 1px rgb(146 155 255 / .24); }

.owlc-card:focus-visible { border-color: rgb(157 168 255 / .7); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--owl-card-glow); }
.owlc-card:focus-visible:not(.is-soldout) .owlc-card-media > img { scale: var(--owl-zoom-sm); }
.owlc-card:focus-visible .owlc-card-empty > * { rotate: 0deg; scale: 1.06; }
.owlc-card:focus-visible .owlc-card-cta { filter: brightness(1.08); }
.owlc-card:focus-visible .owlc-card-cta > .owl-icon { translate: var(--owl-nudge) 0; }
.owlc-card[data-owl-pressed] { scale: var(--owl-card-press); border-color: #b9bfff; --card-press: scale var(--owl-dur-press) var(--owl-ease-press); }
.owlc-card[data-owl-pressed] .owlc-card-cta { filter: brightness(.94); }

.owl-motion .owlc-card :is(.hl-badge-static, .hl-badge-swing) { animation: none; }
.owl-motion .owlc-card .brilho-sheen::before { animation: none; opacity: 0; }
.owl-motion .owlc-card .aurora-halo-spin { animation: aurora-spin 10s linear infinite paused; }
.owl-motion .owlc-card:is(.brilho-product, .orbita-product), .owl-motion .owlc-card.orbita-product::after { animation-play-state: paused; }
.owl-motion .owlc-card:focus-visible .brilho-sheen::before { animation: owl-sheen 1100ms var(--owl-ease-out); }
.owl-motion .owlc-card:focus-visible .aurora-halo-spin, .owl-motion .owlc-card.brilho-product:focus-visible, .owl-motion .owlc-card.orbita-product:focus-visible::after { animation-play-state: running; }
.owl-motion .owlc-card:focus-visible .hl-badge-swing { animation: owl-tag-swing 1100ms var(--owl-ease-out); }

@media (hover: hover) and (pointer: fine) {
  .owlc-card:hover { border-color: rgb(157 168 255 / .6); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--owl-card-glow); }
  .owlc-card:hover:not(.is-soldout) .owlc-card-media > img { scale: var(--owl-zoom-sm); }
  .owlc-card:hover .owlc-card-empty > * { rotate: 0deg; scale: 1.06; }
  .owlc-card:hover .owlc-card-cta { filter: brightness(1.08); box-shadow: inset 0 1px 0 rgb(255 255 255 / .22), inset 0 -2px 0 rgb(40 46 140 / .35), 0 10px 20px -12px rgb(114 127 255 / .9); }
  .owlc-card:hover .owlc-card-cta > .owl-icon { translate: var(--owl-nudge) 0; }
  .owlc-card.is-soldout:hover { border-color: rgb(255 255 255 / .22); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), 0 14px 30px -22px rgb(3 4 20 / .9); }
  .owlc-card.is-soldout:hover .owlc-card-cta { filter: none; box-shadow: inset 0 0 0 1px rgb(146 155 255 / .4); }
  .owl-motion .owlc-card:hover .brilho-sheen::before { animation: owl-sheen 1100ms var(--owl-ease-out); }
  .owl-motion .owlc-card:hover .aurora-halo-spin, .owl-motion .owlc-card.brilho-product:hover, .owl-motion .owlc-card.orbita-product:hover::after { animation-play-state: running; }
  .owl-motion .owlc-card:hover .hl-badge-swing { animation: owl-tag-swing 1100ms var(--owl-ease-out); }
}

@media (max-width: 767.98px) {
  .owlc-card { --card-r: 16px; }
  .owlc-card-body { gap: 5px; padding: 11px 11px 12px; }
  .owlc-card-game { font-size: 10.5px; letter-spacing: .08em; }
  .owlc-card-title { -webkit-line-clamp: 3; font-size: 14px; }
  .owlc-card-perks > span { font-size: 11.5px; gap: 5px; }
  .owlc-card-perks .owl-icon { width: 13px; height: 13px; }
  .owlc-card-buy { padding-top: 10px; }
  .owlc-card-price strong { font-size: 19px; }
  .owlc-card-price s { font-size: 11.5px; }
  .owlc-card-pix { font-size: 11.5px; gap: 5px; }
  .owlc-card-cta { min-height: 40px; margin-top: 8px; gap: 6px; padding: 0 10px; border-radius: 11px; font-size: 13px; }
  .owlc-card-cta > .owl-icon { width: 15px; height: 15px; }
  .owlc-card-empty > img { width: 50px; height: 50px; border-radius: 15px; }
  .owlc-card-empty > .owl-logo-mark { width: 60px; height: 60px; }
  .owlc-card-flag { top: 8px; right: 8px; padding: 3px 7px; font-size: 11px; }
  .owlc-card-star { top: 8px; left: 8px; padding: 3px 8px 3px 6px; font-size: 10px; }
}

@media (max-width: 359.98px) {
  .owlc-card-cta > .owl-icon { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .owlc-card .owlc-card-empty > * { rotate: 0deg; }
  .owlc-card .brilho-sheen::before, .owlc-card :is(.aurora-halo-spin, .hl-badge-swing) { animation: none; }
  .owlc-card :is(.noise-border-outer, .noise-border-main) { filter: none; }
}