.mobile .swiper-slide-next {
  transform: translateX(150px) scale(0.84) !important;
  transition: 0.4s ease all;
}
.mobile .swiper-slide-prev {
  transform: translateX(-150px) scale(0.84) !important;
  transition: 0.1s ease all;
}

@keyframes shrinkBarDark {
    0% { width: 100%; }
    100% { width: 0%; }
  }

  @keyframes slideInRightOutLeftDark {
    0% { opacity: 0; transform: translateX(120%); max-height: 200px; margin-bottom: 15px; padding-top: 16px; padding-bottom: 16px; border-width: 1px; }
    5%, 85% { opacity: 1; transform: translateX(0); max-height: 200px; margin-bottom: 15px; padding-top: 16px; padding-bottom: 16px; border-width: 1px; }
    92% { opacity: 0; transform: translateX(-100px); max-height: 200px; margin-bottom: 15px; padding-top: 16px; padding-bottom: 16px; border-width: 1px; }
    100% { opacity: 0; transform: translateX(-100px); max-height: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; border-width: 0; visibility: hidden; }
  }

  .toast-container {
    position: fixed;
    top: 80px;
    right: 20px;
    width: 380px;
    max-width: 90vw;
    z-index: 9999;
    direction: rtl;
    pointer-events: none;
  }

  .dark-toast {
    pointer-events: auto;
    position: relative;
    padding: 16px 20px;
    border-radius: 12px;
    margin-bottom: 15px;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.6;
    color: #e2e8f0;
    background-color: #111119;
    box-shadow: 0 10px 30px rgba(0,0,0,0.6);
    border: 1px solid rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    overflow: hidden;
    text-align: right;
    animation: slideInRightOutLeftDark 8s forwards;
  }

  .dark-toast::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    height: 3px;
    animation: shrinkBarDark 8s linear forwards;
  }

  .dark-toast-success {
    border-right: 4px solid #10b981; 
    background: linear-gradient(to left, rgba(16, 185, 129, 0.1), rgba(17, 17, 25, 0.95));
  }
  .dark-toast-success::after { background-color: #10b981; }
  .dark-toast-success strong { color: #34d399; }

  .dark-toast-danger {
    border-right: 4px solid #ef4444; 
    background: linear-gradient(to left, rgba(239, 68, 68, 0.1), rgba(17, 17, 25, 0.95));
  }
  .dark-toast-danger::after { background-color: #ef4444; }
  .dark-toast-danger strong { color: #fca5a5; }

  .dark-toast-link {
    color: #f87171;
    font-weight: bold;
    text-decoration: none;
    display: block;
    margin-top: 10px;
    border-bottom: 1px dashed #f87171;
    width: fit-content;
    transition: all 0.3s ease;
  }
  .dark-toast-link:hover { color: #ef4444; border-color: #ef4444; }



.tw-bg-brand-gradient {
  background-image: linear-gradient(to bottom left, #019BE5 0%, #860EFE 50%, #F20F0F 100%);
}

.tw-bg-\[\#262626\] {
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
}

.tw-bg-\[\#404040\] {
  --tw-bg-opacity: 1;
  background-color: rgb(64 64 64 / var(--tw-bg-opacity, 1));
}

.tw-bg-\[\#525252\] {
  --tw-bg-opacity: 1;
  background-color: rgb(82 82 82 / var(--tw-bg-opacity, 1));
}

/* رنگ آبی */
.tw-bg-\[\#019BE5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(1 155 229 / var(--tw-bg-opacity, 1));
}

/* رنگ قرمز */
.tw-bg-\[\#F20F0F\] {
  --tw-bg-opacity: 1;
  background-color: rgb(242 15 15 / var(--tw-bg-opacity, 1));
}

/* رنگ بنفش */
.tw-bg-\[\#860EFE\] {
  --tw-bg-opacity: 1;
  background-color: rgb(134 14 254 / var(--tw-bg-opacity, 1));
}

/* گرادیانت ترکیبی (آبی به بنفش به قرمز) */
.tw-bg-brand-gradient {
  background-image: linear-gradient(to bottom left, #019BE5 0%, #860EFE 50%, #F20F0F 100%);
}

.tw-bg-red-btn{
  background-color:#F20F0F;
  box-shadow: inset 0px -15px 20px rgba(0, 0, 0, 0.4);
}
.tw-bg-blue-btn{
  background-color:#019BE5;
  box-shadow: inset 0px -15px 20px rgba(0, 0, 0, 0.4);
}