.elementor-1044 .elementor-element.elementor-element-4c4c472{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1044 .elementor-element.elementor-element-30565db{--display:flex;}.elementor-1044 .elementor-element.elementor-element-1163bd4b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1044 .elementor-element.elementor-element-449b835d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1044 .elementor-element.elementor-element-5f9afc38{--display:flex;}.elementor-1044 .elementor-element.elementor-element-4b405424{--display:flex;}.elementor-1044 .elementor-element.elementor-element-1d73a18b{--display:flex;}.elementor-1044 .elementor-element.elementor-element-f2cfebd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1044 .elementor-element.elementor-element-3a4d1c0{--display:flex;}.elementor-1044 .elementor-element.elementor-element-aded31e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-1044 .elementor-element.elementor-element-de460b9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1044 .elementor-element.elementor-element-15c0cf5{--display:flex;}.elementor-1044 .elementor-element.elementor-element-f573de4{--display:flex;}.elementor-1044:not(.elementor-motion-effects-element-type-background), .elementor-1044 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#211033;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for shortcode, class: .elementor-element-276f6442 *//* =====================================================================
   AM3RAM Gaming Search — استایل (بنفش) | ریسپانسیو: دسکتاپ / تبلت / موبایل (باتم‌شیت)
   محتوای این فایل رو جایگزین کل CSS داخل تگ style توی شورت‌کد کنید.
   کلاس‌ها دقیقاً همون کلاس‌های قبلیه، پس نیازی به تغییر HTML/JS نیست (به‌جز پچ یک‌خطی توضیح داده‌شده).
   ===================================================================== */

.am3ram-gsp,.am3ram-gsp-overlay{
  --ac:#A855F7;--ac2:#D8B4FE;--hot:#E879F9;--rgb:168,85,247;
  --bg:rgb(21,9,34);--bg2:rgb(36,20,56);--tx:#F1ECF7;--mu:#CDBDDA;--btn-tx:#12081F;--btn-tx-h:#12081F;
  --line:rgba(var(--rgb),.22);--r:18px;--r-sm:12px;
  font-family:inherit;
}

/* ============ دکمه‌ی باز کردن (داخل جایگاه هدر یا هر جای دیگه) ============ */
.am3ram-gsp{display:block;width:100%;direction:rtl}
.am3ram-gsp button.am3ram-gsp-trigger{
  position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:10px;
  width:100%;height:var(--am3-field-h,46px);min-height:0;padding:0 20px;
  border:1px solid rgba(var(--rgb),.35);border-radius:var(--r-sm);
  background:var(--ac);color:var(--btn-tx);font-size:15px;font-weight:700;line-height:1;font-family:inherit;white-space:nowrap;cursor:pointer;
  box-shadow:0 6px 20px rgba(var(--rgb),.30);
  transition:background .25s,color .25s,transform .25s,box-shadow .25s;-webkit-tap-highlight-color:transparent;
}
.am3ram-gsp button.am3ram-gsp-trigger::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.38) 50%,transparent 70%);
  translate:-120% 0;animation:am3gspSheen 3.6s ease-in-out infinite;
}
@keyframes am3gspSheen{0%,55%{translate:-120% 0}100%{translate:120% 0}}
.am3ram-gsp button.am3ram-gsp-trigger:hover{background:var(--hot);color:var(--btn-tx-h);transform:translateY(-2px);box-shadow:0 0 24px rgba(var(--rgb),.5)}
.am3ram-gsp button.am3ram-gsp-trigger:active{transform:translateY(0)}
.am3ram-gsp-trigger-icon{font-size:21px;line-height:1;font-weight:700}
.am3ram-gsp-trigger-text{overflow:hidden;text-overflow:ellipsis}

/* ============ لایه‌ی تیره و پنجره ============ */
.am3ram-gsp-overlay{
  display:none;position:fixed;inset:0;z-index:999999;
  align-items:flex-start;justify-content:center;
  padding:clamp(20px,9vh,90px) 20px 20px;
  background:rgba(4,8,10,.78);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  direction:rtl;
}
.am3ram-gsp-overlay.is-active{display:flex;animation:am3gspFade .22s ease both}
@keyframes am3gspFade{from{opacity:0}to{opacity:1}}

.am3ram-gsp-popup{
  position:relative;width:100%;max-width:680px;max-height:80vh;max-height:80dvh;
  display:flex;flex-direction:column;overflow:hidden;
  background:linear-gradient(160deg,var(--bg2),var(--bg) 60%);
  border:1px solid rgba(var(--rgb),.4);border-radius:var(--r);color:var(--tx);
  box-shadow:0 24px 60px rgba(0,0,0,.6),0 0 40px rgba(var(--rgb),.15);
}
.am3ram-gsp-overlay.is-active .am3ram-gsp-popup{animation:am3gspPop .32s cubic-bezier(.2,.8,.2,1) both}
@keyframes am3gspPop{from{opacity:0;transform:translateY(-16px) scale(.97)}to{opacity:1;transform:none}}
.am3ram-gsp-popup::before{ /* خط نئونی بالای پنجره */
  content:"";position:absolute;top:0;inset-inline:0;height:2px;z-index:1;
  background:linear-gradient(90deg,transparent,var(--ac),var(--hot),transparent);
}

