/*!
 * tailwind-compat.css — لایه سازگاری برای کلاس‌های Tailwind استفاده‌شده در ویوهای Razor
 * بدون این فایل، سایه‌ها/گرادیان‌ها/hover ها/گریدها در کل سایت کار نمی‌کنند.
 * باید بعد از mainstyle.css لود شود.
 */

/* ============ Media queries ============ */
@media (max-width: 767px) {
  .sm\:border-0 { border-width: 0 !important; }
  .sm\:w-full { width: 100% !important; }
}
@media (min-width: 768px) {
  .md\:block { display: block !important; }
  .md\:flex { display: flex !important; }
  .md\:flex-1 { display: flex !important; flex: 1 1 0% !important; }
  .md\:flex-row { flex-direction: row !important; }
  .md\:flex-col { flex-direction: column !important; }
  .md\:grid { display: grid !important; }
  .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .md\:col-span-1 { grid-column: span 1 / span 1 !important; }
  .md\:col-span-3 { grid-column: span 3 / span 3 !important; }
  .md\:hidden { display: none !important; }
  .md\:static { position: static !important; }
  .md\:m-0 { margin: 0 !important; }
  .md\:mt-0 { margin-top: 0 !important; }
  .md\:my-5 { margin-top: 1.25rem !important; margin-bottom: 1.25rem !important; }
  .md\:mx-0 { margin-left: 0 !important; margin-right: 0 !important; }
  .md\:mx-auto { margin-left: auto !important; margin-right: auto !important; }
  .md\:p-0 { padding: 0 !important; }
  .md\:p-5 { padding: 1.25rem !important; }
  .md\:p-6 { padding: 1.5rem !important; }
  .md\:p-10 { padding: 2.5rem !important; }
  .md\:p-\[30px\] { padding: 30px !important; }
  .md\:p-\[38px\] { padding: 38px !important; }
  .md\:px-0 { padding-left: 0 !important; padding-right: 0 !important; }
  .md\:px-\[30px\] { padding-left: 30px !important; padding-right: 30px !important; }
  .md\:py-2 { padding-top: .5rem !important; padding-bottom: .5rem !important; }
  .md\:py-9 { padding-top: 2.25rem !important; padding-bottom: 2.25rem !important; }
  .md\:pt-6 { padding-top: 1.5rem !important; }
  .md\:pt-14 { padding-top: 3.5rem !important; }
  .md\:pt-\[50px\] { padding-top: 50px !important; }
  .md\:pb-4 { padding-bottom: 1rem !important; }
  .md\:pb-5 { padding-bottom: 1.25rem !important; }
  .md\:pb-7 { padding-bottom: 1.75rem !important; }
  .md\:pl-0 { padding-left: 0 !important; }
  .md\:pr-8 { padding-right: 2rem !important; }
  .md\:pr-10 { padding-right: 2.5rem !important; }
  .md\:gap-8 { gap: 2rem !important; }
  .md\:justify-between { justify-content: space-between !important; }
  .md\:justify-around { justify-content: space-around !important; }
  .md\:max-w-\[465px\] { max-width: 465px !important; }
  .md\:max-h-\[1200px\] { max-height: 1200px !important; }
  .md\:h-\[75px\] { height: 75px !important; }
  .md\:w-\[87px\] { width: 87px !important; }
  .md\:w-full { width: 100% !important; }
  .md\:bg-\[\#F9FAFC\] { background-color: #F9FAFC !important; }
  .md\:text-\[28px\] { font-size: 28px !important; }
  .md\:text-\[30px\] { font-size: 30px !important; }
  .md\:\!text-\[25px\] { font-size: 25px !important; }
  .md\:shadow-none { box-shadow: none !important; }
  .md\:shadow-\[0px_10px_25px_0px_\#CECECE40\] { box-shadow: 0 10px 25px 0 #CECECE40 !important; }
  .md\:border-dashed { border-style: dashed !important; }
  .md\:border-t-\[1px\] { border-top-width: 1px !important; }
  .md\:border-t-\[\#EDEEF2\] { border-top-color: #EDEEF2 !important; }
  .md\:border-b-\[1px\] { border-bottom-width: 1px !important; }
  .md\:border-b-\[\#F5F6F9\] { border-bottom-color: #F5F6F9 !important; }
  .md\:border-b-\[\#0000001A\] { border-bottom-color: #0000001A !important; }
}
@media (min-width: 1024px) {
  .lg\:flex-col { flex-direction: column !important; }
  .lg\:flex-row { flex-direction: row !important; }
  .lg\:w-\[377px\] { width: 377px !important; }
  .lg\:w-\[calc(100%_-_377px)\] { width: calc(100% - 377px) !important; }
}
@media (min-width: 1280px) {
  .xl\:flex-col { flex-direction: column !important; }
}
@media (min-width: 1536px) {
  .xxl\:shadow-none { box-shadow: none !important; }
}
@media (min-width: 1399px) {
  .width1399px\:flex-row { flex-direction: row !important; }
}
@media (min-width: 1400px) {
  .width1400px\:flex-col { flex-direction: column !important; }
}

/* ============ Core utilities ============ */
.items-center { align-items: center; }
.items-end { align-items: flex-end; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.w-full { width: 100%; }
.h-full { height: 100%; }
.object-cover { object-fit: cover; }
.shrink-0, .flex-shrink-0 { flex-shrink: 0; }
.grid { display: grid; }
.transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: 150ms; }
.duration-100 { transition-duration: 100ms !important; }
.duration-300 { transition-duration: 300ms !important; }
.duration-700 { transition-duration: 700ms !important; }
.ease-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
.scale-105 { transform: scale(1.05); }

/* spacing */
.gap-1 { gap: .25rem; }
.gap-2 { gap: .5rem; }
.gap-3 { gap: .75rem; }
.gap-3\.5 { gap: .875rem; }
.gap-4 { gap: 1rem; }
.gap-5 { gap: 1.25rem; }
.gap-6 { gap: 1.5rem; }
.gap-30px { gap: 30px; }
.gap-2rem { gap: 2rem; }
.gap-10px { gap: 10px; }
.gap-5rem { gap: 5rem; }
.gap-\[10px\] { gap: 10px; }
.gap-\[30px\] { gap: 30px; }
.gap-\[31px\] { gap: 31px; }
.p-\[5px\] { padding: 5px; }
.p-\[10px\] { padding: 10px; }
.p-\[20px\] { padding: 20px; }
.px-\[10px\] { padding-left: 10px; padding-right: 10px; }
.px-\[15px\] { padding-left: 15px; padding-right: 15px; }
.px-\[20px\] { padding-left: 20px; padding-right: 20px; }
.px-\[21px\] { padding-left: 21px; padding-right: 21px; }
.px-\[25px\] { padding-left: 25px; padding-right: 25px; }
.py-\[15px\] { padding-top: 15px; padding-bottom: 15px; }
.py-\[25px\] { padding-top: 25px; padding-bottom: 25px; }
.py-\[28px\] { padding-top: 28px; padding-bottom: 28px; }
.pb-\[10px\] { padding-bottom: 10px; }
.pb-\[17px\] { padding-bottom: 17px; }
.pb-\[18px\] { padding-bottom: 18px; }
.pt-\[22px\] { padding-top: 22px; }
.pt-\[25px\] { padding-top: 25px; }
.pt-\[30px\] { padding-top: 30px; }
.pt-\[46px\] { padding-top: 46px; }
.pt-\[60px\] { padding-top: 60px; }
.pr-\[13px\] { padding-right: 13px; }
.h-10 { height: 2.5rem; }
.h-11 { height: 2.75rem; }
.h-12 { height: 3rem; }
.w-10 { width: 2.5rem; }
.w-100 { width: 100% !important; }
.h-\[1px\] { height: 1px; }
.h-\[30px\] { height: 30px; }
.h-\[33px\] { height: 33px; }
.h-\[40px\] { height: 40px; }
.h-\[51px\] { height: 51px; }
.h-\[60px\] { height: 60px; }
.h-\[65px\] { height: 65px; }
.h-\[159px\] { height: 159px; }
.h-\[171px\] { height: 171px; }
.h-\[440px\] { height: 440px; }
.w-\[30px\] { width: 30px; }
.w-\[33px\] { width: 33px; }
.w-\[70px\] { width: 70px; }
.w-\[75px\] { width: 75px; }
.w-\[120px\] { width: 120px; }
.w-\[237px\] { width: 237px; }
.w-\[326px\] { width: 326px; }
.w-\[370px\] { width: 370px; }
.max-h-\[286px\] { max-height: 286px; }
.min-w-\[350px\] { min-width: 350px; }
.z-\[30\] { z-index: 30; }
.bottom-\[-20px\] { bottom: -20px; }
.rounded-md { border-radius: .375rem; }
.rounded-lg { border-radius: .5rem; }
.rounded-\[10px\] { border-radius: 10px; }
.rounded-\[15px\] { border-radius: 15px; }
.rounded-\[17px\] { border-radius: 17px; }
.border-\[3px\] { border-width: 3px; }
.border-\[\#232532\] { border-color: #232532; }
.border-\[\#E5E7EB\] { border-color: #E5E7EB; }
.border-\[\#E5E8EB\] { border-color: #E5E8EB; }
.border-\[\#EEF0F4\] { border-color: #EEF0F4; }
.border-\[\#FFFFFF\] { border-color: #fff; }
.border-b-\[1px\] { border-bottom-width: 1px; }
.border-b-\[\#F4F5F6\] { border-bottom-color: #F4F5F6; }
.border-t-\[1px\] { border-top-width: 1px; }
.border-t-\[\#F4F5F6\] { border-top-color: #F4F5F6; }
.border-l-\[1px\] { border-left-width: 1px; }
.border-l-\[\#F6F6F6\] { border-left-color: #F6F6F6; }

/* typography */
.text-\[13px\] { font-size: 13px; }
.text-\[15px\] { font-size: 15px; }
.text-\[22px\] { font-size: 22px; }
.text-\[24px\] { font-size: 24px; }
.text-\[145px\] { font-size: 145px; }
.\!text-\[22px\] { font-size: 22px !important; }
.text-\[\#424244\] { color: #424244 !important; }
.text-\[\#424B57\] { color: #424B57 !important; }
.text-\[\#454545\] { color: #454545 !important; }
.text-\[\#475569\] { color: #475569 !important; }
.text-\[\#544C45\] { color: #544C45 !important; }
.text-\[\#5B5C60\] { color: #5B5C60 !important; }
.text-\[\#6097F3\] { color: #6097F3 !important; }
.text-\[\#737373\] { color: #737373 !important; }
.text-\[\#76767C\] { color: #76767C !important; }
.text-\[\#787676\] { color: #787676 !important; }
.text-\[\#7E899B\] { color: #7E899B !important; }
.text-\[\#878F9B\] { color: #878F9B !important; }
.text-\[\#A0A5AD\] { color: #A0A5AD !important; }
.text-\[\#BFBFBF\] { color: #BFBFBF !important; }
.text-\[\#FF9606\] { color: #FF9606 !important; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }
.leading-7 { line-height: 1.75rem; }
.placeholder\:text-\[\#5B5C60\]::placeholder { color: #5B5C60; }
.focus\:outline-none:focus, .focus\:outline-0:focus { outline: 2px solid transparent; }
.focus\:outline-none:focus:not(:focus-visible), .focus\:outline-0:focus:not(:focus-visible) { outline: 0 !important; }

/* backgrounds & gradients */
.bg-white { background-color: #fff !important; }
.bg-\[\#00000033\] { background-color: #00000033; }
.bg-\[\#F0F8FF\] { background-color: #F0F8FF; }
.bg-\[\#F4F5F6\] { background-color: #F4F5F6; }
.bg-\[\#F7F8F9\] { background-color: #F7F8F9; }
.bg-\[\#F9FAFC\] { background-color: #F9FAFC !important; }
.bg-\[\#FF9606\] { background-color: #FF9606 !important; }
.bg-\[\#FFAE11\] { background-color: #FFAE11 !important; }
.bg-\[\#FFFFFF\] { background-color: #fff !important; }
.bg-\[linear-gradient\(111\.32deg\,_\#FFDAA266_-1\.54%\,_\#FFF3E066_21\.68%\)\] { background-image: linear-gradient(111.32deg, #FFDAA266 -1.54%, #FFF3E066 21.68%); }
.bg-\[linear-gradient\(180deg\,_\#F9FAFC_0%\,_\#FFFFFF_30\.97%\)\] { background-image: linear-gradient(180deg, #F9FAFC 0%, #FFFFFF 30.97%); }
.bg-\[linear-gradient\(233\.69deg\,\#FFDAA2_-5\.92%\,\#FFF3E0_17\.7%\)\] { background-image: linear-gradient(233.69deg, #FFDAA2 -5.92%, #FFF3E0 17.7%); }
.bg-\[linear-gradient\(247\.65deg\,_\#FFC107_-35\.57%\,_\#FF9737_100%\)\] { background-image: linear-gradient(247.65deg, #FFC107 -35.57%, #FF9737 100%); }
.from-\[\#FF9606\] { background-image: linear-gradient(to left, #FF9606, #FFB84D); }
.to-\[\#FFB84D\] { background-image: linear-gradient(to left, #FF9606, #FFB84D); }

/* shadows */
.shadow-\[0_5px_25px_0_rgba\(255\,107\,1\,0\.1\)\] { box-shadow: 0 5px 25px 0 rgba(255,107,1,.1) !important; }
.shadow-\[0px_2px_6px_0px_rgba\(126\,137\,155\,0\.08\)\] { box-shadow: 0 2px 6px 0 rgba(126,137,155,.08) !important; }
.shadow-\[0px_2px_8px_0px_\#0000000D\] { box-shadow: 0 2px 8px 0 #0000000D !important; }
.shadow-\[0px_4px_8px_0px_rgba\(153\,126\,86\,0\.08\)\] { box-shadow: 0 4px 8px 0 rgba(153,126,86,.08) !important; }
.shadow-\[0px_5px_20px_0px_rgba\(219\,146\,78\,0\.3\)\] { box-shadow: 0 5px 20px 0 rgba(219,146,78,.3) !important; }
.shadow-\[0px_5px_25px_0_rgba\(126\,137\,155\,0\.12\)\] { box-shadow: 0 5px 25px 0 rgba(126,137,155,.12) !important; }
.shadow-\[0px_5px_25px_0px_rgba\(126\,137\,155\,0\.05\)\] { box-shadow: 0 5px 25px 0px rgba(126,137,155,.05) !important; }
.shadow-\[0px_5px_25px_0px_rgba\(126\,137\,155\,0\.11\)\] { box-shadow: 0 5px 25px 0px rgba(126,137,155,.11) !important; }
.shadow-\[0px_5px_25px_0px_rgba\(203\,203\,203\,0\.25\)\] { box-shadow: 0 5px 25px 0px rgba(203,203,203,.25) !important; }
.shadow-\[0px_5px_25px_0px_rgba\(255\,107\,1\,0\.08\)\] { box-shadow: 0 5px 25px 0px rgba(255,107,1,.08) !important; }
.shadow-\[0px_5px_35px_0px_rgba\(34\,36\,49\,0\.18\)\] { box-shadow: 0 5px 35px 0px rgba(34,36,49,.18) !important; }
.shadow-\[0px_10px_25px_0px_\#969BA41A\] { box-shadow: 0 10px 25px 0 #969BA41A !important; }
.shadow-\[0px_10px_25px_0px_\#CECECE40\] { box-shadow: 0 10px 25px 0 #CECECE40 !important; }
.shadow-\[0px_10px_40px_0px_rgba\(255\,150\,6\,0\.15\)\] { box-shadow: 0 10px 40px 0 rgba(255,150,6,.15) !important; }
.shadow-lg { box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1); }

/* hovers */
.hover\:text-white:hover { color: #fff !important; }
.hover\:text-\[\#FF9606\]:hover { color: #FF9606 !important; }
.hover\:text-\[\#B47510\]:hover { color: #B47510 !important; }
.hover-text-\[\#B47510\]:hover { color: #B47510; }
.hover\:bg-\[\#6097F3\]:hover { background-color: #6097F3 !important; }
.hover\:bg-\[\#878F9B\]:hover { background-color: #878F9B !important; }
.hover\:bg-\[\#E08500\]:hover { background-color: #E08500 !important; }
.hover\:bg-\[\#EB8800\]:hover { background-color: #EB8800 !important; }
.hover\:bg-\[\#F9FAFB\]:hover { background-color: #F9FAFB !important; }
.hover\:bg-\[\#FFE6C0\]:hover { background-color: #FFE6C0 !important; }
.hover\:bg-\[\#FFF5E6\]:hover { background-color: #FFF5E6 !important; }
.hover\:bg-secondary\/65:hover { background-color: rgba(135,143,155,.65) !important; }
.hover\:bg-secondary\/80:hover { background-color: rgba(135,143,155,.8) !important; }
.hover\:opacity-0:hover { opacity: 0 !important; }
.hover\:opacity-100:hover { opacity: 1 !important; }
.hover\:scale-105:hover { transform: scale(1.05); }
.hover\:shadow-lg:hover { box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1) !important; }
.hover\:ring-1:hover, .hover\:ring-\[\#878F9B\]:hover { outline: 1px solid #878F9B; outline-offset: -1px; }
.hover\:w-\[calc\(100\%\+4px\)\]:hover { width: calc(100% + 4px) !important; }
.group:hover .group-hover\:text-\[\#FF9606\] { color: #FF9606 !important; }
.group\/item:hover .group-hover\/item\:\!text-\[\#FF9606\] { color: #FF9606 !important; }

/* ui-open (headlessui popover) — فقط وقتی state=open */
[data-headlessui-state~="open"].ui-open\:text-\[\#FF9606\] { color: #FF9606 !important; }
[data-headlessui-state~="open"].ui-open\:bg-\[\#FFF5E6\] { background-color: #FFF5E6 !important; }
[data-headlessui-state~="open"] .ui-open\:rotate-180 { transform: rotate(180deg) !important; }

/* arbitrary variants */
.\[\&\>\*\]\:w-full > * { width: 100%; }
.\[\&_\.swiper-wrapper\]\:p-4 .swiper-wrapper { padding: 1rem; }

/* ============ Utilities مکمل ============ */
.flex-1 { flex: 1 1 0%; }
.items-stretch { align-items: stretch; }
.-mt-4 { margin-top: -1rem; }
.-mr-4 { margin-right: -1rem; }
.ml-2 { margin-left: .5rem; }
.ml-auto { margin-left: auto; }
.mr-0 { margin-right: 0; }
.mb-6 { margin-bottom: 1.5rem; }
.mt-3\.5 { margin-top: .875rem; }
.gap-1\.5 { gap: .375rem; }
.gap-2\.5 { gap: .625rem; }
.px-3\.5 { padding-left: .875rem; padding-right: .875rem; }
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.px-7 { padding-left: 1.75rem; padding-right: 1.75rem; }
.pr-4 { padding-right: 1rem; }
.pr-5 { padding-right: 1.25rem; }
.\!p-6 { padding: 1.5rem !important; }
.\!pb-8 { padding-bottom: 2rem !important; }
.\!max-h-none { max-height: none !important; }
.\!border-none { border: none !important; }
.w-11 { width: 2.75rem; }
.leading-6 { line-height: 1.5rem; }
.leading-8 { line-height: 2rem; }
.list-decimal { list-style-type: decimal; }
.text-right { text-align: right; }
.truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.translate-y-0 { transform: translateY(0); }
.scale-100 { transform: scale(1); }
.bottom-8 { bottom: 2rem; }
.rounded-b-md { border-bottom-left-radius: .375rem; border-bottom-right-radius: .375rem; }
.rounded-s-md { border-start-start-radius: .375rem; }
.bg-gradient-to-l { background-image: linear-gradient(to left, #FF9606, #FFB84D); }
.columns-3 { columns: 3; }
@media (max-width: 767px) { .columns-3 { columns: 1; } }
@media (min-width: 768px) { .h-md-250 { height: 250px; } }
@media (min-width: 768px) { .p-md-8 { padding: 2rem; } }

/* Bootstrap 5 حذف‌شده‌ها */
.btn-block { display: block; width: 100%; }

/* کلاس‌های کمکی صفحات لندینگ */
.text-sm-mj { font-size: .82rem; }

/* ماژول‌های Swiper (در زمان اجرا توسط JS اضافه می‌شوند) */
.single-page-swiper { position: relative; }
.swiper-slide-shadow-creative { position: absolute; inset: 0; pointer-events: none; background: rgba(0,0,0,.15); border-radius: inherit; }
.swiper-initialized { /* نشانگر JS — بدون استایل */ }

/* غلط‌های تایپی رایج در ویوها — به‌عنوان alias */
.jsutify-center { justify-content: center; }
.justify-content-top { justify-content: flex-start; }

/* ============ Orphan custom classes ============ */
.ac-card { position: relative; overflow: hidden; }
.co-md-1 { width: 8.33%; }
.co-md-3 { width: 25%; }
.co-md-4 { width: 33.33%; }
.co-md-6 { width: 50%; }
.co-md-8 { width: 66.66%; }
.co-md-12 { width: 100%; }
@media (max-width: 767px) {
  [class*="co-md-"] { width: 100%; }
}
.banner-image-contaier { position: relative; }
.banner-image-contaier img { width: 100%; height: auto; display: block; }
.banner-text-contaier { position: relative; z-index: 2; }
.bg-container { position: absolute; inset: 0; }
.count-input { max-width: 80px; text-align: center; }
.blogswiper { direction: ltr; }
.card-tools { display: flex; align-items: flex-start; gap: .5rem; margin-inline-start: auto; }

/* ============ Modern polish (affordances & effects) ============ */
img { -webkit-user-drag: none; }
.card3, .ac-card {
  transition: transform .3s cubic-bezier(.4, 0, .2, 1), box-shadow .3s cubic-bezier(.4, 0, .2, 1);
}
.card3:not(.swiper-slide):hover {
  transform: translateY(-4px);
}
.card3:hover {
  box-shadow: 0 12px 28px rgba(126,137,155,.16) !important;
}
.card3:hover .card-image { transform: scale(1.04); }
.card-image { transition: transform .45s cubic-bezier(.4, 0, .2, 1); }
.preview-button, .herocardbutton, .dark-btn-mj {
  transition: all .25s cubic-bezier(.4, 0, .2, 1);
}
.preview-button:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(255,150,6,.30) !important;
}
.preview-button:active, .herocardbutton:active, .dark-btn-mj:active { transform: translateY(0) scale(.98); }
:where(a, button, [role="button"], input, select, textarea):focus-visible {
  outline: 2px solid #FF9606;
  outline-offset: 2px;
  border-radius: 4px;
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
}