/* پس‌زمینهٔ موضوعی مشترک — بینگو (آیکون‌های خطی مدرن) */
.atm {
  position: relative;
  overflow-x: clip;
  background:
    radial-gradient(ellipse at 12% 18%, rgba(109, 40, 217, 0.06), transparent 42%),
    radial-gradient(ellipse at 88% 82%, rgba(245, 197, 24, 0.07), transparent 40%),
    #ffffff !important;
}
.atm::before,
.atm::after {
  content: '';
  position: fixed;
  pointer-events: none;
  z-index: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.atm::before {
  top: 6%;
  right: -2%;
  width: min(280px, 40vw);
  height: min(280px, 40vw);
  opacity: 0.12;
}
.atm::after {
  bottom: 4%;
  left: -3%;
  width: min(220px, 32vw);
  height: min(220px, 32vw);
  opacity: 0.09;
}
.atm > *:not(.nav-drawer):not(.nav-backdrop):not(.z-support-widget):not(.z-support-overlay):not(.modal):not(.atm-deco) {
  position: relative;
  z-index: 1;
}
.nav-drawer,
.nav-backdrop,
.z-support-widget,
.z-support-overlay {
  position: fixed !important;
}

/* ورود — کلید / قفل خطی */
.atm-login::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Ccircle cx='24' cy='32' r='11' stroke='%235B21B6' stroke-width='2'/%3E%3Ccircle cx='24' cy='32' r='3.5' fill='%23C4B5FD'/%3E%3Cpath d='M35 32h21M48 32v10M55 32v7' stroke='%235B21B6' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
.atm-login::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Crect x='16' y='28' width='32' height='26' rx='5' stroke='%235B21B6' stroke-width='2'/%3E%3Cpath d='M24 28v-6a8 8 0 0 1 16 0v6' stroke='%235B21B6' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='32' cy='40' r='3' fill='%23C4B5FD'/%3E%3Cpath d='M32 43v5' stroke='%23A78BFA' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* ثبت‌نام — فلش رو به بالا / ستاره خطی */
.atm-register::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Cpath d='M32 10v36M20 24l12-14 12 14' stroke='%235B21B6' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 50h28' stroke='%23A78BFA' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='48' cy='14' r='3' fill='%23C4B5FD'/%3E%3C/svg%3E");
}
.atm-register::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Cpath d='M32 12l4.2 12.8H50l-11 8 4.2 12.8L32 38.4 20.8 45.6 25 32.8 14 24.8h13.8z' stroke='%235B21B6' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* تماس — هدست / ایمیل خطی */
.atm-contact::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Cpath d='M18 34a14 14 0 0 1 28 0' stroke='%235B21B6' stroke-width='2' stroke-linecap='round'/%3E%3Crect x='14' y='32' width='8' height='14' rx='3' stroke='%235B21B6' stroke-width='2'/%3E%3Crect x='42' y='32' width='8' height='14' rx='3' stroke='%235B21B6' stroke-width='2'/%3E%3Cpath d='M22 46c4 6 16 6 20 0' stroke='%23A78BFA' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
.atm-contact::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Crect x='10' y='18' width='44' height='30' rx='5' stroke='%235B21B6' stroke-width='2'/%3E%3Cpath d='M14 22l18 14 18-14' stroke='%23A78BFA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* پلن‌ها — کارت / برچسب قیمت */
.atm-pricing::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Crect x='12' y='14' width='40' height='36' rx='6' stroke='%235B21B6' stroke-width='2'/%3E%3Cpath d='M12 26h40' stroke='%23A78BFA' stroke-width='2'/%3E%3Ccircle cx='22' cy='20' r='2' fill='%23C4B5FD'/%3E%3Cpath d='M22 36h12M22 42h20' stroke='%235B21B6' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
.atm-pricing::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Cpath d='M18 28h28a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H18a4 4 0 0 1-4-4V32a4 4 0 0 1 4-4z' stroke='%235B21B6' stroke-width='2'/%3E%3Cpath d='M24 28v-4a8 8 0 0 1 16 0v4' stroke='%235B21B6' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='32' cy='40' r='3' stroke='%23A78BFA' stroke-width='2'/%3E%3C/svg%3E");
}

/* عمومی / خانه — شبکه / سیگنال خطی */
.atm-home::before,
.atm-generic::before,
.atm-services::before,
.atm-international::before,
.atm-control::before,
.atm-features::before,
.atm-how::before,
.atm-about::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Ccircle cx='16' cy='18' r='4' stroke='%235B21B6' stroke-width='2'/%3E%3Ccircle cx='48' cy='20' r='4' stroke='%235B21B6' stroke-width='2'/%3E%3Ccircle cx='32' cy='46' r='4' stroke='%235B21B6' stroke-width='2'/%3E%3Cpath d='M20 20l24 0M19 21l11 22M45 23L35 43' stroke='%23A78BFA' stroke-width='1.75' stroke-linecap='round'/%3E%3C/svg%3E");
}
/* پشتیبانی آنلاین: بدون آیکن SVG عمومی — بینگوی موضوعی در صفحه */
.atm-support::before,
.atm-support::after {
  display: none !important;
  content: none !important;
  background-image: none !important;
}
.atm-home::after,
.atm-generic::after,
.atm-services::after,
.atm-international::after,
.atm-control::after,
.atm-features::after,
.atm-how::after,
.atm-about::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Cpath d='M18 40c8-12 20-12 28 0' stroke='%235B21B6' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M24 46c5-7 11-7 16 0' stroke='%23A78BFA' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='32' cy='52' r='2.5' fill='%23C4B5FD'/%3E%3C/svg%3E");
}

.atm-deco {
  display: flex;
  justify-content: center;
  margin: 6px auto 8px;
  width: min(180px, 44vw);
  height: min(120px, 28vw);
  pointer-events: none;
}
.atm-deco svg {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 8px 20px rgba(91, 33, 182, 0.12));
}