/* ============ هدر پنجره ============ */
.am3ram-gsp-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;min-height:60px;padding:14px 20px 8px}
.am3ram-gsp-title{color:#fff;font-size:18px;font-weight:800}
.am3ram-gsp-title span{color:var(--ac2)}
.am3ram-gsp-close{
  display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--line);border-radius:var(--r-sm);
  background:transparent;color:var(--mu);font-family:inherit;font-size:24px;line-height:1;cursor:pointer;transition:color .2s,background .2s,border-color .2s,transform .2s;
}
.am3ram-gsp-close:hover{color:#fff;background:rgba(var(--rgb),.18);border-color:var(--ac);transform:rotate(90deg)}

/* ============ فیلد جستجو ============ */
.am3ram-gsp-search{flex-shrink:0;padding:8px 20px 14px}
.am3ram-gsp-input-wrap{
  display:flex;align-items:center;width:100%;min-height:54px;box-sizing:border-box;padding:0 14px;
  background:rgba(0,0,0,.28);border:1px solid rgba(var(--rgb),.3);border-radius:var(--r-sm);
  transition:background .2s,border-color .2s,box-shadow .2s;
}
.am3ram-gsp-input-wrap:focus-within{background:rgba(0,0,0,.4);border-color:var(--ac2);box-shadow:0 0 0 3px rgba(var(--rgb),.22),0 0 22px rgba(var(--rgb),.18)}
.am3ram-gsp-search-icon{flex-shrink:0;margin-inline-end:10px;color:var(--ac2);font-size:23px;line-height:1}
.am3ram-gsp-input{
  flex:1;min-width:0;height:52px;padding:0 4px;margin:0!important;border:0!important;outline:0!important;
  background:transparent!important;color:#fff!important;font-family:inherit;font-size:16px;line-height:1.5;box-shadow:none!important;
}
.am3ram-gsp-input::placeholder{color:var(--mu)!important;opacity:.85}
.am3ram-gsp-clear{flex-shrink:0;display:grid;place-items:center;width:34px;height:34px;padding:0;margin:0;border:0;border-radius:10px;background:transparent;color:var(--mu);font-family:inherit;font-size:22px;line-height:1;cursor:pointer;transition:color .2s,background .2s}
.am3ram-gsp-clear:hover{color:#fff;background:rgba(var(--rgb),.18)}

/* ============ نتایج ============ */
.am3ram-gsp-results{flex:1;min-height:150px;overflow-y:auto;overscroll-behavior:contain;padding:2px 20px 20px;scrollbar-width:thin;scrollbar-color:var(--ac) transparent}
.am3ram-gsp-results::-webkit-scrollbar{width:5px}
.am3ram-gsp-results::-webkit-scrollbar-thumb{background:var(--ac);border-radius:10px}

.am3ram-gsp-state{padding:34px 10px;text-align:center}
.am3ram-gsp-state-icon{margin-bottom:10px;font-size:38px;line-height:1.2;animation:am3gspBob 3s ease-in-out infinite}
@keyframes am3gspBob{0%,100%{translate:0 0}50%{translate:0 -6px}}
.am3ram-gsp-state-title{margin-bottom:6px;color:var(--ac2);font-size:16px;font-weight:700}
.am3ram-gsp-state-sub{color:var(--mu);font-size:13px}
.am3ram-gsp-loader{width:32px;height:32px;margin:0 auto 12px;border:3px solid rgba(var(--rgb),.2);border-top-color:var(--ac2);border-radius:50%;animation:am3gspSpin .7s linear infinite}
@keyframes am3gspSpin{to{transform:rotate(360deg)}}

/* محصولات: دو ستون روی دسکتاپ، یک ستون روی موبایل */
.am3ram-gsp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.am3ram-gsp-grid .am3ram-gsp-tags{grid-column:1/-1}
.am3ram-gsp-item{
  display:flex;align-items:center;gap:12px;min-height:76px;padding:10px 12px;box-sizing:border-box;
  background:rgba(var(--rgb),.05);border:1px solid var(--line);border-radius:var(--r-sm);
  color:#fff!important;text-decoration:none!important;
  transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;
  animation:am3gspRise .4s cubic-bezier(.2,.8,.2,1) both;
}
.am3ram-gsp-item:nth-child(2){animation-delay:.03s}.am3ram-gsp-item:nth-child(3){animation-delay:.06s}.am3ram-gsp-item:nth-child(4){animation-delay:.09s}
.am3ram-gsp-item:nth-child(5){animation-delay:.12s}.am3ram-gsp-item:nth-child(6){animation-delay:.15s}.am3ram-gsp-item:nth-child(n+7){animation-delay:.18s}
@keyframes am3gspRise{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
.am3ram-gsp-item:hover{background:rgba(var(--rgb),.14);border-color:rgba(var(--rgb),.6);transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.3),0 0 18px rgba(var(--rgb),.15)}

.am3ram-gsp-item-image{width:56px;height:56px;flex:0 0 56px;overflow:hidden;background:rgba(0,0,0,.35);border-radius:10px}
.am3ram-gsp-item-image img{display:block;width:100%!important;height:100%!important;object-fit:cover;transition:transform .35s}
.am3ram-gsp-item:hover .am3ram-gsp-item-image img{transform:scale(1.08)}
.am3ram-gsp-item-info{flex:1;min-width:0;text-align:right}
.am3ram-gsp-item-title{
  margin-bottom:4px;color:#fff;font-size:14px;font-weight:600;line-height:1.5;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;
}
.am3ram-gsp-item-price,.am3ram-gsp-item-price *{color:var(--ac2)!important;font-size:13px;font-weight:700;line-height:1.4}
.am3ram-gsp-item-price del,.am3ram-gsp-item-price del *{color:var(--mu)!important;font-weight:400;opacity:.8}
.am3ram-gsp-item-price ins{background:none;text-decoration:none}
.am3ram-gsp-item-arrow{flex-shrink:0;color:var(--mu);font-size:16px;transition:color .2s,transform .2s}
.am3ram-gsp-item:hover .am3ram-gsp-item-arrow{color:var(--ac2);transform:translateX(-4px)}

/* ============ برچسب‌ها ============ */
.am3ram-gsp-tags{margin-bottom:6px}
.am3ram-gsp-tags-label{margin-bottom:8px;color:var(--mu);font-size:12px;font-weight:600}
.am3ram-gsp-tags-list{display:flex;flex-wrap:wrap;gap:8px}
.am3ram-gsp-tag{
  display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:rgba(var(--rgb),.1);border:1px solid rgba(var(--rgb),.4);border-radius:var(--r-sm);
  color:var(--ac2)!important;font-size:13px;font-weight:600;text-decoration:none!important;transition:background .2s,border-color .2s,transform .2s;
}
.am3ram-gsp-tag small{color:var(--mu);font-size:11px}
.am3ram-gsp-tag:hover{background:rgba(var(--rgb),.25);border-color:var(--ac2);transform:translateY(-1px)}

:is(.am3ram-gsp-trigger,.am3ram-gsp-close,.am3ram-gsp-clear,.am3ram-gsp-item,.am3ram-gsp-tag):focus-visible{outline:2px solid var(--ac2);outline-offset:2px}

/* ============ تبلت ============ */
@media (max-width:1024px){
  .am3ram-gsp-overlay{padding:clamp(16px,7vh,60px) 16px 16px}
  .am3ram-gsp-popup{max-width:600px}
}

/* ============ موبایل: باتم‌شیت از پایین ============ */
@media (max-width:767px){
  .am3ram-gsp button.am3ram-gsp-trigger{padding:0 10px;gap:6px;font-size:13px}
  .am3ram-gsp-trigger-icon{font-size:18px}

  .am3ram-gsp-overlay{align-items:flex-end;padding:0}
  .am3ram-gsp-popup{
    max-width:none;max-height:88vh;max-height:88dvh;border-radius:22px 22px 0 0;border-bottom:0;
    padding-bottom:env(safe-area-inset-bottom,0px);
  }
  .am3ram-gsp-overlay.is-active .am3ram-gsp-popup{animation:am3gspSheet .34s cubic-bezier(.2,.8,.2,1) both}
  @keyframes am3gspSheet{from{transform:translateY(100%)}to{transform:none}}
  .am3ram-gsp-popup::after{ /* دستگیره‌ی باتم‌شیت */
    content:"";position:absolute;top:8px;left:50%;width:42px;height:4px;margin-left:-21px;border-radius:4px;background:rgba(var(--rgb),.45);
  }
  .am3ram-gsp-header{min-height:54px;padding:20px 16px 6px}
  .am3ram-gsp-title{font-size:16px}
  .am3ram-gsp-close{width:36px;height:36px}
  .am3ram-gsp-search{padding:6px 16px 12px}
  .am3ram-gsp-input-wrap{min-height:50px}
  .am3ram-gsp-input{height:48px;font-size:16px} /* ۱۶ پیکسل: جلوگیری از زوم خودکار iOS */
  .am3ram-gsp-results{min-height:0;padding:2px 16px 20px}
  .am3ram-gsp-grid{grid-template-columns:1fr;gap:8px}
  .am3ram-gsp-item{min-height:68px;padding:8px 10px;gap:10px}
  .am3ram-gsp-item-image{width:52px;height:52px;flex-basis:52px}
  .am3ram-gsp-item-title{font-size:13px}
  .am3ram-gsp-state{padding:26px 8px}
  .am3ram-gsp-state-icon{font-size:32px}
}

@media (max-width:360px){
  .am3ram-gsp button.am3ram-gsp-trigger{font-size:12px;padding:0 8px}
  .am3ram-gsp-trigger-icon{font-size:16px}
}

@media (prefers-reduced-motion:reduce){
  .am3ram-gsp-overlay.is-active,.am3ram-gsp-overlay.is-active .am3ram-gsp-popup,.am3ram-gsp-item,.am3ram-gsp-state-icon,.am3ram-gsp button.am3ram-gsp-trigger::after{animation:none}
  .am3ram-gsp-loader{animation-duration:1.5s}
  .am3ram-gsp *{transition:none!important}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c4c472 *//* =====================================================================
   AM3 Header صفحات داخلی (بنفش) — دکمه‌ی بازگشت بیرون از کادر هدر
   ساختار: .am3-inner-wrap > .am3-back-wrap (دکمه‌ی بازگشت) + .am3-header (لوگو + سه جایگاه شورت‌کد)
   Sticky رو روی کانتینر .am3-inner-wrap بذارید، نه روی .am3-header — لوگو + سه جایگاه شورت‌کد، نوار رنگی چرخان
   ساختار: .am3-header > .am3-logo + .am3-slots > (.am3-slot × 3)

   نکته‌ی واکنش‌گرایی: این CSS فقط مقدار پیش‌فرض می‌ده و روی چیدمان
   !important نداره. پس تنظیمات خود المنتور (Hide On Desktop/Tablet/Mobile،
   Padding و Width و Gap هر دستگاه و...) کار می‌کنن و برنده‌ان.
   ===================================================================== */
.am3-header{
  --ac:#A855F7;--ac2:#D8B4FE;--hot:#E879F9;--rgb:168,85,247;
  --glass:rgba(33,16,51,.5);--glass-s:rgba(27,12,43,.72);--bd:rgba(168,85,247,.28);
  --mu:#CDBDDA;--btn-tx:#12081F;--btn-tx-h:#12081F;--r:18px;--r-sm:12px;
  --fh:70px;
  direction:rtl;
}

/* لایه‌ی داخلی المنتور (اگر کانتینرها Boxed بودن) */
.e-con.am3-header>.e-con-inner,
.e-con.am3-slots>.e-con-inner,
.e-con.am3-slot>.e-con-inner{display:contents}

/* ---------- هدر (دسکتاپ) ---------- */
html body .e-con.am3-header{
  position:relative;z-index:9999;
  display:flex;flex-direction:row;flex-wrap:nowrap;
  align-items:center;justify-content:center;gap:56px;
  width:min(1640px,calc(100% - 28px));max-width:100%;
  margin:16px auto 0;padding:46px 64px;min-height:200px;height:auto;
  background:var(--glass);
  border:1px solid rgba(168,85,247,.22);border-radius:var(--r);
  box-shadow:0 10px 30px rgba(0,0,0,.3),0 0 24px rgba(168,85,247,.1);
  transition:padding .3s,min-height .3s,background .3s,border-color .3s,box-shadow .3s;
  animation:am3drop .7s cubic-bezier(.2,.7,.2,1) backwards;
}
@keyframes am3drop{from{opacity:0;translate:0 -22px}to{opacity:1;translate:0 0}}

/* بلور شیشه‌ای روی لایه‌ی جدا (نه روی خود هدر) تا پاپ‌آپ‌های fixed گیر نکنن */
.e-con.am3-header::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  -webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);
}
.e-con.am3-header>*{position:relative}

/* حالت جمع‌شده هنگام اسکرول */
html body .am3-inner-wrap.elementor-sticky--effects .e-con.am3-header{
  padding:22px 44px;min-height:140px;background:var(--glass-s);
  border-color:rgba(168,85,247,.45);
  box-shadow:0 14px 36px rgba(0,0,0,.45),0 0 30px rgba(168,85,247,.22);
}

/* نوار رنگی چرخان (فقط روی مرورگرهایی که ماسک رو پشتیبانی می‌کنن) */
@property --am3a{syntax:"<angle>";inherits:false;initial-value:0deg}
@supports ((mask-composite:exclude) or (-webkit-mask-composite:xor)){
  .e-con.am3-header::after{
    content:"";position:absolute;inset:-1px;padding:2px;border-radius:inherit;pointer-events:none;
    background:conic-gradient(from var(--am3a),transparent 0 55%,var(--ac) 72%,var(--hot) 88%,transparent 100%);
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
    mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
    animation:am3spin 4s linear infinite;
  }
}
@keyframes am3spin{to{--am3a:360deg}}

/* ---------- لوگو ---------- */
html body .am3-header .am3-logo{flex:none;width:auto;margin:0}
.am3-header .am3-logo .elementor-widget-container{display:flex;justify-content:center;width:auto}
html body .am3-header .am3-logo img{max-height:100px;width:auto;transition:max-height .3s,transform .3s}
.am3-header .am3-logo a:hover img{transform:scale(1.05)}
html body .am3-inner-wrap.elementor-sticky--effects .am3-logo img{max-height:76px}

/* ---------- سه جایگاه شورت‌کد ---------- */
html body .e-con.am3-slots{
  display:flex;flex-direction:row;flex-wrap:nowrap;
  align-items:center;justify-content:center;gap:32px;
  flex:1 1 0;min-width:0;width:auto;max-width:1240px;
  margin:0 auto;padding:0;
}
html body .e-con.am3-slot{
  display:flex;align-items:center;justify-content:center;
  flex:1 1 0;min-width:0;min-height:var(--fh);
  width:auto;margin:0;padding:0;
}
.am3-slot .elementor-widget,.am3-slot .elementor-widget-container{width:auto;max-width:100%;margin:0}

/* کلیک فقط روی خود شورت‌کد (در ادیتور المنتور غیرفعال تا ویجت‌ها قابل انتخاب باشن) */
.am3-slot,
.am3-slot .elementor-widget,
.am3-slot .elementor-widget-container,
.am3-slot .elementor-shortcode{pointer-events:none}
.am3-slot .elementor-shortcode>*{pointer-events:auto}
.elementor-editor-active .am3-slot,
.elementor-editor-active .am3-slot .elementor-widget,
.elementor-editor-active .am3-slot .elementor-widget-container,
.elementor-editor-active .am3-slot .elementor-shortcode{pointer-events:auto !important}

/* استایل پیش‌فرض (specificity صفر) فقط روی المان‌های مستقیم شورت‌کد، نه داخل پاپ‌آپ‌ها */
:where(.am3-slot .elementor-shortcode)>:is(button,input[type=submit],.button){
  height:var(--fh);padding:0 28px;border:0;border-radius:var(--r-sm);background:var(--ac);color:var(--btn-tx);
  font-family:inherit;font-size:16px;font-weight:700;cursor:pointer;max-width:100%;
  transition:background .25s,color .25s,transform .25s;
}
:where(.am3-slot .elementor-shortcode)>:is(button,input[type=submit],.button):hover{background:var(--hot);color:var(--btn-tx-h);transform:translateY(-2px)}
:where(.am3-slot .elementor-shortcode)>:is(img,svg,video,table){max-width:100%;height:auto}

/* ===== تبلت (تا ۱۰۲۴) — پیش‌فرض‌ها؛ تنظیمات تبلت المنتور روشون برنده‌ست ===== */
@media (max-width:1024px){
  html body .e-con.am3-header{--fh:52px;flex-wrap:wrap;justify-content:center;padding:20px 18px;min-height:0;gap:16px;width:calc(100% - 20px);margin-top:10px}
  html body .am3-inner-wrap.elementor-sticky--effects .e-con.am3-header{padding:10px 16px;min-height:0}
  html body .am3-header .am3-logo{flex:0 0 100%}
  html body .am3-header .am3-logo img,
  html body .am3-inner-wrap.elementor-sticky--effects .am3-logo img{max-height:54px}
  html body .e-con.am3-slots{flex:0 0 100%;max-width:100%;gap:14px}
  :where(.am3-slot .elementor-shortcode)>:is(button,input[type=submit],.button){font-size:14px}
}

/* ===== موبایل (تا ۷۶۷) — پیش‌فرض‌ها؛ تنظیمات موبایل المنتور روشون برنده‌ست ===== */
@media (max-width:767px){
  html body .e-con.am3-header{
    --fh:40px;flex-wrap:wrap;justify-content:center;align-content:center;
    gap:6px;padding:8px 12px 10px;min-height:0;height:auto;
    width:calc(100% - 16px);margin-top:8px;overflow:visible;
  }
  html body .am3-inner-wrap.elementor-sticky--effects .e-con.am3-header{padding:6px 12px 8px;min-height:0}

  html body .am3-header .am3-logo{flex:0 0 100%;width:100%;justify-content:center}
  html body .am3-header .am3-logo .elementor-widget-container{width:100%;justify-content:center}
  html body .am3-header .am3-logo img,
  html body .am3-inner-wrap.elementor-sticky--effects .am3-logo img{max-height:60px}

  html body .e-con.am3-slots{
    direction:ltr;flex:0 0 100%;width:100%;max-width:100%;
    flex-wrap:nowrap;justify-content:center;gap:10px;height:auto;overflow:visible;
  }
  html body .e-con.am3-slots>:nth-child(-n+2){flex:1 1 0;min-width:0;min-height:var(--fh);height:auto}
  /* محتوای هر جایگاه وسط همون جایگاه */
  html body .am3-slot .elementor-widget,
  html body .am3-slot .elementor-widget-container,
  html body .am3-slot .elementor-shortcode{display:flex;justify-content:center;align-items:center;width:100%;margin:0}
  :where(.am3-slot .elementor-shortcode)>:is(button,input[type=submit],.button){font-size:14px;padding:0 12px;width:100%}

  /* فقط دو جایگاه اول؛ سومی به بعد مخفی. اگه خواستید خودتون با گزینه‌ی Hide On Mobile
     المنتور کنترل کنید، این بلوک رو پاک کنید. */
  html body .e-con.am3-slots>:nth-child(n+3),
  html body .e-con.am3-slots>.e-con-inner>:nth-child(n+3),
  html body .am3-header .am3-slot:nth-of-type(n+3){display:none !important}
}
@media (prefers-reduced-motion:reduce){.e-con.am3-header,.e-con.am3-header::after{animation:none}}

/* =====================================================================
   کانتینر بیرونی + دکمه‌ی بازگشت (بیرون از کادر هدر، سمت راست)
   ===================================================================== */
.am3-inner-wrap{
  --ac:#A855F7;--hot:#E879F9;--glass:rgba(33,16,51,.5);--bd:rgba(168,85,247,.38);--btn-tx:#12081F;--r:18px;
  direction:rtl;
}
html body .e-con.am3-inner-wrap{
  position:relative;z-index:9999;
  display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;justify-content:center;gap:16px;
  width:min(1640px,calc(100% - 28px));max-width:100%;margin:16px auto 0;padding:0;
  background:transparent;border:0;box-shadow:none;
}
/* هدر داخل کانتینر: عرض و مارجین رو کانتینر بیرونی کنترل می‌کنه */
html body .am3-inner-wrap .e-con.am3-header{width:auto;max-width:none;margin:0;flex:1 1 0;min-width:0}

html body .e-con.am3-back-wrap{display:flex;align-items:stretch;flex:0 0 auto;width:auto;margin:0;padding:0}
.am3-back-wrap .elementor-widget{display:flex;align-items:stretch;margin:0}
.am3-back-wrap .elementor-widget-container{display:flex;flex:1;margin:0}

.am3-back{
  position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
  width:132px;padding:16px 12px;border:1px solid var(--bd);border-radius:var(--r);
  background:var(--glass);color:#fff;
  font-family:inherit;font-size:16px;font-weight:700;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;
  box-shadow:0 10px 30px rgba(0,0,0,.3),0 0 24px rgba(168,85,247,.14);
  transition:border-color .25s,box-shadow .25s,transform .25s,background .25s;
}
.am3-back::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  -webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);
}
.am3-back>*{position:relative}
.am3-back .am3-back-ico{
  width:52px;height:52px;border-radius:50%;display:grid;place-items:center;
  background:var(--ac);color:var(--btn-tx);transition:background .25s,transform .25s;
}
.am3-back svg{width:24px;height:24px;transition:transform .25s}
.am3-back:hover{border-color:var(--ac);box-shadow:0 14px 36px rgba(0,0,0,.45),0 0 30px rgba(168,85,247,.35);transform:translateY(-2px)}
.am3-back:hover .am3-back-ico{background:var(--hot)}
.am3-back:hover svg{transform:translateX(4px)}
.am3-back:focus-visible{outline:2px solid var(--hot);outline-offset:3px}

