@font-face {
  font-family: IRANSansFaNum;
  src:
    url("/fonts/IRANSans-fa/woff2/IRANSansWeb(FaNum).woff2") format("woff2"),
    url("/fonts/IRANSans-fa/woff/IRANSansWeb(FaNum).woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: IRANSansFaNum;
  src:
    url("/fonts/IRANSans-fa/woff2/IRANSansWeb(FaNum)_Light.woff2")
      format("woff2"),
    url("/fonts/IRANSans-fa/woff/IRANSansWeb(FaNum)_Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: IRANSansFaNum;
  src:
    url("/fonts/IRANSans-fa/woff2/IRANSansWeb(FaNum)_Medium.woff2")
      format("woff2"),
    url("/fonts/IRANSans-fa/woff/IRANSansWeb(FaNum)_Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: IRANSansFaNum;
  src:
    url("/fonts/IRANSans-fa/woff2/IRANSansWeb(FaNum)_Bold.woff2")
      format("woff2"),
    url("/fonts/IRANSans-fa/woff/IRANSansWeb(FaNum)_Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: IRANSansFaNum;
  src:
    url("/fonts/IRANSans-fa/woff2/IRANSansWeb(FaNum)_Black.woff2")
      format("woff2"),
    url("/fonts/IRANSans-fa/woff/IRANSansWeb(FaNum)_Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: IRANSansFaNum;
  src:
    url("/fonts/IRANSans-fa/woff2/IRANSansWeb(FaNum)_UltraLight.woff2")
      format("woff2"),
    url("/fonts/IRANSans-fa/woff/IRANSansWeb(FaNum)_UltraLight.woff")
      format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
:root {
  --premium-surface: #0f172a;
  --premium-border: rgba(255, 255, 255, 0.08);
  --premium-text: rgba(255, 255, 255, 0.92);
}
body,
button,
h1,
h2,
h3,
h4,
h5,
h6,
input,
select,
textarea {
  font-family: IRANSansFaNum, "Segoe UI", Tahoma, sans-serif;
}
body {
  font-family: IRANSansFaNum !important;
}
#bigo_id_info {
  display: flex;
  gap: 1em;
  align-items: center;
  margin: 0;
  border: 0 solid #eee;
  padding: 4px 8px;
}
#loading_screen {
  z-index: 999999;
}
#check_bigo_id:active,
#check_bigo_id:hover {
  outline: 0;
}
@media (min-width: 768px) {
  #check_bigo_id {
    font-size: 24px;
    min-width: auto;
  }
}
#bigo_id,
#playerid_input {
  line-height: 2.1em;
  width: 200px;
  border: 0;
  border-radius: 8px;
  position: relative;
  box-shadow: 0 0 0 2px #d1baf1;
  padding: 0;
  text-align: center;
  direction: ltr;
}
.summary > p.price {
  display: none;
}
.woocommerce-js div.product form.cart .single_variation_wrap p:nth-child(2) {
  flex-flow: column;
  display: flex;
  gap: 0.5em;
}
.wp-block-woocommerce-filled-cart-block.is-mobile {
  padding: 8px;
}
.checkout .col-12.col-md-4 {
  background: #a48afe;
  padding: 25px;
  float: left;
  border-radius: 12px;
}

.checkout #order_review {
  padding: 15px 25px;
  margin-top: 1.3rem;
  border-radius: 12px;
}

.checkout h3 {
  color: #fff;
}

button#place_order {
  display: block;
  background: #14b56b;
  width: 100%;
  color: #fff;
  font: 18px IRANSans;
  padding: 16px 0;
  margin-top: 1rem;
  border: 0;
  border-radius: 7px;
  cursor: pointer;
}

.order-total > td {
  color: #7e5cf4;
  font-size: 18px !important;
  font-weight: 900 !important;
}

tr.cart-subtotal {
  display: none;
}

.product-total {
  display: none;
}

.loading-text {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
  font-weight: 700;
  background-color: #000000b3;
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
}

.amount > bdi {
  display: inline-flex;
  direction: ltr;
  gap: 4px;
}

.icon-arrow-right-11:before {
  content: "\ef81";
}

#order-completed {
  display: flex;
  align-items: center;
  justify-content: start;
  border: 3px solid #00e2de;
  padding: 1em;
  border-radius: 1em;
  gap: 1em;
}

.order-again {
  display: none;
}

#bigo_id_info {
  display: flex;
  align-items: center;
  margin: 0;
  border: 1px solid #eee;
  padding: 8px;
  border-radius: 0;
  font-size: 12px;
}

#bigo_id_info > img {
  width: 45px;
  border-radius: 100%;
}

