/*
 * Interactive video (ardich-ivm) — scoped styles
 * - همه سلکتورها زیر .ardich-ivm
 * - متغیرها با پرفیکس --ivm-
 * - انیمیشن‌ها با پرفیکس ardich-ivm-
 */
@font-face {
   font-family: "ArdichIvmIcon";
   src: local("ArdichIvmIcon"), url("../sample/MotekhasesanIcon.ttf") format("truetype");
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}
/*
 * مقیاس پایه ویجت: همه اندازه‌ها با em نسبت به این font-size هستند.
 * کمی بزرگ‌تر از قبل + مقیاس‌بندی برای موبایل / تبلت / لپ‌تاپ / مانیتور.
 */
.ardich-ivm {
   --ivm-circle-size: 11.1em;
   --ivm-wave-size: 17.2em;
   --ivm-story-width: 48.5em;
   --ivm-scale: 7.05px;
   font-size: var(--ivm-scale) !important;
}

/* موبایل خیلی کوچک */
@media (max-width: 359.98px) {
   .ardich-ivm {
      --ivm-scale: 6.3px;
      --ivm-circle-size: 10.6em;
      --ivm-wave-size: 16.4em;
      --ivm-story-width: 46.5em;
   }
}

/* موبایل استاندارد */
@media (min-width: 360px) and (max-width: 479.98px) {
   .ardich-ivm {
      --ivm-scale: 6.8px;
   }
}

/* موبایل بزرگ / فبلت */
@media (min-width: 480px) and (max-width: 767.98px) {
   .ardich-ivm {
      --ivm-scale: 7.3px;
   }
}

/* تبلت */
@media (min-width: 768px) and (max-width: 1023.98px) {
   .ardich-ivm {
      --ivm-scale: 7.8px;
      --ivm-circle-size: 11.6em;
      --ivm-wave-size: 18em;
      --ivm-story-width: 50.5em;
   }
}

/* لپ‌تاپ */
@media (min-width: 1024px) and (max-width: 1279.98px) {
   .ardich-ivm {
      --ivm-scale: 7.55px;
      --ivm-circle-size: 11.1em;
      --ivm-wave-size: 17.2em;
      --ivm-story-width: 48.5em;
   }
}

/* دسکتاپ / مانیتور معمولی */
@media (min-width: 1280px) and (max-width: 1439.98px) {
   .ardich-ivm {
      --ivm-scale: 7.55px;
      --ivm-circle-size: 11.1em;
      --ivm-wave-size: 17.2em;
      --ivm-story-width: 48.5em;
   }
}

/* مانیتور حدود 1600 و مشابه */
@media (min-width: 1440px) and (max-width: 1679.98px) {
   .ardich-ivm {
      --ivm-scale: 7.8px;
      --ivm-circle-size: 11.1em;
      --ivm-wave-size: 17.2em;
      --ivm-story-width: 48.5em;
   }
}

@media (min-width: 1680px) and (max-width: 1919.98px) {
   .ardich-ivm {
      --ivm-scale: 8.55px;
      --ivm-circle-size: 11.6em;
      --ivm-wave-size: 18em;
      --ivm-story-width: 50.5em;
   }
}

/* مانیتور خیلی بزرگ / 2K */
@media (min-width: 1920px) {
   .ardich-ivm {
      --ivm-scale: 9.3px;
      --ivm-circle-size: 12.1em;
      --ivm-wave-size: 18.8em;
      --ivm-story-width: 52.5em;
   }
}

/* ارتفاع کم (لپ‌تاپ کوتاه / لنداسکیپ موبایل) — باکس جا بشود */
@media (max-height: 700px) {
   .ardich-ivm {
      --ivm-scale: 6.8px;
      --ivm-circle-size: 10.6em;
      --ivm-wave-size: 16.4em;
      --ivm-story-width: 40.5em;
   }
}

@media (max-height: 560px) {
   .ardich-ivm {
      --ivm-scale: 6.05px;
      --ivm-circle-size: 9.6em;
      --ivm-wave-size: 14.9em;
      --ivm-story-width: 34.5em;
   }
}

/* روی مانیتور عریض ولی با ارتفاع کم، مقیاس را خیلی کوچک نکن */
@media (min-width: 1280px) and (max-height: 700px) {
   .ardich-ivm {
      --ivm-scale: 7.3px;
      --ivm-circle-size: 11.1em;
      --ivm-wave-size: 17.2em;
      --ivm-story-width: 44.5em;
   }
}