@media (max-width:1024px){
  html body .e-con.am3-inner-wrap{gap:12px;width:calc(100% - 20px);margin-top:10px}
  .am3-back{width:104px;gap:10px;font-size:14px}
  .am3-back .am3-back-ico{width:44px;height:44px}
}
@media (max-width:767px){
  html body .e-con.am3-inner-wrap{gap:8px;width:calc(100% - 16px);margin-top:8px}
  .am3-back{width:52px;padding:8px 6px}
  .am3-back .am3-back-ico{width:38px;height:38px}
  .am3-back svg{width:20px;height:20px}
  .am3-back .am3-back-txt{display:none}
}

/* =====================================================================
   انیمیشن ورود: اول دکمه‌ی بازگشت از راست می‌لغزه، بعد هدر از بالا می‌افته،
   بعد لوگو و شورت‌کدها یکی‌یکی ظاهر می‌شن
   ===================================================================== */
@keyframes am3slide{from{opacity:0;translate:40px 0}to{opacity:1;translate:0 0}}
@keyframes am3pop{from{opacity:0;scale:.85}to{opacity:1;scale:1}}
@keyframes am3rise{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}

html body .am3-inner-wrap .am3-back{animation:am3slide .6s cubic-bezier(.2,.7,.2,1) backwards}
html body .am3-inner-wrap .e-con.am3-header{animation-delay:.12s}
html body .am3-inner-wrap .am3-logo{animation:am3pop .55s cubic-bezier(.2,.7,.2,1) .4s backwards}
html body .am3-inner-wrap .am3-slots>.am3-slot{animation:am3rise .5s cubic-bezier(.2,.7,.2,1) backwards}
html body .am3-inner-wrap .am3-slots>.am3-slot:nth-child(1){animation-delay:.5s}
html body .am3-inner-wrap .am3-slots>.am3-slot:nth-child(2){animation-delay:.62s}
html body .am3-inner-wrap .am3-slots>.am3-slot:nth-child(3){animation-delay:.74s}