input[name="confirm_account"]:checked:after {
  content: "⬇️";
  position: absolute;
  bottom: -1.4em;
  left: 46%;
  display: flex;
  justify-content: center;
  width: max-content;
  background: #fff;
  border-radius: 8px;
  display: flex;
  justify-content: center;
}

.wc-block-cart__submit-button {
  box-sizing: border-box;
  margin: 0;
  width: 100%;
  background: #ffe255;
  font-weight: 700;
}

.why-us {
  border-radius: 8px;
  box-shadow: 0 4px 6px #0000001a;
  max-width: 800px;
  margin: 20px auto;
  padding: 20px;
  text-align: right;
  direction: rtl;
}

.why-us h2,
.how-it-works h2 {
  background: linear-gradient(-116.85deg, #fc466b 0%, #3f5efb 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center;
}

.why-us ul {
  list-style: none;
  padding: 0;
}

.why-us li {
  background-color: var(--ast-global-color-4);
  border: 1px solid #fafafa;
  border-radius: 25px;
  margin-bottom: 15px;
  padding: 15px;
  transition:
    background-color 0.3s ease,
    transform 0.3s ease;
  box-shadow: 0 2px 4px #0000001a;
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 0.5s forwards;
  animation-delay: calc(var(--i) * 0.1s);
  display: flex;
  flex-flow: column;
  gap: 4px;
}

.why-us li:hover {
  background-color: var(--ast-global-color-5);
  transform: translateY(-2px);
}

.why-us strong {
  color: #5f59e1;
  display: block;
  font-size: 18px;
  margin-bottom: 5px;
}

.why-us span {
  color: #555;
  font-size: 16px;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 600px) {
  .why-us {
    padding: 0;
    background-color: transparent;
    box-shadow: none;
  }

  .why-us h2,
  .how-it-works h2 {
    font-size: 18px;
    margin-bottom: 15px;
  }

  .why-us span {
    font-size: 14px;
  }
}

.how-it-works {
  border-radius: 8px;
  box-shadow: 0 4px 6px #0000001a;
  max-width: 800px;
  margin: 3em auto;
  padding: 20px;
  text-align: right;
  direction: rtl;
}

.how-it-works p {
  border: 1px solid #fafafa;
  border-radius: 25px;
  margin-bottom: 15px;
  padding: 15px;
  display: flex;
  align-items: center;
  transition:
    background-color 0.3s ease,
    transform 0.3s ease;
  box-shadow: 0 2px 4px #0000001a;
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 0.5s forwards;
  animation-delay: calc(var(--i) * 0.1s);
}

.how-it-works p:hover {
  background-color: var(--ast-global-color-5);
  transform: translateY(-2px);
}

.how-it-works i {
  font-size: 24px;
  color: #5f59e1;
}

.how-it-works a {
  text-decoration: none;
}

.how-it-works a:hover {
  text-decoration: underline;
}

.how-it-works .icon-diamonds {
  color: #ffe255;
}

.how-it-works .icon-user-octagon1 {
  color: #fc466b;
}

.how-it-works .icon-shopping-cart1 {
  color: orange;
}

.how-it-works .icon-cpu1 {
  color: #32cd32;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 600px) {
  .how-it-works {
    padding: 0;
    box-shadow: none;
  }

  .how-it-works p {
    padding: 12px;
    flex-direction: column;
  }

  .how-it-works i {
    font-size: 20px;
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 4px 8px #0003;
  }

  50% {
    transform: scale(1.02);
    box-shadow: 0 6px 12px #0000004d;
  }

  100% {
    transform: scale(1);
    box-shadow: 0 4px 8px #0003;
  }
}

.variations_button .loading,
.loading li {
  transition: all 1s !important;
  position: relative !important;
  left: 0;
  right: 0;
  top: 0;
  transform: translate(0%, -10%) !important;
}

#contactus .contactus_box .contactus_box_item .contactus_item_label {
  margin-left: 0;
  margin-right: 10px;
}

.page_breadcrumb,
.single_author_box,
.archive_bredcrumb_header {
  padding-top: 15px;
  padding-bottom: 30px;
}

.woocommerce-js div.product form.cart .button.single_add_to_cart_button {
  display: flex;
}

.woo-variation-swatches .variable-items-wrapper {
  justify-content: center;
}

#bigo_id_info > p {
  margin: 0;
}

.product_meta {
  opacity: 0;
  visibility: hidden;
}

/* =========================
   CONTAINER (mobile-first)
========================= */
#saved_ids_container {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 12px;
  align-items: center;
}

/* =========================
   AVATAR CARD
========================= */
.saved-id-circle {
  position: relative;
  width: 62px;
  height: 62px;

  border-radius: 50%;
  overflow: visible;

  background: #141414;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);

  flex-shrink: 0;

  /* smooth interaction */
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease;
}