@media (min-width: 1280px) and (max-height: 560px) {
   .ardich-ivm {
      --ivm-scale: 6.55px;
      --ivm-circle-size: 10.1em;
      --ivm-wave-size: 15.6em;
      --ivm-story-width: 38.5em;
   }
}

.ardich-ivm {
   --ivm-c-primary: #050033;
   --ivm-c-primary-50: #f0f0f5;
   --ivm-c-primary-100: #f6f5fa;
   --ivm-c-primary-150: #edecf5;
   --ivm-c-primary-200: #eae9f3;
   --ivm-c-primary-250: #a9a6c1;
   --ivm-c-primary-300: #938ec4;
   --ivm-c-primary-350: #6d6991;
   --ivm-c-primary-400: #1900ff;
   --ivm-c-primary-500: #0f0099;
   --ivm-c-primary-600: #090066;
   --ivm-c-primary-700: #07004c;
   --ivm-c-primary-800: #16171f;
   --ivm-c-primary-850: #03001a;
   --ivm-c-secondary: #cd6c58;
   --ivm-c-neutral-100: #fefefe;
   --ivm-c-neutral-150: #f5f5f7;
   --ivm-c-neutral-200: #f1f1f1;
   --ivm-c-neutral-250: #dddce5;
   --ivm-c-neutral-300: #d1d1d1;
   --ivm-c-neutral-350: #b3b3b3;
   --ivm-c-neutral-400: #9c9c9c;
   --ivm-c-neutral-500: #333333;
   --ivm-c-neutral-600: #2b2b2b;
   --ivm-c-neutral-700: #171719;
   --ivm-c-white: #fff;
   --ivm-c-black: #000;
   --ivm-ease1: cubic-bezier(0.68, -0.6, 0.32, 1.6);
   --ivm-ease2: cubic-bezier(0.5, 1, 0.89, 1);
   --ivm-ease3: cubic-bezier(0.62, 0.05, 0.01, 0.99);
   --ivm-ease4: cubic-bezier(0.25, 0.1, 0.25, 1);
   --ivm-ease5: cubic-bezier(0.24, 0.43, 0.15, 0.97);
   --ivm-ease6: cubic-bezier(0.23, 1, 0.32, 1);
   --ivm-ease7: cubic-bezier(0.12, 0, 0.39, 0);
   --ivm-ff-icon: ArdichIvmIcon;
   --ivm-fs-10: 1.3em;
   --ivm-fs-11: 1.4em;
   --ivm-fs-12: 1.5em;
   --ivm-fs-13: 1.5em;
   --ivm-fs-14: 1.6em;
   --ivm-fs-15: 1.6em;
   --ivm-fs-16: 1.7em;
   --ivm-fs-18: 1.9em;
   --ivm-fs-20: 2em;
   --ivm-fs-22: 2.2em;
   --ivm-fs-24: 2.4em;
   --ivm-fs-26: 2.6em;
   --ivm-fs-28: 2.8em;
   --ivm-fs-30: 3em;
   --ivm-fs-32: 3.2em;
   --ivm-fs-34: 3.4em;
   --ivm-fs-36: 3.6em;
   --ivm-fs-38: 3.8em;
   --ivm-fs-40: 4em;
   --ivm-fs-42: 4em;
   --ivm-fw-100: "wght" 100;
   --ivm-fw-150: "wght" 150;
   --ivm-fw-200: "wght" 200;
   --ivm-fw-250: "wght" 250;
   --ivm-fw-300: "wght" 300;
   --ivm-fw-350: "wght" 350;
   --ivm-fw-400: "wght" 400;
   --ivm-fw-450: "wght" 450;
   --ivm-fw-500: "wght" 500;
   --ivm-fw-600: "wght" 600;
   --ivm-t-ease: 0.5s;
   color: var(--ivm-c-primary);
   direction: rtl;
   font-family: inherit;
   display: block;
   justify-content: center;
   line-height: 1.2;
   margin: 0;
   text-align: initial;
}