@media (prefers-reduced-motion:reduce){
  html body .am3-inner-wrap .am3-back,
  html body .am3-inner-wrap .e-con.am3-header,
  html body .am3-inner-wrap .am3-logo,
  html body .am3-inner-wrap .am3-slots>.am3-slot{animation:none !important}
}

/* =====================================================================
   نمایش / مخفی‌سازی بر اساس دستگاه (کلاس رو کنار am3-inner-wrap بذارید):
   am3-hide-desktop · am3-hide-tablet · am3-hide-mobile
   ===================================================================== */
@media (min-width:1025px){
  html body:not(.elementor-editor-active) .e-con.am3-inner-wrap:is(.am3-hide-desktop,.elementor-hidden-desktop){display:none !important}
}
@media (min-width:768px) and (max-width:1024px){
  html body:not(.elementor-editor-active) .e-con.am3-inner-wrap:is(.am3-hide-tablet,.elementor-hidden-tablet){display:none !important}
}
@media (max-width:767px){
  html body:not(.elementor-editor-active) .e-con.am3-inner-wrap:is(.am3-hide-mobile,.elementor-hidden-mobile){display:none !important}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5a3a0f4 *//* =====================================================================
   AM3RAM Gaming Search — استایل (بنفش) | ریسپانسیو: دسکتاپ / تبلت / موبایل (باتم‌شیت)
   محتوای این فایل رو جایگزین کل CSS داخل تگ style توی شورت‌کد کنید.
   کلاس‌ها دقیقاً همون کلاس‌های قبلیه، پس نیازی به تغییر HTML/JS نیست (به‌جز پچ یک‌خطی توضیح داده‌شده).
   ===================================================================== */

.am3ram-gsp,.am3ram-gsp-overlay{
  --ac:#A855F7;--ac2:#D8B4FE;--hot:#E879F9;--rgb:168,85,247;
  --bg:rgb(21,9,34);--bg2:rgb(36,20,56);--tx:#F1ECF7;--mu:#CDBDDA;--btn-tx:#12081F;--btn-tx-h:#12081F;
  --line:rgba(var(--rgb),.22);--r:18px;--r-sm:12px;
  font-family:inherit;
}

/* ============ دکمه‌ی باز کردن (داخل جایگاه هدر یا هر جای دیگه) ============ */
.am3ram-gsp{display:block;width:100%;direction:rtl}
.am3ram-gsp button.am3ram-gsp-trigger{
  position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:10px;
  width:100%;height:var(--am3-field-h,46px);min-height:0;padding:0 20px;
  border:1px solid rgba(var(--rgb),.35);border-radius:var(--r-sm);
  background:var(--ac);color:var(--btn-tx);font-size:15px;font-weight:700;line-height:1;font-family:inherit;white-space:nowrap;cursor:pointer;
  box-shadow:0 6px 20px rgba(var(--rgb),.30);
  transition:background .25s,color .25s,transform .25s,box-shadow .25s;-webkit-tap-highlight-color:transparent;
}
.am3ram-gsp button.am3ram-gsp-trigger::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.38) 50%,transparent 70%);
  translate:-120% 0;animation:am3gspSheen 3.6s ease-in-out infinite;
}
@keyframes am3gspSheen{0%,55%{translate:-120% 0}100%{translate:120% 0}}
.am3ram-gsp button.am3ram-gsp-trigger:hover{background:var(--hot);color:var(--btn-tx-h);transform:translateY(-2px);box-shadow:0 0 24px rgba(var(--rgb),.5)}
.am3ram-gsp button.am3ram-gsp-trigger:active{transform:translateY(0)}
.am3ram-gsp-trigger-icon{font-size:21px;line-height:1;font-weight:700}
.am3ram-gsp-trigger-text{overflow:hidden;text-overflow:ellipsis}