/* tap feedback (mobile-first) */
.saved-id-circle:active {
  transform: scale(0.94);
}

/* =========================
   AVATAR IMAGE
========================= */
.saved-id-circle img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

/* =========================
   DELETE BUTTON (mobile-safe)
========================= */
.delete-x {
  position: absolute;

  /* OUTSIDE the avatar edge (important UX fix) */
  top: -6px;
  right: -6px;

  width: 32px;
  height: 32px;

  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 16px;
  font-weight: 700;

  color: #fff;
  background: linear-gradient(135deg, #ff4d6d, #ff0057);

  box-shadow:
    0 8px 18px rgba(255, 0, 87, 0.35),
    0 2px 6px rgba(0, 0, 0, 0.2);

  cursor: pointer;
  user-select: none;

  z-index: 5;

  /* hidden by default (clean UI) */
  opacity: 0;
  transform: scale(0.85);

  transition: all 0.18s ease;
}

/* show delete on hover (desktop) */
@media (hover: hover) {
  .saved-id-circle:hover .delete-x {
    opacity: 1;
    transform: scale(1);
  }
}

/* mobile: always visible for usability OR edit-mode driven */
@media (max-width: 768px) {
  .delete-x {
    opacity: 1;
    transform: scale(1);
  }
}

/* click feedback */
.delete-x:active {
  transform: scale(0.9);
}

/* =========================
   OPTIONAL: ACTIVE STATE
========================= */
.saved-id-circle.active {
  box-shadow:
    0 0 0 3px rgba(255, 0, 87, 0.12),
    0 10px 25px rgba(255, 0, 87, 0.15);
}

/* =========================
   SAFE TOUCH AREA IMPROVEMENT
========================= */
.delete-x {
  touch-action: manipulation;
}

/* fallback override safety */
body.ast-dark-mode #check_bigo_id,
body.ast-dark-mode .confirm_account {
  background: var(--premium-surface);
  color: var(--premium-text);
  border-color: var(--premium-border);
}

#check_bigo_id {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 170px;
  padding: 12px 20px;
  border-radius: 12px;
  /* SYSTEM-AWARE BACKGROUND */
  background: var(--ast-global-color-2);
  color: var(--ast-global-color-4) !important;
  font-weight: 600;
  font-size: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  cursor: pointer;
  user-select: none;
  /* Apple-style depth (no neon) */
  box-shadow:
    0 8px 20px rgba(0, 0, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  transition: all 0.18s ease;
}

/* hover = subtle lift only (Apple style) */
#check_bigo_id:hover {
  transform: translateY(-1px);
  border-color: rgba(13, 193, 248, 0.25);
  box-shadow:
    0 12px 26px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

/* active = tactile press */
#check_bigo_id:active {
  transform: scale(0.98);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.4);
}

/* focus accessibility (Apple-level detail) */
#check_bigo_id:focus-visible {
  outline: 2px solid rgba(13, 193, 248, 0.45);
  outline-offset: 2px;
}

.confirm_account {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 14px;

  border-radius: 10px;
  /* DARK MODE SAFE SURFACE */
  background: rgba(255, 255, 255, 0.04);

  border: 1px solid rgba(255, 255, 255, 0.06);

  /* subtle glass, not blur-heavy */
  backdrop-filter: blur(8px);

  color: var(--ast-global-color-4);
  font-size: 12px;
  font-weight: 500;
  transition: all 0.18s ease;
}

/* label refinement */
.confirm_account > label {
  font-size: 12px;
  font-weight: 500;
  color: var(--ast-global-color-2);
  cursor: pointer;
}

/* hover = subtle elevation only */
.confirm_account:hover {
  border-color: rgba(13, 193, 248, 0.18);
  background: rgba(255, 255, 255, 0.06);
}