@media (min-width: 50em) {
   .ardich-ivm {
      --ivm-fs-10: 1em;
      --ivm-fs-12: 1.2em;
      --ivm-fs-13: 1.3em;
      --ivm-fs-14: 1.4em;
      --ivm-fs-15: 1.5em;
      --ivm-fs-16: 1.6em;
      --ivm-fs-18: 1.8em;
      --ivm-fs-20: 2em;
      --ivm-fs-22: 2.3em;
      --ivm-fs-24: 2.4em;
      --ivm-fs-26: 2.6em;
      --ivm-fs-28: 2.8em;
      --ivm-fs-30: 3em;
      --ivm-fs-32: 3.2em;
      --ivm-fs-34: 3.4em;
      --ivm-fs-36: 3.6em;
      --ivm-fs-38: 3.8em;
      --ivm-fs-40: 4em;
      --ivm-fs-42: 4.2em;
   }
}

.ardich-ivm *,
.ardich-ivm *::before,
.ardich-ivm *::after {
   box-sizing: border-box;
}

.ardich-ivm button,
.ardich-ivm a {
   color: inherit;
   cursor: pointer;
   font-family: inherit;
   text-decoration: none;
}

.ardich-ivm button {
   background: transparent;
   border: 0;
}

.ardich-ivm img,
.ardich-ivm video {
   display: block;
   max-width: 100%;
}

.ardich-ivm .hidden-svg {
   position: absolute;
   display: block;
   pointer-events: none;
}

.ardich-ivm [class^="ic-"]::after,
.ardich-ivm [class*=" ic-"]::after,
.ardich-ivm [class^="ic-"]::before,
.ardich-ivm [class*=" ic-"]::before {
   font-family: var(--ivm-ff-icon);
   speak: never;
   font-style: normal;
   font-weight: 400;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

.ardich-ivm .ic-close::before {
   content: "\e91b";
}

.ardich-ivm .ic-replay::before {
   content: "\e928";
}

.ardich-ivm .ic-home::before {
   content: "\e929";
}

.ardich-ivm #iland {
   z-index: 20;
   position: fixed;
   bottom: 2.4em;
   left: 50%;
   transform: translateX(-50%);
   display: inline-flex;
}

.ardich-ivm .iland-wrapper {
   justify-content: space-between;
   display: flex;
   align-items: center;
   gap: 3.3em;
}

.ardich-ivm .iland-icta {
   display: flex;
   align-items: center;
   cursor: pointer;
}

.ardich-ivm .iland-icta-circle {
   position: relative;
}

.ardich-ivm .icta-wave-wrapper {
   position: absolute;
   transform: translate(-50%, -50%) scale(.9) rotate(4deg);
   z-index: 0;
   left: 50%;
   width: var(--ivm-wave-size);
   height: var(--ivm-wave-size);
   top: 50%;
   opacity: 0;
   pointer-events: none;
   overflow: visible;
   transition: .7s cubic-bezier(.4, 0, 1, 1);
}

.ardich-ivm #iland-icta-wave {
   display: block;
   width: 100%;
   height: 100%;
}

.ardich-ivm .iland-icta:hover .icta-wave-wrapper {
   opacity: 1;
   transform: translate(-50%, -50%);
   transition: var(--ivm-t-ease) cubic-bezier(.4, 0, 1, 1);
}

.ardich-ivm .iland-icta__img {
   width: var(--ivm-circle-size);
   height: var(--ivm-circle-size);
   border-radius: 50%;
   background: var(--ivm-c-neutral-250);
   overflow: hidden;
   position: relative;
   z-index: 2;
   box-shadow: 0 4px 6px rgb(0 0 0 / 16%);
   flex: none;
   border: 2px solid var(--ivm-c-primary-700);
}

.ardich-ivm .iland-icta__video {
   position: absolute;
   inset: 0;
   object-fit: cover;
   width: 100%;
   height: 100%;
}

.ardich-ivm .iland-icta__img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.ardich-ivm .iland-icta__title {
   background: var(--ivm-c-primary-200);
   border-radius: 0 14px 14px 0;
   font-size: 2.15em;
   line-height: 1.2;
   height: auto;
   padding: .18em .9em .18em 0;
   display: flex;
   align-items: center;
   gap: .45em;
   margin-left: -1.2em;
   font-variation-settings: var(--ivm-fw-500);
   white-space: nowrap;
   color: var(--ivm-c-primary);
   box-sizing: border-box;
}