/* ============ لایه‌ی تیره و پنجره ============ */
.am3ram-gsp-overlay{
  display:none;position:fixed;inset:0;z-index:999999;
  align-items:flex-start;justify-content:center;
  padding:clamp(20px,9vh,90px) 20px 20px;
  background:rgba(4,8,10,.78);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  direction:rtl;
}
.am3ram-gsp-overlay.is-active{display:flex;animation:am3gspFade .22s ease both}
@keyframes am3gspFade{from{opacity:0}to{opacity:1}}

.am3ram-gsp-popup{
  position:relative;width:100%;max-width:680px;max-height:80vh;max-height:80dvh;
  display:flex;flex-direction:column;overflow:hidden;
  background:linear-gradient(160deg,var(--bg2),var(--bg) 60%);
  border:1px solid rgba(var(--rgb),.4);border-radius:var(--r);color:var(--tx);
  box-shadow:0 24px 60px rgba(0,0,0,.6),0 0 40px rgba(var(--rgb),.15);
}
.am3ram-gsp-overlay.is-active .am3ram-gsp-popup{animation:am3gspPop .32s cubic-bezier(.2,.8,.2,1) both}
@keyframes am3gspPop{from{opacity:0;transform:translateY(-16px) scale(.97)}to{opacity:1;transform:none}}
.am3ram-gsp-popup::before{ /* خط نئونی بالای پنجره */
  content:"";position:absolute;top:0;inset-inline:0;height:2px;z-index:1;
  background:linear-gradient(90deg,transparent,var(--ac),var(--hot),transparent);
}