/* =====================================================
   BIGODIAMOND ELITE HERO
   Luxury Mobile First RTL
===================================================== */
.bd-hero::after,
.bd-hero::before {
  position: absolute;
  pointer-events: none;
  content: "";
}
.bd-hero {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: linear-gradient(145deg, #070614 0, #0f172a 45%, #071a38 100%);
  direction: rtl;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.75rem;
  padding: 48px 22px;
  border-radius: 34px;
  margin: 1rem 0;
  box-shadow: 0 25px 80px rgba(0, 0, 0, 0.35);
}
.bd-features div,
.bd-hero-status {
  background: rgba(255, 255, 255, 0.05);
}
.bd-hero::before {
  inset: -45%;
  z-index: -3;
  background:
    radial-gradient(
      circle at 20% 30%,
      rgba(13, 91, 241, 0.35),
      transparent 38%
    ),
    radial-gradient(
      circle at 85% 20%,
      rgba(13, 193, 248, 0.22),
      transparent 34%
    ),
    radial-gradient(
      circle at 78% 75%,
      rgba(255, 239, 24, 0.18),
      transparent 28%
    ),
    linear-gradient(120deg, #070614, #0f172a, #0d5bf1, #070614);
  background-size: 220% 220%;
  opacity: 0.75;
  filter: blur(45px) saturate(115%);
  animation: 120s ease-in-out infinite bdLuxuryAtmosphere;
}
.bd-hero > * {
  z-index: 1;
  position: relative;
  color: #fff;
}
@keyframes bdLuxuryAtmosphere {
  0%,
  100% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
@keyframes bdDiamondFloat {
  0%,
  100% {
    transform: translateY(0) rotate(-12deg);
  }
  50% {
    transform: translateY(-12px) rotate(-8deg);
  }
}
.bd-hero::after {
  width: 105px;
  height: 105px;
  right: -8px;
  bottom: 8px;
  opacity: 0.16;
  background-image: url("https://bigodiamond.ir/wp-content/uploads/2024/09/confirm-box-diamond.f74a96e.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0.24;
  z-index: -1;
  filter: drop-shadow(0 0 18px rgba(255, 239, 24, 0.65))
    drop-shadow(0 0 45px rgba(255, 239, 24, 0.25))
    drop-shadow(0 20px 40px rgba(0, 0, 0, 0.45));
  transform: rotate(-12deg);
  animation: 9s ease-in-out infinite bdDiamondFloat;
}
.bd-hero-status {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(16px);
  color: rgba(255, 255, 255, 0.92);
  font-size: 14px;
  font-weight: 300;
}
.live-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #22c55e;
  flex-shrink: 0;
  box-shadow: 0 0 18px rgba(34, 197, 94, 0.8);
  animation: 2s infinite pulseLive;
}
.bd-hero h1 {
  margin: 0 0 1rem;
  color: #fff;
  font-size: clamp(2.2rem, 7vw, 2.4rem);
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -0.04em;
  text-wrap: balance;
  line-height: normal;
}
.bd-hero h1 span {
  display: block;
  margin-top: 0.3em;
  font-size: 0.72em;
  font-weight: 200;
  line-height: 1.2;
  background: linear-gradient(90deg, #fff, #fff2af);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.bd-hero p {
  margin: 0 auto;
  max-width: 560px;
  color: rgba(255, 255, 255, 0.65);
  font-size: clamp(1rem, 2vw, 1.12rem);
  line-height: 2;
  font-weight: 200;
}
.bd-hero-content {
  display: flex;
  flex-flow: column;
  gap: 1rem;
}
.bd-hero-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
}
.bd-hero .hero-cta {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 390px;
  min-height: 64px;
  padding: 0 26px;
  border-radius: 18px;
  text-decoration: none !important;
  color: #fff;
  font-size: 1.08rem;
  font-weight: 800;
  background: var(--ast-global-color-0);
  box-shadow: 0 18px 50px
    color-mix(in srgb, var(--ast-global-color-0) 35%, transparent);
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
  transition:
    transform 0.3s cubic-bezier(0.25, 1, 0.5, 1),
    box-shadow 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}
.hero-cta:hover {
  color: #fff2af;
  transform: translate3d(0, -2px, 0);
  box-shadow: 0 22px 60px
    color-mix(in srgb, var(--ast-global-color-0) 55%, transparent);
}
.hero-cta::before {
  content: "";
  position: absolute;
  top: 0;
  left: -150%;
  width: 70%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.25),
    transparent
  );
  transform: skewX(-20deg);
  animation: 5s linear infinite shineMove;
}
.hero-proof {
  color: rgba(255, 255, 255, 0.88);
  font-size: 17px;
  font-weight: 400;
}
.hero-proof strong {
  color: #fff;
}
.bd-features {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  width: 100%;
}
.bd-features div {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.82);
  font-size: 14px;
  font-weight: 400;
}
@media (max-width: 480px) {
  .bd-hero {
    padding: 50px 20px;
    border-radius: 28px;
  }
  .bd-hero h1 {
    font-size: 2rem;
  }
  .bd-hero p {
    font-size: 0.8rem;
    margin: 10px 0 0;
  }
  .hero-cta {
    min-height: 60px;
    font-size: 1rem;
  }
  .hero-proof {
    font-size: 16px;
  }
}
@keyframes pulseLive {
  0% {
    box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.55);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(34, 197, 94, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(34, 197, 94, 0);
  }
}
@keyframes shineMove {
  from {
    left: -150%;
  }
  to {
    left: 250%;
  }
}