.ardich-ivm .iland-icta__icon-title {
   background-color: var(--ivm-c-primary-700);
   border-radius: 0 14px 14px 0;
   width: 2.2em;
   height: 1.85em;
   display: flex;
   align-items: center;
   justify-content: center;
   padding-left: .7em;
   margin: unset;
   flex: none;
   align-self: center;
}

.ardich-ivm .iland-icta__icon-title::before {
   content: "\e927";
   color: var(--ivm-c-white);
   font-family: var(--ivm-ff-icon);
   font-size: .75em;
}

.ardich-ivm #ws-storys {
   position: fixed;
   z-index: 2147483647;
   background: #0008;
   backdrop-filter: blur(0);
   inset: 0;
   height: 100%;
   overflow: hidden;
   width: 100%;
   display: none;
   opacity: 0;
}

.ardich-ivm .story-container {
   position: fixed;
   inset: auto 2em 1.2em 2em;
   width: min(var(--ivm-story-width), calc(100vw - 3.2em));
   height: auto;
   aspect-ratio: 9 / 15.55;
   opacity: 0;
   max-height: calc(100vh - 3.5em);
   max-height: calc(100dvh - 3.5em);
   z-index: 2147483647;
   isolation: isolate;
   transform: translateY(-12em) scale(1.05);
   margin-bottom: 3.5em;
}