/* ============ هدر پنجره ============ */
.am3ram-gsp-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;min-height:60px;padding:14px 20px 8px}
.am3ram-gsp-title{color:#fff;font-size:18px;font-weight:800}
.am3ram-gsp-title span{color:var(--ac2)}
.am3ram-gsp-close{
  display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--line);border-radius:var(--r-sm);
  background:transparent;color:var(--mu);font-family:inherit;font-size:24px;line-height:1;cursor:pointer;transition:color .2s,background .2s,border-color .2s,transform .2s;
}
.am3ram-gsp-close:hover{color:#fff;background:rgba(var(--rgb),.18);border-color:var(--ac);transform:rotate(90deg)}

/* ============ فیلد جستجو ============ */
.am3ram-gsp-search{flex-shrink:0;padding:8px 20px 14px}
.am3ram-gsp-input-wrap{
  display:flex;align-items:center;width:100%;min-height:54px;box-sizing:border-box;padding:0 14px;
  background:rgba(0,0,0,.28);border:1px solid rgba(var(--rgb),.3);border-radius:var(--r-sm);
  transition:background .2s,border-color .2s,box-shadow .2s;
}
.am3ram-gsp-input-wrap:focus-within{background:rgba(0,0,0,.4);border-color:var(--ac2);box-shadow:0 0 0 3px rgba(var(--rgb),.22),0 0 22px rgba(var(--rgb),.18)}
.am3ram-gsp-search-icon{flex-shrink:0;margin-inline-end:10px;color:var(--ac2);font-size:23px;line-height:1}
.am3ram-gsp-input{
  flex:1;min-width:0;height:52px;padding:0 4px;margin:0!important;border:0!important;outline:0!important;
  background:transparent!important;color:#fff!important;font-family:inherit;font-size:16px;line-height:1.5;box-shadow:none!important;
}
.am3ram-gsp-input::placeholder{color:var(--mu)!important;opacity:.85}
.am3ram-gsp-clear{flex-shrink:0;display:grid;place-items:center;width:34px;height:34px;padding:0;margin:0;border:0;border-radius:10px;background:transparent;color:var(--mu);font-family:inherit;font-size:22px;line-height:1;cursor:pointer;transition:color .2s,background .2s}
.am3ram-gsp-clear:hover{color:#fff;background:rgba(var(--rgb),.18)}

/* ============ نتایج ============ */
.am3ram-gsp-results{flex:1;min-height:150px;overflow-y:auto;overscroll-behavior:contain;padding:2px 20px 20px;scrollbar-width:thin;scrollbar-color:var(--ac) transparent}
.am3ram-gsp-results::-webkit-scrollbar{width:5px}
.am3ram-gsp-results::-webkit-scrollbar-thumb{background:var(--ac);border-radius:10px}

.am3ram-gsp-state{padding:34px 10px;text-align:center}
.am3ram-gsp-state-icon{margin-bottom:10px;font-size:38px;line-height:1.2;animation:am3gspBob 3s ease-in-out infinite}
@keyframes am3gspBob{0%,100%{translate:0 0}50%{translate:0 -6px}}
.am3ram-gsp-state-title{margin-bottom:6px;color:var(--ac2);font-size:16px;font-weight:700}
.am3ram-gsp-state-sub{color:var(--mu);font-size:13px}
.am3ram-gsp-loader{width:32px;height:32px;margin:0 auto 12px;border:3px solid rgba(var(--rgb),.2);border-top-color:var(--ac2);border-radius:50%;animation:am3gspSpin .7s linear infinite}
@keyframes am3gspSpin{to{transform:rotate(360deg)}}

/* محصولات: دو ستون روی دسکتاپ، یک ستون روی موبایل */
.am3ram-gsp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.am3ram-gsp-grid .am3ram-gsp-tags{grid-column:1/-1}
.am3ram-gsp-item{
  display:flex;align-items:center;gap:12px;min-height:76px;padding:10px 12px;box-sizing:border-box;
  background:rgba(var(--rgb),.05);border:1px solid var(--line);border-radius:var(--r-sm);
  color:#fff!important;text-decoration:none!important;
  transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;
  animation:am3gspRise .4s cubic-bezier(.2,.8,.2,1) both;
}
.am3ram-gsp-item:nth-child(2){animation-delay:.03s}.am3ram-gsp-item:nth-child(3){animation-delay:.06s}.am3ram-gsp-item:nth-child(4){animation-delay:.09s}
.am3ram-gsp-item:nth-child(5){animation-delay:.12s}.am3ram-gsp-item:nth-child(6){animation-delay:.15s}.am3ram-gsp-item:nth-child(n+7){animation-delay:.18s}
@keyframes am3gspRise{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
.am3ram-gsp-item:hover{background:rgba(var(--rgb),.14);border-color:rgba(var(--rgb),.6);transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.3),0 0 18px rgba(var(--rgb),.15)}

.am3ram-gsp-item-image{width:56px;height:56px;flex:0 0 56px;overflow:hidden;background:rgba(0,0,0,.35);border-radius:10px}
.am3ram-gsp-item-image img{display:block;width:100%!important;height:100%!important;object-fit:cover;transition:transform .35s}
.am3ram-gsp-item:hover .am3ram-gsp-item-image img{transform:scale(1.08)}
.am3ram-gsp-item-info{flex:1;min-width:0;text-align:right}
.am3ram-gsp-item-title{
  margin-bottom:4px;color:#fff;font-size:14px;font-weight:600;line-height:1.5;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;
}
.am3ram-gsp-item-price,.am3ram-gsp-item-price *{color:var(--ac2)!important;font-size:13px;font-weight:700;line-height:1.4}
.am3ram-gsp-item-price del,.am3ram-gsp-item-price del *{color:var(--mu)!important;font-weight:400;opacity:.8}
.am3ram-gsp-item-price ins{background:none;text-decoration:none}
.am3ram-gsp-item-arrow{flex-shrink:0;color:var(--mu);font-size:16px;transition:color .2s,transform .2s}
.am3ram-gsp-item:hover .am3ram-gsp-item-arrow{color:var(--ac2);transform:translateX(-4px)}

/* ============ برچسب‌ها ============ */
.am3ram-gsp-tags{margin-bottom:6px}
.am3ram-gsp-tags-label{margin-bottom:8px;color:var(--mu);font-size:12px;font-weight:600}
.am3ram-gsp-tags-list{display:flex;flex-wrap:wrap;gap:8px}
.am3ram-gsp-tag{
  display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:rgba(var(--rgb),.1);border:1px solid rgba(var(--rgb),.4);border-radius:var(--r-sm);
  color:var(--ac2)!important;font-size:13px;font-weight:600;text-decoration:none!important;transition:background .2s,border-color .2s,transform .2s;
}
.am3ram-gsp-tag small{color:var(--mu);font-size:11px}
.am3ram-gsp-tag:hover{background:rgba(var(--rgb),.25);border-color:var(--ac2);transform:translateY(-1px)}

:is(.am3ram-gsp-trigger,.am3ram-gsp-close,.am3ram-gsp-clear,.am3ram-gsp-item,.am3ram-gsp-tag):focus-visible{outline:2px solid var(--ac2);outline-offset:2px}

/* ============ تبلت ============ */
@media (max-width:1024px){
  .am3ram-gsp-overlay{padding:clamp(16px,7vh,60px) 16px 16px}
  .am3ram-gsp-popup{max-width:600px}
}

/* ============ موبایل: باتم‌شیت از پایین ============ */
@media (max-width:767px){
  .am3ram-gsp button.am3ram-gsp-trigger{padding:0 10px;gap:6px;font-size:13px}
  .am3ram-gsp-trigger-icon{font-size:18px}

  .am3ram-gsp-overlay{align-items:flex-end;padding:0}
  .am3ram-gsp-popup{
    max-width:none;max-height:88vh;max-height:88dvh;border-radius:22px 22px 0 0;border-bottom:0;
    padding-bottom:env(safe-area-inset-bottom,0px);
  }
  .am3ram-gsp-overlay.is-active .am3ram-gsp-popup{animation:am3gspSheet .34s cubic-bezier(.2,.8,.2,1) both}
  @keyframes am3gspSheet{from{transform:translateY(100%)}to{transform:none}}
  .am3ram-gsp-popup::after{ /* دستگیره‌ی باتم‌شیت */
    content:"";position:absolute;top:8px;left:50%;width:42px;height:4px;margin-left:-21px;border-radius:4px;background:rgba(var(--rgb),.45);
  }
  .am3ram-gsp-header{min-height:54px;padding:20px 16px 6px}
  .am3ram-gsp-title{font-size:16px}
  .am3ram-gsp-close{width:36px;height:36px}
  .am3ram-gsp-search{padding:6px 16px 12px}
  .am3ram-gsp-input-wrap{min-height:50px}
  .am3ram-gsp-input{height:48px;font-size:16px} /* ۱۶ پیکسل: جلوگیری از زوم خودکار iOS */
  .am3ram-gsp-results{min-height:0;padding:2px 16px 20px}
  .am3ram-gsp-grid{grid-template-columns:1fr;gap:8px}
  .am3ram-gsp-item{min-height:68px;padding:8px 10px;gap:10px}
  .am3ram-gsp-item-image{width:52px;height:52px;flex-basis:52px}
  .am3ram-gsp-item-title{font-size:13px}
  .am3ram-gsp-state{padding:26px 8px}
  .am3ram-gsp-state-icon{font-size:32px}
}

@media (max-width:360px){
  .am3ram-gsp button.am3ram-gsp-trigger{font-size:12px;padding:0 8px}
  .am3ram-gsp-trigger-icon{font-size:16px}
}

@media (prefers-reduced-motion:reduce){
  .am3ram-gsp-overlay.is-active,.am3ram-gsp-overlay.is-active .am3ram-gsp-popup,.am3ram-gsp-item,.am3ram-gsp-state-icon,.am3ram-gsp button.am3ram-gsp-trigger::after{animation:none}
  .am3ram-gsp-loader{animation-duration:1.5s}
  .am3ram-gsp *{transition:none!important}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f2cfebd *//* =====================================================================
   AM3 Header صفحات داخلی (بنفش) — دکمه‌ی بازگشت بیرون از کادر هدر
   ساختار: .am3-inner-wrap > .am3-back-wrap (دکمه‌ی بازگشت) + .am3-header (لوگو + سه جایگاه شورت‌کد)
   Sticky رو روی کانتینر .am3-inner-wrap بذارید، نه روی .am3-header — لوگو + سه جایگاه شورت‌کد، نوار رنگی چرخان
   ساختار: .am3-header > .am3-logo + .am3-slots > (.am3-slot × 3)

   نکته‌ی واکنش‌گرایی: این CSS فقط مقدار پیش‌فرض می‌ده و روی چیدمان
   !important نداره. پس تنظیمات خود المنتور (Hide On Desktop/Tablet/Mobile،
   Padding و Width و Gap هر دستگاه و...) کار می‌کنن و برنده‌ان.
   ===================================================================== */
.am3-header{
  --ac:#A855F7;--ac2:#D8B4FE;--hot:#E879F9;--rgb:168,85,247;
  --glass:rgba(33,16,51,.5);--glass-s:rgba(27,12,43,.72);--bd:rgba(168,85,247,.28);
  --mu:#CDBDDA;--btn-tx:#12081F;--btn-tx-h:#12081F;--r:18px;--r-sm:12px;
  --fh:70px;
  direction:rtl;
}

/* لایه‌ی داخلی المنتور (اگر کانتینرها Boxed بودن) */
.e-con.am3-header>.e-con-inner,
.e-con.am3-slots>.e-con-inner,
.e-con.am3-slot>.e-con-inner{display:contents}

/* ---------- هدر (دسکتاپ) ---------- */
html body .e-con.am3-header{
  position:relative;z-index:9999;
  display:flex;flex-direction:row;flex-wrap:nowrap;
  align-items:center;justify-content:center;gap:56px;
  width:min(1640px,calc(100% - 28px));max-width:100%;
  margin:16px auto 0;padding:46px 64px;min-height:200px;height:auto;
  background:var(--glass);
  border:1px solid rgba(168,85,247,.22);border-radius:var(--r);
  box-shadow:0 10px 30px rgba(0,0,0,.3),0 0 24px rgba(168,85,247,.1);
  transition:padding .3s,min-height .3s,background .3s,border-color .3s,box-shadow .3s;
  animation:am3drop .7s cubic-bezier(.2,.7,.2,1) backwards;
}
@keyframes am3drop{from{opacity:0;translate:0 -22px}to{opacity:1;translate:0 0}}

/* بلور شیشه‌ای روی لایه‌ی جدا (نه روی خود هدر) تا پاپ‌آپ‌های fixed گیر نکنن */
.e-con.am3-header::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  -webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);
}
.e-con.am3-header>*{position:relative}

/* حالت جمع‌شده هنگام اسکرول */
html body .am3-inner-wrap.elementor-sticky--effects .e-con.am3-header{
  padding:22px 44px;min-height:140px;background:var(--glass-s);
  border-color:rgba(168,85,247,.45);
  box-shadow:0 14px 36px rgba(0,0,0,.45),0 0 30px rgba(168,85,247,.22);
}

/* نوار رنگی چرخان (فقط روی مرورگرهایی که ماسک رو پشتیبانی می‌کنن) */
@property --am3a{syntax:"<angle>";inherits:false;initial-value:0deg}
@supports ((mask-composite:exclude) or (-webkit-mask-composite:xor)){
  .e-con.am3-header::after{
    content:"";position:absolute;inset:-1px;padding:2px;border-radius:inherit;pointer-events:none;
    background:conic-gradient(from var(--am3a),transparent 0 55%,var(--ac) 72%,var(--hot) 88%,transparent 100%);
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
    mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
    animation:am3spin 4s linear infinite;
  }
}
@keyframes am3spin{to{--am3a:360deg}}

/* ---------- لوگو ---------- */
html body .am3-header .am3-logo{flex:none;width:auto;margin:0}
.am3-header .am3-logo .elementor-widget-container{display:flex;justify-content:center;width:auto}
html body .am3-header .am3-logo img{max-height:100px;width:auto;transition:max-height .3s,transform .3s}
.am3-header .am3-logo a:hover img{transform:scale(1.05)}
html body .am3-inner-wrap.elementor-sticky--effects .am3-logo img{max-height:76px}

/* ---------- سه جایگاه شورت‌کد ---------- */
html body .e-con.am3-slots{
  display:flex;flex-direction:row;flex-wrap:nowrap;
  align-items:center;justify-content:center;gap:32px;
  flex:1 1 0;min-width:0;width:auto;max-width:1240px;
  margin:0 auto;padding:0;
}
html body .e-con.am3-slot{
  display:flex;align-items:center;justify-content:center;
  flex:1 1 0;min-width:0;min-height:var(--fh);
  width:auto;margin:0;padding:0;
}
.am3-slot .elementor-widget,.am3-slot .elementor-widget-container{width:auto;max-width:100%;margin:0}

/* کلیک فقط روی خود شورت‌کد (در ادیتور المنتور غیرفعال تا ویجت‌ها قابل انتخاب باشن) */
.am3-slot,
.am3-slot .elementor-widget,
.am3-slot .elementor-widget-container,
.am3-slot .elementor-shortcode{pointer-events:none}
.am3-slot .elementor-shortcode>*{pointer-events:auto}
.elementor-editor-active .am3-slot,
.elementor-editor-active .am3-slot .elementor-widget,
.elementor-editor-active .am3-slot .elementor-widget-container,
.elementor-editor-active .am3-slot .elementor-shortcode{pointer-events:auto !important}

/* استایل پیش‌فرض (specificity صفر) فقط روی المان‌های مستقیم شورت‌کد، نه داخل پاپ‌آپ‌ها */
:where(.am3-slot .elementor-shortcode)>:is(button,input[type=submit],.button){
  height:var(--fh);padding:0 28px;border:0;border-radius:var(--r-sm);background:var(--ac);color:var(--btn-tx);
  font-family:inherit;font-size:16px;font-weight:700;cursor:pointer;max-width:100%;
  transition:background .25s,color .25s,transform .25s;
}
:where(.am3-slot .elementor-shortcode)>:is(button,input[type=submit],.button):hover{background:var(--hot);color:var(--btn-tx-h);transform:translateY(-2px)}
:where(.am3-slot .elementor-shortcode)>:is(img,svg,video,table){max-width:100%;height:auto}

/* ===== تبلت (تا ۱۰۲۴) — پیش‌فرض‌ها؛ تنظیمات تبلت المنتور روشون برنده‌ست ===== */
@media (max-width:1024px){
  html body .e-con.am3-header{--fh:52px;flex-wrap:wrap;justify-content:center;padding:20px 18px;min-height:0;gap:16px;width:calc(100% - 20px);margin-top:10px}
  html body .am3-inner-wrap.elementor-sticky--effects .e-con.am3-header{padding:10px 16px;min-height:0}
  html body .am3-header .am3-logo{flex:0 0 100%}
  html body .am3-header .am3-logo img,
  html body .am3-inner-wrap.elementor-sticky--effects .am3-logo img{max-height:54px}
  html body .e-con.am3-slots{flex:0 0 100%;max-width:100%;gap:14px}
  :where(.am3-slot .elementor-shortcode)>:is(button,input[type=submit],.button){font-size:14px}
}

/* ===== موبایل (تا ۷۶۷) — پیش‌فرض‌ها؛ تنظیمات موبایل المنتور روشون برنده‌ست ===== */
@media (max-width:767px){
  html body .e-con.am3-header{
    --fh:40px;flex-wrap:wrap;justify-content:center;align-content:center;
    gap:6px;padding:8px 12px 10px;min-height:0;height:auto;
    width:calc(100% - 16px);margin-top:8px;overflow:visible;
  }
  html body .am3-inner-wrap.elementor-sticky--effects .e-con.am3-header{padding:6px 12px 8px;min-height:0}

  html body .am3-header .am3-logo{flex:0 0 100%;width:100%;justify-content:center}
  html body .am3-header .am3-logo .elementor-widget-container{width:100%;justify-content:center}
  html body .am3-header .am3-logo img,
  html body .am3-inner-wrap.elementor-sticky--effects .am3-logo img{max-height:60px}

  html body .e-con.am3-slots{
    direction:ltr;flex:0 0 100%;width:100%;max-width:100%;
    flex-wrap:nowrap;justify-content:center;gap:10px;height:auto;overflow:visible;
  }
  html body .e-con.am3-slots>:nth-child(-n+2){flex:1 1 0;min-width:0;min-height:var(--fh);height:auto}
  /* محتوای هر جایگاه وسط همون جایگاه */
  html body .am3-slot .elementor-widget,
  html body .am3-slot .elementor-widget-container,
  html body .am3-slot .elementor-shortcode{display:flex;justify-content:center;align-items:center;width:100%;margin:0}
  :where(.am3-slot .elementor-shortcode)>:is(button,input[type=submit],.button){font-size:14px;padding:0 12px;width:100%}

  /* فقط دو جایگاه اول؛ سومی به بعد مخفی. اگه خواستید خودتون با گزینه‌ی Hide On Mobile
     المنتور کنترل کنید، این بلوک رو پاک کنید. */
  html body .e-con.am3-slots>:nth-child(n+3),
  html body .e-con.am3-slots>.e-con-inner>:nth-child(n+3),
  html body .am3-header .am3-slot:nth-of-type(n+3){display:none !important}
}
@media (prefers-reduced-motion:reduce){.e-con.am3-header,.e-con.am3-header::after{animation:none}}

/* =====================================================================
   کانتینر بیرونی + دکمه‌ی بازگشت (بیرون از کادر هدر، سمت راست)
   ===================================================================== */
.am3-inner-wrap{
  --ac:#A855F7;--hot:#E879F9;--glass:rgba(33,16,51,.5);--bd:rgba(168,85,247,.38);--btn-tx:#12081F;--r:18px;
  direction:rtl;
}
html body .e-con.am3-inner-wrap{
  position:relative;z-index:9999;
  display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;justify-content:center;gap:16px;
  width:min(1640px,calc(100% - 28px));max-width:100%;margin:16px auto 0;padding:0;
  background:transparent;border:0;box-shadow:none;
}
/* هدر داخل کانتینر: عرض و مارجین رو کانتینر بیرونی کنترل می‌کنه */
html body .am3-inner-wrap .e-con.am3-header{width:auto;max-width:none;margin:0;flex:1 1 0;min-width:0}

html body .e-con.am3-back-wrap{display:flex;align-items:stretch;flex:0 0 auto;width:auto;margin:0;padding:0}
.am3-back-wrap .elementor-widget{display:flex;align-items:stretch;margin:0}
.am3-back-wrap .elementor-widget-container{display:flex;flex:1;margin:0}

.am3-back{
  position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
  width:132px;padding:16px 12px;border:1px solid var(--bd);border-radius:var(--r);
  background:var(--glass);color:#fff;
  font-family:inherit;font-size:16px;font-weight:700;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;
  box-shadow:0 10px 30px rgba(0,0,0,.3),0 0 24px rgba(168,85,247,.14);
  transition:border-color .25s,box-shadow .25s,transform .25s,background .25s;
}
.am3-back::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  -webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);
}
.am3-back>*{position:relative}
.am3-back .am3-back-ico{
  width:52px;height:52px;border-radius:50%;display:grid;place-items:center;
  background:var(--ac);color:var(--btn-tx);transition:background .25s,transform .25s;
}
.am3-back svg{width:24px;height:24px;transition:transform .25s}
.am3-back:hover{border-color:var(--ac);box-shadow:0 14px 36px rgba(0,0,0,.45),0 0 30px rgba(168,85,247,.35);transform:translateY(-2px)}
.am3-back:hover .am3-back-ico{background:var(--hot)}
.am3-back:hover svg{transform:translateX(4px)}
.am3-back:focus-visible{outline:2px solid var(--hot);outline-offset:3px}

