.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-39c4eab:#3A6EA5;--e-global-color-cf1c403:#333333;--e-global-color-f4f12da:#F5F5F5;--e-global-color-1fa7526:#0063CB;--e-global-color-6b26daa:#FF8200;--e-global-typography-primary-font-family:"Vazirmatn";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Vazirmatn";--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Vazirmatn";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Vazirmatn";--e-global-typography-accent-font-weight:500;--e-global-typography-c8c6e87-font-family:"Vazirmatn";--e-global-typography-c8c6e87-font-weight:500;--e-global-typography-bf64708-font-family:"Vazirmatn";--e-global-typography-bf64708-font-size:36px;--e-global-typography-bf64708-font-weight:600;--e-global-typography-a8d496d-font-family:"Vazirmatn";--e-global-typography-a8d496d-font-size:0.9vw;--e-global-typography-a8d496d-font-weight:500;--e-global-typography-96c6dd1-font-family:"IRANYekanX";--e-global-typography-96c6dd1-font-size:1vw;--e-global-typography-96c6dd1-line-height:22px;background-color:transparent;background-image:radial-gradient(at top center, #6EC1E4 0%, #F5F5F5 100%);}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --brand-navy:#123256; --brand-blue:#1B9DDB; --brand-orange:#F5941F; --ink:#0B1E36; --muted:#5B6B80; --surface:#F5F8FC; --dark:#071A30; --dark-2:#0D2744; --line:#DFE6EF; --white:#FFFFFF; --success:#16A34A; --warning:#F59E0B; --error:#DC2626; --font-body:Vazirmatn; --font-heading:Vazirmatn; }
/* Start custom CSS *//* هنرافزار redesign — فرم‌ها و دکمه‌های سراسری (Phase 6) */
.elementor-element.elementor-widget-form .elementor-form .elementor-field-group .elementor-field-textual,
.elementor-element.elementor-widget-form .elementor-form .elementor-field:not(.elementor-field-subgroup),
.elementor-element.elementor-widget-form .elementor-form textarea {
  border-radius: 10px;
  border: 1px solid #dfe6ef;
}
.elementor-element.elementor-widget-form .elementor-form .elementor-field:focus {
  border-color: #1b9ddb;
  box-shadow: 0 0 0 3px rgba(27,157,219,.18);
}
.elementor-element.elementor-widget-form .elementor-form .elementor-button {
  background-image: linear-gradient(135deg,#1b9ddb 0%,#123256 100%) !important;
  background-color: #123256 !important;
  background-repeat: no-repeat !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  font-weight: 700;
  padding: .9rem 2.25rem !important;
}
.elementor-element.elementor-widget-form .elementor-form .elementor-button:hover {
  filter: brightness(1.1);
}
.comment-respond input[type="text"],
.comment-respond input[type="email"],
.comment-respond textarea {
  border-radius: 10px;
  border: 1px solid #dfe6ef;
}
.comment-respond input:focus,
.comment-respond textarea:focus {
  outline: none;
  border-color: #1b9ddb;
  box-shadow: 0 0 0 3px rgba(27,157,219,.18);
}
.comment-respond input[type="submit"] {
  background-image: linear-gradient(135deg,#1b9ddb 0%,#123256 100%) !important;
  background-color: #123256 !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  font-weight: 700;
  padding: .8rem 2rem !important;
}

/* header nav active + hover — Phase 8 */
.elementor-nav-menu--main .elementor-item-active { color: #1b9ddb !important; }
.elementor-nav-menu--main .elementor-item:hover { color: #1b9ddb !important; }
.elementor-nav-menu--main .elementor-item::after { background-color: #1b9ddb !important; }

/* buttons never underline - Phase 9 */
.e-button, .elementor-button { text-decoration: none !important; }

/* shop archive 459 — «ERP چیست؟» body: readable size everywhere + start alignment (Phase 9, was 3.75px@375) */
.elementor-element-689c43e p {
  font-size: 1.0625rem !important;
  line-height: 2 !important;
  text-align: start !important;
}

/* G7 — collapsed feature walls in pricing cards (Phase 9, JS adds .wall/.wall-more) */
.wall { height: 15rem !important; overflow: hidden !important; flex: 0 0 auto !important; }
.wall.wall-open { height: auto !important; overflow: visible !important; flex: 0 0 auto !important; }
.wall:not(.wall-open) {
  -webkit-mask-image: linear-gradient(to bottom, #000 72%, rgba(0,0,0,0.05) 99%);
  mask-image: linear-gradient(to bottom, #000 72%, rgba(0,0,0,0.05) 99%);
}
.wall-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  margin: 0;
  padding: 0.45rem 1.3rem;
  border: 1.5px solid #1b9ddb;
  border-radius: 999px;
  background-color: #ffffff;
  color: #1b9ddb;
  font-family: var(--font-body);
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.6;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.wall-more:hover {
  background-color: #1b9ddb;
  color: #ffffff;
}

/* G8 — post/page entry-title unified with rebuilt page H1s (Vazirmatn 800 navy) */
h1.entry-title {
  font-family: Vazirmatn !important;
  font-weight: 800 !important;
  font-size: 3.25rem !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  color: #123256 !important;
}
@media (max-width: 767px) {
  h1.entry-title { font-size: 2.25rem !important; }
}
/* =====================================================================
   Phase 14 — Production homepage reskin
   The V4 style converter silently DROPS radial-gradients (with pixel sizes),
   every border-* longhand, font-variant-numeric, row-gap and gap multi-values.
   Those declarations are re-applied here through the kit custom_css, which is
   emitted as raw CSS and bypasses the converter entirely.
   ===================================================================== */

/* --- hero: layered glow over the 175deg navy gradient --- */
.e-121a4cf6-69a7{
  background-image:
    radial-gradient(1100px 620px at 88% -12%, #1B4F82 0%, rgba(27,79,130,0) 62%),
    radial-gradient(820px 520px at 6% 108%, rgba(27,157,219,.34) 0%, rgba(27,157,219,0) 66%),
    radial-gradient(520px 380px at 62% 96%, rgba(245,148,31,.16) 0%, rgba(245,148,31,0) 70%),
    linear-gradient(175deg, #0A1C34 0%, #123256 46%, #0E2A4C 100%) !important;
  background-repeat: repeat !important;
  background-size: auto !important;
  background-position: 0 0 !important;
}
/* hero stats divider + separators (border-* longhands were dropped) */
.e-75826eb8-31bf{ border-block-start: 1px solid rgba(255,255,255,.14) !important; }
.e-22a5a-7477, .e-740233b0-c133{ border-inline-end: 1px solid rgba(255,255,255,.14) !important; }

/* --- eco panel --- */
.e-62d01872-76aa{
  background-image:
    radial-gradient(700px 320px at 90% 0%, rgba(27,157,219,.32), transparent 60%),
    linear-gradient(140deg, #0B1F3A 0%, #123B66 100%) !important;
}
.e-495e696a-2584, .e-410c7189-7bf2, .e-7f9f2b51-19f8, .e-59d3d504-4405, .e-527e3e7c-4b18, .e-5650fa8a-bf52{
  row-gap: .25rem !important;
}

/* --- services featured card + row dividers --- */
.e-2284d96-3f02{
  background-image:
    radial-gradient(620px 320px at 12% 8%, rgba(27,157,219,.4), transparent 62%),
    linear-gradient(150deg, #0C2440 0%, #16406B 100%) !important;
}
.e-1b427d58-a6cc, .e-b7db45d-5674, .e-3c52371c-aba8, .e-eccce2-8bc3{
  border-block-end: 1px solid #E3EAF3 !important;
}
.e-3e0a5093-7264, .e-251cc8c5-da15, .e-2e1e65b5-4fcd, .e-7f275ca3-810b,
.e-2c8d0573-73b0, .e-41a362cd-733e, .e-3b925a31-5027{
  font-variant-numeric: tabular-nums !important;
}

/* --- process / journey line stacking --- */
.e-14564f61-24db{ z-index: 0 !important; }

/* --- why section: grid glow + dark stepped card --- */
.e-298c0521-23b1{
  background-image:
    radial-gradient(70% 80% at 20% 0%, rgba(255,255,255,.05), transparent 72%),
    linear-gradient(180deg, #0B1F3A 0%, #0E2A4C 55%, #0B1F3A 100%) !important;
}
.e-1de5deaa-36db{
  background-image:
    radial-gradient(620px 320px at 12% 8%, rgba(27,157,219,.4), transparent 62%),
    linear-gradient(150deg, #0C2440 0%, #16406B 100%) !important;
}

/* --- about image panel --- */
.e-4401462e-ed09{
  background-image:
    radial-gradient(520px 380px at 78% 12%, #1F5C8F, transparent 62%),
    linear-gradient(160deg, #0B1F3A 0%, #123B66 100%) !important;
}

/* --- articles heading gap --- */
.e-38da224a-80c8{ gap: 1.125rem 2.5rem !important; }

/* --- FAQ accordion --- */
.e-496a1d29-7dd8{ box-shadow: none !important; }

/* --- closing / contact panel overlays --- */
.e-3e50a9c1-7631{
  background-image:
    radial-gradient(720px 420px at 8% 0%, rgba(27,157,219,.36), transparent 62%),
    radial-gradient(520px 320px at 96% 100%, rgba(245,148,31,.2), transparent 66%),
    linear-gradient(150deg, #0A1C34 0%, #16406B 100%) !important;
}
.e-2fb1c48d-e8de{ pointer-events: none !important; }
/* =====================================================================
   Phase 14 — Global footer (template 34) aligned to prototype tokens
   ===================================================================== */
.e-15009370-f335{ background-color: #071527 !important; }
/* brand lockup */
.e-6d669c63-d467{ height: 2.625rem !important; }
.e-3cb0834e-22d9{ font-size: 1rem !important; font-weight: 800 !important; }
.e-54ad49fe-b303{ font-size: 0.6875rem !important; color: #7F93AA !important; }
/* column headings */
.e-12cc1fb5-b95e, .e-2518d045-9d6d, .e-27353e33-58d5, .e-4529d602-5b2b, .e-4205231b-5817{
  font-size: 0.875rem !important; font-weight: 700 !important; padding-block-end: 0.875rem !important;
}
/* link lists */
.e-2221d6a7-34ca, .e-1ed0cc8b-1f32, .e-6a7b9853-cc24, .e-1e13172e-341a{
  font-size: 0.84375rem !important; color: #96A9BF !important; line-height: 2.1 !important;
}
/* bottom bar: prototype keeps it inside the footer with a hairline top rule */
.e-280fa358-4581{
  background-color: transparent !important;
  border-block-start: 1px solid rgba(255,255,255,.1) !important;
}
.e-1bb9c3f2-3f8a{ font-size: 0.78125rem !important; color: #7F93AA !important; }
/* Phase 14 — tabular figures (font-variant-numeric was dropped by the converter) */
.e-5d0f95af-516b, .e-7f88a4b-5237, .e-5dd97dd3-10a7,
.e-1d185360-beb0, .e-56b3c392-bef2, .e-16b47614-ad7c, .e-7259a45f-1a23, .e-1ff3ae63-ec63, .e-6322a219-b5e4,
.e-35cdca2c-2d89, .e-4a6d5b00-7b23, .e-4b1be547-e734,
.e-66074a31-c4e3, .e-229b95f9-6b28, .e-6013219c-1474, .e-59542674-73ca, .e-128cdf7e-cabc, .e-17a4c908-85d5,
.e-3e0a5093-7264, .e-251cc8c5-da15, .e-2e1e65b5-4fcd, .e-7f275ca3-810b,
.e-2c8d0573-73b0, .e-41a362cd-733e, .e-3b925a31-5027{
  font-variant-numeric: tabular-nums !important;
}
/* =====================================================================
   Phase 14 — base link behaviour from the prototype (`a{color:inherit;text-decoration:none}`)
   Scoped to the redesigned homepage (body.page-id-2) so the rest of the site is untouched.
   Fixes: navy heading links on the dark cards (product names, «طراحی سایت») and the
   stray underlines on card titles / «ادامه مطلب» links.
   ===================================================================== */
.page-id-2 a{ text-decoration: none !important; }
.page-id-2 .e-heading-link-base{ color: inherit !important; }
/* =====================================================================
   Phase 14 — hero orbit polish
   (a) the V4 `.e-con` base `min-width:30px` squashed the orbit nodes into
       ellipses (30x18 / 30x14 / 30x12) — force real circles.
   (b) the native `custom_effect` rotate interaction never produced a CSS
       animation (`getAnimations()` = 0), so the ring rotation lives here.
   ===================================================================== */
.e-744e2e8b-57aa, .e-489420b5-3142, .e-c5350cd-2f91{
  min-width: 0 !important;
  aspect-ratio: 1 / 1 !important;
}
.e-744e2e8b-57aa{ width: 1.125rem !important; height: 1.125rem !important; }
.e-489420b5-3142{ width: 0.875rem !important; height: 0.875rem !important; }
.e-c5350cd-2f91{ width: 0.75rem !important; height: 0.75rem !important; }

@keyframes hai-orbit-spin{ from{ transform: rotate(0deg); } to{ transform: rotate(360deg); } }
@keyframes hai-orbit-spin-rev{ from{ transform: rotate(0deg); } to{ transform: rotate(-360deg); } }
.e-301c46de-e3fd{ animation: hai-orbit-spin 44s linear infinite !important; }
.e-6ca2e152-32e2{ animation: hai-orbit-spin-rev 30s linear infinite !important; }
.e-674a0fec-885f{ animation: hai-orbit-spin 44s linear infinite !important; }
@media (prefers-reduced-motion: reduce){
  .e-301c46de-e3fd, .e-6ca2e152-32e2, .e-674a0fec-885f{ animation: none !important; }
}

/* =====================================================================
   Phase 15 — 2026-09-29 second pass against the approved prototype
   (wordpress/prototype/index.html).  Closes the gaps the Phase-14 reskin
   left behind: centred section heads, the hero orbit composition, the
   services 7/5 split, the ecosystem node cards, the dark-section text
   colours, the FAQ accordion details and the contact panel furniture.
   NOTE: V4 *widget* elements render without data-id — they are addressed
   through their container's data-id with a child combinator.
   ===================================================================== */

/* ---------- 1. prototype heads are start-aligned editorial blocks ----- */
.page-id-2 .e-79288e50-9608,   /* ecosystem head  */
.page-id-2 .e-73d7637-7ddc,    /* services head   */
.page-id-2 .e-29a78466-cfcd,   /* process head    */
.page-id-2 .e-362aa9e0-1e03,   /* why head        */
.page-id-2 .e-7885852d-e12d{   /* faq aside       */
  align-items: flex-start !important;
}
.page-id-2 .e-79288e50-9608 > *,
.page-id-2 .e-73d7637-7ddc > *,
.page-id-2 .e-29a78466-cfcd > *,
.page-id-2 .e-362aa9e0-1e03 > *,
.page-id-2 .e-7885852d-e12d > *{
  text-align: start !important;
}
/* hero copy: the sub-heading and the lead were centred inside their boxes */
.page-id-2 .e-5f0e3126-47f4,
.page-id-2 .e-79144824-39d2,
.page-id-2 .e-4ffea94b-2291{
  text-align: start !important;
}
/* hero H1 accent word — prototype .hero h1 .accent */
.page-id-2 .e-5f0e3126-47f4 .hai-accent,
.page-id-2 .e-5f0e3126-47f4 > span:first-child{
  background-image: linear-gradient(100deg, #6FC8F2, #1B9DDB 40%, #B9E4FA) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

/* ---------- 2. hero eyebrow = light pill with a leading dot ----------- */
.page-id-2 .e-5165322d-2c86{
  background-color: #EAF6FD !important;
  background-image: none !important;
  border: 1px solid #D6ECFA !important;
}
.page-id-2 .e-5165322d-2c86 > *{ color: #316f8d !important; }
.page-id-2 .e-5165322d-2c86::before{
  content: "" !important; flex: none !important;
  width: 6px !important; height: 6px !important; border-radius: 50% !important;
  background-color: #1B9DDB !important;
  box-shadow: 0 0 0 4px rgba(27,157,219,.16) !important;
}

/* ---------- 3. hero orbit: rings + six nodes + core + three chips ----- */
/* the laptop photo is not part of the prototype composition */
.page-id-2 .e-362aa33e-ebfc{ display: none !important; }
/* six squircle nodes (prototype .node) */
.page-id-2 .e-744e2e8b-57aa, .page-id-2 .e-489420b5-3142, .page-id-2 .e-c5350cd-2f91,
.page-id-2 [data-id="1be8b598"], .page-id-2 [data-id="46db0631"], .page-id-2 [data-id="260a5f49"]{
  position: absolute !important;
  width: 34px !important; height: 34px !important; min-width: 0 !important;
  margin: -17px 0 0 -17px !important;
  border-radius: 11px !important;
  background-color: rgba(255,255,255,.08) !important;
  background-image: none !important;
  border: 1px solid rgba(255,255,255,.2) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  box-shadow: 0 12px 30px -16px rgba(0,0,0,.6) !important;
  display: grid !important; place-items: center !important;
  animation: hai-node-float 6s cubic-bezier(.22,.61,.36,1) infinite !important;
}
.page-id-2 .e-744e2e8b-57aa::after, .page-id-2 .e-489420b5-3142::after, .page-id-2 .e-c5350cd-2f91::after,
.page-id-2 [data-id="1be8b598"]::after, .page-id-2 [data-id="46db0631"]::after, .page-id-2 [data-id="260a5f49"]::after{
  content: "" !important;
  width: 7px !important; height: 7px !important; border-radius: 3px !important;
  background-image: linear-gradient(140deg, #7FD0F5, #1B9DDB) !important;
}
.page-id-2 .e-489420b5-3142{ top: 50% !important; left: 92% !important; right: auto !important; bottom: auto !important; }
.page-id-2 [data-id="1be8b598"]{ top: 86.4% !important; left: 71% !important; right: auto !important; bottom: auto !important; }
.page-id-2 .e-c5350cd-2f91{ top: 86.4% !important; left: 29% !important; right: auto !important; bottom: auto !important; }
.page-id-2 .e-744e2e8b-57aa{ top: 50% !important; left: 8% !important; right: auto !important; bottom: auto !important; }
.page-id-2 [data-id="46db0631"]{ top: 13.6% !important; left: 29% !important; right: auto !important; bottom: auto !important; }
.page-id-2 [data-id="260a5f49"]{ top: 13.6% !important; left: 71% !important; right: auto !important; bottom: auto !important; }
@keyframes hai-node-float{ 0%,100%{ transform: translateY(0); } 50%{ transform: translateY(-7px); } }
/* six faint rays from the core (prototype .orbit__links) */
.page-id-2 .e-7744b989-16b8::before{
  content: "" !important; position: absolute !important; inset: 0 !important; pointer-events: none !important;
  background-image: repeating-conic-gradient(from 0deg at 50% 50%, rgba(255,255,255,.14) 0deg .35deg, transparent .35deg 60deg) !important;
  -webkit-mask-image: radial-gradient(circle at 50% 50%, #000 0 82%, transparent 83%) !important;
  mask-image: radial-gradient(circle at 50% 50%, #000 0 82%, transparent 83%) !important;
}
/* the glass core card (prototype .orbit__core) */
.page-id-2 [data-id="7f23ab23"]{
  position: absolute !important; inset: 29% !important; padding: 16px !important;
  border-radius: 26px !important;
  display: grid !important; place-content: center !important; text-align: center !important;
  background-color: transparent !important;
  background-image: linear-gradient(160deg, rgba(255,255,255,.14), rgba(255,255,255,.04)) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  box-shadow: 0 40px 90px -40px rgba(0,0,0,.9), inset 0 1px 0 rgba(255,255,255,.25) !important;
}
.page-id-2 [data-id="7f23ab23"] > p:first-child{
  margin: 0 !important;
  font-size: clamp(30px, 4vw, 44px) !important;
  font-weight: 800 !important; line-height: 1.1 !important;
  background-image: linear-gradient(160deg, #fff, #9ED8F6) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  color: transparent !important;
}
.page-id-2 [data-id="7f23ab23"] > p:last-child{
  margin: 0 !important; color: #CFE2F2 !important;
  font-size: .78rem !important; line-height: 1.7 !important;
}
.page-id-2 [data-id="7f23ab23"]::before{
  content: "" !important; position: absolute !important; inset: -1px !important;
  border-radius: 27px !important; padding: 1px !important;
  background-image: conic-gradient(from 0deg, rgba(27,157,219,0), rgba(27,157,219,.85), rgba(245,148,31,.5), rgba(27,157,219,0)) !important;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;
  mask-composite: exclude !important;
  animation: hai-orbit-spin 9s linear infinite !important;
}
/* floating chips (prototype .float-chip) */
.page-id-2 .e-55b553a2-f24b, .page-id-2 .e-48f295ed-7936, .page-id-2 [data-id="1097aa23"] > p{
  position: absolute !important; width: max-content !important; max-width: 90% !important;
  display: inline-flex !important; align-items: center !important; gap: 8px !important;
  margin: 0 !important; padding: 10px 16px !important;
  border-radius: 999px !important;
  background-color: rgba(255,255,255,.1) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  box-shadow: 0 20px 40px -24px rgba(0,0,0,.8) !important;
  font-size: .78rem !important; font-weight: 600 !important; line-height: 1.6 !important;
  color: #EAF4FC !important;
  animation: hai-chip-float 7s cubic-bezier(.22,.61,.36,1) infinite !important;
}
.page-id-2 .e-55b553a2-f24b > *, .page-id-2 .e-48f295ed-7936 > *{
  color: #EAF4FC !important; font-size: .78rem !important; font-weight: 600 !important;
}
.page-id-2 .e-55b553a2-f24b::before, .page-id-2 .e-48f295ed-7936::before, .page-id-2 [data-id="1097aa23"] > p::before{
  content: "" !important; flex: none !important;
  width: 6px !important; height: 6px !important; border-radius: 50% !important;
  background-color: #F5941F !important;
  box-shadow: 0 0 0 4px rgba(245,148,31,.22) !important;
}
.page-id-2 .e-55b553a2-f24b{ top: 16% !important; right: -14px !important; left: auto !important; }
.page-id-2 .e-48f295ed-7936{ top: 52% !important; left: -10px !important; right: auto !important; }
.page-id-2 [data-id="1097aa23"] > p{ bottom: 4% !important; right: 8% !important; left: auto !important; top: auto !important; }
@keyframes hai-chip-float{ 0%,100%{ transform: translateY(0); } 50%{ transform: translateY(-7px); } }

/* ---------- 4. services: 7-column feature card + 5-column row stack -- */
.page-id-2 .e-10feb1c0-7c35{
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0,1fr)) !important;
  gap: 1rem !important;
  align-items: stretch !important;
}
.page-id-2 .e-2284d96-3f02{
  grid-column: 1 / span 7 !important;
  grid-row: 1 / span 4 !important;
  min-height: 340px !important;
  justify-content: space-between !important;
}
.page-id-2 .e-1b427d58-a6cc{ grid-column: 8 / span 5 !important; grid-row: 1 !important; border-block-start: 1px solid #E3EAF3 !important; }
.page-id-2 .e-b7db45d-5674{ grid-column: 8 / span 5 !important; grid-row: 2 !important; }
.page-id-2 .e-3c52371c-aba8{ grid-column: 8 / span 5 !important; grid-row: 3 !important; }
.page-id-2 .e-eccce2-8bc3{ grid-column: 8 / span 5 !important; grid-row: 4 !important; }
/* prototype .srow: 44px number | copy | 44px round arrow button */
.page-id-2 .e-1b427d58-a6cc, .page-id-2 .e-b7db45d-5674,
.page-id-2 .e-3c52371c-aba8, .page-id-2 .e-eccce2-8bc3{
  padding: 20px 14px !important;
  border-radius: 14px !important;
}
.page-id-2 .e-1b427d58-a6cc::after, .page-id-2 .e-b7db45d-5674::after,
.page-id-2 .e-3c52371c-aba8::after, .page-id-2 .e-eccce2-8bc3::after{
  content: "\2190" !important; flex: none !important;
  width: 44px !important; height: 44px !important;
  display: grid !important; place-items: center !important;
  border: 1px solid #E3EAF3 !important; border-radius: 50% !important;
  background-color: #fff !important; color: #123256 !important;
  font-size: 17px !important; line-height: 1 !important;
  margin-inline-start: auto !important;
}

/* ---------- 5. ecosystem: aside head + 2-column product cards -------- */
.page-id-2 .e-79288e50-9608{
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(0,.72fr) !important;
  column-gap: clamp(24px, 4vw, 72px) !important;
  align-items: end !important;
  width: 100% !important;
  max-width: none !important;
}
.page-id-2 .e-79288e50-9608 > *:not(:last-child){ grid-column: 1 !important; }
.page-id-2 .e-79288e50-9608 > :last-child{
  grid-column: 2 !important;
  grid-row: 1 / span 5 !important;
  align-self: end !important;
  position: relative !important;
  border-inline-start: 2px solid #E3EAF3 !important;
  padding-inline-start: 22px !important;
}
.page-id-2 .e-79288e50-9608 > :last-child::before{
  content: "" !important; position: absolute !important;
  inset-inline-start: -2px !important; top: 0 !important;
  width: 2px !important; height: 38px !important;
  background-image: linear-gradient(180deg, #1B9DDB, transparent) !important;
}
.page-id-2 .e-27b653b7-680e{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap: 16px !important;
  width: 100% !important;
  max-width: none !important;
  margin-block: 38px 0 !important;
}
.page-id-2 .e-27b653b7-680e > *{
  display: grid !important;
  grid-template-columns: 56px minmax(0,1fr) !important;
  gap: 16px !important;
  align-items: start !important;
  padding: 20px 22px 22px !important;
  background-color: #fff !important;
  background-image: none !important;
  border: 1px solid #E3EAF3 !important;
  border-radius: 20px !important;
  box-shadow: 0 1px 2px rgba(18,50,86,.05), 0 10px 30px -18px rgba(18,50,86,.18) !important;
}
.page-id-2 .e-27b653b7-680e > * > :first-child{
  width: 56px !important; height: 56px !important;
  display: grid !important; place-items: center !important;
  border-radius: 16px !important;
  background-image: linear-gradient(150deg, #F7F9FC, #E9F1F9) !important;
  border: 1px solid #E3EAF3 !important;
  color: #123256 !important;
  font-weight: 800 !important; font-size: 17px !important;
}
.page-id-2 .e-27b653b7-680e > * > :last-child{
  display: flex !important; flex-direction: column !important;
  align-items: flex-start !important; gap: 4px !important;
  width: auto !important;
}
.page-id-2 .e-27b653b7-680e > * > :last-child > *{ width: auto !important; }
.page-id-2 .e-27b653b7-680e > * > :last-child h3,
.page-id-2 .e-27b653b7-680e > * > :last-child h2{
  color: #123256 !important; font-size: 19px !important; font-weight: 700 !important; margin: 0 0 4px !important;
}
.page-id-2 .e-27b653b7-680e > * > :last-child p{
  color: #5B6B80 !important; font-size: 13.5px !important; line-height: 1.85 !important; margin: 0 !important;
}

/* ---------- 6. about: copy first (right), panel second (left) -------- */
.page-id-2 .e-5188529b-94c2{ flex-direction: row-reverse !important; }
/* prototype .btn--ghost for «بیشتر درباره ما» */
.page-id-2 .e-6f4267bb-9f10 a{
  background-image: none !important;
  background-color: #fff !important;
  color: #123256 !important;
  border: 1px solid #E3EAF3 !important;
  box-shadow: none !important;
}
.page-id-2 .e-6f4267bb-9f10 a span{ color: #123256 !important; }

/* ---------- 7. why: dark-section text + plain copy column ------------ */
.page-id-2 .e-298c0521-23b1 p,
.page-id-2 .e-298c0521-23b1 .e-paragraph-base{ color: #A9BCD4 !important; }
.page-id-2 .e-1de5deaa-36db{
  background-image: none !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 0 !important;
}
.page-id-2 .e-281f07c2-898d{
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
  margin-block: 26px 0 !important;
  padding-block-start: 24px !important;
  border-block-start: 1px solid rgba(255,255,255,.14) !important;
}
/* prototype .btn--orange */
.page-id-2 .e-1de5deaa-36db a.hai-btn{
  background-color: transparent !important;
  background-image: linear-gradient(135deg, #F5941F 0%, #DD7A08 100%) !important;
  box-shadow: 0 20px 50px -26px rgba(245,148,31,.8) !important;
}
/* prototype .trust chip row */
.page-id-2 [data-id="4d18d13c"]{
  width: 100% !important;
  margin-block-start: 44px !important;
  padding-block-start: 26px !important;
  border-block-start: 1px solid rgba(255,255,255,.14) !important;
  display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 12px !important;
}
.page-id-2 [data-id="4d18d13c"] > p{
  display: inline-flex !important; align-items: center !important; gap: 8px !important;
  margin: 0 !important; padding: 8px 14px !important; border-radius: 12px !important;
  background-color: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  color: #EAF3FB !important; font-size: .78rem !important; font-weight: 600 !important; line-height: 1.6 !important;
}
.page-id-2 [data-id="4d18d13c"] > p::before{
  content: "" !important; flex: none !important;
  width: 7px !important; height: 7px !important; border-radius: 2px !important;
  background-color: #1B9DDB !important;
}

/* ---------- 8. faq: 5/7 split + numbered headers with plus button ---- */
.page-id-2 .e-d334b1f-b2ff{
  display: grid !important;
  grid-template-columns: minmax(0,5fr) minmax(0,7fr) !important;
  gap: clamp(28px,4vw,64px) !important;
  width: 100% !important;
  max-width: none !important;
  align-items: start !important;
}
.page-id-2 .e-5ebc60d3-c10f, .page-id-2 .e-7c9e4d0-dc96, .page-id-2 .e-35eb191e-a725{
  display: flex !important; align-items: center !important; gap: 16px !important;
  padding: 20px 22px !important; min-height: 64px !important;
  list-style: none !important; cursor: pointer !important;
}
.page-id-2 .e-5ebc60d3-c10f::-webkit-details-marker,
.page-id-2 .e-7c9e4d0-dc96::-webkit-details-marker,
.page-id-2 .e-35eb191e-a725::-webkit-details-marker{ display: none !important; }
.page-id-2 .e-5ebc60d3-c10f::before{ content: "\06F0\06F1" !important; }
.page-id-2 .e-7c9e4d0-dc96::before{ content: "\06F0\06F2" !important; }
.page-id-2 .e-35eb191e-a725::before{ content: "\06F0\06F3" !important; }
.page-id-2 .e-5ebc60d3-c10f::before, .page-id-2 .e-7c9e4d0-dc96::before, .page-id-2 .e-35eb191e-a725::before{
  flex: none !important;
  font-size: .78rem !important; font-weight: 700 !important; color: #8996A8 !important;
}
.page-id-2 .e-5ebc60d3-c10f::after, .page-id-2 .e-7c9e4d0-dc96::after, .page-id-2 .e-35eb191e-a725::after{
  content: "+" !important; flex: none !important;
  width: 36px !important; height: 36px !important;
  margin-inline-start: auto !important;
  display: grid !important; place-items: center !important;
  border-radius: 50% !important; border: 1px solid #E3EAF3 !important;
  background-color: #F7F9FC !important; color: #123256 !important;
  font-size: 19px !important; line-height: 1 !important;
  transition: background-color .4s cubic-bezier(.22,.61,.36,1), color .4s ease, transform .45s cubic-bezier(.22,.61,.36,1) !important;
}
.page-id-2 .e-6cc63ee7-dac6[open], .page-id-2 .e-1da3b21a-7ada[open], .page-id-2 .e-260de11f-98b3[open]{
  border-color: rgba(27,157,219,.4) !important;
}
.page-id-2 .e-6cc63ee7-dac6[open] .e-5ebc60d3-c10f::after,
.page-id-2 .e-1da3b21a-7ada[open] .e-7c9e4d0-dc96::after,
.page-id-2 .e-260de11f-98b3[open] .e-35eb191e-a725::after{
  background-color: #123256 !important;
  border-color: #123256 !important;
  color: #fff !important;
  transform: rotate(45deg) !important;
}

/* ---------- 9. closing block: rounded panel + 1fr/.78fr split -------- */
.page-id-2 [data-id="2b95993e"]{
  background-image: none !important;
  background-color: transparent !important;
  padding-block: clamp(56px,7vw,112px) !important;
}
.page-id-2 .e-2744d311-eb6d{
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(0,.78fr) !important;
  gap: clamp(28px,4vw,56px) !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 1200px !important;
  margin-inline: auto !important;
  padding: clamp(28px,4vw,56px) !important;
  border-radius: 32px !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  background-color: transparent !important;
  background-image:
    radial-gradient(720px 420px at 8% 0%, rgba(27,157,219,.36), transparent 62%),
    radial-gradient(520px 320px at 96% 100%, rgba(245,148,31,.2), transparent 66%),
    linear-gradient(150deg, #0A1C34 0%, #16406B 100%) !important;
  color: #fff !important;
}
.page-id-2 .e-2744d311-eb6d > :not(.e-b2521e6-3b23){
  grid-column: 1 !important;
  text-align: start !important;
}
.page-id-2 .e-2744d311-eb6d > p,
.page-id-2 .e-2744d311-eb6d > h2{ justify-self: stretch !important; }
.page-id-2 .e-2744d311-eb6d > .e-b2521e6-3b23{ grid-column: 2 !important; grid-row: 1 / span 99 !important; }
/* contact points list + phone link (prototype .close__points / .close__phone) */
.page-id-2 [data-id="75784526"]{
  display: grid !important; gap: 10px !important;
  width: 100% !important; margin-block-start: 26px !important;
}
.page-id-2 [data-id="75784526"] > p{
  display: flex !important; align-items: center !important; gap: 10px !important;
  margin: 0 !important; color: #CBDBEA !important;
  font-size: .875rem !important; line-height: 1.9 !important;
}
.page-id-2 [data-id="75784526"] > p::before{
  content: "" !important; flex: none !important;
  width: 12px !important; height: 7px !important;
  border-inline-start: 2px solid #1B9DDB !important;
  border-block-end: 2px solid #1B9DDB !important;
  transform: rotate(-45deg) !important;
  margin-inline-end: 5px !important;
}
.page-id-2 [data-id="7ee9779"] > a.e-button-base{
  display: inline-flex !important; align-items: center !important; gap: 10px !important;
  width: max-content !important; justify-self: start !important;
  margin-block-start: 26px !important;
  background-color: transparent !important; background-image: none !important;
  border: 0 !important; box-shadow: none !important;
}
.page-id-2 [data-id="7ee9779"] > a.e-button-base span,
.page-id-2 [data-id="7ee9779"] > a.e-button-base .elementor-button-text{
  background-color: transparent !important; background-image: none !important;
  border: 0 !important; padding: 0 !important;
  color: #fff !important; font-weight: 700 !important;
  font-size: clamp(1rem, 1.8vw, 1.25rem) !important;
  direction: ltr !important; unicode-bidi: embed !important;
}
.page-id-2 [data-id="7ee9779"] > a.e-button-base:hover{ transform: none !important; }
/* the form keeps the prototype's dark-glass field styling */
.page-id-2 .e-b2521e6-3b23 .elementor-field-label{
  color: #CBDBEA !important; font-size: .78rem !important; font-weight: 600 !important;
}
.page-id-2 .e-b2521e6-3b23 .elementor-field-textual,
.page-id-2 .e-b2521e6-3b23 .elementor-field,
.page-id-2 .e-b2521e6-3b23 textarea{
  background-color: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.2) !important;
  color: #fff !important;
  border-radius: 14px !important;
  min-height: 48px !important;
}
.page-id-2 .e-b2521e6-3b23 .elementor-field-textual::placeholder,
.page-id-2 .e-b2521e6-3b23 .elementor-field::placeholder{ color: rgba(255,255,255,.42) !important; }

/* ---------- 10. process badge (prototype .process__badge) ------------ */
.page-id-2 [data-id="5c9c325f"] > p{
  display: inline-flex !important; align-items: center !important; gap: 8px !important;
  margin-block: 34px 0 !important;
  color: #8996A8 !important; font-size: .78rem !important; line-height: 1.8 !important;
}
.page-id-2 [data-id="5c9c325f"] > p::before{
  content: "+" !important; flex: none !important;
  width: 15px !important; height: 15px !important;
  display: grid !important; place-items: center !important;
  border: 1.5px solid #8996A8 !important; border-radius: 50% !important;
  color: #8996A8 !important; font-size: 11px !important; line-height: 1 !important;
}

/* ---------- 11. Phase 15b corrections ---------------------------------- */
/* the orbit container had no height (its children are absolute) so every
   percentage inset resolved against a 20px box: restore the square box */
.page-id-2 .e-7744b989-16b8{ aspect-ratio: 1 / 1 !important; }
/* heads widened to 100% must match the 1216px content column of the
   sections themselves (the live section only pads 24px inline) */
.page-id-2 .e-79288e50-9608,
.page-id-2 .e-73d7637-7ddc,
.page-id-2 .e-27b653b7-680e,
.page-id-2 .e-d334b1f-b2ff,
.page-id-2 [data-id="4d18d13c"],
.page-id-2 .e-62d01872-76aa{
  max-width: 1216px !important;
  margin-inline: auto !important;
}
/* phone link: the V4 button base painted its own navy colour + padding */
.page-id-2 [data-id="7ee9779"] > a.e-button-base{
  color: #fff !important;
  padding: 0 !important;
  min-height: 0 !important;
  font-weight: 700 !important;
  direction: ltr !important;
}

/* ---------- 12. Phase 15c: over-constrained insets --------------------- */
/* the V4 base sets width:100% on containers — with left+right insets the
   width wins and the orbit core spilled outside the visual */
.page-id-2 [data-id="7f23ab23"]{
  width: auto !important;
  max-width: none !important;
  height: auto !important;
}
/* the native chip placements keep a `bottom` value: top+bottom stretched
   the middle chip into a tall blob */
.page-id-2 .e-55b553a2-f24b{ top: 16% !important; bottom: auto !important; right: -14px !important; left: auto !important; }
.page-id-2 .e-48f295ed-7936{ top: 52% !important; bottom: auto !important; left: -10px !important; right: auto !important; }
.page-id-2 [data-id="1097aa23"] > p{ top: auto !important; bottom: 4% !important; right: 8% !important; left: auto !important; }

/* @@HAI_HDR_V2_BEGIN */
/* ============================================================
   HAI HEADER v2 — "capsule system" (Elementor template 1103)
   Scoped entirely to .elementor-1103 so nothing else on the
   site changes until this template takes over the header slot.
   V4 note: leaf widgets (image / paragraph / button) do NOT get
   an .elementor-element-{id} class — only containers do, so leaf
   styling is reached structurally from its container.
   ============================================================ */
/* Sticky must sit on the <header> element itself: its parent is <body>, so it has a
   full-page stick range. On the inner container the range is zero and it scrolls away. */
header.elementor-1103{ position:sticky; inset-block-start:0; z-index:9999 }
.elementor-1103 .elementor-element-3bb37c21{ position:static }
/* --- 01. scroll rail: a 2px progress line, pure CSS, no JS --- */
@supports (animation-timeline:scroll()){
	.elementor-1103 .elementor-element-3f64d982{
		transform-origin:right center;
		animation:hai-rail-grow linear both;
		animation-timeline:scroll(root block);
	}
}
@keyframes hai-rail-grow{ from{ transform:scaleX(0) } to{ transform:scaleX(1) } }
/* --- 02. the capsule densifies as you scroll --- */
@supports (animation-timeline:scroll()){
	.elementor-1103 .elementor-element-1b16c9b2{
		animation:hai-capsule-stuck linear both;
		animation-timeline:scroll(root block);
		animation-range:0 160px;
	}
}
@keyframes hai-capsule-stuck{
	from{ background-color:rgba(8,22,42,.66); box-shadow:0 16px 46px -16px rgba(3,12,26,.55); border-color:rgba(255,255,255,.14) }
	to{ background-color:rgba(6,17,33,.94); box-shadow:0 10px 30px -12px rgba(3,12,26,.85); border-color:rgba(27,157,219,.34) }
}
/* --- 03. brand lockup --- */
.elementor-1103 .elementor-element-3e18f2ff > .e-image-link-base{ display:flex; width:auto; flex:0 0 auto }
.elementor-1103 .elementor-element-3e18f2ff img{
	width:2.75rem; height:auto; display:block;
	filter:drop-shadow(0 6px 14px rgba(27,157,219,.30));
	transition:transform .45s cubic-bezier(.22,1,.36,1);
}
.elementor-1103 .elementor-element-3e18f2ff:hover img{ transform:translateY(-2px) scale(1.07) }
.elementor-1103 .elementor-element-4933f50e > p{ margin:0; white-space:nowrap }
.elementor-1103 .elementor-element-4933f50e > p:last-child{
	font-size:.75rem; color:rgba(255,255,255,.62);
	transition:color .35s ease;
}
.elementor-1103 .elementor-element-3e18f2ff:hover .elementor-element-4933f50e > p:last-child{ color:#1B9DDB }
/* --- 04. menu: pill pointer instead of a link colour swap --- */
.elementor-1103 .elementor-nav-menu--main{ flex:1 1 auto }
.elementor-1103 .elementor-nav-menu--main .elementor-item{
	color:rgba(255,255,255,.80); padding:.5rem .9375rem; border-radius:999px;
	font-size:.9375rem; font-weight:600;
	transition:color .26s ease;
}
.elementor-1103 .elementor-nav-menu--main .elementor-item:hover,
.elementor-1103 .elementor-nav-menu--main .elementor-item:focus,
.elementor-1103 .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-1103 .elementor-nav-menu--main .elementor-item.highlighted{ color:#fff }
.elementor-1103 .e--pointer-background .elementor-item::before{
	background-color:rgba(27,157,219,.20)!important;
	border:1px solid rgba(27,157,219,.34);
	border-radius:999px;
}
.elementor-1103 .e--pointer-background .elementor-item:hover::before,
.elementor-1103 .e--pointer-background .elementor-item.elementor-item-active::before{
	background-color:rgba(27,157,219,.40)!important;
	border-color:rgba(27,157,219,.7);
}
/* --- 05. mega panel: the 5 services become a card grid --- */
.elementor-1103 .elementor-nav-menu--main > .elementor-nav-menu > li{ position:static }
.elementor-1103 .elementor-nav-menu--main > .elementor-nav-menu > li > .sub-menu{
	counter-reset:hai-card;
	position:absolute; top:100%; left:50%;
	transform:translateX(-50%) translateY(12px) scale(.985);
	width:min(76rem, calc(100vw - 3rem));
	display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:.625rem;
	margin:0; padding:.875rem .875rem .875rem;
	background-color:rgba(6,18,34,.93);
	backdrop-filter:blur(18px) saturate(160%); -webkit-backdrop-filter:blur(18px) saturate(160%);
	border:1px solid rgba(255,255,255,.10); border-radius:1.5rem;
	box-shadow:0 30px 64px -24px rgba(2,10,22,.8);
	list-style:none; opacity:0; visibility:hidden; pointer-events:none;
	transition:opacity .24s ease, transform .34s cubic-bezier(.22,1,.36,1), visibility 0s linear .34s;
}
.elementor-1103 .elementor-nav-menu--main > .elementor-nav-menu > li:hover > .sub-menu,
.elementor-1103 .elementor-nav-menu--main > .elementor-nav-menu > li:focus-within > .sub-menu,
.elementor-1103 .elementor-nav-menu--main > .elementor-nav-menu > li.highlighted > .sub-menu{
	opacity:1; visibility:visible; pointer-events:auto;
	transform:translateX(-50%) translateY(0) scale(1);
	transition:opacity .24s ease, transform .34s cubic-bezier(.22,1,.36,1), visibility 0s linear 0s;
}
.elementor-1103 .elementor-nav-menu--main .sub-menu > li{ list-style:none; margin:0 }
.elementor-1103 .elementor-nav-menu--main .sub-menu .elementor-sub-item{
	counter-increment:hai-card;
	position:relative; display:block;
	padding:.8125rem .875rem 1.1875rem; margin:0;
	background-color:rgba(255,255,255,.05);
	border:1px solid rgba(255,255,255,.08); border-radius:1.125rem;
	color:rgba(255,255,255,.88)!important; font-size:.875rem; font-weight:600;
	line-height:1.45; text-align:start; white-space:normal;
	transition:background-color .26s ease, border-color .26s ease, transform .26s cubic-bezier(.22,1,.36,1);
}
.elementor-1103 .elementor-nav-menu--main .sub-menu .elementor-sub-item::before{
	content:counter(hai-card,decimal-leading-zero);
	display:block; font-size:.75rem; font-weight:700; letter-spacing:.14em;
	color:#1B9DDB; margin-bottom:.4375rem;
}
.elementor-1103 .elementor-nav-menu--main .sub-menu .elementor-sub-item::after{
	content:"←"; position:absolute; inset-inline-end:.875rem; inset-block-end:.625rem;
	font-size:.875rem; opacity:0; transform:translateX(5px);
	transition:opacity .26s ease, transform .26s ease;
}
.elementor-1103 .elementor-nav-menu--main .sub-menu .elementor-sub-item:hover,
.elementor-1103 .elementor-nav-menu--main .sub-menu .elementor-sub-item:focus{
	background-color:rgba(27,157,219,.20); border-color:rgba(27,157,219,.45);
	transform:translateY(-3px); color:#fff!important;
}
.elementor-1103 .elementor-nav-menu--main .sub-menu .elementor-sub-item:hover::after,
.elementor-1103 .elementor-nav-menu--main .sub-menu .elementor-sub-item:focus::after{ opacity:1; transform:none }
/* --- 06. action chips --- */
.elementor-1103 .elementor-element-66ea8f58 > a{ text-decoration:none }
.elementor-1103 .elementor-element-66ea8f58 > a:last-child{
	background-image:linear-gradient(120deg,#1B9DDB 0%,#3A6EA5 48%,#123256 100%)!important;
	background-size:220% 100%; background-position:0 0;
	transition:background-position .55s cubic-bezier(.22,1,.36,1), transform .3s ease, box-shadow .3s ease;
}
.elementor-1103 .elementor-element-66ea8f58 > a:last-child:hover,
.elementor-1103 .elementor-element-66ea8f58 > a:last-child:focus{
	background-position:100% 0; transform:translateY(-2px);
	box-shadow:0 16px 34px -12px rgba(27,157,219,.9)!important;
}
.elementor-1103 .elementor-element-66ea8f58 > a:last-child::after{
	content:"←"; display:inline-block; margin-inline-start:.5rem;
	transition:transform .3s ease;
}
.elementor-1103 .elementor-element-66ea8f58 > a:last-child:hover::after{ transform:translateX(-4px) }
.elementor-1103 .elementor-element-66ea8f58 > a:first-child{
	letter-spacing:.01em; font-variant-numeric:tabular-nums;
	transition:color .26s ease, background-color .26s ease, border-color .26s ease, transform .26s ease;
}
.elementor-1103 .elementor-element-66ea8f58 > a:first-child:hover{ transform:translateY(-2px) }
/* --- 07. tablet / mobile: the sheet is a DROPDOWN nav, never a sub-menu UL --- */
.elementor-1103 .elementor-element-4fd9d2ba{ position:relative }
.elementor-1103 .elementor-menu-toggle{
	color:#fff; width:2.5rem; height:2.5rem; padding:0; margin:0; flex:0 0 auto;
	display:flex; align-items:center; justify-content:center;
	background-color:rgba(255,255,255,.08);
	border:1px solid rgba(255,255,255,.16); border-radius:999px;
	transition:background-color .26s ease, border-color .26s ease, transform .26s ease;
}
.elementor-1103 .elementor-menu-toggle:hover,
.elementor-1103 .elementor-menu-toggle:focus{ background-color:rgba(27,157,219,.28); border-color:rgba(27,157,219,.55); transform:scale(1.05) }
/* out of flow so the collapsed sheet can never inflate the capsule */
.elementor-1103 nav.elementor-nav-menu--dropdown{
	position:absolute; top:calc(100% + .5rem); inset-inline:-.4375rem;
	background-color:rgba(6,18,34,.96);
	backdrop-filter:blur(18px) saturate(160%); -webkit-backdrop-filter:blur(18px) saturate(160%);
	border:1px solid rgba(255,255,255,.10); border-radius:1.25rem;
	padding:.75rem; margin:0; box-shadow:0 26px 54px -22px rgba(2,10,22,.8);
}
.elementor-1103 nav.elementor-nav-menu--dropdown .elementor-item,
.elementor-1103 nav.elementor-nav-menu--dropdown .elementor-sub-item{
	color:rgba(255,255,255,.85); border-radius:.75rem; padding:.6875rem .75rem;
	border-block-end-width:0; font-size:.9375rem;
}
.elementor-1103 nav.elementor-nav-menu--dropdown .elementor-item:hover,
.elementor-1103 nav.elementor-nav-menu--dropdown .elementor-item.elementor-item-active{ color:#fff; background-color:rgba(27,157,219,.20) }
@keyframes hai-sheet-in{ from{ opacity:0; transform:translateY(10px) } to{ opacity:1; transform:none } }
/* Elementor puts .elementor-active on the toggle button, not on the nav */
.elementor-1103 .elementor-menu-toggle.elementor-active ~ nav.elementor-nav-menu--dropdown{ animation:hai-sheet-in .26s ease both }
.elementor-1103 .elementor-menu-toggle.elementor-active ~ nav.elementor-nav-menu--dropdown > ul > li{ animation:hai-sheet-in .38s cubic-bezier(.22,1,.36,1) both }
.elementor-1103 .elementor-menu-toggle.elementor-active ~ nav.elementor-nav-menu--dropdown > ul > li:nth-child(2){ animation-delay:.045s }
.elementor-1103 .elementor-menu-toggle.elementor-active ~ nav.elementor-nav-menu--dropdown > ul > li:nth-child(3){ animation-delay:.09s }
.elementor-1103 .elementor-menu-toggle.elementor-active ~ nav.elementor-nav-menu--dropdown > ul > li:nth-child(4){ animation-delay:.135s }
.elementor-1103 .elementor-menu-toggle.elementor-active ~ nav.elementor-nav-menu--dropdown > ul > li:nth-child(5){ animation-delay:.18s }
.elementor-1103 .elementor-menu-toggle.elementor-active ~ nav.elementor-nav-menu--dropdown > ul > li:nth-child(6){ animation-delay:.225s }
.elementor-1103 .elementor-menu-toggle.elementor-active ~ nav.elementor-nav-menu--dropdown > ul > li:nth-child(7){ animation-delay:.27s }
/* --- 08. width steps: the capsule must never be squeezed or wrapped --- */
.elementor-1103 .elementor-element-157ada9f{ min-width:0 }
.elementor-1103 .elementor-element-66ea8f58{ flex-wrap:nowrap }
@media (max-width:1024px){
	.elementor-1103 .elementor-element-157ada9f{ flex:0 0 auto; justify-content:flex-end }
	/* re-anchor the sheet: every .e-con is position:relative by default, so the nav row must be made static or the sheet sizes to the 40px burger column */
	.elementor-1103 .elementor-element-4fd9d2ba,
	.elementor-1103 .elementor-element-157ada9f{ position:static }
	.elementor-1103 .elementor-element-1b16c9b2{ position:relative }
	.elementor-1103 nav.elementor-nav-menu--dropdown{ top:calc(100% + .625rem); inset-inline:-.4375rem; width:auto }
}
@media (max-width:767px){
	.elementor-1103 .elementor-element-66ea8f58 > a:first-child{ display:none }
	.elementor-1103 .elementor-element-4933f50e > p:last-child{ display:none }
	.elementor-1103 .elementor-element-1b16c9b2{ gap:.5rem; padding:.375rem .4375rem .375rem .6875rem }
	.elementor-1103 .elementor-element-66ea8f58{ gap:.375rem }
	.elementor-1103 .elementor-element-3e18f2ff{ gap:.5rem }
	.elementor-1103 .elementor-element-3e18f2ff img{ width:2.25rem }
}
@media (max-width:560px){
	.elementor-1103 .elementor-element-1b16c9b2{ gap:.375rem }
	.elementor-1103 .elementor-element-3e18f2ff{ gap:.375rem }
	.elementor-1103 .elementor-element-3e18f2ff img{ width:2rem }
	.elementor-1103 .elementor-element-4933f50e > p:first-child{ font-size:.8125rem }
	.elementor-1103 .elementor-element-66ea8f58 > a:last-child{ font-size:.6875rem; padding:.375rem .625rem }
}
@media (max-width:400px){
	.elementor-1103 .elementor-element-4933f50e > p:first-child{ display:none }
	.elementor-1103 .elementor-element-3e18f2ff{ gap:0 }
}
/* --- 09. reduced motion kill-switch --- */
@media (prefers-reduced-motion:reduce){
	.elementor-1103 *,
	.elementor-1103 *::before,
	.elementor-1103 *::after{
		animation-duration:.001ms!important; animation-iteration-count:1!important;
		transition-duration:.001ms!important; scroll-behavior:auto!important;
	}
	.elementor-1103 .elementor-element-3f64d982{ transform:scaleX(1) }
}
/* @@HAI_HDR_V2_END */

/* @@HAI_FTR_V2_BEGIN */
/* ============================================================
   HAI FOOTER v2 — "lattice" (Elementor template 1123)
   Scoped to .elementor-1123 so the live footer (34) is untouched
   until this template takes over the footer slot.
   Leaf widgets (e-image / e-paragraph / e-button / e-heading) get
   no .elementor-element-{id} class in V4 — they are reached
   structurally from their container.
   ============================================================ */
.elementor-1123 .elementor-element-1394e89c{ display:none }

/* --- 00. the lattice: two diagonal hairline meshes + brand glows --- */
.elementor-1123 .elementor-element-772b9376{
	position:relative; overflow:hidden;
	padding-inline:2rem;
}
.elementor-1123 .elementor-element-772b9376::before{
	content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
	background-image:
		repeating-linear-gradient(45deg, rgba(255,255,255,.04) 0 1px, transparent 1px 26px),
		repeating-linear-gradient(-45deg, rgba(255,255,255,.04) 0 1px, transparent 1px 26px);
	-webkit-mask-image:linear-gradient(to top, rgba(0,0,0,.95), transparent 66%);
	mask-image:linear-gradient(to top, rgba(0,0,0,.95), transparent 66%);
}
.elementor-1123 .elementor-element-772b9376::after{
	content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
	background-image:
		radial-gradient(46rem 22rem at 88% -8%, rgba(27,157,219,.17), transparent 62%),
		radial-gradient(34rem 18rem at 4% 110%, rgba(245,148,31,.11), transparent 64%);
}
.elementor-1123 .elementor-element-61826110,
.elementor-1123 .elementor-element-7a389a7a,
.elementor-1123 .elementor-element-2f95636{ position:relative; z-index:1 }
/* V4 containers default to width:100%, which stacks every flex row — undo it on flex children */
.elementor-1123 .elementor-element-61826110 > .elementor-element,
.elementor-1123 .elementor-element-7a389a7a > .elementor-element,
.elementor-1123 .elementor-element-1bcf5e2 > .elementor-element,
.elementor-1123 .elementor-element-75348579 > .elementor-element,
.elementor-1123 .elementor-element-653e4ff6 > .elementor-element,
.elementor-1123 .elementor-element-22313fe1 > .elementor-element,
.elementor-1123 .elementor-element-2f95636 > .elementor-element{ width:auto; max-width:100% }
.elementor-1123 .elementor-element-1bcf5e2{ flex:1 1 42rem; gap:1.25rem }
.elementor-1123 .elementor-element-5d8a1371{ flex:0 1 20rem }
.elementor-1123 .elementor-element-1bcf5e2 > .elementor-element{ flex:1 1 7.5rem }
.elementor-1123 .elementor-element-6d73d1b5{ flex:1 1 9.5rem }

/* --- 01. the floating glass band (gradient hairline border) --- */
.elementor-1123 .elementor-element-61826110{
	border:1px solid transparent;
	background-image:
		linear-gradient(160deg, rgba(13,33,58,.94), rgba(7,20,38,.96)),
		linear-gradient(115deg, rgba(27,157,219,.62), rgba(255,255,255,.07) 44%, rgba(245,148,31,.5));
	background-origin:border-box;
	background-clip:padding-box, border-box;
	box-shadow:0 30px 66px -34px rgba(2,10,22,.95);
	backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
}
.elementor-1123 .elementor-element-29ec26b2 > p{ position:relative; padding-inline-start:1.125rem }
.elementor-1123 .elementor-element-29ec26b2 > p::before{
	content:""; position:absolute; inset-inline-start:0; top:.5em;
	width:.5rem; height:.5rem; border-radius:999px;
	background-color:#1B9DDB; box-shadow:0 0 0 .1875rem rgba(27,157,219,.22);
}
.elementor-1123 .elementor-element-29ec26b2 > h3{ letter-spacing:0; line-height:1.5; max-width:26rem }

/* --- 02. band actions: gradient pill + glass phone chip --- */
.elementor-1123 .elementor-element-63466dfe > a{
	border-radius:999px; text-decoration:none; font-weight:700;
	transition:transform .26s cubic-bezier(.22,1,.36,1), box-shadow .26s ease, background-color .26s ease, border-color .26s ease;
}
.elementor-1123 .elementor-element-63466dfe > a:first-child{
	padding:.8125rem 1.5rem; color:#fff; border:1px solid transparent;
	background-image:linear-gradient(120deg, #1B9DDB, #123256);
	box-shadow:0 14px 30px -14px rgba(27,157,219,.75);
}
.elementor-1123 .elementor-element-63466dfe > a:first-child:hover,
.elementor-1123 .elementor-element-63466dfe > a:first-child:focus{
	transform:translateY(-2px); box-shadow:0 20px 40px -14px rgba(27,157,219,.9);
	background-image:linear-gradient(120deg, #2FB4EE, #17406C);
}
.elementor-1123 .elementor-element-63466dfe > a:last-child{
	padding:.8125rem 1.25rem; color:rgba(255,255,255,.9);
	background-color:rgba(255,255,255,.06); border-color:rgba(255,255,255,.14);
	font-variant-numeric:tabular-nums;
}
.elementor-1123 .elementor-element-63466dfe > a:last-child:hover,
.elementor-1123 .elementor-element-63466dfe > a:last-child:focus{
	transform:translateY(-2px); color:#fff;
	background-color:rgba(27,157,219,.16); border-color:rgba(27,157,219,.5);
}

/* --- 03. brand lockup: logo in a light chip so the mark always reads --- */
.elementor-1123 .elementor-element-75348579 > a{
	display:flex; align-items:center; justify-content:center;
	width:3.25rem; height:3.25rem; border-radius:1.125rem;
	background-color:rgba(255,255,255,.94);
	box-shadow:0 0 0 1px rgba(255,255,255,.10), 0 16px 34px -18px rgba(27,157,219,.55);
	transition:transform .3s cubic-bezier(.22,1,.36,1), box-shadow .3s ease;
}
.elementor-1123 .elementor-element-75348579 > a:hover{ transform:translateY(-3px) rotate(-2deg) }
.elementor-1123 .elementor-element-75348579 img{ width:2.125rem; height:auto }
.elementor-1123 .elementor-element-70cb12d3 > h3{ letter-spacing:0 }
.elementor-1123 .elementor-element-70cb12d3 > p{ letter-spacing:0 }
.elementor-1123 .elementor-element-44a1c0ab a{
	color:#96A9BF; text-decoration:none; font-variant-numeric:tabular-nums;
	transition:color .22s ease;
}
.elementor-1123 .elementor-element-44a1c0ab a:hover{ color:#1B9DDB }

/* --- 04. social pills --- */
.elementor-1123 .elementor-element-653e4ff6 > a{
	padding:.5rem .875rem; border-radius:999px; text-decoration:none;
	background-color:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12);
	transition:transform .24s cubic-bezier(.22,1,.36,1), background-color .24s ease, border-color .24s ease, box-shadow .24s ease;
}
.elementor-1123 .elementor-element-653e4ff6 > a:hover,
.elementor-1123 .elementor-element-653e4ff6 > a:focus{
	transform:translateY(-3px); color:#fff;
	background-color:rgba(27,157,219,.2); border-color:rgba(27,157,219,.55);
	box-shadow:0 12px 26px -14px rgba(27,157,219,.8);
}

/* --- 05. columns: heading tick + link micro-interaction --- */
.elementor-1123 .elementor-element-1bcf5e2 h4{ position:relative; padding-block-end:.625rem; margin-block-end:.25rem; letter-spacing:0 }
.elementor-1123 .elementor-element-1bcf5e2 h4::after{
	content:""; position:absolute; inset-block-end:0; inset-inline-start:0;
	width:1.75rem; height:2px; border-radius:2px;
	background-image:linear-gradient(to left, #1B9DDB, rgba(245,148,31,.85));
}
.elementor-1123 .elementor-element-1bcf5e2 p a{
	position:relative; display:inline-block; color:#96A9BF; text-decoration:none;
	transition:color .22s ease, transform .26s cubic-bezier(.22,1,.36,1);
}
.elementor-1123 .elementor-element-1bcf5e2 p a::before{
	content:""; position:absolute; top:.62em; inset-inline-start:-.75rem;
	width:.25rem; height:.25rem; border-radius:999px; background-color:#1B9DDB;
	opacity:0; transform:scale(.4);
	transition:opacity .22s ease, transform .26s cubic-bezier(.22,1,.36,1);
}
.elementor-1123 .elementor-element-1bcf5e2 p a:hover,
.elementor-1123 .elementor-element-1bcf5e2 p a:focus{ color:#fff; transform:translateX(-.375rem) }
.elementor-1123 .elementor-element-1bcf5e2 p a:hover::before,
.elementor-1123 .elementor-element-1bcf5e2 p a:focus::before{ opacity:1; transform:scale(1) }
.elementor-1123 .elementor-element-30a26ce5 > p{ max-width:20rem }
.elementor-1123 .elementor-element-30a26ce5 > a{
	align-self:flex-start; padding:.5rem 1rem; border-radius:999px;
	color:#8ED6F4; text-decoration:none; font-weight:700; font-size:.8125rem;
	background-color:rgba(27,157,219,.12); border:1px solid rgba(27,157,219,.34);
	transition:transform .24s cubic-bezier(.22,1,.36,1), background-color .24s ease, color .24s ease;
}
.elementor-1123 .elementor-element-30a26ce5 > a:hover,
.elementor-1123 .elementor-element-30a26ce5 > a:focus{ transform:translateY(-2px); color:#fff; background-color:rgba(27,157,219,.3) }

/* --- 06. license tiles --- */
.elementor-1123 .elementor-element-22313fe1 > a{
	display:flex; flex:0 0 auto; align-items:center; justify-content:center;
	width:4.5rem; padding:.5rem; border-radius:1rem;
	background-color:rgba(255,255,255,.92); border:1px solid rgba(255,255,255,.14);
	transition:transform .28s cubic-bezier(.22,1,.36,1), box-shadow .28s ease;
}
.elementor-1123 .elementor-element-22313fe1 > a:hover{ transform:translateY(-4px); box-shadow:0 18px 34px -18px rgba(2,10,22,.9) }
/* both seals are 1440x1440 squares; the widget's own width rule squeezes them to 17px */
.elementor-1123 .elementor-element-22313fe1 img{ width:3.5rem!important; height:3.5rem!important; object-fit:contain }

/* --- 07. bottom bar: hairline that draws itself in on scroll --- */
.elementor-1123 .elementor-element-2f95636{ border-block-start:1px solid rgba(255,255,255,.07) }
@supports (animation-timeline:view()){
	.elementor-1123 .elementor-element-2f95636::before{
		content:""; position:absolute; inset-block-start:-1px; inset-inline:0; height:1px;
		background-image:linear-gradient(to left, rgba(27,157,219,.9), rgba(245,148,31,.7), transparent);
		transform-origin:right center;
		animation:hai-ftr-line linear both; animation-timeline:view(block); animation-range:entry 10% entry 70%;
	}
}
@keyframes hai-ftr-line{ from{ transform:scaleX(0) } to{ transform:scaleX(1) } }
.elementor-1123 .elementor-element-2d0e9e74 a{ color:#7F93AA; text-decoration:none; transition:color .22s ease }
.elementor-1123 .elementor-element-2d0e9e74 a:hover{ color:#1B9DDB }
.elementor-1123 .elementor-element-2d0e9e74 a + a::before{ content:"·"; margin-inline:0.5rem; color:rgba(127,147,170,.6) }

/* --- 08. columns rise as the footer enters the viewport --- */
@supports (animation-timeline:view()){
	.elementor-1123 .elementor-element-1bcf5e2 > .elementor-element{
		animation:hai-ftr-rise linear both; animation-timeline:view(block); animation-range:entry 5% entry 45%;
	}
}
@keyframes hai-ftr-rise{ from{ opacity:.2; transform:translateY(14px) } to{ opacity:1; transform:none } }

/* --- 09. width steps ---
   Two rules of engagement with Elementor's own CSS on this template:
   (a) base-desktop.css carries `.elementor .e-flexbox-base{flex-direction:row}` (0-2-0),
   (b) the per-document atomic file carries `.elementor .e-{styleId}{flex:1 1 18rem}` (also 0-2-0).
   Both load AFTER the kit's post-6.css, so equal specificity loses on source order —
   every layout override here must be !important. */
@media (max-width:1024px){
	.elementor-1123 .elementor-element-772b9376{ padding-inline:1.5rem }
	.elementor-1123 .elementor-element-7a389a7a{ flex-wrap:wrap!important; gap:1.75rem!important }
	/* brand becomes its own full-width band, laid out horizontally */
	.elementor-1123 .elementor-element-5d8a1371{
		flex:1 1 100%!important; flex-direction:row!important; flex-wrap:wrap!important;
		align-items:center!important; justify-content:space-between!important; gap:1.25rem!important;
	}
	.elementor-1123 .elementor-element-1bcf5e2{ flex:1 1 100%!important }
	.elementor-1123 .elementor-element-1bcf5e2 > .elementor-element{ flex:1 1 calc(33.333% - 1.5rem)!important }
	.elementor-1123 .elementor-element-6d73d1b5{ flex:1 1 calc(33.333% - 1.5rem)!important }
}
@media (max-width:767px){
	.elementor-1123 .elementor-element-772b9376{ gap:1.75rem; padding-block:2.5rem 1.25rem }
	.elementor-1123 .elementor-element-7a389a7a{ gap:1.75rem!important }
	.elementor-1123 .elementor-element-5d8a1371{ flex-direction:column!important; align-items:flex-start!important }
	.elementor-1123 .elementor-element-61826110{
		flex-direction:column!important; align-items:stretch!important; gap:1rem!important; padding:1.25rem;
	}
	.elementor-1123 .elementor-element-29ec26b2 > h3{ font-size:1.1875rem }
	.elementor-1123 .elementor-element-63466dfe{ width:100%; flex-direction:column!important; gap:.625rem!important }
	.elementor-1123 .elementor-element-63466dfe > a{
		display:flex; align-items:center; justify-content:center; width:100%;
	}
	.elementor-1123 .elementor-element-1bcf5e2 > .elementor-element{ flex:1 1 calc(50% - 1.5rem)!important }
	.elementor-1123 .elementor-element-6d73d1b5{ flex:1 1 100%!important }
	.elementor-1123 .elementor-element-22313fe1{ justify-content:flex-start!important }
	.elementor-1123 .elementor-element-2f95636{
		flex-direction:column!important; align-items:flex-start!important; gap:.5rem!important;
	}
}
/* below ~340 the 2-up link grid gets too tight for Persian labels */
@media (max-width:340px){
	.elementor-1123 .elementor-element-1bcf5e2 > .elementor-element{ flex:1 1 100%!important }
	.elementor-1123 .elementor-element-772b9376{ padding-inline:1rem }
}

/* --- 10. reduced motion kill-switch --- */
@media (prefers-reduced-motion:reduce){
	.elementor-1123 *,
	.elementor-1123 *::before,
	.elementor-1123 *::after{
		animation-duration:.001ms!important; animation-iteration-count:1!important;
		transition-duration:.001ms!important; scroll-behavior:auto!important;
	}
	.elementor-1123 .elementor-element-1bcf5e2 > .elementor-element{ opacity:1; transform:none }
}
/* @@HAI_FTR_V2_END */

/* ---------- 13. Phase 16: capped pricing lists (hai-wall) ---------------------
   The support and instagram tiers carry 18–31 real feature lines each. Uncapped they are three
   columns of hairballs, so the list is clipped with a fade and opened by the toggle button that
   the hai-wall-toggle snippet inserts. Nothing is removed from the page source. */
.hai-wall{
	position:relative; max-height:21rem; overflow:hidden;
	-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 3.5rem),transparent);
	mask-image:linear-gradient(180deg,#000 calc(100% - 3.5rem),transparent);
}
.hai-wall.hai-open{ max-height:none; overflow:visible; -webkit-mask-image:none; mask-image:none }
.hai-wall-more{
	display:flex; align-items:center; justify-content:center; gap:.4rem; width:100%;
	margin-block-start:.75rem; padding:.5rem .9rem; border:1px solid rgba(18,50,86,.16); border-radius:999px;
	background:#fff; color:#123256; font-family:Vazirmatn,sans-serif; font-size:.8125rem; font-weight:600;
	line-height:1.4; cursor:pointer; transition:border-color .2s ease,color .2s ease;
}
.hai-wall-more:hover{ border-color:#1b9ddb; color:#1b9ddb }
.hai-wall-more:focus-visible{ outline:2px solid #1b9ddb; outline-offset:2px }
.hai-wall-more::before{ content:"+"; font-weight:700 }
.hai-open + .hai-wall-more::before{ content:"−" }
@media (prefers-reduced-motion:reduce){ .hai-wall{ transition:none } }

/* @@HAI_POLICY_PROSE_BEGIN — task 16: policy prose + single-post title suppression */
.page-id-3 .page-content,.page-id-95 .page-content{max-width:820px;margin-inline:auto;padding-block:1.5rem 3rem;font-size:1.0625rem;line-height:2;text-align:start;color:#1c2b3d}.page-id-3 .page-content h1,.page-id-95 .page-content h1{font-family:Vazirmatn,sans-serif;font-weight:800;color:#123256;font-size:clamp(30px,4vw,50px);letter-spacing:0;line-height:1.26}.page-id-3 .page-content h2,.page-id-95 .page-content h2{font-family:Vazirmatn,sans-serif;font-weight:700;color:#123256;font-size:1.375rem;letter-spacing:0;margin-block:2.25rem .75rem}.page-id-3 .page-content p,.page-id-95 .page-content p{margin-block:0 1rem}.page-id-3 .page-content ul,.page-id-95 .page-content ul{margin-block:0 1.25rem;padding-inline-start:1.25rem}.page-id-3 .page-content li,.page-id-95 .page-content li{margin-block:.4rem}.page-id-3 .page-content a,.page-id-95 .page-content a{color:#1b9ddb;text-decoration:none}
.single-post .entry-title,.single-post .post-title,.single-post header.entry-header h1{display:none!important}.single-post .page-content,.single-post .elementor{max-width:none}
/* @@HAI_POLICY_PROSE_END */
/* @@HAI_SURFACES_BEGIN — search / author / 404 / unowned archives + Woo classic surfaces */
body.hai-surface{background:#f6f8fc;color:#123256;font-family:Vazirmatn,sans-serif}
.hai-surface .hai-editorial{max-width:1200px;margin:40px auto 80px;padding-inline:24px}
.hai-surface-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr);gap:32px;align-items:center;padding:56px;border:1px solid #dce6f0;border-radius:32px;background:radial-gradient(ellipse at 90% 10%,#e7f4fe,transparent 55%),linear-gradient(130deg,#fff,#f0f5fb);box-shadow:0 24px 70px -40px #12325633}
.hai-surface-copy{position:relative;grid-column:1;grid-row:1}
.hai-surface h1,.hai-surface h2,.hai-surface h3{font-family:Vazirmatn,sans-serif;letter-spacing:0;line-height:1.45;color:#123256}
.hai-surface h1{font-size:clamp(30px,4vw,52px);font-weight:800;margin:16px 0 20px}
.hai-surface-copy>p:not(.hai-surface-kicker){font-size:17px;line-height:2;color:#52677f;max-width:580px}
.hai-surface-kicker{display:flex;align-items:center;gap:10px;color:#316f8d;font-size:13px;font-weight:700;margin:0}
.hai-surface-kicker:before{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:#1b9ddb;box-shadow:0 0 0 4px #1b9ddb18}
.hai-surface-orbit{position:relative;grid-column:2;grid-row:1;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;max-width:280px;width:100%;justify-self:center;background:radial-gradient(circle,#d4edfc55,transparent 70%)}
.hai-surface-orbit i{position:absolute;inset:8%;border:1px solid #1b9ddb55;border-radius:50%;transform:rotateX(36deg) rotate(-25deg)}
.hai-surface-orbit i:nth-child(2){inset:19%;transform:rotateX(28deg) rotate(30deg);border-color:#f5941f77}
.hai-surface-orbit i:nth-child(3){inset:0;transform:rotateX(46deg) rotate(70deg);border-style:dashed;animation:hai-surface-spin 40s linear infinite}
.hai-surface-orbit b{width:112px;height:112px;display:grid;place-items:center;border-radius:30px;transform:rotate(-6deg);background:linear-gradient(135deg,#123256,#1b9ddb);color:white;font-size:36px;box-shadow:0 24px 54px -20px #12325688}
@keyframes hai-surface-spin{to{transform:rotateX(46deg) rotate(430deg)}}
.hai-search{display:flex;align-items:center;gap:8px;padding:6px;border:1px solid #dce6f0;border-radius:18px;background:#fff;margin-top:26px;max-width:560px}
.hai-search input[type=search]{min-width:0;flex:1;border:0!important;background:transparent!important;font-size:15px;padding:12px;border-radius:12px}
.hai-search button,.hai-surface .woocommerce a.button,.hai-surface .woocommerce button.button,.hai-surface .woocommerce input.button,.hai-surface .woocommerce #respond input#submit{border:0!important;border-radius:999px!important;background:linear-gradient(135deg,#137eaf,#123256)!important;color:#fff!important;padding:14px 24px!important;font-family:inherit;font-weight:700;line-height:1.5;text-decoration:none;transition:transform .25s,box-shadow .25s}
.hai-search button{white-space:nowrap;font-size:14px;border-radius:12px!important;padding:12px 20px!important}
.hai-search button:hover,.hai-surface .woocommerce .button:hover{transform:translateY(-2px);box-shadow:0 12px 24px -12px #137eaf99}
.hai-surface a:focus-visible,.hai-surface button:focus-visible,.hai-surface input:focus-visible,.hai-surface select:focus-visible,.hai-surface textarea:focus-visible{outline:3px solid #1b9ddb;outline-offset:3px}
.hai-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px}
.hai-result-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:32px;border:1px solid #dce6f0;border-radius:24px;background:#fff;transition:transform .3s,border-color .3s,box-shadow .3s}
.hai-result-card:hover{transform:translateY(-4px);border-color:#97ccea;box-shadow:0 24px 50px -34px #12325677}
.hai-result-meta{display:flex;justify-content:space-between;gap:16px;width:100%;color:#52677f;font-size:12px;margin-bottom:20px}
.hai-result-meta>span:first-child{color:#316f8d;background:#eaf6fd;border-radius:999px;padding:3px 10px}
.hai-result-card h2{font-size:24px;font-weight:750;margin:0 0 16px}
.hai-result-card h2 a{color:inherit;text-decoration:none}
.hai-result-card>p{font-size:15px;line-height:2;color:#52677f;margin:0 0 28px}
.hai-result-link{display:flex;justify-content:space-between;gap:24px;width:100%;margin-top:auto;padding-top:20px;border-top:1px solid #e5edf5;color:#316f8d;font-size:14px;font-weight:700;text-decoration:none}
.hai-pagination{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:36px}
.hai-pagination .page-numbers{padding:10px 16px;border:1px solid #dce6f0;border-radius:12px;background:white;color:#123256;text-decoration:none}
.hai-pagination .current{background:#123256;color:white}
.hai-empty{padding:40px;margin-top:32px;border:1px solid #dce6f0;border-radius:24px;background:#fff}
.hai-empty h2{font-size:28px;margin:16px 0}
.hai-empty p{color:#52677f;line-height:2}
.hai-route-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px}
.hai-route-links a{display:flex;justify-content:space-between;gap:8px;padding:18px;background:#f0f6fc;border:1px solid #dce6f0;border-radius:14px;color:#123256;text-decoration:none;font-size:14px;font-weight:700}
.hai-surface .site-main:not(.hai-editorial){max-width:1200px;margin:40px auto 80px;padding-inline:24px}
.hai-surface .site-main>.page-header{position:relative;overflow:hidden;border-radius:28px;margin-bottom:32px;padding:44px;background:radial-gradient(ellipse at 90% 0%,#1b9ddb55,transparent 60%),linear-gradient(130deg,#0a1c34,#16406b);border:1px solid #1b9ddb44}
.hai-surface .site-main>.page-header h1{color:#fff;margin:0;font-size:clamp(30px,4vw,48px)}
.hai-surface .site-main>.page-content{min-width:0;background:#fff;border:1px solid #dce6f0;border-radius:24px;padding:36px;box-shadow:0 20px 60px -46px #12325655}
.hai-surface:is(.page-id-3,.page-id-95) .site-main{max-width:960px}
.hai-surface:is(.page-id-3,.page-id-95) .page-content{font-size:17px;line-height:2.1;color:#344e68;text-align:start}
.hai-surface:is(.page-id-3,.page-id-95) .page-content h2{font-size:24px;font-weight:750;margin-block:36px 16px}
.hai-surface:is(.page-id-3,.page-id-95) .page-content p,.hai-surface:is(.page-id-3,.page-id-95) .page-content ul{margin-block:0 20px}
.hai-surface:is(.page-id-3,.page-id-95) .page-content li{margin-block:8px}
.hai-surface .woocommerce{font-size:16px;color:#344e68;line-height:1.8}
.hai-surface .woocommerce input.input-text,.hai-surface .woocommerce textarea,.hai-surface .woocommerce select{max-width:100%;padding:12px 14px;border:1px solid #cfdae7;border-radius:12px;background:#f9fbfe;color:#123256;font-family:inherit;font-size:16px}
.hai-surface .woocommerce table.shop_table{border:1px solid #dce6f0;border-radius:16px;border-collapse:separate;overflow:hidden}
.hai-surface .woocommerce table.shop_table th{background:#edf5fc;color:#123256;font-weight:700;padding:16px}
.hai-surface .woocommerce table.shop_table td{padding:16px;border-top:1px solid #e5edf5}
.hai-surface .woocommerce table.shop_table a{color:#316f8d;text-decoration:none}
.hai-surface .woocommerce .quantity .qty{min-width:64px;width:80px}
.hai-surface .woocommerce form.login,.hai-surface .woocommerce form.register,.hai-surface .woocommerce .woocommerce-checkout-review-order,.hai-surface .woocommerce .cart_totals{padding:24px;border:1px solid #dce6f0;border-radius:20px;background:#f9fbfe}
.hai-surface .woocommerce .woocommerce-message,.hai-surface .woocommerce .woocommerce-info,.hai-surface .woocommerce .woocommerce-error{background:#eef6fd;border-radius:14px;border-top-color:#1379ab;color:#123256}
.hai-surface .woocommerce .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.hai-surface .woocommerce .woocommerce-MyAccount-navigation a{display:block;padding:14px 20px;background:#edf5fc;border:1px solid #dce6f0;border-radius:12px;color:#123256;text-decoration:none}
.hai-surface .woocommerce .woocommerce-MyAccount-navigation .is-active a{background:#123256;color:#fff}
.hai-surface .woocommerce .woocommerce-checkout-payment{border-radius:16px!important;background:#edf5fc!important}
@media(max-width:767px){.hai-surface .hai-editorial,.hai-surface .site-main:not(.hai-editorial){margin-block:24px 48px;padding-inline:16px}.hai-surface-hero{grid-template-columns:minmax(0,1fr);padding:28px 24px;gap:24px;border-radius:24px}.hai-surface-copy{grid-column:1;grid-row:1}.hai-surface-orbit{grid-column:1;grid-row:2;max-width:180px}.hai-surface-orbit b{width:82px;height:82px;font-size:28px;border-radius:24px}.hai-surface-copy>p:not(.hai-surface-kicker){font-size:15px}.hai-search button{padding:12px!important}.hai-search input[type=search]{padding:10px 8px;font-size:14px}.hai-results{grid-template-columns:minmax(0,1fr);gap:16px}.hai-result-card{padding:24px}.hai-result-card h2{font-size:21px}.hai-empty{padding:28px 24px}.hai-empty h2{font-size:24px}.hai-route-links{grid-template-columns:repeat(2,minmax(0,1fr))}.hai-surface .site-main>.page-header{padding:32px 24px}.hai-surface .site-main>.page-content{padding:24px 18px}.hai-surface .woocommerce table.shop_table td{padding:12px}.hai-surface .woocommerce form.login,.hai-surface .woocommerce form.register,.hai-surface .woocommerce .cart_totals{padding:18px}.hai-surface .woocommerce .col2-set .col-1,.hai-surface .woocommerce .col2-set .col-2{width:100%}.hai-surface .woocommerce .coupon{display:flex;flex-wrap:wrap;gap:8px}.hai-surface .woocommerce .coupon .input-text{width:100%!important}}
@media(prefers-reduced-motion:reduce){.hai-surface-orbit i{animation:none!important}.hai-surface *{transition:none!important;scroll-behavior:auto!important}}
.hai-surface .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* @@HAI_SURFACES_END */

/* @@HAI_HDR_V3_BEGIN */
/* ------------------------------------------------------------------
   HEADER v3 — centring, colour and the scroll rail
   1. The outer row (3bb37c21) is a COLUMN flex with align-items:stretch,
      so the 76rem capsule was pinned to the inline start. That is the
      real reason the pill looked off-centre (175px one side, 32px the
      other). align-items:center fixes the geometry for every viewport.
   2. The capsule is now an opaque glass surface: over the site's pale
      body gradient a .72 alpha navy went muddy and the white nav lost
      contrast. 3 columns give the menu a true optical centre between
      brand and actions instead of "wherever the flexbox lands".
   3. The scroll rail is a real progress bar inside the pill: a faint
      track plus the gradient fill, both inset from the rounded ends,
      driven by the same scroll timeline as before (no JS).
   ------------------------------------------------------------------ */
.elementor-1103 .elementor-element-3bb37c21{ align-items:center!important; position:relative!important }
.elementor-1103 .elementor-element-1b16c9b2{
	width:min(76rem,100%)!important; max-width:76rem!important; margin-inline:auto!important;
	display:grid!important;
	grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
	align-items:center!important; column-gap:1.25rem!important;
	padding-block:.5rem .625rem!important; padding-inline:1.375rem .625rem!important;
	border-radius:999px!important;
	background:linear-gradient(112deg,rgba(11,30,53,.97) 0%,rgba(7,20,36,.96) 55%,rgba(13,36,62,.97) 100%)!important;
	border:1px solid rgba(140,200,240,.22)!important;
	box-shadow:0 22px 48px -26px rgba(4,16,32,.7), inset 0 1px 0 rgba(255,255,255,.07)!important;
	position:relative!important;
}
.elementor-1103 .elementor-element-3e18f2ff{ justify-self:start }
.elementor-1103 .elementor-element-157ada9f{ justify-self:center; min-width:0 }
.elementor-1103 .elementor-element-66ea8f58{ justify-self:end }
.elementor-1103 .elementor-element-4fd9d2ba{ width:auto }
.elementor-1103 .elementor-nav-menu--main{ flex:0 0 auto }
.elementor-1103 .elementor-nav-menu--main .elementor-item{ padding:.5rem .8125rem!important }
.elementor-1103 .elementor-element-4933f50e > p:first-child{ color:#FFFFFF!important }
.elementor-1103 .elementor-element-4933f50e > p:last-child{ color:rgba(214,232,246,.72)!important }
/* progress rail — geometry shared by the track and the fill so they always align:
   the pill is min(76rem,100%) wide, inset another 2.25rem on each side. */
.elementor-1103{
	--hai-rail-w:calc(min(76rem,100% - 2 * clamp(.75rem,3vw,2rem)) - 4.5rem);
}
/* glass veil behind the band, fading in as the page leaves the hero so page
   content never peeks through the 8px gap around the pill */
@supports (animation-timeline: scroll()){
	header.elementor-1103::before{
		content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
		background:linear-gradient(180deg,rgba(6,19,37,.88) 0%,rgba(6,19,37,.56) 78%,rgba(6,19,37,0) 100%);
		-webkit-backdrop-filter:blur(14px) saturate(140%); backdrop-filter:blur(14px) saturate(140%);
		opacity:0;
		animation:hai-hdr-veil linear both;
		animation-timeline:scroll(root block);
		animation-range:0 140px;
	}
}
@keyframes hai-hdr-veil{ from{ opacity:0 } to{ opacity:1 } }
/* track */
header.elementor-1103::after{
	content:""; position:absolute; inset-inline:0; bottom:1.25rem;
	width:var(--hai-rail-w); height:2px; margin-inline:auto;
	border-radius:999px;
	background:linear-gradient(90deg,rgba(255,255,255,.07),rgba(255,255,255,.2) 50%,rgba(255,255,255,.07));
	pointer-events:none; z-index:1;
}
/* fill — the original 3f64d982 node, re-anchored onto the pill's bottom inset */
.elementor-1103 .elementor-element-3f64d982{
	position:absolute!important; inset-inline:0!important; bottom:1.25rem!important;
	inset-block-start:auto!important;
	width:var(--hai-rail-w)!important; max-width:none!important;
	margin-inline:auto!important;
	min-height:2px!important; height:2px!important;
	z-index:2; opacity:1!important; border-radius:999px!important;
	background-image:linear-gradient(90deg,#1B9DDB 0%,#4FB2E6 42%,#F5941F 100%)!important;
	transform-origin:right center!important;
	box-shadow:0 0 10px rgba(27,157,219,.5);
}
@supports not (animation-timeline: scroll()){
	.elementor-1103 .elementor-element-3f64d982{ display:none }
}
@media (max-width:1024px){
	.elementor-1103 .elementor-element-1b16c9b2{
		display:flex!important; justify-content:space-between!important;
		column-gap:.625rem!important; padding-inline:.75rem .5rem!important;
	}
	header.elementor-1103::after,
	.elementor-1103 .elementor-element-3f64d982{ bottom:1.0625rem!important }
}
@media (max-width:767px){
	.elementor-1103 .elementor-element-1b16c9b2{ padding-block:.4375rem .5rem!important }
}
@media (prefers-reduced-motion:reduce){
	header.elementor-1103::before{ opacity:0!important; animation:none!important }
}
/* @@HAI_HDR_V3_END */

/* @@HAI_COMMERCE_BEGIN */
/* ==================================================================
   COMMERCE SURFACES — shop archive (doc 459, cards from doc 460) and
   single product (doc 164). Both documents were still on the legacy
   Elementor skin: pale blue body gradient, orange pills, 10px cards,
   brown price-table headers. Everything below restyles those exact
   nodes to the site's design language (paper canvas, navy ink, blue
   pill CTAs, 20-24px cards) without touching their WooCommerce logic:
   the loop grid, product title/short description/content, pricing
   tables and the add-to-cart form keep working as they are.
   ================================================================== */
:root{
	--hai-ink:#0C1D33; --hai-ink-2:#123256; --hai-blue:#1B9DDB; --hai-blue-deep:#0F6FA8;
	--hai-orange:#F5941F; --hai-paper:#F6F8FC; --hai-line:#E2E8F2; --hai-muted:#52677F;
	--hai-on-dark:#A9BCD0;
}
/* ---- shared canvas: remove the default radial body gradient on these pages ---- */
body.woocommerce-shop, body.single-product{ background:#F6F8FC!important }
body.woocommerce-shop .elementor-459,
body.single-product .elementor-164{ background:transparent!important }
body.woocommerce-shop .site-main, body.single-product .site-main{ background:transparent }

/* ================= SHOP ARCHIVE (459) ================= */
/* hero band */
.elementor-459 .elementor-element-09d9c10{
	background:linear-gradient(178deg,#F7FAFD 0%,#F3F8FC 55%,#F6F8FC 100%)!important;
	margin-block:0!important;
	padding-block:clamp(2rem,4vw,3.5rem) clamp(2.25rem,4.5vw,4rem)!important;
	padding-inline:0!important;
	position:relative; overflow:hidden;
}
.elementor-459 .elementor-element-09d9c10::before{
	content:""; position:absolute; inset-block-start:-30%; inset-inline-end:-8%;
	width:44rem; height:44rem; border-radius:50%; pointer-events:none;
	background:radial-gradient(circle,rgba(27,157,219,.13),transparent 62%);
}
.elementor-459 .elementor-element-09d9c10 > .e-con-inner{
	position:relative; display:grid!important;
	grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;
	gap:clamp(1.75rem,3.5vw,3.5rem)!important; align-items:center!important;
	max-width:1200px!important; margin-inline:auto!important;
	padding-inline:clamp(1rem,3vw,1.5rem);
}
/* hero copy — the shipped nodes are the legacy heading / text / button / image,
   so the new language is applied to those ids and the band above keeps the layout. */
.elementor-459 .elementor-element-3ddf93c{
	justify-content:center!important; align-items:flex-start!important;
	gap:1.125rem!important; width:100%!important; max-width:none!important;
}
.elementor-459 .elementor-element-3ddf93c::before{
	content:"سامانه‌های سازمانی هنرافزار";
	display:inline-block; font-size:.75rem; font-weight:700; letter-spacing:.06em;
	color:#0F6FA8; background:#EAF4FB; border:1px solid #D3E8F6;
	border-radius:999px; padding:.375rem .875rem; margin-bottom:.25rem;
}
.elementor-459 .elementor-element-1b75853 .elementor-heading-title{
	font-family:Vazirmatn,sans-serif!important;
	font-size:clamp(2rem,4vw,3.25rem)!important; line-height:1.24!important;
	font-weight:800!important; color:var(--hai-ink)!important;
	letter-spacing:-0.01em!important; margin:0!important; max-width:22ch;
}
.elementor-459 .elementor-element-83f634c p{
	font-size:1.0625rem!important; line-height:2.05!important;
	color:var(--hai-muted)!important; margin:0!important; max-width:56ch;
}
.elementor-459 .elementor-element-d13ae15{ margin-top:.5rem!important }
.elementor-459 .elementor-element-d13ae15 .elementor-button{
	display:inline-flex!important; align-items:center; justify-content:center;
	padding:.9rem 1.85rem!important; border-radius:999px!important;
	background-color:transparent!important;
	background-image:linear-gradient(135deg,#1B9DDB,#0F6FA8)!important;
	color:#FFFFFF!important; font-family:Vazirmatn,sans-serif!important;
	font-size:.9375rem!important; font-weight:700!important;
	box-shadow:0 16px 34px -16px rgba(27,157,219,.8)!important;
	transition:transform .24s ease,box-shadow .24s ease;
}
.elementor-459 .elementor-element-d13ae15 .elementor-button:hover{
	transform:translateY(-2px); box-shadow:0 22px 40px -16px rgba(27,157,219,.85)!important;
}
.elementor-459 .elementor-element-0425d1b{
	width:100%!important; max-width:none!important;
	background:#FFFFFF!important; border:1px solid var(--hai-line)!important;
	border-radius:30px!important; padding:clamp(1rem,2vw,1.75rem)!important;
	box-shadow:0 36px 74px -54px rgba(12,29,51,.6)!important;
}
.elementor-459 .elementor-element-49a7967{ width:100%!important }
.elementor-459 .elementor-element-49a7967 img{
	width:100%!important; max-width:380px; height:auto; display:block; margin-inline:auto;
}
/* feature band: «چرا ERP» */
.elementor-459 .elementor-element-213e5e0{
	background:#FFFFFF!important; margin-block:0!important;
	padding-block:clamp(2.25rem,4vw,3.5rem)!important;
	border-block:1px solid var(--hai-line);
}
.elementor-459 .elementor-element-213e5e0 > .e-con-inner{
	display:flex!important; flex-wrap:wrap!important; gap:1rem!important;
	max-width:1200px!important; margin-inline:auto!important;
	padding-inline:clamp(1rem,3vw,1.5rem);
}
.elementor-459 .elementor-element-e6473d7{ width:100%!important; margin-bottom:.75rem!important; flex:0 0 100%!important }
.elementor-459 .elementor-element-e6473d7 .elementor-heading-title{
	font-family:Vazirmatn,sans-serif!important; font-size:clamp(1.375rem,2.2vw,1.875rem)!important;
	font-weight:800!important; color:var(--hai-ink)!important; line-height:1.45!important;
	margin:0!important; text-align:start!important;
}
.elementor-459 .elementor-element-213e5e0 > .e-con-inner > .e-con:not(.elementor-element-e6473d7){
	width:auto!important; max-width:none!important; flex:1 1 calc(20% - 1rem)!important;
	min-width:11rem; padding:1.375rem 1rem!important; border-radius:20px!important;
	background:#F8FBFE!important; border:1px solid var(--hai-line)!important;
	box-shadow:none!important; transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.elementor-459 .elementor-element-213e5e0 > .e-con-inner > .e-con:not(.elementor-element-e6473d7):hover{
	transform:translateY(-4px); border-color:#BFDCF0!important;
	box-shadow:0 22px 40px -30px rgba(12,29,51,.55)!important;
}
.elementor-459 .elementor-element-213e5e0 .elementor-icon-box-wrapper{ gap:.5rem!important }
.elementor-459 .elementor-element-213e5e0 .elementor-icon{ font-size:1.75rem!important }
.elementor-459 .elementor-element-213e5e0 .elementor-icon svg{ fill:#0F6FA8!important }
.elementor-459 .elementor-element-213e5e0 .elementor-icon-box-title,
.elementor-459 .elementor-element-213e5e0 .elementor-icon-box-title span{
	font-family:Vazirmatn,sans-serif!important; font-size:.9375rem!important;
	font-weight:800!important; color:var(--hai-ink)!important; margin:0!important;
}
/* «ERP چیست؟» band */
.elementor-459 .elementor-element-2920290{ margin-block:clamp(2rem,4vw,3.5rem)!important; padding-inline:0!important }
.elementor-459 .elementor-element-2920290 > .e-con-inner{
	display:grid!important; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;
	gap:clamp(1.5rem,3vw,3rem)!important; align-items:center!important;
	max-width:1200px!important; margin-inline:auto!important;
	padding:clamp(1.5rem,3vw,2.5rem)!important;
	background:#FFFFFF; border:1px solid var(--hai-line); border-radius:26px;
	box-shadow:0 30px 70px -55px rgba(12,29,51,.55);
}
/* text column reads first (right), illustration second (left) */
.elementor-459 .elementor-element-2920290 .elementor-element-c33b9e5{ grid-column:1!important; grid-row:1 }
.elementor-459 .elementor-element-2920290 .elementor-element-b083dbe{ grid-column:2!important; grid-row:1; width:100%!important }
.elementor-459 .elementor-element-2920290 .elementor-heading-title,
.elementor-459 .elementor-element-2920290 .elementor-widget-text-editor p{ text-align:start!important }
.elementor-459 .elementor-element-2920290 .elementor-element-b083dbe img{
	width:100%; max-width:320px; height:auto; margin-inline:auto; display:block;
	border-radius:20px; background:#F2F8FD; padding:1rem;
}
.elementor-459 .elementor-element-2920290 .elementor-element-c33b9e5{
	width:100%!important; gap:.75rem!important; align-items:flex-start!important;
}
.elementor-459 .elementor-element-2920290 .elementor-heading-title{
	font-family:Vazirmatn,sans-serif!important; font-size:clamp(1.375rem,2.4vw,2rem)!important;
	font-weight:800!important; color:var(--hai-ink)!important; line-height:1.4!important; margin:0!important;
}
.elementor-459 .elementor-element-2920290 .elementor-widget-text-editor p{
	font-size:1rem!important; line-height:2.05!important; color:var(--hai-muted)!important; margin:0!important;
}
/* product catalogue */
.elementor-459 .elementor-element-571ec92{
	margin-block:0!important; padding-block:clamp(2.25rem,4.5vw,3.75rem)!important;
	background:#F6F8FC!important;
}
.elementor-459 .elementor-element-571ec92 > .e-con-inner{
	max-width:1200px!important; margin-inline:auto!important; padding-inline:clamp(1rem,3vw,1.5rem);
}
.elementor-459 .elementor-element-4633d4c{ margin-bottom:.5rem!important }
.elementor-459 .elementor-element-4633d4c .elementor-heading-title{
	font-family:Vazirmatn,sans-serif!important; font-size:clamp(1.5rem,2.6vw,2.125rem)!important;
	font-weight:800!important; color:var(--hai-ink)!important; line-height:1.45!important;
}
.elementor-459 .elementor-element-4a14646{ margin-top:1.5rem!important }
.elementor-459 .elementor-element-4a14646 .elementor-loop-container{ gap:1.25rem!important }
/* loop cards (template 460) */
.elementor-459 .elementor-element-2276f9d{
	border:1px solid var(--hai-line)!important; border-radius:22px!important;
	padding:1rem!important; gap:.875rem!important;
	background:#FFFFFF!important;
	box-shadow:0 18px 40px -34px rgba(12,29,51,.5)!important;
	transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.elementor-459 .elementor-element-2276f9d:hover{
	transform:translateY(-5px); border-color:#BFDCF0!important;
	box-shadow:0 30px 56px -34px rgba(12,29,51,.5)!important;
}
.elementor-459 .elementor-element-e3f92cc{ width:100%!important }
.elementor-459 .elementor-element-e3f92cc img{
	width:100%; height:auto; display:block; border-radius:16px!important;
	background:#F2F8FD; padding:1.25rem;
}
.elementor-459 .elementor-element-940738b{ text-align:start!important; margin-block:.25rem .5rem!important }
.elementor-459 .elementor-460 .elementor-element-940738b .elementor-heading-title{
	font-family:Vazirmatn,sans-serif!important; font-size:1.0625rem!important;
	font-weight:800!important; color:var(--hai-ink)!important; line-height:1.7!important;
	margin:0!important; text-align:start!important; width:100%!important;
}
.elementor-459 .elementor-element-12bdc8b{ width:100%!important }
.elementor-459 .elementor-element-12bdc8b .elementor-button{
	display:flex!important; width:100%!important; justify-content:center!important; align-items:center!important;
	gap:.375rem; padding:.75rem 1rem!important; border-radius:999px!important;
	background-image:linear-gradient(135deg,#1B9DDB,#0F6FA8)!important; background-color:#0F6FA8!important;
	color:#FFFFFF!important; font-family:Vazirmatn,sans-serif!important;
	font-size:.875rem!important; font-weight:700!important; box-shadow:none!important;
	transition:filter .25s ease,transform .25s ease;
}
.elementor-459 .elementor-element-12bdc8b .elementor-button:hover{ filter:brightness(1.08); transform:translateY(-1px) }

/* ================= SINGLE PRODUCT (164) ================= */
.elementor-164 > .e-con{ max-width:none }
/* hero */
.elementor-164 .elementor-element-6c73399{
	min-height:0!important; margin-block:0!important;
	background:linear-gradient(178deg,#F7FAFD 0%,#F2F8FC 60%,#F6F8FC 100%)!important;
	padding-block:clamp(2rem,4vw,3.25rem) clamp(2rem,4vw,3rem)!important;
	padding-inline:0!important;
}
.elementor-164 .elementor-element-6c73399 > .e-con-inner{
	display:grid!important; grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)!important;
	gap:clamp(1.5rem,3.5vw,3.25rem)!important; align-items:center!important;
	max-width:1200px!important; margin-inline:auto!important;
	padding-inline:clamp(1rem,3vw,1.5rem);
}
/* copy becomes a 6-column grid so the two CTAs share a row and the three
   micro-features sit as one row of equal chips underneath — instead of the
   legacy 67%/28%/30% flex widths that wrapped into a staircase. */
.elementor-164 .elementor-element-83debd1{
	grid-column:1!important; grid-row:1; width:100%!important; max-width:none!important;
	display:grid!important; grid-template-columns:repeat(6,minmax(0,1fr))!important;
	gap:.75rem 1rem!important; align-items:start!important; align-content:center!important;
}
.elementor-164 .elementor-element-a19e2b4,
.elementor-164 .elementor-element-8d9e244{ grid-column:1/-1 }
.elementor-164 .elementor-element-92352bf,
.elementor-164 .elementor-element-1f717f3{
	grid-column:span 3; width:100%!important; max-width:none!important;
	margin-top:.5rem!important;
}
.elementor-164 .elementor-element-92352bf .elementor-button,
.elementor-164 .elementor-element-1f717f3 .elementor-button{ width:100%!important }
.elementor-164 .elementor-element-c777216,
.elementor-164 .elementor-element-cdab5e7,
.elementor-164 .elementor-element-13ca2f3{ grid-column:span 2; width:100%!important }
.elementor-164 .elementor-element-634a840{
	grid-column:2!important; grid-row:1; width:100%!important; max-width:none!important;
	background:#FFFFFF!important; border:1px solid var(--hai-line)!important;
	border-radius:28px!important; padding:clamp(1rem,2vw,1.75rem)!important;
	box-shadow:0 34px 70px -50px rgba(12,29,51,.6)!important;
}
.elementor-164 .elementor-element-1ee5c13{ width:100%!important }
.elementor-164 .elementor-element-1ee5c13 img{
	width:100%; height:auto; display:block; border-radius:18px; background:#F2F8FD;
}
.elementor-164 .elementor-element-a19e2b4{ width:100%!important }
.elementor-164 .elementor-element-a19e2b4 .elementor-heading-title{
	font-family:Vazirmatn,sans-serif!important; font-size:clamp(1.875rem,3.2vw,3rem)!important;
	font-weight:800!important; line-height:1.28!important; color:var(--hai-ink)!important;
	letter-spacing:0!important; margin:0!important;
}
.elementor-164 .elementor-element-8d9e244{ width:100%!important }
.elementor-164 .elementor-element-8d9e244 .woocommerce-product-details__short-description p{
	font-size:1.0625rem!important; line-height:2.05!important; color:var(--hai-muted)!important; margin:0!important;
}
.elementor-164 .elementor-element-92352bf .elementor-button,
.elementor-164 .elementor-element-1f717f3 .elementor-button{
	display:inline-flex!important; align-items:center; justify-content:center;
	padding:.9rem 1.75rem!important; border-radius:999px!important; border:0!important;
	font-family:Vazirmatn,sans-serif!important; font-size:.9375rem!important;
	font-weight:700!important; line-height:1.5!important; text-decoration:none!important;
	transition:transform .24s ease,box-shadow .24s ease,background-color .24s ease;
}
.elementor-164 .elementor-element-92352bf .elementor-button{
	background-color:transparent!important;
	background-image:linear-gradient(135deg,#1B9DDB,#0F6FA8)!important;
	color:#FFFFFF!important; box-shadow:0 14px 30px -14px rgba(15,111,168,.65)!important;
}
.elementor-164 .elementor-element-92352bf .elementor-button:hover{
	transform:translateY(-2px); box-shadow:0 20px 36px -14px rgba(15,111,168,.7)!important;
}
.elementor-164 .elementor-element-1f717f3 .elementor-button{
	background-color:#FFFFFF!important; background-image:none!important;
	color:var(--hai-ink)!important; border:1px solid var(--hai-line)!important; box-shadow:none!important;
}
.elementor-164 .elementor-element-1f717f3 .elementor-button:hover{
	background-color:#F2F9FE!important; border-color:#BFD9EC!important; transform:translateY(-2px);
}
/* hero micro-features */
.elementor-164 .elementor-element-c777216,
.elementor-164 .elementor-element-cdab5e7,
.elementor-164 .elementor-element-13ca2f3{
	max-width:none!important; min-width:0;
	padding:.75rem .875rem!important; border-radius:16px!important;
	background:#FFFFFF!important; border:1px solid var(--hai-line)!important;
}
.elementor-164 .elementor-element-c777216 .elementor-icon-box-wrapper,
.elementor-164 .elementor-element-cdab5e7 .elementor-icon-box-wrapper,
.elementor-164 .elementor-element-13ca2f3 .elementor-icon-box-wrapper{ gap:.375rem!important }
.elementor-164 .elementor-element-c777216 .elementor-icon svg,
.elementor-164 .elementor-element-cdab5e7 .elementor-icon svg,
.elementor-164 .elementor-element-13ca2f3 .elementor-icon svg{ fill:#0F6FA8!important }
.elementor-164 .elementor-element-c777216 .elementor-icon,
.elementor-164 .elementor-element-cdab5e7 .elementor-icon,
.elementor-164 .elementor-element-13ca2f3 .elementor-icon{ font-size:1.25rem!important }
.elementor-164 .elementor-element-c777216 .elementor-icon-box-title,
.elementor-164 .elementor-element-cdab5e7 .elementor-icon-box-title,
.elementor-164 .elementor-element-13ca2f3 .elementor-icon-box-title{
	margin:0!important; color:var(--hai-ink)!important;
	font-size:.8125rem!important; font-weight:800!important; line-height:1.6!important;
}
.elementor-164 .elementor-element-c777216 .elementor-icon-box-description,
.elementor-164 .elementor-element-cdab5e7 .elementor-icon-box-description,
.elementor-164 .elementor-element-13ca2f3 .elementor-icon-box-description{
	color:#627487!important; font-size:.6875rem!important; line-height:1.75!important; margin:0!important;
}
/* capability trio */
.elementor-164 .elementor-element-b64cd08{
	margin-block:0!important; padding-block:clamp(2rem,4vw,3.25rem)!important;
	background:#FFFFFF!important; border-block:1px solid var(--hai-line);
}
.elementor-164 .elementor-element-b64cd08 > .e-con-inner{
	display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important;
	gap:1rem!important; max-width:1200px!important; margin-inline:auto!important;
	padding-inline:clamp(1rem,3vw,1.5rem);
}
.elementor-164 .elementor-element-b64cd08 > .e-con-inner > .elementor-widget{
	width:100%!important; max-width:none!important;
	padding:1.5rem 1.375rem!important; border-radius:20px!important;
	background:#F8FBFE!important; border:1px solid var(--hai-line)!important;
	transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.elementor-164 .elementor-element-b64cd08 > .e-con-inner > .elementor-widget:hover{
	transform:translateY(-4px); border-color:#BFDCF0!important;
	box-shadow:0 22px 44px -32px rgba(12,29,51,.5)!important;
}
.elementor-164 .elementor-element-b64cd08 .elementor-icon{ font-size:1.5rem!important }
.elementor-164 .elementor-element-b64cd08 .elementor-icon svg{ fill:#1B9DDB!important }
.elementor-164 .elementor-element-b64cd08 .elementor-icon-box-title{
	color:var(--hai-ink)!important; font-size:1rem!important; font-weight:800!important; margin-block:.5rem .375rem!important;
}
.elementor-164 .elementor-element-b64cd08 .elementor-icon-box-description{
	color:var(--hai-muted)!important; font-size:.875rem!important; line-height:1.95!important;
}
/* product story (rich content) */
.elementor-164 .elementor-element-7751f0e{
	padding-block:clamp(2rem,4vw,3.25rem)!important; padding-inline:0!important;
}
.elementor-164 .elementor-element-7751f0e > .e-con-inner{
	max-width:1200px!important; margin-inline:auto!important; padding-inline:clamp(1rem,3vw,1.5rem);
}
.elementor-164 .elementor-element-e77ca9c{
	padding:clamp(1.5rem,3vw,2.75rem)!important; border-radius:24px!important;
	background:#FFFFFF!important; border:1px solid var(--hai-line)!important;
	box-shadow:0 30px 70px -60px rgba(12,29,51,.6);
}
.elementor-164 .elementor-element-e77ca9c h3{
	font-family:Vazirmatn,sans-serif!important; font-size:1.1875rem!important; font-weight:800!important;
	color:var(--hai-ink)!important; line-height:1.6!important; margin:1.75rem 0 .625rem!important;
}
.elementor-164 .elementor-element-e77ca9c h3:first-child{ margin-top:0!important }
.elementor-164 .elementor-element-e77ca9c p{
	font-size:1rem!important; line-height:2.1!important; color:#3E5670!important; margin:0 0 1rem!important;
}
.elementor-164 .elementor-element-e77ca9c ul{ margin:0 0 1.25rem!important; padding-inline-start:1.125rem!important }
.elementor-164 .elementor-element-e77ca9c li{
	font-size:1rem!important; line-height:2.05!important; color:#3E5670!important; margin-block:.35rem!important;
}
/* pricing */
.elementor-164 .elementor-element-45234ce{
	background:#F6F8FC!important; margin-block:0!important;
	padding-block:clamp(2.25rem,4.5vw,3.5rem)!important; padding-inline:0!important;
}
.elementor-164 .elementor-element-45234ce > .e-con-inner{
	max-width:1200px!important; margin-inline:auto!important;
	display:flex!important; flex-wrap:wrap!important; justify-content:center!important;
	gap:1.25rem!important; padding-inline:clamp(1rem,3vw,1.5rem);
}
.elementor-164 .elementor-element-419fd33,
.elementor-164 .elementor-element-8afd3b5{ width:100%!important; text-align:center!important; margin:0!important }
.elementor-164 .elementor-element-419fd33 .elementor-heading-title{
	font-family:Vazirmatn,sans-serif!important; font-size:clamp(1.5rem,2.6vw,2.125rem)!important;
	font-weight:800!important; color:var(--hai-ink)!important; line-height:1.45!important;
}
.elementor-164 .elementor-element-8afd3b5{ margin-bottom:1rem!important }
.elementor-164 .elementor-element-8afd3b5 .elementor-heading-title{
	font-family:Vazirmatn,sans-serif!important; font-size:1rem!important; font-weight:500!important;
	color:var(--hai-muted)!important; line-height:1.9!important;
}
.elementor-164 .elementor-element-51e5c53,
.elementor-164 .elementor-element-4d43eec,
.elementor-164 .elementor-element-c4a393d{
	width:calc(33.333% - .875rem)!important; max-width:none!important;
	position:relative; overflow:hidden;
	background:#FFFFFF!important; border:1px solid var(--hai-line)!important;
	border-radius:22px!important;
	box-shadow:0 26px 54px -44px rgba(12,29,51,.55)!important;
	transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.elementor-164 .elementor-element-4d43eec{
	border-color:#8FCBEA!important;
	box-shadow:0 30px 60px -40px rgba(15,111,168,.55)!important;
}
.elementor-164 .elementor-element-51e5c53:hover,
.elementor-164 .elementor-element-4d43eec:hover,
.elementor-164 .elementor-element-c4a393d:hover{
	transform:translateY(-5px); border-color:#8FCBEA!important;
	box-shadow:0 34px 64px -40px rgba(12,29,51,.55)!important;
}
.elementor-164 .elementor-price-table{ --e-price-table-header-background-color:transparent!important; background:transparent!important }
.elementor-164 .elementor-price-table__header{
	background:transparent!important; padding:1.75rem 1.5rem 1rem!important; text-align:start!important;
}
.elementor-164 .elementor-price-table__heading{
	font-family:Vazirmatn,sans-serif!important; font-size:1.1875rem!important; font-weight:800!important;
	color:var(--hai-ink)!important; line-height:1.5!important; margin:0 0 .375rem!important;
}
.elementor-164 .elementor-price-table__subheading{
	font-family:Vazirmatn,sans-serif!important; font-size:.8125rem!important; font-weight:500!important;
	color:#627487!important; line-height:1.8!important; display:block!important;
}
.elementor-164 .elementor-price-table__price{
	padding:.25rem 1.5rem 1.25rem!important;
	display:flex!important; flex-wrap:wrap!important; align-items:baseline!important; gap:.375rem!important;
	text-align:start!important;
	border-bottom:1px solid var(--hai-line)!important; margin-bottom:.25rem!important;
}
.elementor-164 .elementor-price-table__integer-part{ order:1 }
.elementor-164 .elementor-price-table__currency{ order:2; margin:0!important; font-size:.875rem!important }
.elementor-164 .elementor-price-table__period{ order:3; width:100%; margin-top:.375rem!important }
.elementor-164 .elementor-price-table__price .elementor-price-table__integer-part{
	font-family:Vazirmatn,sans-serif!important; font-size:2.125rem!important; font-weight:800!important;
	color:var(--hai-ink)!important; line-height:1.25!important;
}
.elementor-164 .elementor-price-table__currency,
.elementor-164 .elementor-price-table__period{
	font-family:Vazirmatn,sans-serif!important; font-size:.75rem!important; font-weight:600!important;
	color:#607389!important; line-height:1.8!important; display:block!important;
}
.elementor-164 .elementor-price-table__currency{ margin-bottom:.25rem!important }
.elementor-164 .elementor-price-table__period{ margin-top:.375rem!important }
.elementor-164 .elementor-price-table__features-list{ padding:1rem 1.5rem .5rem!important; margin:0!important; list-style:none!important }
.elementor-164 .elementor-price-table__features-list li{
	padding:.45rem 0!important; margin:0!important; border:0!important;
	font-family:Vazirmatn,sans-serif!important; font-size:.875rem!important; font-weight:500!important;
	color:#3E5670!important; line-height:1.9!important;
}
.elementor-164 .elementor-price-table__features-list li::before{ display:none!important; border:0!important }
.elementor-164 .elementor-price-table__feature-inner{ display:flex!important; align-items:flex-start; gap:.5rem }
.elementor-164 .elementor-price-table__feature-inner svg{ flex:0 0 auto; width:1rem!important; height:1rem!important; margin-top:.35rem; fill:#1B9DDB!important }
.elementor-164 .elementor-price-table__footer{ padding:0 1.5rem 1.5rem!important }
.elementor-164 .elementor-price-table__button{
	display:flex!important; width:100%!important; justify-content:center!important; align-items:center!important;
	padding:.8rem 1rem!important; border-radius:999px!important; border:0!important;
	background-color:#0F6FA8!important; background-image:linear-gradient(135deg,#1B9DDB,#0F6FA8)!important;
	color:#FFFFFF!important; font-family:Vazirmatn,sans-serif!important;
	font-size:.875rem!important; font-weight:700!important; text-decoration:none!important;
	transition:filter .25s ease,transform .25s ease;
}
.elementor-164 .elementor-price-table__button:hover{ filter:brightness(1.08); transform:translateY(-1px) }
/* the legacy red diagonal ribbon becomes a small brand badge */
.elementor-164 .elementor-price-table__ribbon{
	position:absolute!important; inset-block-start:.875rem!important; inset-inline-start:.875rem!important;
	inset-inline-end:auto!important; width:auto!important; height:auto!important;
	transform:none!important; overflow:visible!important; background:none!important; border:0!important; z-index:4;
}
.elementor-164 .elementor-price-table__ribbon-inner{
	background:#FDF3E4!important; background-image:none!important; color:#8A5A0C!important;
	border:1px solid #F1D9B4!important; border-radius:999px!important;
	padding:.25rem .6875rem!important; width:auto!important; height:auto!important;
	transform:none!important; box-shadow:none!important; line-height:1.7!important;
	font-family:Vazirmatn,sans-serif!important; font-size:.6875rem!important; font-weight:800!important;
}
/* closing CTA */
.elementor-164 .elementor-element-45648e8{
	background:linear-gradient(150deg,#061325 0%,#0B2440 60%,#123457 100%)!important;
	margin-block:0!important; padding-block:clamp(2.5rem,5vw,4rem)!important; padding-inline:0!important;
}
.elementor-164 .elementor-element-45648e8 > .e-con-inner{
	max-width:820px!important; margin-inline:auto!important; display:flex!important;
	flex-direction:column!important; align-items:center!important; gap:.75rem!important;
	padding-inline:clamp(1rem,3vw,1.5rem); text-align:center;
}
.elementor-164 .elementor-element-e8059e1 .elementor-heading-title{
	font-family:Vazirmatn,sans-serif!important; font-size:clamp(1.5rem,2.8vw,2.25rem)!important;
	font-weight:800!important; color:#FFFFFF!important; line-height:1.45!important;
}
.elementor-164 .elementor-element-dc6c1c2 .elementor-heading-title{
	font-family:Vazirmatn,sans-serif!important; font-size:1rem!important; font-weight:400!important;
	color:var(--hai-on-dark)!important; line-height:2!important;
}
.elementor-164 .elementor-element-3fe4d63{ margin-top:1rem!important }
.elementor-164 .elementor-element-3fe4d63 .elementor-button{
	display:inline-flex!important; align-items:center; justify-content:center;
	padding:.9rem 2rem!important; border-radius:999px!important;
	background-color:transparent!important;
	background-image:linear-gradient(135deg,#1B9DDB,#0F6FA8)!important;
	color:#FFFFFF!important; font-family:Vazirmatn,sans-serif!important;
	font-size:.9375rem!important; font-weight:700!important;
	box-shadow:0 16px 34px -16px rgba(27,157,219,.85)!important;
	transition:transform .24s ease,box-shadow .24s ease;
}
.elementor-164 .elementor-element-3fe4d63 .elementor-button:hover{
	transform:translateY(-2px); box-shadow:0 22px 40px -16px rgba(27,157,219,.9)!important;
}
/* purchase block */
.elementor-164 .elementor-element-6fd18c6{
	background:#F6F8FC!important; min-height:0!important; margin-block:0!important;
	padding-block:clamp(2.25rem,4.5vw,3.5rem)!important; padding-inline:0!important;
}
.elementor-164 .elementor-element-6fd18c6 > .e-con-inner{
	display:grid!important; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
	gap:clamp(1.5rem,3vw,2.5rem)!important; align-items:start!important;
	max-width:1100px!important; margin-inline:auto!important;
	padding-inline:clamp(1rem,3vw,1.5rem);
}
.elementor-164 .elementor-element-4fdf6d5{ width:100%!important; gap:.625rem!important; align-items:flex-start!important }
.elementor-164 .elementor-element-d323f53 .elementor-heading-title{
	font-family:Vazirmatn,sans-serif!important; font-size:clamp(1.25rem,2.2vw,1.625rem)!important;
	font-weight:800!important; color:var(--hai-ink)!important; line-height:1.6!important;
}
.elementor-164 .elementor-element-8687d7c p{
	font-size:.9375rem!important; line-height:2!important; color:var(--hai-muted)!important; margin:0!important;
}
.elementor-164 .elementor-element-fd4ab67{ width:100%!important }
.elementor-164 .elementor-element-5da4ea8{
	width:100%!important; max-width:none!important; background:#FFFFFF!important;
	border:1px solid var(--hai-line)!important; border-radius:24px!important;
	padding:1.5rem!important; box-shadow:0 30px 60px -50px rgba(12,29,51,.6)!important;
}
.elementor-164 .elementor-element-5da4ea8 .variations{ width:100%!important; margin-bottom:1rem!important }
.elementor-164 .elementor-element-5da4ea8 .variations th,
.elementor-164 .elementor-element-5da4ea8 .variations td{ padding:.25rem 0!important; border:0!important }
.elementor-164 .elementor-element-5da4ea8 .variations label{
	color:var(--hai-ink)!important; font-family:Vazirmatn,sans-serif!important;
	font-size:.8125rem!important; font-weight:700!important;
}
.elementor-164 .elementor-element-5da4ea8 select,
.elementor-164 .elementor-element-5da4ea8 .quantity .qty{
	width:100%!important; min-height:2.75rem; padding:.65rem .875rem!important;
	border:1px solid #CFDAE7!important; border-radius:12px!important;
	background-color:#F9FBFE!important; color:var(--hai-ink)!important;
	font-family:Vazirmatn,sans-serif!important; font-size:.9375rem!important;
}
.elementor-164 .elementor-element-5da4ea8 .quantity .qty{ max-width:6rem!important }
.elementor-164 .elementor-element-5da4ea8 .cart button,
.elementor-164 .elementor-element-5da4ea8 .single_add_to_cart_button,
.elementor-164 .elementor-element-5da4ea8 .added_to_cart{
	display:inline-flex!important; align-items:center; justify-content:center;
	padding:.85rem 1.5rem!important; border:0!important; border-radius:999px!important;
	background-color:#0F6FA8!important;
	background-image:linear-gradient(135deg,#1B9DDB,#0F6FA8)!important;
	color:#FFFFFF!important; font-family:Vazirmatn,sans-serif!important;
	font-size:.9375rem!important; font-weight:700!important; text-decoration:none!important;
	transition:filter .25s ease,transform .25s ease;
}
.elementor-164 .elementor-element-5da4ea8 .cart button:hover,
.elementor-164 .elementor-element-5da4ea8 .added_to_cart:hover{
	filter:brightness(1.08); transform:translateY(-1px); background-color:#0F6FA8!important; color:#FFFFFF!important;
}
.elementor-164 .elementor-element-5da4ea8 .cart button:disabled,
.elementor-164 .elementor-element-5da4ea8 .single_add_to_cart_button.disabled{
	opacity:.62!important; cursor:not-allowed!important;
	background-image:none!important; background-color:#A8C4D8!important; box-shadow:none!important;
}
.elementor-164 .elementor-element-5da4ea8 .reset_variations{
	color:#607389!important; font-size:.75rem!important; text-decoration:none!important;
}
.elementor-164 .elementor-element-5da4ea8 .woocommerce-variation-price{ color:var(--hai-ink)!important; font-weight:800!important }

/* ---- responsive ---- */
@media (max-width:1024px){
	.elementor-459 .elementor-element-09d9c10 > .e-con-inner{ grid-template-columns:minmax(0,1fr)!important }
	.elementor-459 .elementor-element-213e5e0 > .e-con-inner > .e-con:not(.elementor-element-e6473d7){ flex-basis:calc(33.333% - 1rem)!important }
	.elementor-164 .elementor-element-6c73399 > .e-con-inner{ grid-template-columns:minmax(0,1fr)!important }
	.elementor-164 .elementor-element-83debd1{ grid-column:1!important; grid-row:1!important; grid-template-columns:minmax(0,1fr)!important }
	.elementor-164 .elementor-element-a19e2b4,
	.elementor-164 .elementor-element-8d9e244,
	.elementor-164 .elementor-element-92352bf,
	.elementor-164 .elementor-element-1f717f3,
	.elementor-164 .elementor-element-c777216,
	.elementor-164 .elementor-element-cdab5e7,
	.elementor-164 .elementor-element-13ca2f3{ grid-column:1/-1!important }
	.elementor-164 .elementor-element-634a840{ grid-column:1!important; grid-row:2!important }
	.elementor-164 .elementor-element-51e5c53,
	.elementor-164 .elementor-element-4d43eec,
	.elementor-164 .elementor-element-c4a393d{ width:calc(50% - .625rem)!important }
	.elementor-164 .elementor-element-6fd18c6 > .e-con-inner{ grid-template-columns:minmax(0,1fr)!important }
}
@media (max-width:767px){
	.elementor-459 .elementor-element-213e5e0 > .e-con-inner > .e-con:not(.elementor-element-e6473d7){ flex-basis:calc(50% - .75rem)!important }
	.elementor-459 .elementor-element-2920290 > .e-con-inner{ grid-template-columns:minmax(0,1fr)!important; padding:1.5rem 1.125rem!important }
	.elementor-459 .elementor-element-2920290 .elementor-element-c33b9e5{ grid-column:1!important; grid-row:1!important }
	.elementor-459 .elementor-element-2920290 .elementor-element-b083dbe{ grid-column:1!important; grid-row:2!important }
	.elementor-164 .elementor-element-b64cd08 > .e-con-inner{ grid-template-columns:minmax(0,1fr)!important }
	.elementor-164 .elementor-element-b64cd08 > .e-con-inner > .elementor-widget{ padding:1.25rem!important }
	.elementor-164 .elementor-element-c777216,
	.elementor-164 .elementor-element-cdab5e7,
	.elementor-164 .elementor-element-13ca2f3{ width:100%!important }
	.elementor-164 .elementor-element-51e5c53,
	.elementor-164 .elementor-element-4d43eec,
	.elementor-164 .elementor-element-c4a393d{ width:100%!important }
	.elementor-164 .elementor-element-92352bf,
	.elementor-164 .elementor-element-1f717f3{ width:100%!important }
	.elementor-164 .elementor-element-92352bf .elementor-button,
	.elementor-164 .elementor-element-1f717f3 .elementor-button{ width:100%!important }
	.elementor-164 .elementor-element-634a840{ border-radius:22px!important; padding:1rem!important }
}
@media (max-width:480px){
	.elementor-459 .elementor-element-213e5e0 > .e-con-inner > .e-con:not(.elementor-element-e6473d7){ flex-basis:100%!important }
}
@media (prefers-reduced-motion:reduce){
	.elementor-459 *, .elementor-164 *{ transition:none!important; animation:none!important }
}
/* @@HAI_COMMERCE_END */

/* ============================================================
   @@HAI_UX_CONTRAST_BEGIN — generated by ux-fix.mjs from rendered measurements
   Each rule lifts one string that a real browser painted below WCAG AA.
   Hue is preserved; only lightness moved. Do not hand-edit: re-run the audit + generator.
   ============================================================ */

/* --- ink families: atomic rules whose own hosts were sampled and proven to need this ink moved --- */
.elementor .e-ecc9fe0a-6261.e-ecc9fe0a-6261,
.elementor .e-59119336-b7f3.e-59119336-b7f3,
.elementor .e-efe1f2b6-9682.e-efe1f2b6-9682,
.elementor .e-00bd96d2-913b.e-00bd96d2-913b,
.elementor .e-c524ec54-42e1.e-c524ec54-42e1,
.elementor .e-400075dc-d1eb.e-400075dc-d1eb,
.elementor .e-1c17a477-dd59.e-1c17a477-dd59,
.elementor .e-77af7bf3-6a29.e-77af7bf3-6a29,
.elementor .e-f146c4e-3762.e-f146c4e-3762,
.elementor .e-2f156674-b1f9.e-2f156674-b1f9,
.elementor .e-34ef48b3-e7c7.e-34ef48b3-e7c7,
.elementor .e-34c64e75-fc04.e-34c64e75-fc04,
.elementor .e-7824caa8-6468.e-7824caa8-6468,
.elementor .e-7a508f0f-aaf2.e-7a508f0f-aaf2,
.elementor .e-5e195480-1b9d.e-5e195480-1b9d,
.elementor .e-2ea4657c-168b.e-2ea4657c-168b,
.elementor .e-463a8422-e47f.e-463a8422-e47f,
.elementor .e-6cd85767-d654.e-6cd85767-d654,
.elementor .e-104da596-477e.e-104da596-477e,
.elementor .e-a75221c7-f618.e-a75221c7-f618,
.elementor .e-aa1df234-d9e0.e-aa1df234-d9e0,
.elementor .e-8490dd2d-d554.e-8490dd2d-d554,
.elementor .e-d147fd8b-5836.e-d147fd8b-5836,
.elementor .e-7c5c3ae7-9ddf.e-7c5c3ae7-9ddf,
.elementor .e-5e5242df-39e8.e-5e5242df-39e8,
.elementor .e-87c02796-838c.e-87c02796-838c,
.elementor .e-c841c313-577a.e-c841c313-577a,
.elementor .e-d0296659-548c.e-d0296659-548c,
.elementor .e-9f8d19c6-b849.e-9f8d19c6-b849,
.elementor .e-6e83c741-9636.e-6e83c741-9636,
.elementor .e-7d1d98dc-106d.e-7d1d98dc-106d,
.elementor .e-5d406b37-98e3.e-5d406b37-98e3,
.elementor .e-27de09ba-0e5f.e-27de09ba-0e5f,
.elementor .e-7549355d-1d31.e-7549355d-1d31,
.elementor .e-f279a1a8-61f5.e-f279a1a8-61f5,
.elementor .e-928569c6-7ccd.e-928569c6-7ccd,
.elementor .e-0d027127-0dd0.e-0d027127-0dd0,
.elementor .e-c6d175ce-7c1b.e-c6d175ce-7c1b,
.elementor .e-8e7c4158-9a49.e-8e7c4158-9a49,
.elementor .e-ce158c62-f3ef.e-ce158c62-f3ef,
.elementor .e-a806e5d2-bc43.e-a806e5d2-bc43,
.elementor .e-7da57172-6dcc.e-7da57172-6dcc,
.elementor .e-7e1c7783-c31b.e-7e1c7783-c31b,
.elementor .e-85585050-b615.e-85585050-b615,
.elementor .e-6bed340d-9a7f.e-6bed340d-9a7f,
.elementor .e-349ee4b7-a0fa.e-349ee4b7-a0fa,
.elementor .e-7f4b7fcb-d03a.e-7f4b7fcb-d03a,
.elementor .e-d5e51bd3-9790.e-d5e51bd3-9790,
.elementor .e-4c67c2a7-a811.e-4c67c2a7-a811,
.elementor .e-0b281302-0351.e-0b281302-0351,
.elementor .e-369c250a-1e31.e-369c250a-1e31,
.elementor .e-65058bc2-05ac.e-65058bc2-05ac,
.elementor .e-e29a6379-4459.e-e29a6379-4459,
.elementor .e-954f1293-6de5.e-954f1293-6de5,
.elementor .e-256dc178-e27c.e-256dc178-e27c,
.elementor .e-7a5bd655-7659.e-7a5bd655-7659,
.elementor .e-19bee2b5-57a5.e-19bee2b5-57a5,
.elementor .e-02524dab-dae7.e-02524dab-dae7,
.elementor .e-da9ede92-2ed0.e-da9ede92-2ed0,
.elementor .e-c1d8a50f-362b.e-c1d8a50f-362b,
.elementor .e-70ef9e9b-02cd.e-70ef9e9b-02cd,
.elementor .e-cf9a84de-4fa6.e-cf9a84de-4fa6,
.elementor .e-f2e868c2-7202.e-f2e868c2-7202,
.elementor .e-4d2bf56c-a33b.e-4d2bf56c-a33b,
.elementor .e-45ca36f8-e3e0.e-45ca36f8-e3e0,
.elementor .e-237de8b8-b47e.e-237de8b8-b47e,
.elementor .e-fc7dfbe9-451b.e-fc7dfbe9-451b,
.elementor .e-0f1a2928-b5d2.e-0f1a2928-b5d2,
.elementor .e-67bfc325-fa00.e-67bfc325-fa00,
.elementor .e-1a504f11-f414.e-1a504f11-f414,
.elementor .e-5595285c-efd9.e-5595285c-efd9,
.elementor .e-532232ae-756b.e-532232ae-756b,
.elementor .e-9db3bc49-3891.e-9db3bc49-3891,
.elementor .e-4e4302e2-c60e.e-4e4302e2-c60e,
.elementor .e-d677c69c-84f2.e-d677c69c-84f2,
.elementor .e-c09fbd82-e22a.e-c09fbd82-e22a,
.elementor .e-12aa547d-abe7.e-12aa547d-abe7,
.elementor .e-36c3a92a-a428.e-36c3a92a-a428,
.elementor .e-c73e3ab2-c6d9.e-c73e3ab2-c6d9,
.elementor .e-99e812bb-db2f.e-99e812bb-db2f,
.elementor .e-84a07031-6f2c.e-84a07031-6f2c,
.elementor .e-32161c11-3059.e-32161c11-3059,
.elementor .e-f9ceb16c-573c.e-f9ceb16c-573c,
.elementor .e-dc3b33b0-c982.e-dc3b33b0-c982,
.elementor .e-3ddb96f9-614e.e-3ddb96f9-614e,
.elementor .e-9b62c22d-f434.e-9b62c22d-f434,
.elementor .e-bf758aa0-5db1.e-bf758aa0-5db1,
.elementor .e-837f12dc-8846.e-837f12dc-8846,
.elementor .e-d4e59e91-64d6.e-d4e59e91-64d6,
.elementor .e-699cb804-52d9.e-699cb804-52d9,
.elementor .e-8ee6b0f4-a38c.e-8ee6b0f4-a38c,
.elementor .e-f6c1b0b0-d04e.e-f6c1b0b0-d04e,
.elementor .e-ef0c5826-9ed2.e-ef0c5826-9ed2,
.elementor .e-d2e5b1b5-473c.e-d2e5b1b5-473c,
.elementor .e-bc2757a9-c8c0.e-bc2757a9-c8c0,
.elementor .e-f85962d1-f951.e-f85962d1-f951,
.elementor .e-8dab7a3e-b807.e-8dab7a3e-b807,
.elementor .e-c262ed1c-ab6e.e-c262ed1c-ab6e,
.elementor .e-6c50f9a8-8ec6.e-6c50f9a8-8ec6,
.elementor .e-df06ac2e-187c.e-df06ac2e-187c,
.elementor .e-72cf6ee3-d213.e-72cf6ee3-d213,
.elementor .e-1ace4276-07da.e-1ace4276-07da,
.elementor .e-0dcdc181-b9e2.e-0dcdc181-b9e2,
.elementor .e-40205fdc-aeb2.e-40205fdc-aeb2,
.elementor .e-f8e45801-381d.e-f8e45801-381d,
.elementor .e-146f8c8b-2e1e.e-146f8c8b-2e1e,
.elementor .e-56a95604-aa8d.e-56a95604-aa8d,
.elementor .e-0c09a169-0bfc.e-0c09a169-0bfc,
.elementor .e-409fc225-1f52.e-409fc225-1f52,
.elementor .e-0ab61158-e14b.e-0ab61158-e14b,
.elementor .e-6665a80f-a3f4.e-6665a80f-a3f4,
.elementor .e-9ee2d593-647d.e-9ee2d593-647d,
.elementor .e-e7662fd2-7376.e-e7662fd2-7376,
.elementor .e-ddb4dd08-5968.e-ddb4dd08-5968,
.elementor .e-0dbd9102-bc7d.e-0dbd9102-bc7d,
.elementor .e-7e335ff7-cbd6.e-7e335ff7-cbd6,
.elementor .e-8c531263-649a.e-8c531263-649a {
  color: #798ea8 !important;
}
/* #9aaabe -> #798ea8 on 117 .elementor-kit-6(s), every sampled host >= 3.25:1 (family was 2.34:1, margin 0.06) */
.e-00bd96d2-913b,
.e-0ab61158-e14b,
.e-0dbd9102-bc7d,
.e-2ea4657c-168b,
.e-2f156674-b1f9,
.e-34c64e75-fc04,
.e-34ef48b3-e7c7,
.e-400075dc-d1eb,
.e-409fc225-1f52,
.e-59119336-b7f3,
.e-5e195480-1b9d,
.e-6665a80f-a3f4,
.e-77af7bf3-6a29,
.e-7824caa8-6468,
.e-7a508f0f-aaf2,
.e-7e335ff7-cbd6,
.e-8c531263-649a,
.e-9ee2d593-647d,
.e-c524ec54-42e1,
.e-ddb4dd08-5968,
.e-e7662fd2-7376,
.e-f146c4e-3762 {
  color: #798ea8 !important;
}
/* was 2.34:1, — / — */
.e-00bd96d2-913b,
.e-0ab61158-e14b,
.e-0dbd9102-bc7d,
.e-1c17a477-dd59,
.e-2f156674-b1f9,
.e-34c64e75-fc04,
.e-34ef48b3-e7c7,
.e-400075dc-d1eb,
.e-59119336-b7f3,
.e-5e195480-1b9d,
.e-77af7bf3-6a29,
.e-7824caa8-6468,
.e-7a508f0f-aaf2,
.e-7e335ff7-cbd6,
.e-8c531263-649a,
.e-9ee2d593-647d,
.e-ddb4dd08-5968,
.e-ecc9fe0a-6261,
.e-efe1f2b6-9682 {
  color: #7b90aa !important;
}
/* was 2.36:1, — / — */

/* --- widget classes that repeat across the site: one rule each --- */

/* --- light ink on a coloured face: the face comes down, the label stays white --- */

/* --- the same, where the face is a widget class rather than one atom --- */

/* --- type floor: Persian needs 12.5px minimum to stay readable --- */
.e-0c09a169-0bfc,
.e-1ace4276-07da,
.e-56a95604-aa8d,
.e-6bed340d-9a7f,
.e-72cf6ee3-d213,
.e-7da57172-6dcc,
.e-85585050-b615,
.e-a806e5d2-bc43,
.e-df06ac2e-187c,
.e-f8e45801-381d {
  font-size: 12.5px !important;
}

/* --- carried forward: measured on an earlier sweep and still holding --- */
.elementor-164 .elementor-element-dc6c1c2 .elementor-heading-title.elementor-heading-title { color: #507092 !important; }
.e-699cb804-52d9,
.e-837f12dc-8846,
.e-8ee6b0f4-a38c,
.e-bc2757a9-c8c0,
.e-bf758aa0-5db1,
.e-d2e5b1b5-473c,
.e-d4e59e91-64d6,
.e-ef0c5826-9ed2,
.e-f6c1b0b0-d04e,
.e-f85962d1-f951 { color: #748aa6 !important; font-size: 12.5px !important; }
.e-3ddb96f9-614e,
.e-837f12dc-8846,
.e-9b62c22d-f434,
.e-bf758aa0-5db1,
.e-dc3b33b0-c982 { color: #7b90aa !important; font-size: 12.5px !important; }
.e-146f8c8b-2e1e,
.e-8dab7a3e-b807 { color: #7087a3 !important; font-size: 12.5px !important; }
.e-6c50f9a8-8ec6,
.e-f85962d1-f951 { color: #f0f6fc !important; font-size: 12.5px !important; }
.e-d4e59e91-64d6 { color: #768ca7 !important; font-size: 12.5px !important; }
.e-0dcdc181-b9e2 { color: #617997 !important; font-size: 12.5px !important; }
.e-40205fdc-aeb2 { color: #7289a4 !important; font-size: 12.5px !important; }
.e-c262ed1c-ab6e { color: #5d7490 !important; font-size: 12.5px !important; }
h2.elementor-heading-title.elementor-size-default { color: #507092 !important; }
div.elementor-element.elementor-element-dc6c1c2 > h2.elementor-heading-title.elementor-size-default { color: #507092 !important; }
.e-02524dab-dae7,
.e-0299c1ce-9bde,
.e-0898068b-f27f,
.e-0b281302-0351,
.e-0c26b1c2-5a68,
.e-0d027127-0dd0,
.e-0e15c568-ac67,
.e-0f1a2928-b5d2,
.e-104da596-477e,
.e-1153993a-5fea,
.e-12f31ce4-c611,
.e-12f96c6e-c3b9,
.e-13355e9c-4912,
.e-133775c-ab12,
.e-13d83f7-44e4,
.e-14b23563-da4d,
.e-15888550-33f2,
.e-15c6e838-4453,
.e-169b398e-a9aa,
.e-18473bec-7866,
.e-1919f5b8-2da8,
.e-19bee2b5-57a5,
.e-1a504f11-f414,
.e-1aa93c14-3d73,
.e-1bab45da-8116,
.e-1ce67b7d-660e,
.e-1e254080-f598,
.e-1f9befb8-3445,
.e-208f95ab-9593,
.e-237de8b8-b47e,
.e-239b048b-5454,
.e-256dc178-e27c,
.e-262992e1-ce18,
.e-263b201b-c5ff,
.e-2711c5f4-83a4,
.e-27de09ba-0e5f,
.e-2846ffd-a33b,
.e-292381eb-7364,
.e-2b21c51f-3e6c,
.e-2bcf82bd-3d4d,
.e-2c7497e1-7f22,
.e-2f41ab29-b8f9,
.e-3008b973-ce7e,
.e-30924e12-765b,
.e-30936c4d-9728,
.e-313c049c-9f91,
.e-32068475-c430,
.e-32ae63ef-881b,
.e-3312f8e2-a75b,
.e-333224f8-4637,
.e-33383cc9-3e0f,
.e-345a344c-6355,
.e-349ee4b7-a0fa,
.e-34b6a9ab-8d58,
.e-34ea4021-3b2f,
.e-35dd4454-cead,
.e-369c250a-1e31,
.e-36e5109f-3d96,
.e-3748a259-8a94,
.e-37bc64d1-a2fc,
.e-37d7164f-68d4,
.e-38406d87-9a87,
.e-38a2605a-a80d,
.e-38b2468a-feae,
.e-38e08906-620f,
.e-39ce3d4f-d453,
.e-3b0fa3f9-8c04,
.e-3c1607fc-fda4,
.e-3c8bd82c-4db8,
.e-3d063e4e-5c7f,
.e-3d20ce6f-a6a4,
.e-3d3f90a-96e7,
.e-3e3c0de3-6b92,
.e-3e4a5ee0-d6fb,
.e-3e650ce3-4145,
.e-3f8420eb-4a48,
.e-4015150-9acd,
.e-407a6cc8-2e98,
.e-40db6b1c-7fa4,
.e-4127d36a-9b48,
.e-41efe5be-ea5d,
.e-43824d8c-125c,
.e-43e88b77-5c58,
.e-44d41a04-711d,
.e-45ca36f8-e3e0,
.e-463a8422-e47f,
.e-472e57ab-29c5,
.e-48f894a8-699d,
.e-49010cf2-2178,
.e-4a36944f-49e0,
.e-4c4403d6-b822,
.e-4c67c2a7-a811,
.e-4d090ed7-9f41,
.e-4d2bf56c-a33b,
.e-4d7cf018-c983,
.e-4e420e84-f4ea,
.e-4fe79017-78fe,
.e-4ffcc9b9-f609,
.e-50194e4f-c708,
.e-50c0e926-cc3a,
.e-5111da74-4cdd,
.e-51a29854-8c92,
.e-535f6248-78f2,
.e-537ea664-9d41,
.e-539dedbd-637b,
.e-53ce6397-93c4,
.e-53fa2e70-fe68,
.e-5447d540-f2b0,
.e-5459b97a-f165,
.e-54dd05e3-b45e,
.e-55269dd9-eb33,
.e-5538027f-e60d,
.e-555a0450-5e56,
.e-55799f25-479f,
.e-5595285c-efd9,
.e-5617df92-d53d,
.e-56398058-3361,
.e-57ace73f-26c0,
.e-5853255e-b6cd,
.e-58ad1666-d426,
.e-5a35fd81-e3a4,
.e-5b485e7e-bfda,
.e-5bb9c096-8dd2,
.e-5d332d42-c210,
.e-5d406b37-98e3,
.e-5e5242df-39e8,
.e-5e96ef7d-1526,
.e-5f1651a1-32de,
.e-5f91b9c3-5c69,
.e-602b37d4-2a0f,
.e-614c822e-3d23,
.e-61cf63c4-4d50,
.e-61d289d5-ced0,
.e-61fb807f-d82d,
.e-62127b73-49e5,
.e-6229ffe1-c57e,
.e-62f1444d-a20a,
.e-638ec0be-9bb3,
.e-63aee946-9445,
.e-63ff19fc-1ec4,
.e-65058bc2-05ac,
.e-658b3229-c87f,
.e-65db07f0-e342,
.e-66a20ea6-6b62,
.e-66c5e819-7fa7,
.e-66f99044-8d91,
.e-676a76b3-c181,
.e-67b26dd1-ce83,
.e-67bfc325-fa00,
.e-680dc106-4303,
.e-681e0b2f-28c5,
.e-6867c443-6d8d,
.e-6b989bba-2ca6,
.e-6bc776bd-b1e5,
.e-6c1ad7d2-88c6,
.e-6c9ee7c7-40dd,
.e-6cd85767-d654,
.e-6d1c01fe-461d,
.e-6e83c741-9636,
.e-6ee996bc-7c36,
.e-6f349281-bfac,
.e-70ef9e9b-02cd,
.e-732d4414-3a69,
.e-73c95c8b-3ebc,
.e-7483d9df-ded8,
.e-75323b1e-384a,
.e-7542d78-874c,
.e-7549355d-1d31,
.e-755964f2-4098,
.e-7594b246-87cc,
.e-7699677b-4d19,
.e-781fec8-71e2,
.e-797709b3-5176,
.e-7a595a5a-8d81,
.e-7a5bd655-7659,
.e-7b220773-cfb3,
.e-7be0e369-ef32,
.e-7c5c3ae7-9ddf,
.e-7ca64f45-eba2,
.e-7d1d98dc-106d,
.e-7d29443e-2eca,
.e-7ebb4203-aeac,
.e-7ebfb911-2f1a,
.e-7ef1581d-f7d9,
.e-7f47a1e0-1d30,
.e-7f4b7fcb-d03a,
.e-81917b06-6f6b,
.e-834e1802-d6ce,
.e-8490dd2d-d554,
.e-87c02796-838c,
.e-8e79a394-b247,
.e-8f7e0eb6-870f,
.e-90f2a46-7981,
.e-919e5f82-df8f,
.e-928569c6-7ccd,
.e-954f1293-6de5,
.e-960cb14a-ae94,
.e-9a05f91b-a3cc,
.e-9ebf7e7c-ce9f,
.e-9f8d19c6-b849,
.e-a2402e15-e676,
.e-a4a3683-a1b3,
.e-a6d755cb-9f97,
.e-a75221c7-f618,
.e-aa1df234-d9e0,
.e-aa3ad7b-493a,
.e-ae6cb42b-1354,
.e-aea8402-a47a,
.e-c1d8a50f-362b,
.e-c270389c-b0ee,
.e-c2df6a74-ecb3,
.e-c368ed9-5eda,
.e-c841c313-577a,
.e-cc77c536-1023,
.e-ce4b336d-7210,
.e-ceae9cf3-a3d2,
.e-ceb0a064-61e6,
.e-cf53de0-f917,
.e-cf9a84de-4fa6,
.e-d0296659-548c,
.e-d147fd8b-5836,
.e-d3ae8574-f523,
.e-d5e51bd3-9790,
.e-da0027d-f9cd,
.e-da9ede92-2ed0,
.e-dace4a3-ec37,
.e-dc1dd2ff-f8c6,
.e-e2588b55-bcd9,
.e-e29a6379-4459,
.e-e9e2a0f-ebaa,
.e-ebbece8a-9f91,
.e-f279a1a8-61f5,
.e-f2e868c2-7202,
.e-fc7dfbe9-451b,
.e-fceab1a-98a1,
.e-fd0f192b-2ce9,
.e-fd6c5e6-a45b,
.e-ff511282-52b7 { font-size: 12.5px !important; } /* part of this list was re-measured above */
.e-03a4a15f-ab98,
.e-0a2fa289-2b31,
.e-124a275a-7f06,
.e-12ea6ffd-82b8,
.e-2119606d-166f,
.e-26e34c67-0eaf,
.e-2a4e8ec0-78ea,
.e-343c4dec-09f5,
.e-366b5acb-24c4,
.e-44af1e5c-4cb4,
.e-4a659de1-07e0,
.e-561624fa-eab4,
.e-56fc7aaf-b351,
.e-5c4800c5-37ea,
.e-5c6c059b-8de0,
.e-627c7fc7-977b,
.e-63af53f2-6782,
.e-65dcdb92-9ed1,
.e-73bfec92-8c9a,
.e-7c94b4c9-5647,
.e-7c97b9e8-866a,
.e-7c9c7307-8ad4,
.e-82f336b0-c760,
.e-85dddbd5-b25f,
.e-9a59696d-7796,
.e-a02b8ad0-046d,
.e-a8073b52-766b,
.e-a955378a-4d64,
.e-ad87cf48-c303,
.e-c74d9eb2-81da,
.e-d21fcc3b-0469,
.e-d61958a4-beda,
.e-d6f53191-7ce4,
.e-e2c42280-ce00,
.e-e48c7a24-c8c4,
.e-e7a50af6-bc53,
.e-ecd99a62-067f,
.e-f94765f5-ab8f { color: #be8137 !important; }
.e-36c3a92a-a428,
.e-532232ae-756b,
.e-8e7c4158-9a49,
.e-9db3bc49-3891,
.e-c6d175ce-7c1b,
.e-c73e3ab2-c6d9 { color: #7b90aa !important; font-size: 12.5px !important; }
.e-12aa547d-abe7,
.e-4e4302e2-c60e,
.e-532232ae-756b,
.e-c09fbd82-e22a,
.e-ce158c62-f3ef,
.e-d677c69c-84f2 { color: #748aa6 !important; font-size: 12.5px !important; }
.e-32161c11-3059,
.e-36c3a92a-a428,
.e-84a07031-6f2c,
.e-99e812bb-db2f,
.e-c73e3ab2-c6d9,
.e-f9ceb16c-573c { color: #798ea8 !important; font-size: 12.5px !important; }
.e-2f7dc86e-c1f9,
.e-3f03207d-a971,
.e-3f9695ec-89be,
.e-59dafd4e-2a8c,
.e-eb48fe4-2e25 { color: #8d99a6 !important; font-size: 12.5px !important; }
.e-13a891bc-1758,
.e-3930f6af-71b7,
.e-3d57f980-287f,
.e-4c5fa3ce-8c05 { color: #7590b1 !important; }
.e-bd126a9-62a4,
.e-db34fab6-c1b7,
.e-f5c769e9-5beb,
.e-f9783eb1-cdcf { color: #bc8037 !important; }
.e-2f7dc86e-c1f9,
.e-361ae58d-2b82,
.e-3f9695ec-89be { color: #909eaf !important; font-size: 12.5px !important; }
.e-3f03207d-a971,
.e-59dafd4e-2a8c { color: #949fab !important; font-size: 12.5px !important; }
.e-361ae58d-2b82 { color: #98a6b5 !important; font-size: 12.5px !important; }
.e-eb48fe4-2e25 { color: #97a8bb !important; font-size: 12.5px !important; }
.e-9db3bc49-3891 { color: #7087a3 !important; font-size: 12.5px !important; }
.e-fc17469c-4db4 { color: #5d7492 !important; font-size: 12.5px !important; }
.e-93aeaaf0-a02b { color: #5e738c !important; font-size: 12.5px !important; }
.e-fc17469c-4db4 { color: #5c7390 !important; font-size: 12.5px !important; }
p.elementor-icon-box-description { color: #627487 !important; font-size: 12.5px !important; }
span.elementor-price-table__subheading { color: #627487 !important; }
span.elementor-price-table__currency { color: #607389 !important; font-size: 12.5px !important; }
div.elementor-element.elementor-element-92352bf > a.elementor-button.elementor-button-link { background-image: linear-gradient(135deg, #0a6fae 0%, #0d2242 100%) !important; background-color: #0d2242 !important; color: #ffffff !important; }
form.variations_form.cart > div.single_variation_wrap > div.woocommerce-variation-add-to-cart.variations_button > button.single_add_to_cart_button.button { background-image: linear-gradient(135deg, #0a6fae 0%, #0d2242 100%) !important; background-color: #0d2242 !important; color: #ffffff !important; }
div.e-con-inner > div.elementor-element.elementor-element-4d43eec > div.elementor-ribbon > div.elementor-ribbon-inner { background-image: linear-gradient(135deg, #e01c1c 0%, #c90000 100%) !important; background-color: #c90000 !important; color: #ffffff !important; }
.e-2f7dc86e-c1f9,
.e-361ae58d-2b82,
.e-3f03207d-a971,
.e-3f9695ec-89be,
.e-59dafd4e-2a8c,
.e-93aeaaf0-a02b,
.e-eb48fe4-2e25,
.e-fc17469c-4db4 { font-size: 12.5px !important; }
.e-029e2aa0-85ab,
.e-033e0288-9951,
.e-03500d56-18fa,
.e-050d07ed-ba62,
.e-064e9d68-3ee4,
.e-11322560-fba1,
.e-144df95f-2de5,
.e-17063be3-7e07,
.e-2192a993-deb4,
.e-2d04db94-e131,
.e-2f789110-8c6a,
.e-3387000d-d92f,
.e-39955e4a-25db,
.e-3aa0e4d6-42b8,
.e-3cff1e73-6863,
.e-4586b553-594a,
.e-47bf3d01-881e,
.e-4bfc5168-2fa4,
.e-507118d0-b903,
.e-582d9471-ac67,
.e-59b399a7-e440,
.e-5ccc0256-b8dd,
.e-5cfb097c-3e4b,
.e-5e7a1e5a-e433,
.e-63ed676d-6eb8,
.e-68ea286d-359a,
.e-6a4c6dcf-895b,
.e-6d9ddf2-33c0,
.e-6f5bdcdf-e5eb,
.e-6fdbc582-46a0,
.e-737e860c-b5c8,
.e-77cfb35d-b96b,
.e-77d87198-f8f9,
.e-814bea3c-9e57,
.e-844de14d-bc02,
.e-92224c3e-ef9b,
.e-987dbf5-9e6e,
.e-9ab26a6b-b055,
.e-9db1a2b1-589e,
.e-9f4c28da-bbb3,
.e-a7cb3098-844d,
.e-a9e043a4-8408,
.e-b1498a36-c61a,
.e-b411b9f5-48f4,
.e-b4349e9d-3107,
.e-b6b78496-b415,
.e-b820b24c-af38,
.e-bdd35e94-f937,
.e-cfff0bc2-a9a9,
.e-ee4d4f40-dfca,
.e-f086149e-f0e1,
.e-f4eafa29-a574,
.e-f9792422-0713 { color: #5d7492 !important; font-size: 12.5px !important; }
.e-029e2aa0-85ab,
.e-033e0288-9951,
.e-03500d56-18fa,
.e-064e9d68-3ee4,
.e-2d04db94-e131,
.e-377bf6a7-73db,
.e-388c0111-474d,
.e-38e5dcc-aa97,
.e-4989480e-7e3c,
.e-56ce03e1-8b75,
.e-5e7a1e5a-e433,
.e-68ea286d-359a,
.e-79e78656-d958,
.e-987dbf5-9e6e,
.e-b4349e9d-3107,
.e-bdd35e94-f937,
.e-f086149e-f0e1,
.e-f4eafa29-a574,
.e-f9792422-0713 { color: #5c7390 !important; font-size: 12.5px !important; }
.e-10a9ea57-4b06,
.e-1ff07ef-e3d5,
.e-337fe89e-e56a,
.e-3779a29-d737,
.e-39e5e4b9-c170,
.e-488e846e-5e2d,
.e-58b9a885-b31e,
.e-5994b86e-bef9,
.e-5ac51ee-2933,
.e-5f515b75-2abf,
.e-60c69352-9b61,
.e-686dba75-5573,
.e-6e1c2a4b-a30b,
.e-74afe57d-caec { color: #60748e !important; font-size: 12.5px !important; }
.e-12b28853-1584,
.e-2aedb0e0-cd0c,
.e-5b8bddbc-677c,
.e-6127e820-dc48,
.e-644b9e82-9e6a,
.e-67909fc9-1f93,
.e-702ac4e7-9fd4,
.e-8670dd4f-d766,
.e-adf6b7a6-9cbc,
.e-b281c17b-1bff,
.e-dcea86f7-298b,
.e-dd2d8c25-1a4a,
.e-fae655c8-1136 { color: #5e738c !important; font-size: 12.5px !important; }
.e-1717f61a-e638,
.e-232336b7-1078,
.e-43283517-7b6c,
.e-4e28d3fd-35af,
.e-5a513b00-9746,
.e-5d3ae034-96ad,
.e-6c3699a3-32b9,
.e-78e55d15-38d5,
.e-813df83-610d { color: #5d7490 !important; font-size: 12.5px !important; }
.e-4e28d3fd-35af,
.e-5a513b00-9746,
.e-5d3ae034-96ad,
.e-6c3699a3-32b9,
.e-78e55d15-38d5,
.e-813df83-610d { color: #5c728e !important; font-size: 12.5px !important; }
.e-289a84cd-5c79,
.e-2b5ed734-8beb,
.e-3897ed5a-f18b,
.e-5509f8ad-74f0,
.e-5dc5ea5f-455c,
.e-b2c223b-16e8 { color: #5d718a !important; font-size: 12.5px !important; }
.e-15b425b9-31e0,
.e-223c03a1-71bd,
.e-27e81b2b-c747,
.e-421d5d0f-d584,
.e-452db08f-c37d { color: #5e738e !important; }
.e-2789741d-c169,
.e-40c3997-f347,
.e-43c5a364-55c3,
.e-72e9ec43-dfdc { color: #5d718a !important; }
.e-2789741d-c169,
.e-40c3997-f347,
.e-43c5a364-55c3 { color: #5c7088 !important; font-size: 12.5px !important; }
.e-572bd3a9-2053,
.e-5b139957-69cf,
.e-b4d8923-5d6e { color: #5e738c !important; font-size: 12.5px !important; }
.e-361d7a1-9b88,
.e-3aa1f31b-4c6a,
.e-400cc6c4-ff98 { color: #5c7390 !important; font-size: 12.5px !important; }
.e-30c3db3-e826,
.e-38d91804-bf69,
.e-6b65fe3e-4429 { color: #5d7492 !important; font-size: 12.5px !important; }
.e-283dc763-1e95,
.e-67ce46e9-564a,
.e-6d099b91-52a7 { color: #5a708c !important; font-size: 12.5px !important; }
.e-206f0abe-9b56,
.e-5fa7eb4a-2068 { color: #92a2b0 !important; font-size: 12.5px !important; }
.e-1ad804be-19fc { color: #607389 !important; font-size: 12.5px !important; }
.e-155f2852-de35 { color: #5e738c !important; font-size: 12.5px !important; }
.e-b48b4e1-2d09 { color: #8a96a4 !important; font-size: 12.5px !important; }
.e-b48b4e1-2d09 { color: #8a9aab !important; font-size: 12.5px !important; }
.e-4aaa209-9b6f { color: #60748e !important; font-size: 12.5px !important; }
.e-72e9ec43-dfdc { color: #5d718a !important; font-size: 12.5px !important; }
.e-52b5ad52-153f { color: #60728a !important; font-size: 12.5px !important; }
.e-52b5ad52-153f { color: #60728a !important; }
.e-7e1c7783-c31b { color: #5d7490 !important; font-size: 12.5px !important; }
.e-7ef0590d-e4de { color: #5d718a !important; font-size: 12.5px !important; }
.e-512813a6-123a { color: #5d7492 !important; font-size: 12.5px !important; }
.e-7ef0590d-e4de { color: #5c7088 !important; }
a.elementor-item { color: #8d8d8d !important; }
a.elementor-item.has-submenu { color: #898989 !important; }
span.elementor-price-table__period.elementor-typo-excluded { color: #61748b !important; font-size: 12.5px !important; }
h1.entry-title { color: #7aa5d5 !important; }
p.hai-surface-kicker { color: #316f8d !important; }
button.single_add_to_cart_button.button { color: #111821 !important; }
span.e-5aa1cd-81b3.e-paragraph-base { color: #5b718e !important; font-size: 12.5px !important; }
span.e-2a29cf-f534.e-paragraph-base { color: #60748e !important; font-size: 12.5px !important; }
.e-5f5786ed-2c85 { background-image: linear-gradient(135deg, #38799c 0%, #0c6595 100%) !important; background-color: #0c6595 !important; color: #ffffff !important; }
.e-175b38fc-b90d { background-image: linear-gradient(135deg, #377a9e 0%, #0b6697 100%) !important; background-color: #0b6697 !important; color: #ffffff !important; }
.e-57581f66-267d { background-image: linear-gradient(135deg, #377a9c 0%, #0b6695 100%) !important; background-color: #0b6695 !important; color: #ffffff !important; }
.e-70de6e9c-c319 { background-image: linear-gradient(135deg, #387a9c 0%, #0c6795 100%) !important; background-color: #0c6795 !important; color: #ffffff !important; }
.e-3adfeef2-7c05 { background-image: linear-gradient(135deg, #387a9c 0%, #0c6795 100%) !important; background-color: #0c6795 !important; color: #ffffff !important; }
.e-029e2aa0-85ab,
.e-033e0288-9951,
.e-03500d56-18fa,
.e-050d07ed-ba62,
.e-064e9d68-3ee4,
.e-10a9ea57-4b06,
.e-11322560-fba1,
.e-12b28853-1584,
.e-144df95f-2de5,
.e-155f2852-de35,
.e-17063be3-7e07,
.e-1717f61a-e638,
.e-1ad804be-19fc,
.e-1ff07ef-e3d5,
.e-206f0abe-9b56,
.e-2192a993-deb4,
.e-232336b7-1078,
.e-2789741d-c169,
.e-283dc763-1e95,
.e-289a84cd-5c79,
.e-2aedb0e0-cd0c,
.e-2b5ed734-8beb,
.e-2d04db94-e131,
.e-2f789110-8c6a,
.e-30c3db3-e826,
.e-337fe89e-e56a,
.e-3387000d-d92f,
.e-361d7a1-9b88,
.e-3779a29-d737,
.e-377bf6a7-73db,
.e-388c0111-474d,
.e-3897ed5a-f18b,
.e-38d91804-bf69,
.e-38e5dcc-aa97,
.e-39955e4a-25db,
.e-39e5e4b9-c170,
.e-3aa0e4d6-42b8,
.e-3aa1f31b-4c6a,
.e-3cff1e73-6863,
.e-400cc6c4-ff98,
.e-40c3997-f347,
.e-43283517-7b6c,
.e-43c5a364-55c3,
.e-4586b553-594a,
.e-47bf3d01-881e,
.e-488e846e-5e2d,
.e-4989480e-7e3c,
.e-4aaa209-9b6f,
.e-4bfc5168-2fa4,
.e-4e28d3fd-35af,
.e-507118d0-b903,
.e-512813a6-123a,
.e-52b5ad52-153f,
.e-5509f8ad-74f0,
.e-56ce03e1-8b75,
.e-572bd3a9-2053,
.e-582d9471-ac67,
.e-58b9a885-b31e,
.e-5994b86e-bef9,
.e-59b399a7-e440,
.e-5a513b00-9746,
.e-5ac51ee-2933,
.e-5b139957-69cf,
.e-5b8bddbc-677c,
.e-5ccc0256-b8dd,
.e-5cfb097c-3e4b,
.e-5d3ae034-96ad,
.e-5dc5ea5f-455c,
.e-5e7a1e5a-e433,
.e-5f515b75-2abf,
.e-5fa7eb4a-2068,
.e-60c69352-9b61,
.e-6127e820-dc48,
.e-63ed676d-6eb8,
.e-644b9e82-9e6a,
.e-67909fc9-1f93,
.e-67ce46e9-564a,
.e-686dba75-5573,
.e-68ea286d-359a,
.e-6a4c6dcf-895b,
.e-6b65fe3e-4429,
.e-6c3699a3-32b9,
.e-6d099b91-52a7,
.e-6d9ddf2-33c0,
.e-6e1c2a4b-a30b,
.e-6f5bdcdf-e5eb,
.e-6fdbc582-46a0,
.e-702ac4e7-9fd4,
.e-72e9ec43-dfdc,
.e-737e860c-b5c8,
.e-74afe57d-caec,
.e-77cfb35d-b96b,
.e-77d87198-f8f9,
.e-78e55d15-38d5,
.e-79e78656-d958,
.e-7ef0590d-e4de,
.e-813df83-610d,
.e-814bea3c-9e57,
.e-844de14d-bc02,
.e-8670dd4f-d766,
.e-92224c3e-ef9b,
.e-987dbf5-9e6e,
.e-9ab26a6b-b055,
.e-9db1a2b1-589e,
.e-9f4c28da-bbb3,
.e-a7cb3098-844d,
.e-a9e043a4-8408,
.e-adf6b7a6-9cbc,
.e-b1498a36-c61a,
.e-b281c17b-1bff,
.e-b2c223b-16e8,
.e-b411b9f5-48f4,
.e-b4349e9d-3107,
.e-b48b4e1-2d09,
.e-b4d8923-5d6e,
.e-b6b78496-b415,
.e-b820b24c-af38,
.e-bdd35e94-f937,
.e-cfff0bc2-a9a9,
.e-dcea86f7-298b,
.e-dd2d8c25-1a4a,
.e-ee4d4f40-dfca,
.e-f086149e-f0e1,
.e-f4eafa29-a574,
.e-f9792422-0713,
.e-fae655c8-1136 { font-size: 12.5px !important; }

/* --- inks rewritten at their source inside the kit (see ink-map.json) --- */
/* @@HAI_UX_CONTRAST_END */

/* ============================================================
   @@HAI_UX_SYSTEM_BEGIN — hand-authored UI system: colour, affordance, motion
   Sits after every other kit block on purpose: these rules are the last word on
   nav ink, buttons, cards and focus, and they must beat Elementor's atomic CSS,
   which loads after post-6.css. That is why each one carries !important or a
   specificity Elementor cannot reach.
   ============================================================ */

/* --- 01. header ink: the capsule's own light token finally wins -------------
   The kit has asked for rgba(255,255,255,.80) since Phase 8 and the widget kept
   painting #7A7A7A, which sat at 3.75:1 on the navy capsule. Solid ink, no alpha,
   so the value cannot be diluted by whatever scrolls behind the glass. */
.elementor-1103 .elementor-nav-menu--main .elementor-item {
  color: #dce8f5 !important;
  transition: color .22s ease, transform .22s cubic-bezier(.22, 1, .36, 1), background-color .22s ease;
}
.elementor-1103 .elementor-nav-menu--main .elementor-item:hover,
.elementor-1103 .elementor-nav-menu--main .elementor-item:focus-visible {
  color: #ffffff !important;
  transform: translateY(-1px);
}
/* THE CURRENT-PAGE ITEM COULD NOT ANSWER A HOVER, because it was already in the state a hover asks
   for: the old rule listed :hover, :focus-visible and .elementor-item-active in one .elementor-kit-6 group,
   so the item that says «you are here» shared its resting colour, its lift and its pill with its own
   hover state and computed the same pixels either way. Resting now keeps white + bold + a dimmer pill;
   hover adds the lift and brightens the pill, so it moves like every other item instead of sitting
   dead under the pointer. Order matters: the active+hover pair must come after the active rest,
   because both are 0-4-0 and the later one has to win while the pointer is on it. */
.elementor-1103 .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-1103 .elementor-nav-menu--main .elementor-item.elementor-item-active.highlighted {
  color: #ffffff !important;
  transform: none;
}
.elementor-1103 .elementor-nav-menu--main .elementor-item.elementor-item-active:hover,
.elementor-1103 .elementor-nav-menu--main .elementor-item.elementor-item-active:focus-visible {
  color: #ffffff !important;
  transform: translateY(-1px);
}
/* the brand accent moves to the pill and the pointer instead of the text, so hover
   is unmistakable without a second pale-blue string fighting the navy */
.elementor-1103 .e--pointer-background .elementor-item::before {
  transition: background-color .24s ease, box-shadow .24s ease, border-color .24s ease, transform .24s cubic-bezier(.22, 1, .36, 1);
}
.elementor-1103 .e--pointer-background .elementor-item:hover::before,
.elementor-1103 .e--pointer-background .elementor-item:focus-visible::before {
  background-color: rgba(27, 157, 219, .5) !important;
  border-color: rgba(87, 197, 245, .8) !important;
  box-shadow: 0 6px 18px -8px rgba(27, 157, 219, .9);
}
.elementor-1103 .e--pointer-background .elementor-item.elementor-item-active::before {
  background-color: rgba(27, 157, 219, .26) !important;
  border-color: rgba(87, 197, 245, .5) !important;
  box-shadow: none;
}
.elementor-1103 .e--pointer-background .elementor-item.elementor-item-active:hover::before,
.elementor-1103 .e--pointer-background .elementor-item.elementor-item-active:focus-visible::before {
  background-color: rgba(27, 157, 219, .52) !important;
  border-color: rgba(87, 197, 245, .88) !important;
  box-shadow: 0 8px 22px -8px rgba(27, 157, 219, 1);
  transform: scale(1.04);
}
.elementor-1103 .elementor-nav-menu--main .elementor-item.elementor-item-active { font-weight: 700 }
/* mobile sheet: the same ink, 44px rows, tinted press */
.elementor-1103 nav.elementor-nav-menu--dropdown .elementor-item,
.elementor-1103 nav.elementor-nav-menu--dropdown .elementor-sub-item {
  color: #e2ecf8 !important;
  min-height: 44px;
  display: flex; align-items: center;
  transition: color .2s ease, background-color .2s ease, padding-inline-start .24s ease;
}
.elementor-1103 nav.elementor-nav-menu--dropdown .elementor-item:hover {
  color: #ffffff !important;
  background-color: rgba(27, 157, 219, .22);
  padding-inline-start: 1.25rem;
}
/* same split as the desktop capsule: the sheet's current-page row keeps a dimmer resting tint so
   pressing it can still brighten the row and slide it, instead of computing the same box twice. */
.elementor-1103 nav.elementor-nav-menu--dropdown .elementor-item.elementor-item-active {
  color: #ffffff !important;
  background-color: rgba(27, 157, 219, .12);
}
.elementor-1103 nav.elementor-nav-menu--dropdown .elementor-item.elementor-item-active:hover {
  background-color: rgba(27, 157, 219, .3);
  padding-inline-start: 1.25rem;
}
/* the two header pills: legible ink on their own faces, with a press state */
.elementor-1103 .elementor-element-66ea8f58 > a:first-child {
  color: #0d2242 !important;
  background-image: linear-gradient(135deg, #7fd4f5 0%, #38a7e0 100%) !important;
}
.elementor-1103 .elementor-element-66ea8f58 > a:last-child { color: #eaf3fc !important }

/* --- 02. buttons: one face, one lift, one sheen -----------------------------
   White ink on the old #1b9ddb stop was 3.05:1. The ramp keeps the brand hue and
   drops the light end to #0e7ab3 (4.72:1), so every label clears AA on any stop. */
.elementor-widget-button a.elementor-button,
.elementor-widget-button a.e-button-base,
.elementor-button,
.e-button-base,
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce .single_add_to_cart_button,
.hai-search button, .hai-wall-more, .wall-more {
  background-image: linear-gradient(135deg, #0e7ab3 0%, #123256 100%) !important;
  background-color: #123256 !important;
  color: #ffffff !important;
  border-color: transparent !important;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  transition: transform .22s cubic-bezier(.22, 1, .36, 1), box-shadow .28s ease, filter .22s ease;
}
.elementor-button:hover, .e-button-base:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce .single_add_to_cart_button:hover, .hai-wall-more:hover, .wall-more:hover,
.hai-search button:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 30px -16px rgba(8, 40, 74, .85) !important;
  filter: saturate(1.12) brightness(1.04);
}
.elementor-button:active, .e-button-base:active,
.woocommerce a.button:active, .woocommerce .single_add_to_cart_button:active {
  transform: translateY(0);
  box-shadow: 0 6px 14px -10px rgba(8, 40, 74, .9) !important;
}
/* diagonal light sweep — the modern CTA cue, no extra nodes, invisible if motion is off */
.elementor-widget-button a.elementor-button::after,
.woocommerce .single_add_to_cart_button::after {
  content: ""; position: absolute; inset: -20% -60%;
  background: linear-gradient(115deg, transparent 34%, rgba(255, 255, 255, .30) 50%, transparent 66%);
  transform: translateX(-130%);
  transition: transform .72s cubic-bezier(.22, 1, .36, 1);
  pointer-events: none; z-index: 0;
}
.elementor-widget-button a.elementor-button:hover::after,
.woocommerce .single_add_to_cart_button:hover::after { transform: translateX(130%) }
.elementor-widget-button a.elementor-button > .elementor-button-text,
.elementor-widget-button a.elementor-button > svg { position: relative; z-index: 1 }

/* Faces authored earlier in the kit keep the old #1B9DDB light stop, which only reaches 3.05:1
   under white ink. Same .elementor-kit-6, later in the file, so the ramp deepens without touching the
   hover choreography (background-size / background-position / transform all stay where they are). */
.elementor-element.elementor-widget-form .elementor-form .elementor-button,
.comment-respond input[type="submit"],
.elementor-1103 .elementor-element-66ea8f58 > a:last-child,
.elementor-1123 .elementor-element-63466dfe > a:first-child {
  background-image: linear-gradient(120deg, #0a6fae 0%, #1d4f83 48%, #0d2242 100%) !important;
  background-color: #0d2242 !important;
  color: #ffffff !important;
}
.elementor-1123 .elementor-element-63466dfe > a:first-child:hover,
.elementor-1123 .elementor-element-63466dfe > a:first-child:focus,
.elementor-1103 .elementor-element-66ea8f58 > a:last-child:hover,
.elementor-1103 .elementor-element-66ea8f58 > a:last-child:focus {
  background-image: linear-gradient(120deg, #0b74b4 0%, #123256 100%) !important;
}

/* --- 03. cards: lift, warm the edge, ease the image ------------------------ */
.e-loop-item, .elementor-loop-item,
.elementor-widget-icon-box, .elementor-widget-image-box, .elementor-widget-card,
.elementor-post, .elementor-repeater-item, .hai-result-card,
.elementor-widget-price-table {
  transition: transform .3s cubic-bezier(.22, 1, .36, 1), box-shadow .34s ease,
              border-color .3s ease, background-color .3s ease;
}
@media (hover:hover) {
  .e-loop-item:hover, .elementor-loop-item:hover, .elementor-post:hover, .hai-result-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 26px 48px -28px rgba(8, 26, 52, .55);
  }
  .elementor-widget-icon-box:hover, .elementor-widget-card:hover { transform: translateY(-3px) }
  .elementor-widget-price-table:hover {
    transform: translateY(-4px);
    box-shadow: 0 28px 54px -30px rgba(8, 26, 52, .5);
  }
  .e-loop-item:hover img, .elementor-post:hover img { transform: scale(1.045) }
}
.e-loop-item img, .elementor-post img { transition: transform .6s cubic-bezier(.22, 1, .36, 1) }

/* --- 04. prose links: underline that draws itself --------------------------
   Text links only; buttons and heading links keep their own treatment. */
.elementor-widget-text-editor a:not(.elementor-button):not(.e-button-base),
.page-content a:not(.elementor-button):not(.e-button-base),
.entry-content a:not(.elementor-button):not(.e-button-base) {
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 0% 1px;
  transition: background-size .34s cubic-bezier(.22, 1, .36, 1), color .2s ease;
  text-decoration: none !important;
}
.elementor-widget-text-editor a:hover, .page-content a:hover, .entry-content a:hover {
  background-size: 100% 1px;
  color: #0e7ab3 !important;
}

/* --- 05. forms: focus is a ring, not a colour guess ------------------------ */
.elementor-field, .elementor-form input[type], .elementor-form textarea, .elementor-form select,
.woocommerce input[type], .woocommerce textarea, .woocommerce select,
input.search-field, textarea#comment, input#author, input#email, input#url {
  transition: border-color .22s ease, box-shadow .22s ease, background-color .22s ease;
}
.elementor-field:focus, .elementor-form input:focus, .elementor-form textarea:focus, .elementor-form select:focus,
.woocommerce input:focus, .woocommerce textarea:focus, .woocommerce select:focus,
input.search-field:focus, textarea#comment:focus, input#author:focus, input#email:focus, input#url:focus {
  border-color: #1b9ddb !important;
  box-shadow: 0 0 0 3px rgba(27, 157, 219, .22) !important;
  background-color: #ffffff !important;
}
/* placeholder ink was measured at 2.14:1 — light enough to read as a hint, dark enough to read.
   Scoped to the light form surfaces: a global ::placeholder would put grey on the navy footer. */
.elementor-form ::placeholder, .woocommerce ::placeholder,
input.search-field::placeholder, textarea#comment::placeholder,
input#author::placeholder, input#email::placeholder, input#url::placeholder { color: #6b7f96 !important; opacity: 1 }

/* --- 06. keyboard: one ring everywhere, never invisible, never intrusive --- */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 2px solid #1b9ddb;
  outline-offset: 3px;
  border-radius: 6px;
}
.hai-surface :where(a, button):focus-visible,
.elementor-1103 :where(a, button):focus-visible,
.elementor-1123 :where(a, button):focus-visible { outline-color: #7fd4f5 }

/* --- 07. scroll reveals: only where the engine exists, never a trap --------
   The from-state keeps 35% opacity on purpose: a card that is painted but never scrolled past
   (a screenshot, an anchor jump, a print) must still show its content. */
@supports (animation-timeline: view()) {
  .e-loop-item, .elementor-post {
    animation: hai-reveal linear both;
    animation-timeline: view();
    animation-range: entry 0% entry 42%;
    animation-fill-mode: both;
  }
  @keyframes hai-reveal {
    from { opacity: .35; transform: translateY(22px) scale(.994) }
    to { opacity: 1; transform: none }
  }
}
/* tap feedback on touch, where :hover is a lie */
@media (hover:none) {
  .e-loop-item:active, .elementor-post:active, .elementor-button:active { opacity: .86 }
}

/* --- 08. reduced motion: everything above collapses to a cut -------------- */
@media (prefers-reduced-motion: reduce) {
  .elementor-1103 .elementor-nav-menu--main .elementor-item,
  .elementor-button, .e-button-base, .woocommerce a.button, .woocommerce button.button,
  .e-loop-item, .elementor-loop-item, .elementor-post, .elementor-widget-icon-box,
  .elementor-widget-price-table, .e-loop-item img, .elementor-post img,
  .elementor-widget-text-editor a, .page-content a, .entry-content a {
    transition-duration: .01ms !important;
    animation: none !important;
    transform: none !important;
  }
  .elementor-widget-button a.elementor-button::after,
  .woocommerce .single_add_to_cart_button::after { display: none }
  :where(a, button, summary, [role=button], input[type=submit], input[type=button], .elementor-item,
         .elementor-sub-item, .elementor-icon, .elementor-icon-list-item, .elementor-tab-title,
         .elementor-pagination a, .wp-block-button__link) {
    transition-duration: .01ms !important;
    animation: none !important;
    transform: none !important;
  }
  html { scroll-behavior: auto !important }
}
/* --- 09. small polish: selection + the sticky capsule's accent hairline --- */
::selection { background: rgba(27, 157, 219, .28); color: #06121f }
.elementor-1103::after {
  content: ""; position: absolute; inset-inline: 0; bottom: 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(27, 157, 219, .55), transparent);
  opacity: 0; transition: opacity .4s ease;
}
.elementor-1103:has(.elementor-item:hover)::after { opacity: 1 }

/* --- 10. affordance default: nothing clickable may snap ---------------------
   Zero specificity is the design here: `:where()` keeps this .elementor-kit-6 at 0-0-0, so every
   choreographed rule above (buttons, cards, prose links, nav) still answers with its own shorthand
   and only the unstyled remainder inherits this one.

   The 0-0-0 form alone was not enough, and the reason is measured rather than assumed. Elementor V4
   normalises its own link widgets with `all: unset` — three rules in `base-desktop.css` on
   `.elementor .e-heading-link-base`, `.e-paragraph-link-base`, `.e-image-link-base` (0-2-0) — plus
   `.e-heading-base a, .e-paragraph-base a { all: unset }` in its inline `elementor-frontend-inline-css`
   (0-1-1). `base-desktop.css` loads AFTER `post-6.css`, so every link carrying one of those base
   classes — the header phone number, the logo, every prose link — got its transition reset to the
   initial `all / 0s` while a `getComputedStyle`-blind walker still reported this rule as matching.
   One element name per .elementor-kit-6 (0-2-1) is the smallest step that wins, and it cannot trample the
   choreography: no rule above targets a base class, so only the reset population changes. */
:where(a, button, summary, [role=button], input[type=submit], input[type=button],
       .elementor-item, .elementor-sub-item, .elementor-icon, .elementor-icon-list-item,
       .elementor-accordion-title, .elementor-tab-title, .elementor-toggle-title,
       .elementor-pagination a, .woocommerce-pagination a, .wp-block-button__link) {
  transition: color .2s ease, background-color .22s ease, border-color .22s ease,
              box-shadow .26s ease, transform .26s cubic-bezier(.22, 1, .36, 1), opacity .2s ease;
}
.elementor a.e-heading-link-base, .elementor a.e-paragraph-link-base, .elementor a.e-image-link-base,
.elementor .e-heading-base a, .elementor .e-paragraph-base a {
  transition: color .2s ease, background-color .22s ease, border-color .22s ease,
              box-shadow .26s ease, transform .26s cubic-bezier(.22, 1, .36, 1), opacity .2s ease;
}
@media (hover:hover) {
  :where(.elementor-icon, .elementor-icon-list-item, .elementor-counter,
         .elementor-pagination a, .woocommerce-pagination a):hover { transform: translateY(-2px) }
}
/* --- 11. type floor for the widget families the atom rules cannot reach -----
   ux-fix.mjs writes `.{atom} { font-size: 12.5px }`, which needs the text node itself to carry an
   atomic class. Icon-box descriptions and the Woo Blocks price never do — they are widget internals
   styled by a descendant or an inherited size — so the Persian floor had no hook to attach to and
   11px copy survived every contrast pass.
   The icon-box rule is 0-4-0 because the kit itself already declares this description at
   `.elementor-164 .elementor-element-c777216 .elementor-icon-box-description{font-size:.6875rem!important}`
   (0-3-0 + important, a leftover from the commerce pass): anything weaker loses on paper however late
   it loads. The price is a plain declaration contest — the span carried no font-size at all and sat at
   12px because WooCommerce Blocks sets 0.75em on the grid item above it, so naming the span is enough. */
.elementor .elementor-widget.elementor-widget-icon-box .elementor-icon-box-description { font-size: .875rem !important; line-height: 1.6 }
.elementor .elementor-widget.elementor-widget-price-table .elementor-price-table__currency { font-size: .8125rem !important }
.wc-block-grid .wc-block-grid__product-price, .wc-block-grid .woocommerce-Price-amount { font-size: .875rem !important }
/* the search-results surface is themed markup the kit restyles with .hai-* classes, and its meta row
   was authored at 12px; 0-2-0 in this block beats the earlier 0-1-0 declaration in the same file. */
.hai-result-card .hai-result-meta { font-size: .8125rem }

/* --- 12. the password reveal control ----------------------------------------
   Ships as a 22×22 bare icon with no state of its own: nothing answered the pointer and a thumb
   had 22px to find. It gets the site's hover language — accent ink, tint chip, one-pixel lift —
   and padding that makes the box 32px without moving the field it belongs to. */
.woocommerce form .show-password-input, form .show-password-input {
  padding: 5px; border-radius: 9px;
  transition: color .2s ease, background-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.woocommerce form .show-password-input:hover, .woocommerce form .show-password-input:focus-visible,
form .show-password-input:hover, form .show-password-input:focus-visible {
  color: #0e7ab3 !important;
  background-color: rgba(27, 157, 219, .14);
  box-shadow: 0 0 0 1px rgba(14, 122, 179, .26);
  transform: translateY(-1px);
}

/* --- 13. touch targets below the fold of a thumb -----------------------------
   32px is what a desktop line box gives you; a thumb needs 44. Each row here was measured against
   the space its own host actually has, because two of them do not have any to spare:

   - The footer columns are V4 paragraph blocks (one <a> plus a <br> per row). Growing the <a> to a
     block and switching off the <br> gives the full 249px column width as the hit area; padding on
     an inline-block only ever grew the height and left «دیارا» a 25px-wide target. The `p` in the
     .elementor-kit-6 is load-bearing: the contrast pass already pins `.elementor-1123 .elementor-element-… p a`
     at 0-2-2 with `display: inline-block`, so a weaker .elementor-kit-6 ties-and-loses or simply never applies.
   - The password reveal is pinned by WooCommerce at `left:.7em` inside an input that reserves
     exactly 40px of padding-inline-start for it. Height is free (a 51px field, and the button is
     centred with translateY), width is not — so it grows on one axis only.
   - The search-result title link is a plain inline in an <h2>; block-level plus padding is the
     whole fix. */
@media (max-width: 767px) {
  .elementor-1103 a.e-button-base, .elementor-1103 .elementor-widget-button a.elementor-button {
    min-height: 44px; display: inline-flex; align-items: center; justify-content: center;
  }
  .elementor-1123 p.e-paragraph-base a { display: block; padding-block: 10px; line-height: 1.5 }
  .elementor-1123 p.e-paragraph-base br { display: none }
  .woocommerce .woocommerce-LostPassword a { display: inline-block; padding-block: 10px; line-height: 1.5 }
  /* The card is a flex column with align-items:flex-start, so its <h2> shrink-wraps to the words;
     stretching it is what lets the block link below actually become a full-width target. */
  .hai-result-card h2 { align-self: stretch }
  .hai-result-card h2 a { display: block; padding-block: 6px }
  .woocommerce form .show-password-input { padding-block: 11px }
}
/* @@HAI_UX_SYSTEM_END */

/* ============================================================
   @@HAI_UX_ART_BEGIN — brand artwork generated by gen-brand-art.mjs
   Four places where stock imagery was doing the site's talking: an AI clip-art whose baked-in
   lettering spells the nonsense word "STAIP", a 3D clip-art wheel from a stock site, a hot-pink
   English "COMING SOON" sticker that five of the six product pages show, and one phone-mockup photo
   pasted on all six /shop/ cards. They are replaced by marks drawn in the site's own scale
   (navy #123256 / blue #1B9DDB / orange #F5941F).
   The pattern is the same everywhere: the stock <img> leaves the flow, a block pseudo-element takes
   its place at the same size, and the art is painted as a background. That keeps the layout the tree
   was measured with while the pixels become the brand's own.
   Every pseudo carries "position: relative; inset: auto" because Elementor already owns ::before on
   .e-con as an absolutely-positioned background-overlay layer — inherit that and the art stretches to
   the card instead of keeping its own box.
   Each data URI is declared once as a custom property — the family mark serves two slots, and an
   inlined copy per rule would double the bytes the kit compiler has to store and ship.
   ============================================================ */

:root { --hai-art-family: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' width='640' height='640' role='img'><defs><linearGradient id='core' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%231B9DDB'/><stop offset='1' stop-color='%23123256'/></linearGradient><linearGradient id='hot' x1='0' y1='0' x2='1' y2='0'><stop offset='0' stop-color='%23F5941F'/><stop offset='1' stop-color='%23E07800'/></linearGradient></defs><g fill='none' stroke='%23B9D8EF' stroke-width='2' stroke-dasharray='3 11' stroke-linecap='round' opacity='.85'><circle cx='320' cy='320' r='252'/></g><g stroke='%23A9D2EE' stroke-width='2.5' stroke-linecap='round' opacity='.75'><path d='M320 224V170'/><path d='M403 272l47-27'/><path d='M403 368l47 27'/><path d='M320 416v54'/><path d='M237 368l-47 27'/><path d='M237 272l-47-27'/></g><g><rect x='261' y='72' width='118' height='86' rx='22' fill='%23F3F9FE' stroke='%23D3E7F7' stroke-width='2'/><rect x='283' y='96' width='44' height='9' rx='4.5' fill='%231B9DDB' opacity='.75'/><rect x='283' y='115' width='74' height='7' rx='3.5' fill='%239FB6CC'/><rect x='283' y='129' width='52' height='7' rx='3.5' fill='%23C3D5E5'/><rect x='438.5' y='174.5' width='118' height='86' rx='22' fill='%230F2A49' opacity='.04'/><rect x='438.5' y='174.5' width='118' height='86' rx='22' fill='%23123256'/><rect x='460.5' y='198.5' width='44' height='9' rx='4.5' fill='%2357C5F5'/><rect x='460.5' y='217.5' width='74' height='7' rx='3.5' fill='%23FFFFFF' opacity='.55'/><rect x='460.5' y='231.5' width='52' height='7' rx='3.5' fill='%23FFFFFF' opacity='.3'/><rect x='438.5' y='379.5' width='118' height='86' rx='22' fill='%23F3F9FE' stroke='%23D3E7F7' stroke-width='2'/><rect x='460.5' y='403.5' width='44' height='9' rx='4.5' fill='url(%23hot)'/><rect x='460.5' y='422.5' width='74' height='7' rx='3.5' fill='%239FB6CC'/><rect x='460.5' y='436.5' width='52' height='7' rx='3.5' fill='%23C3D5E5'/><rect x='261' y='482' width='118' height='86' rx='22' fill='%23F3F9FE' stroke='%23D3E7F7' stroke-width='2'/><circle cx='292' cy='525' r='14' fill='none' stroke='%231B9DDB' stroke-width='5' opacity='.8'/><path d='M292 517v8l6 4' fill='none' stroke='%23123256' stroke-width='4' stroke-linecap='round'/><rect x='316' y='511' width='42' height='7' rx='3.5' fill='%239FB6CC'/><rect x='316' y='525' width='30' height='7' rx='3.5' fill='%23C3D5E5'/><rect x='83.5' y='379.5' width='118' height='86' rx='22' fill='%23F3F9FE' stroke='%23D3E7F7' stroke-width='2'/><g fill='%231B9DDB'><rect x='106.5' y='436.5' width='11' height='18' rx='5' opacity='.45'/><rect x='124.5' y='424.5' width='11' height='30' rx='5' opacity='.7'/><rect x='142.5' y='410.5' width='11' height='44' rx='5'/><rect x='160.5' y='400.5' width='11' height='54' rx='5' fill='%23F5941F'/></g><rect x='83.5' y='174.5' width='118' height='86' rx='22' fill='%23F3F9FE' stroke='%23D3E7F7' stroke-width='2'/><circle cx='120.5' cy='217.5' r='17' fill='none' stroke='%231B9DDB' stroke-width='6' stroke-dasharray='66 41' transform='rotate(-90 120.5 217.5)'/><rect x='148.5' y='203.5' width='36' height='7' rx='3.5' fill='%239FB6CC'/><rect x='148.5' y='217.5' width='26' height='7' rx='3.5' fill='%23C3D5E5'/></g><circle cx='320' cy='320' r='96' fill='none' stroke='%231B9DDB' stroke-width='2' opacity='.28'/><circle cx='320' cy='320' r='78' fill='url(%23core)'/><circle cx='320' cy='320' r='78' fill='none' stroke='%23FFFFFF' stroke-opacity='.35' stroke-width='2'/><g fill='%23FFFFFF'><circle cx='320' cy='320' r='11'/><g opacity='.85'><rect x='315' y='268' width='10' height='26' rx='5'/><rect x='315' y='346' width='10' height='26' rx='5'/><rect x='268' y='315' width='26' height='10' rx='5'/><rect x='346' y='315' width='26' height='10' rx='5'/></g></g><g fill='%23F5941F'><circle cx='320' cy='60' r='6' opacity='.85'/><circle cx='574' cy='466' r='6' opacity='.7'/><circle cx='66' cy='466' r='6' opacity='.7'/></g></svg>"); --hai-art-erp: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' width='640' height='640' role='img'><defs><linearGradient id='slab' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%2316406E'/><stop offset='1' stop-color='%230A1D36'/></linearGradient><linearGradient id='hot2' x1='0' y1='0' x2='1' y2='0'><stop offset='0' stop-color='%23F5941F'/><stop offset='1' stop-color='%23E07800'/></linearGradient></defs><g fill='none' stroke='%23CBE2F4' stroke-width='3' stroke-linecap='round'><path d='M250 168h80M250 268h80M250 368h80M250 468h80'/></g><g fill='%231B9DDB'><circle cx='330' cy='168' r='6' opacity='.75'/><circle cx='330' cy='268' r='6' opacity='.75'/><circle cx='330' cy='368' r='6' opacity='.75'/><circle cx='330' cy='468' r='6' opacity='.75'/></g><rect x='70' y='108' width='180' height='404' rx='36' fill='url(%23slab)'/><rect x='70' y='108' width='180' height='404' rx='36' fill='none' stroke='%2378B4E6' stroke-opacity='.35' stroke-width='2'/><g><circle cx='118' cy='152' r='12' fill='%2357C5F5'/><rect x='140' y='146' width='78' height='12' rx='6' fill='%23FFFFFF' fill-opacity='.35'/></g><g fill='%23FFFFFF'><rect x='98' y='196' width='124' height='40' rx='12' fill-opacity='.08'/><rect x='98' y='248' width='124' height='40' rx='12' fill-opacity='.08'/><rect x='98' y='300' width='124' height='40' rx='12' fill-opacity='.08'/><rect x='98' y='352' width='124' height='40' rx='12' fill-opacity='.08'/></g><g><rect x='112' y='210' width='62' height='12' rx='6' fill='%2357C5F5' fill-opacity='.85'/><rect x='112' y='262' width='96' height='12' rx='6' fill='%23FFFFFF' fill-opacity='.4'/><rect x='112' y='314' width='44' height='12' rx='6' fill='url(%23hot2)'/><rect x='112' y='366' width='78' height='12' rx='6' fill='%23FFFFFF' fill-opacity='.28'/></g><g fill='%23FFFFFF' fill-opacity='.16'><rect x='98' y='418' width='124' height='66' rx='14'/></g><g fill='none' stroke='%2357C5F5' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'><path d='M112 470l22-24 18 14 20-28 22 20 20-16'/></g><g><rect x='330' y='130' width='240' height='76' rx='22' fill='%23F3F9FE' stroke='%23D3E7F7' stroke-width='2'/><circle cx='368' cy='168' r='17' fill='%231B9DDB' fill-opacity='.14'/><path d='M361 168h14M368 161v14' fill='none' stroke='%231B9DDB' stroke-width='4' stroke-linecap='round'/><rect x='398' y='152' width='118' height='10' rx='5' fill='%239FB6CC'/><rect x='398' y='172' width='76' height='8' rx='4' fill='%23C9D9E8'/></g><g><rect x='330' y='230' width='240' height='76' rx='22' fill='%23F3F9FE' stroke='%23D3E7F7' stroke-width='2'/><circle cx='368' cy='268' r='17' fill='%231B9DDB' fill-opacity='.14'/><g fill='%231B9DDB'><rect x='361' y='266' width='5' height='10' rx='2.5'/><rect x='366.5' y='260' width='5' height='16' rx='2.5'/><rect x='372' y='263' width='5' height='13' rx='2.5'/></g><rect x='398' y='252' width='118' height='10' rx='5' fill='%239FB6CC'/><rect x='398' y='272' width='92' height='8' rx='4' fill='%23C9D9E8'/></g><g><rect x='330' y='330' width='240' height='76' rx='22' fill='%23123256'/><circle cx='368' cy='368' r='17' fill='%2357C5F5' fill-opacity='.22'/><path d='M360 368l6 6 12-13' fill='none' stroke='%2357C5F5' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/><rect x='398' y='352' width='118' height='10' rx='5' fill='%23FFFFFF' fill-opacity='.5'/><rect x='398' y='372' width='76' height='8' rx='4' fill='%23FFFFFF' fill-opacity='.26'/></g><g><rect x='330' y='430' width='240' height='76' rx='22' fill='%23F3F9FE' stroke='%23D3E7F7' stroke-width='2'/><circle cx='368' cy='468' r='17' fill='%23F5941F' fill-opacity='.16'/><circle cx='368' cy='468' r='8' fill='none' stroke='%23F5941F' stroke-width='4'/><rect x='398' y='452' width='118' height='10' rx='5' fill='%239FB6CC'/><rect x='398' y='472' width='60' height='8' rx='4' fill='%23C9D9E8'/></g><g fill='%23F5941F'><circle cx='596' cy='112' r='6' opacity='.8'/><circle cx='612' cy='536' r='6' opacity='.6'/></g><g fill='%231B9DDB' opacity='.5'><circle cx='44' cy='556' r='5'/><circle cx='56' cy='96' r='5'/></g></svg>"); --hai-art-panel: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 420' width='640' height='420' role='img'><defs><linearGradient id='plate' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23143861'/><stop offset='1' stop-color='%230A1D36'/></linearGradient><linearGradient id='rail' x1='0' y1='0' x2='1' y2='0'><stop offset='0' stop-color='%231B9DDB'/><stop offset='.62' stop-color='%2357C5F5'/><stop offset='1' stop-color='%23F5941F'/></linearGradient><linearGradient id='area' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='%231B9DDB' stop-opacity='.5'/><stop offset='1' stop-color='%231B9DDB' stop-opacity='0'/></linearGradient></defs><rect x='1' y='1' width='638' height='418' rx='28' fill='url(%23plate)' stroke='%2378B4E6' stroke-opacity='.3'/><g fill='none' stroke='%23FFFFFF' stroke-opacity='.05'><path d='M44 132h552M44 208h552M44 284h552'/></g><g><rect x='34' y='26' width='196' height='36' rx='18' fill='%23FFFFFF' fill-opacity='.07' stroke='%2378B4E6' stroke-opacity='.2'/><circle cx='56' cy='44' r='7' fill='%2357C5F5'/><rect x='74' y='38' width='70' height='11' rx='5.5' fill='%23DCE8F5' fill-opacity='.5'/><rect x='156' y='38' width='40' height='11' rx='5.5' fill='%23DCE8F5' fill-opacity='.25'/><g fill='%23FFFFFF' fill-opacity='.14'><rect x='500' y='32' width='106' height='24' rx='12'/></g><rect x='512' y='41' width='82' height='6' rx='3' fill='%23FFFFFF' fill-opacity='.3'/></g><g><rect x='56' y='96' width='158' height='82' rx='18' fill='%23FFFFFF' fill-opacity='.07' stroke='%2378B4E6' stroke-opacity='.22'/><rect x='76' y='114' width='56' height='8' rx='4' fill='%23DCE8F5' fill-opacity='.45'/><rect x='76' y='134' width='96' height='18' rx='6' fill='%2357C5F5' fill-opacity='.85'/><rect x='76' y='160' width='66' height='6' rx='3' fill='%23FFFFFF' fill-opacity='.2'/><rect x='240' y='96' width='158' height='82' rx='18' fill='%23FFFFFF' fill-opacity='.07' stroke='%2378B4E6' stroke-opacity='.22'/><rect x='260' y='114' width='56' height='8' rx='4' fill='%23DCE8F5' fill-opacity='.45'/><rect x='260' y='134' width='96' height='18' rx='6' fill='%23F5941F' fill-opacity='.85'/><rect x='260' y='160' width='66' height='6' rx='3' fill='%23FFFFFF' fill-opacity='.2'/><g><rect x='424' y='96' width='158' height='82' rx='18' fill='%23FFFFFF' fill-opacity='.05' stroke='%2378B4E6' stroke-opacity='.16' stroke-dasharray='7 8'/><rect x='444' y='114' width='56' height='8' rx='4' fill='%23DCE8F5' fill-opacity='.25'/><rect x='444' y='134' width='72' height='18' rx='6' fill='%23FFFFFF' fill-opacity='.1'/><rect x='444' y='160' width='46' height='6' rx='3' fill='%23FFFFFF' fill-opacity='.14'/></g></g><path d='M64 300 L150 268 L236 288 L322 236 L408 258 L494 214 L580 236' fill='none' stroke='%2357C5F5' stroke-width='4.5' stroke-linecap='round' stroke-linejoin='round' opacity='.9'/><path d='M64 300 L150 268 L236 288 L322 236 L408 258 L494 214 L580 236 L580 344 L64 344 Z' fill='url(%23area)'/><g><circle cx='322' cy='236' r='6' fill='%230A1D36' stroke='%2357C5F5' stroke-width='4'/><circle cx='494' cy='214' r='6' fill='%230A1D36' stroke='%23F5941F' stroke-width='4'/></g><g><rect x='56' y='356' width='420' height='10' rx='5' fill='%23FFFFFF' fill-opacity='.12'/><rect x='56' y='356' width='286' height='10' rx='5' fill='url(%23rail)'/><circle cx='342' cy='361' r='9' fill='%23FFFFFF' stroke='%231B9DDB' stroke-width='3'/><g fill='%23FFFFFF' fill-opacity='.22'><rect x='486' y='354' width='46' height='9' rx='4.5'/><rect x='542' y='354' width='26' height='9' rx='4.5'/></g></g></svg>");
  --hai-card-151: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='480' height='480' viewBox='0 0 480 480'><defs><linearGradient id='pl' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='%23F5F9FE'/><stop offset='1' stop-color='%23E6EFF9'/></linearGradient><radialGradient id='gl' cx='80%25' cy='12%25' r='66%25'><stop offset='0' stop-color='%231B9DDB' stop-opacity='.22'/><stop offset='1' stop-color='%231B9DDB' stop-opacity='0'/></radialGradient></defs><rect width='480' height='480' rx='34' fill='url(%23pl)'/><rect width='480' height='480' rx='34' fill='url(%23gl)'/><rect x='20.5' y='20.5' width='439' height='439' rx='26' fill='none' stroke='%23CFE0F0'/><rect x='46' y='52' width='46' height='7' rx='3.5' fill='%231B9DDB'/><circle cx='428' cy='56' r='5' fill='%23CFE0F0'/><circle cx='232' cy='232' r='84' fill='%23FFFFFF' stroke='%23123256' stroke-width='7'/><path d='M232 232v-52M232 232l38 22' stroke='%23123256' stroke-width='9' stroke-linecap='round' fill='none'/><circle cx='322' cy='152' r='34' fill='%231B9DDB' stroke='%23FFFFFF' stroke-width='7'/><path d='M308 152l10 11 20-22' stroke='%23FFFFFF' stroke-width='8' fill='none' stroke-linecap='round' stroke-linejoin='round'/><rect x='46' y='404' width='120' height='7' rx='3.5' fill='%23CFE0F0'/><rect x='176' y='404' width='54' height='7' rx='3.5' fill='%231B9DDB' opacity='.8'/></svg>");
  --hai-card-572: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='480' height='480' viewBox='0 0 480 480'><defs><linearGradient id='pl' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='%23F5F9FE'/><stop offset='1' stop-color='%23E6EFF9'/></linearGradient><radialGradient id='gl' cx='80%25' cy='12%25' r='66%25'><stop offset='0' stop-color='%232A6FA8' stop-opacity='.22'/><stop offset='1' stop-color='%232A6FA8' stop-opacity='0'/></radialGradient></defs><rect width='480' height='480' rx='34' fill='url(%23pl)'/><rect width='480' height='480' rx='34' fill='url(%23gl)'/><rect x='20.5' y='20.5' width='439' height='439' rx='26' fill='none' stroke='%23CFE0F0'/><rect x='46' y='52' width='46' height='7' rx='3.5' fill='%232A6FA8'/><circle cx='428' cy='56' r='5' fill='%23CFE0F0'/><rect x='136' y='246' width='96' height='78' rx='12' fill='%23FFFFFF' stroke='%23123256' stroke-width='7'/><path d='M136 272h96M178 272v52' stroke='%23123256' stroke-width='6'/><rect x='248' y='246' width='96' height='78' rx='12' fill='%23FFFFFF' stroke='%23123256' stroke-width='7'/><path d='M248 272h96M290 272v52' stroke='%23123256' stroke-width='6'/><rect x='192' y='156' width='96' height='78' rx='12' fill='%232A6FA8' stroke='%23123256' stroke-width='7'/><path d='M192 182h96M240 182v52' stroke='%23123256' stroke-width='6'/><rect x='46' y='404' width='120' height='7' rx='3.5' fill='%23CFE0F0'/><rect x='176' y='404' width='54' height='7' rx='3.5' fill='%232A6FA8' opacity='.8'/></svg>");
  --hai-card-583: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='480' height='480' viewBox='0 0 480 480'><defs><linearGradient id='pl' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='%23F5F9FE'/><stop offset='1' stop-color='%23E6EFF9'/></linearGradient><radialGradient id='gl' cx='80%25' cy='12%25' r='66%25'><stop offset='0' stop-color='%23F5941F' stop-opacity='.22'/><stop offset='1' stop-color='%23F5941F' stop-opacity='0'/></radialGradient></defs><rect width='480' height='480' rx='34' fill='url(%23pl)'/><rect width='480' height='480' rx='34' fill='url(%23gl)'/><rect x='20.5' y='20.5' width='439' height='439' rx='26' fill='none' stroke='%23CFE0F0'/><rect x='46' y='52' width='46' height='7' rx='3.5' fill='%23F5941F'/><circle cx='428' cy='56' r='5' fill='%23CFE0F0'/><path d='M240 208l-70 62M240 208l70 62M170 270h140' stroke='%23123256' stroke-width='6' stroke-linecap='round'/><circle cx='240' cy='176' r='34' fill='%23F5941F' stroke='%23123256' stroke-width='7'/><circle cx='164' cy='284' r='30' fill='%23FFFFFF' stroke='%23123256' stroke-width='7'/><circle cx='316' cy='284' r='30' fill='%23FFFFFF' stroke='%23123256' stroke-width='7'/><rect x='46' y='404' width='120' height='7' rx='3.5' fill='%23CFE0F0'/><rect x='176' y='404' width='54' height='7' rx='3.5' fill='%23F5941F' opacity='.8'/></svg>");
  --hai-card-589: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='480' height='480' viewBox='0 0 480 480'><defs><linearGradient id='pl' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='%23F5F9FE'/><stop offset='1' stop-color='%23E6EFF9'/></linearGradient><radialGradient id='gl' cx='80%25' cy='12%25' r='66%25'><stop offset='0' stop-color='%2316A9B4' stop-opacity='.22'/><stop offset='1' stop-color='%2316A9B4' stop-opacity='0'/></radialGradient></defs><rect width='480' height='480' rx='34' fill='url(%23pl)'/><rect width='480' height='480' rx='34' fill='url(%23gl)'/><rect x='20.5' y='20.5' width='439' height='439' rx='26' fill='none' stroke='%23CFE0F0'/><rect x='46' y='52' width='46' height='7' rx='3.5' fill='%2316A9B4'/><circle cx='428' cy='56' r='5' fill='%23CFE0F0'/><rect x='140' y='176' width='200' height='132' rx='16' fill='%23FFFFFF' stroke='%23123256' stroke-width='7'/><path d='M140 194l100 66 100-66' fill='none' stroke='%2316A9B4' stroke-width='9' stroke-linecap='round' stroke-linejoin='round'/><rect x='176' y='330' width='128' height='9' rx='4.5' fill='%23CFE0F0'/><rect x='46' y='404' width='120' height='7' rx='3.5' fill='%23CFE0F0'/><rect x='176' y='404' width='54' height='7' rx='3.5' fill='%2316A9B4' opacity='.8'/></svg>");
  --hai-card-594: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='480' height='480' viewBox='0 0 480 480'><defs><linearGradient id='pl' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='%23F5F9FE'/><stop offset='1' stop-color='%23E6EFF9'/></linearGradient><radialGradient id='gl' cx='80%25' cy='12%25' r='66%25'><stop offset='0' stop-color='%2357C5F5' stop-opacity='.22'/><stop offset='1' stop-color='%2357C5F5' stop-opacity='0'/></radialGradient></defs><rect width='480' height='480' rx='34' fill='url(%23pl)'/><rect width='480' height='480' rx='34' fill='url(%23gl)'/><rect x='20.5' y='20.5' width='439' height='439' rx='26' fill='none' stroke='%23CFE0F0'/><rect x='46' y='52' width='46' height='7' rx='3.5' fill='%2357C5F5'/><circle cx='428' cy='56' r='5' fill='%23CFE0F0'/><path d='M172 148h136v196l-17-13-17 13-17-13-17 13-17-13-17 13-17-13z' fill='%23FFFFFF' stroke='%23123256' stroke-width='7' stroke-linejoin='round'/><rect x='196' y='182' width='88' height='9' rx='4.5' fill='%2357C5F5'/><rect x='196' y='212' width='66' height='9' rx='4.5' fill='%23CFE0F0'/><rect x='196' y='242' width='80' height='9' rx='4.5' fill='%23CFE0F0'/><rect x='196' y='272' width='52' height='9' rx='4.5' fill='%23CFE0F0'/><rect x='46' y='404' width='120' height='7' rx='3.5' fill='%23CFE0F0'/><rect x='176' y='404' width='54' height='7' rx='3.5' fill='%2357C5F5' opacity='.8'/></svg>");
  --hai-card-597: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='480' height='480' viewBox='0 0 480 480'><defs><linearGradient id='pl' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='%23F5F9FE'/><stop offset='1' stop-color='%23E6EFF9'/></linearGradient><radialGradient id='gl' cx='80%25' cy='12%25' r='66%25'><stop offset='0' stop-color='%23E0862B' stop-opacity='.22'/><stop offset='1' stop-color='%23E0862B' stop-opacity='0'/></radialGradient></defs><rect width='480' height='480' rx='34' fill='url(%23pl)'/><rect width='480' height='480' rx='34' fill='url(%23gl)'/><rect x='20.5' y='20.5' width='439' height='439' rx='26' fill='none' stroke='%23CFE0F0'/><rect x='46' y='52' width='46' height='7' rx='3.5' fill='%23E0862B'/><circle cx='428' cy='56' r='5' fill='%23CFE0F0'/><ellipse cx='240' cy='296' rx='76' ry='24' fill='%23FFFFFF' stroke='%23123256' stroke-width='7'/><path d='M164 296v-30c0-13 34-24 76-24s76 11 76 24v30' fill='%23FFFFFF' stroke='%23123256' stroke-width='7'/><ellipse cx='240' cy='242' rx='76' ry='24' fill='%23E0862B' stroke='%23123256' stroke-width='7'/><path d='M240 226v32M228 234h24M228 250h24' stroke='%23FFFFFF' stroke-width='6' stroke-linecap='round'/><rect x='46' y='404' width='120' height='7' rx='3.5' fill='%23CFE0F0'/><rect x='176' y='404' width='54' height='7' rx='3.5' fill='%23E0862B' opacity='.8'/></svg>") }

/* The !important is not decoration: Elementor emits "img { display: block }" for the image widget in
   the per-document sheet, which loads after post-6.css and would otherwise keep the stock bitmap in
   the flow next to the art. */
/* 1. /shop/ hero — «خانوادهٔ محصولات هنرافزار»: six modules around one core.
      The card is 507x477 with 30px padding and the photo was a 380px square, so the mark is given
      the same square and the caption keeps its line below it. */
.elementor-459 [data-interaction-id="107b48fa"], .elementor-459 .elementor-element-b083dbe img { display: none !important }
.elementor-459 [data-interaction-id="1ad37123"]::before {
  content: ''; display: block; flex: 0 0 auto; position: relative; inset: auto; height: auto;
  width: min(380px, 100%); aspect-ratio: 1;
  margin-inline: auto; background: var(--hai-art-family) center/contain no-repeat;
  transition: transform .45s cubic-bezier(.22, 1, .36, 1);
}
.elementor-459 [data-interaction-id="1ad37123"]:hover::before { transform: scale(1.025) }

/* 2. /shop/ «چرا باید ERP استفاده کنم؟» — the stock wheel becomes a board-and-departments mark:
      one ledger feeding four functions. It is deliberately a different composition from the hero
      mark above, because the same illustration twice on one page reads as a template slip. */
.elementor-459 .elementor-element-b083dbe::before {
  content: ''; display: block; flex: 0 0 auto; position: relative; inset: auto; height: auto;
  width: min(320px, 100%); aspect-ratio: 1;
  margin-inline: auto; background: var(--hai-art-erp) center/contain no-repeat;
  transition: transform .45s cubic-bezier(.22, 1, .36, 1);
}
.elementor-459 .elementor-element-b083dbe:hover::before { transform: scale(1.025) }

/* 3. The five «در دست طراحی» product pages (template 577) — a pink sticker with English lettering
      is replaced by an on-brand work-in-progress panel: three stat tiles (the third still a
      placeholder), a trend line and a build rail. The «به‌زودی» chip is real text in the page's own
      font, because a CSS pseudo can carry Persian and shape it, while an SVG-as-image cannot reach
      Vazirmatn. 566/360 is the removed photo's own ratio, so the row height does not move. */
.elementor-577 .elementor-element-d155f35 { position: relative; border-radius: 22px; overflow: hidden;
  box-shadow: 0 34px 66px -46px rgba(12, 29, 51, .62); transition: transform .34s cubic-bezier(.22, 1, .36, 1), box-shadow .34s ease }
.elementor-577 .elementor-element-d155f35:hover { transform: translateY(-3px); box-shadow: 0 40px 74px -44px rgba(12, 29, 51, .7) }
.elementor-577 .elementor-element-d155f35 img { display: none !important }
.elementor-577 .elementor-element-d155f35::before {
  content: ''; display: block; position: relative; inset: auto; width: 100%; aspect-ratio: 566 / 360;
  background: var(--hai-art-panel) center/cover no-repeat;
}
.elementor-577 .elementor-element-d155f35::after {
  content: 'به‌زودی'; position: absolute; inset-block-start: 14px; inset-inline-start: 16px;
  padding: 6px 14px 7px; border-radius: 999px; background: rgba(10, 29, 54, .78); color: #FFFFFF;
  border: 1px solid rgba(120, 180, 230, .42); font-size: .8125rem; font-weight: 800; letter-spacing: 0;
  animation: hai-soon 3.6s cubic-bezier(.4, 0, .2, 1) infinite;
}
@keyframes hai-soon {
  0%, 66%, 100% { box-shadow: 0 0 0 0 rgba(87, 197, 245, 0) }
  22% { box-shadow: 0 0 0 9px rgba(87, 197, 245, .16) }
}
/* 4. The six /shop/ product cards — one stock photo repeated six times.
      Every rule in this section is guarded by :has(img[src*="…"]) on the shared file name, so the
      moment a product is given its own image in wp-admin the rule stops matching and the real photo
      shows. The CSS is a stand-in and says so in its own .elementor-kit-6.
      The loop item carries its own post id (e-loop-item-151), which is what lets six cards in one
      loop template each take a different tile. */
.elementor-460 .elementor-widget-theme-post-featured-image:has(img[src*="desktop-smartphone-app-development"]) { position: relative; border-radius: 16px; overflow: hidden }
.elementor-460 .elementor-widget-theme-post-featured-image:has(img[src*="desktop-smartphone-app-development"]) img { display: none !important }
.elementor-460 .elementor-widget-theme-post-featured-image:has(img[src*="desktop-smartphone-app-development"])::before {
  content: ''; display: block; position: relative; inset: auto; width: 100%; aspect-ratio: 1;
  background: center/cover no-repeat; transition: transform .4s cubic-bezier(.22, 1, .36, 1);
}
.elementor-460.e-loop-item-151 .elementor-widget-theme-post-featured-image:has(img[src*="desktop-smartphone-app-development"])::before { background-image: var(--hai-card-151) }
.elementor-460.e-loop-item-572 .elementor-widget-theme-post-featured-image:has(img[src*="desktop-smartphone-app-development"])::before { background-image: var(--hai-card-572) }
.elementor-460.e-loop-item-583 .elementor-widget-theme-post-featured-image:has(img[src*="desktop-smartphone-app-development"])::before { background-image: var(--hai-card-583) }
.elementor-460.e-loop-item-589 .elementor-widget-theme-post-featured-image:has(img[src*="desktop-smartphone-app-development"])::before { background-image: var(--hai-card-589) }
.elementor-460.e-loop-item-594 .elementor-widget-theme-post-featured-image:has(img[src*="desktop-smartphone-app-development"])::before { background-image: var(--hai-card-594) }
.elementor-460.e-loop-item-597 .elementor-widget-theme-post-featured-image:has(img[src*="desktop-smartphone-app-development"])::before { background-image: var(--hai-card-597) }
.elementor-460.e-loop-item:hover .elementor-widget-theme-post-featured-image:has(img[src*="desktop-smartphone-app-development"])::before { transform: scale(1.035) }

@media (prefers-reduced-motion: reduce) {
  .elementor-459 [data-interaction-id="1ad37123"]::before,
  .elementor-459 .elementor-element-b083dbe::before,
  .elementor-577 .elementor-element-d155f35 { transition: none; transform: none }
  .elementor-577 .elementor-element-d155f35::after { animation: none }
  .elementor-460 .elementor-widget-theme-post-featured-image:has(img[src*="desktop-smartphone-app-development"])::before { transition: none }
  .elementor-460.e-loop-item:hover .elementor-widget-theme-post-featured-image:has(img[src*="desktop-smartphone-app-development"])::before { transform: none }
}
/* @@HAI_UX_ART_END *//* End custom CSS */