.ardich-ivm .story-container::before {
   content: "";
   position: absolute;
   inset: -2px;
   clip-path: url(#story-container-bg);
   background-color: var(--ivm-c-primary-100);
   pointer-events: none;
}

.ardich-ivm .story-wrapper {
   position: relative;
   width: 100%;
   height: 100%;
   clip-path: url(#story-container-bg);
}

.ardich-ivm .story-wrapper::after {
   content: "";
   position: absolute;
   inset: 0;
   background-image: linear-gradient(0deg, var(--ivm-c-primary-600), transparent 50%);
   z-index: 0;
}

.ardich-ivm .story-wbs-badge {
   position: absolute;
   left: 50%;
   transform: translateX(-50%) translateY(-50%);
   z-index: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 15.4em;
   height: 3.6em;
   pointer-events: none;
}

.ardich-ivm .story-wbs-badge__icon {
   position: absolute;
   inset: 0;
   width: 100%;
   height: 100%;
}

.ardich-ivm .story-wbs-badge::before {
   content: attr(data-label);
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 1.3em;
   font-weight: 600;
   color: var(--ivm-c-primary-600);
   width: 6.8em;
   height: 1.4em;
   z-index: 2;
}

.ardich-ivm .story-progress {
   position: absolute;
   inset: 1.5em 1.5em auto 1.5em;
   display: flex;
   align-items: center;
   z-index: 3;
}

.ardich-ivm .story-progress__bar {
   position: relative;
   overflow: hidden;
   height: .8em;
   background: var(--ivm-c-white);
   flex: 1;
   border-radius: 10px;
   width: 100%;
   cursor: pointer;
   direction: ltr;
}

.ardich-ivm .story-progress__fill {
   height: 100%;
   width: 0;
   background-color: var(--ivm-c-primary-400);
   border-radius: 10px;
}

.ardich-ivm .story-progress__time {
   font-size: var(--ivm-fs-16);
   color: var(--ivm-c-white);
   user-select: none;
   width: 3em;
}

.ardich-ivm .ws-storys-close {
   cursor: pointer;
   flex: none;
   width: 2em;
   height: 2em;
   border-radius: 50%;
   background-color: var(--ivm-c-white);
   display: flex;
   align-items: center;
   justify-content: center;
   color: var(--ivm-c-primary-800);
   font-size: 2.4em;
   margin-right: 0.8em;
}

.ardich-ivm .ws-storys-close i {
   transition: var(--ivm-t-ease) var(--ivm-ease3);
   display: block;
   font-style: normal;
   line-height: 1;
   color:black;
}

.ardich-ivm .ws-storys-close:hover i {
   transform: rotate(-90deg);
}

.ardich-ivm .story-container video {
   width: 100%;
   height: 100%;
   aspect-ratio: 16 / 9;
   object-fit: cover;
   display: block;
   cursor: pointer;
}

.ardich-ivm .story-tools {
   position: absolute;
   inset: auto 2em 10em 2em;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   width: 86%;
   margin: 0 auto;
   gap: 1.5em;
   z-index: 3;
}

.ardich-ivm .story-tools__controls {
   display: none;
   margin-top: 2em;
   width: 100%;
}

.ardich-ivm .story-tools__controls .btn--control {
   width: 100%;
   border-radius: 5em;
   background-color: #eae9f38f;
   color: var(--ivm-c-primary);
   font-size: var(--ivm-fs-15);
   padding: 1em 1.8em;
   line-height: 1.5;
   margin-bottom: 1em;
   transition: var(--ivm-t-ease) var(--ivm-ease4);
   user-select: none;
   font-variation-settings: "wght" 700;
   font-weight: 700;
}

.ardich-ivm .story-tools__controls .btn--control:last-child {
   margin-bottom: 0;
}

.ardich-ivm .story-tools__controls .btn--control:hover {
   background-color: var(--ivm-c-white);
   color: var(--ivm-c-primary-600);
}

.ardich-ivm .story-tools-end {
   display: flex;
   justify-content: center;
   flex-direction: column;
   align-items: center;
   gap: 1.7em;
}

.ardich-ivm .story-tools__replay {
   color: var(--ivm-c-primary-500);
   background: #ffffff6e;
   border-radius: 50%;
   display: none;
   align-items: center;
   justify-content: center;
   width: 3em;
   height: 3em;
   font-size: 3.6em;
   transform: rotate(0);
   transition: var(--ivm-t-ease) var(--ivm-ease2);
}

.ardich-ivm .story-tools__replay i,
.ardich-ivm .home-button i {
   display: block;
   font-style: normal;
   line-height: 1;
}

.ardich-ivm .story-tools__replay:hover {
   animation: ardich-ivm-replayStory var(--ivm-t-ease) var(--ivm-ease3) 1 forwards;
   background: var(--ivm-c-white);
}

@keyframes ardich-ivm-replayStory {
   100% {
      transform: rotate(-180deg);
   }
}

.ardich-ivm .btn {
   user-select: none;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 1em;
   line-height: 1.8;
   font-family: inherit;
   transition: var(--ivm-t-ease);
   white-space: nowrap;
   cursor: pointer;
   height: 4.6em;
   border-radius: 2.8em;
   position: relative;
   padding: 1em 2.6em;
   overflow: hidden;
   border: 1px solid var(--ivm-btc);
   font-size: var(--ivm-fs-14);
   font-variation-settings: var(--ivm-fw-600);
}

.ardich-ivm .btn--primary-400 {
   --ivm-btc: var(--ivm-c-primary-400);
   --ivm-h-bg: var(--ivm-c-white);
   --ivm-h-c: var(--ivm-btc);
   background-color: var(--ivm-btc);
   color: var(--ivm-c-white);
}

.ardich-ivm .btn__text {
   height: 4.6em;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: transform var(--ivm-t-ease) var(--ivm-ease2);
   position: relative;
   z-index: 2;
}

.ardich-ivm .btn::after {
   content: "";
   position: absolute;
   display: block;
   width: 100%;
   height: 100%;
   left: 0;
   transform: translateY(101%);
   background: var(--ivm-h-bg);
   border-radius: 50% 50% 0 0;
   transition: transform var(--ivm-t-ease) var(--ivm-ease2), border-radius var(--ivm-t-ease) var(--ivm-ease2);
}

.ardich-ivm .btn__text::before {
   content: attr(data-text);
   position: absolute;
   top: 100%;
   left: 50%;
   transform: translateX(-50%);
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   color: var(--ivm-h-c);
}

.ardich-ivm .btn:hover::after {
   border-radius: 0;
   transform: translateY(0);
   transition-duration: 0.5s, 0.9s;
}

.ardich-ivm .btn:hover .btn__text {
   transform: translateY(-100%);
}

.ardich-ivm .btn:hover {
   transform: scaleX(1.02);
   transition: transform 0.6s cubic-bezier(.34, 5.56, .64, 1);
}

.ardich-ivm .story-tools__extra-button {
   --ivm-btc: var(--ivm-c-primary-500);
   --ivm-h-bg: var(--ivm-c-primary-500);
   --ivm-h-c: var(--ivm-c-white);
   color: var(--ivm-c-primary);
   background: var(--ivm-c-primary-200);
   border: unset;
   padding: 0 1.5em 0 2em;
   height: 4em;
   font-size: var(--ivm-fs-13);
}

.ardich-ivm .story-tools__extra-button .btn__text {
   height: 4em;
}

.ardich-ivm .story-tools__extra-button::before {
   content: "\e926";
   font-family: var(--ivm-ff-icon);
   font-size: 2em;
   color: var(--ivm-c-primary-500);
   transition: var(--ivm-t-ease) var(--ivm-ease4);
   position: relative;
   z-index: 2;
}

.ardich-ivm .story-tools__extra-button:hover::before {
   color: var(--ivm-c-white);
}

.ardich-ivm .story-container .home-button {
   position: absolute;
   z-index: 2;
   bottom: -0.6em;
   left: 50%;
   transform: translate(-50%, -50%);
   display: none;
   color: var(--ivm-c-white);
   font-size: 2.4em;
   width: 3em;
   height: 3em;
   border-radius: 50%;
   align-items: center;
   justify-content: center;
   overflow: hidden;
}

.ardich-ivm .story-container .home-button::before {
   content: "";
   position: absolute;
   inset: 0;
   transition: var(--ivm-t-ease) var(--ivm-ease4);
   background-color: var(--ivm-c-primary-400);
   transform: scale(.7);
   opacity: 0;
   z-index: -1;
   border-radius: 50%;
}

.ardich-ivm .story-container .home-button:hover::before {
   transform: scale(1);
   opacity: 1;
}

.ardich-ivm .story__request {
   gap: .8em;
   padding: .8em 1.4em;
}

.ardich-ivm .story__request-icon {
   stroke: var(--ivm-c-white);
   width: 2em;
   height: 2em;
   fill: transparent;
   stroke-linecap: round;
   stroke-linejoin: round;
   stroke-width: 2;
   transition: var(--ivm-t-ease) var(--ivm-ease4);
   position: relative;
   z-index: 2;
}

.ardich-ivm .story__request:hover .story__request-icon {
   stroke: var(--ivm-c-primary-400);
}

.ardich-ivm .story__request-icon.animate * {
   animation: ardich-ivm-noteStroke 1.2s var(--ivm-ease4) 1 forwards;
}

@keyframes ardich-ivm-noteStroke {
   100% {
      stroke-dashoffset: 0;
   }
}

.ardich-ivm .story__phone-text {
   font-size: var(--ivm-fs-14);
   padding: .6em 1em .6em 1.8em;
   line-height: 1.5;
   white-space: nowrap;
}

.ardich-ivm .story__help-phone {
   user-select: none;
   display: flex;
   align-items: center;
   font-variation-settings: var(--ivm-fw-600);
   border-radius: 5em;
   white-space: nowrap;
   background: var(--ivm-c-white);
   border: unset;
   color: var(--ivm-c-primary-400);
   gap: 1.2em;
   font-size: var(--ivm-fs-18);
   padding: .8em 1.5em;
   position: relative;
   overflow: hidden;
}

.ardich-ivm .story__phone-icon {
   stroke: var(--ivm-c-primary-400);
   width: 2em;
   height: 2em;
   flex: none;
   fill: transparent;
   position: relative;
   z-index: 2;
   transition: var(--ivm-t-ease) var(--ivm-ease4);
}

.ardich-ivm .story__help:hover .story__phone-icon {
   stroke: var(--ivm-c-white);
}

.ardich-ivm .story__phone-icon-line {
   animation: ardich-ivm-ringPhoneBack 1s ease-in-out 1 forwards;
}

.ardich-ivm .story__phone-icon-line.second {
   animation: ardich-ivm-ringPhoneBack 1s ease-in-out 0.2s 1 forwards;
}

.ardich-ivm .story__help:hover .story__phone-icon-line {
   animation: ardich-ivm-ringPhone 1s ease-in-out infinite backwards;
}

.ardich-ivm .story__help:hover .story__phone-icon-line.second {
   animation: ardich-ivm-ringPhone 1s ease-in-out 0.2s infinite backwards;
}

@keyframes ardich-ivm-ringPhone {
   0% {
      opacity: 0;
   }
   40% {
      opacity: 1;
   }
   100% {
      opacity: 0;
   }
}

@keyframes ardich-ivm-ringPhoneBack {
   0% {
      opacity: 0;
   }
   100% {
      opacity: 1;
   }
}

.ardich-ivm .story__help {
   background-color: var(--ivm-c-primary-200);
   border-radius: 5em;
   overflow: hidden;
   align-items: center;
   height: 4.6em;
   position: relative;
   isolation: isolate;
}

.ardich-ivm .story__help-phone::after {
   content: "";
   position: absolute;
   display: block;
   width: 100%;
   height: 100%;
   transform: translateY(101%);
   background: var(--ivm-c-primary-400);
   border-radius: 50% 50% 0 0;
   left: 0;
   transition: transform var(--ivm-t-ease) var(--ivm-ease2), border-radius var(--ivm-t-ease) var(--ivm-ease2);
}

.ardich-ivm .story__help:hover .story__help-phone {
   transform: scaleX(1.02);
   transition: transform 0.6s cubic-bezier(.34, 5.56, .64, 1);
}

.ardich-ivm .story__help:hover .story__help-phone::after {
   border-radius: 0;
   transform: translateY(0);
   transition-duration: 0.5s, 0.9s;
}

.ardich-ivm .story__help-phone .phone-text {
   height: 4.6em;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: transform var(--ivm-t-ease) var(--ivm-ease2);
   position: relative;
   z-index: 2;
}

.ardich-ivm .story__help-phone .phone-text::before {
   content: attr(data-text);
   position: absolute;
   top: 100%;
   left: 50%;
   transform: translateX(-50%);
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   color: var(--ivm-c-white);
}

.ardich-ivm .story__help:hover .phone-text {
   transform: translateY(-100%);
}

.ardich-ivm .stroy-loading-overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #eae9f387;
   justify-content: center;
   align-items: center;
   color: red;
   z-index: 2;
   display: none;
}

.ardich-ivm .stroy-lds-ripple,
.ardich-ivm .stroy-lds-ripple div {
   box-sizing: border-box;
}

.ardich-ivm .stroy-lds-ripple {
   display: inline-block;
   position: relative;
   width: 80px;
   height: 80px;
}

.ardich-ivm .stroy-lds-ripple div {
   position: absolute;
   border: 4px solid currentColor;
   opacity: 1;
   border-radius: 50%;
   animation: ardich-ivm-stroy-lds-ripple 1s cubic-bezier(0, .2, .8, 1) infinite;
}

.ardich-ivm .stroy-lds-ripple div:nth-child(2) {
   animation-delay: -0.5s;
}

@keyframes ardich-ivm-stroy-lds-ripple {
   0%,
   4.9% {
      top: 36px;
      left: 36px;
      width: 8px;
      height: 8px;
      opacity: 0;
   }
   5% {
      top: 36px;
      left: 36px;
      width: 8px;
      height: 8px;
      opacity: 1;
   }
   100% {
      top: 0;
      left: 0;
      width: 80px;
      height: 80px;
      opacity: 0;
   }
}

@media (min-height: 678px) and (min-width: 765px) {
   .ardich-ivm .story-container {
      width: min(var(--ivm-story-width), calc(100vw - 4em));
      max-height: calc(100vh - 3.5em);
      max-height: calc(100dvh - 3.5em);
   }
}

@media (min-width: 36em) {
   .ardich-ivm .story-tools {
      width: 75%;
   }

   .ardich-ivm .story-container {
      inset: auto 2em 1.2em auto;
      width: min(var(--ivm-story-width), calc(100vw - 4em));
      max-height: calc(100vh - 3.5em);
      max-height: calc(100dvh - 3.5em);
      margin-bottom: 3.5em;
   }
}

/* موبایل عمودی: فاصله از لبه‌ها کمتر، باکس پهن‌تر نسبت به صفحه */
@media (max-width: 767.98px) {
   .ardich-ivm #iland {
      bottom: max(1.6em, env(safe-area-inset-bottom, 0px));
   }

   .ardich-ivm .story-container {
      inset: auto 1.2em 1em 1.2em;
      width: min(var(--ivm-story-width), calc(100vw - 2.4em));
      max-height: calc(100vh - 3em);
      max-height: calc(100dvh - 3em);
      margin-bottom: 3em;
   }

   .ardich-ivm .story-tools {
      inset: auto 1.2em 8em 1.2em;
      width: 88%;
   }
}

/* تبلت افقی / لپ‌تاپ کوتاه */
@media (min-width: 768px) and (max-height: 800px) {
   .ardich-ivm .story-container {
      max-height: calc(100vh - 3em);
      max-height: calc(100dvh - 3em);
      margin-bottom: 2.8em;
   }
}