@media (max-width:1024px){
  html body .e-con.am3-inner-wrap{gap:12px;width:calc(100% - 20px);margin-top:10px}
  .am3-back{width:104px;gap:10px;font-size:14px}
  .am3-back .am3-back-ico{width:44px;height:44px}
}
@media (max-width:767px){
  html body .e-con.am3-inner-wrap{gap:8px;width:calc(100% - 16px);margin-top:8px}
  .am3-back{width:52px;padding:8px 6px}
  .am3-back .am3-back-ico{width:38px;height:38px}
  .am3-back svg{width:20px;height:20px}
  .am3-back .am3-back-txt{display:none}
}

/* =====================================================================
   انیمیشن ورود: اول دکمه‌ی بازگشت از راست می‌لغزه، بعد هدر از بالا می‌افته،
   بعد لوگو و شورت‌کدها یکی‌یکی ظاهر می‌شن
   ===================================================================== */
@keyframes am3slide{from{opacity:0;translate:40px 0}to{opacity:1;translate:0 0}}
@keyframes am3pop{from{opacity:0;scale:.85}to{opacity:1;scale:1}}
@keyframes am3rise{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}

html body .am3-inner-wrap .am3-back{animation:am3slide .6s cubic-bezier(.2,.7,.2,1) backwards}
html body .am3-inner-wrap .e-con.am3-header{animation-delay:.12s}
html body .am3-inner-wrap .am3-logo{animation:am3pop .55s cubic-bezier(.2,.7,.2,1) .4s backwards}
html body .am3-inner-wrap .am3-slots>.am3-slot{animation:am3rise .5s cubic-bezier(.2,.7,.2,1) backwards}
html body .am3-inner-wrap .am3-slots>.am3-slot:nth-child(1){animation-delay:.5s}
html body .am3-inner-wrap .am3-slots>.am3-slot:nth-child(2){animation-delay:.62s}
html body .am3-inner-wrap .am3-slots>.am3-slot:nth-child(3){animation-delay:.74s}

@media (prefers-reduced-motion:reduce){
  html body .am3-inner-wrap .am3-back,
  html body .am3-inner-wrap .e-con.am3-header,
  html body .am3-inner-wrap .am3-logo,
  html body .am3-inner-wrap .am3-slots>.am3-slot{animation:none !important}
}

/* =====================================================================
   نمایش / مخفی‌سازی بر اساس دستگاه (کلاس رو کنار am3-inner-wrap بذارید):
   am3-hide-desktop · am3-hide-tablet · am3-hide-mobile
   ===================================================================== */
@media (min-width:1025px){
  html body:not(.elementor-editor-active) .e-con.am3-inner-wrap:is(.am3-hide-desktop,.elementor-hidden-desktop){display:none !important}
}
@media (min-width:768px) and (max-width:1024px){
  html body:not(.elementor-editor-active) .e-con.am3-inner-wrap:is(.am3-hide-tablet,.elementor-hidden-tablet){display:none !important}
}
@media (max-width:767px){
  html body:not(.elementor-editor-active) .e-con.am3-inner-wrap:is(.am3-hide-mobile,.elementor-hidden-mobile){display:none !important}
}/* End custom CSS */