/*header news carosel slide*/
/*start*/
#hc-container {
  background-color: #000;
  color: #fff;

  position: relative;
  z-index: 2;
  /* Enterprise-Grade: background-image حذف شد - اکنون به صورت داینامیک از home.blade.php اضافه می‌شود */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-blend-mode: multiply;
  background-color: rgba(0, 0, 0, 0.5);
  background-blend-mode: multiply;
}
.carousel-container {
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.carousel-container::-webkit-scrollbar {
  display: none;
}
.card {
  transition: all 0.3s ease;
}
.card:hover {
  transform: translateY(-4px);
}
.card-image {
  transition: transform 0.3s ease;
}
.card:hover .card-image {
  transform: scale(1.05);
}
/*end*/
/*header news carosel slide*/
/*==============================================================================
  Header Product Carousel (HPC) Styles
  استایل‌های کاروسل محصولات صفحه اصلی

  معماری: Component-based CSS با prefix hpc- برای namespace isolation
  سازگاری: Cross-browser compatible (Chrome, Firefox, Safari, Edge)
  Performance: GPU-accelerated animations با will-change
==============================================================================*/
/* Container - پس‌زمینه و layout اصلی */
#hpc-container {
  background-color: #ffffff;
  color: #000000;


  position: relative;
  z-index: 1;
}
/* Carousel Scroll - مخفی‌سازی scrollbar و smooth scrolling */
.hpc-carousel-scroll {
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE/Edge */
  scroll-behavior: smooth;
}
.hpc-carousel-scroll::-webkit-scrollbar {
  display: none;
  /* Chrome/Safari/Opera */
}
/* Glass Morphism Box - باکس شیشه‌ای برای فلش‌های ناوبری */
.hpc-glass-box {
  background: rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  /* Safari support */
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
  border-radius: 0.5rem;
  transition: opacity 0.3s ease;
  position: relative;
  z-index: 10;
}
/* Arrow Button - دکمه‌های فلش با افکت hover */
.hpc-arrow-button {

  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  transition: all 0.3s ease;
  cursor: pointer;
  position: relative;
  z-index: 20;
  will-change: transform;
  /* GPU acceleration */
}
.hpc-arrow-button:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.2);
  transform: scale(1.1);
}
.hpc-arrow-button:active {
  transform: scale(0.95);
}
/* Gradient Border Animation - انیمیشن بوردر گرادیانت */
@keyframes hpc-gradient-rotate {
  0% {
    background-position: 0% 50%;
  }

  100% {
    background-position: 100% 50%;
  }
}
.hpc-gradient-border {
  background: linear-gradient(237deg, #C913B9 0%, #F9373F 50%, #FECD00 100%);
  background-size: 200% 200%;
  animation: hpc-gradient-rotate 3s ease infinite;
}
/* Product Card - کارت محصول با hover effects */
.hpc-card {
  transition: all 0.3s ease;
  will-change: transform;
}
.hpc-card:hover {
  transform: translateY(-4px);
}
.hpc-card-image {
  transition: transform 0.3s ease;
  will-change: transform;
}
.hpc-card:hover .hpc-card-image {
  transform: scale(1.05);
}
/* ===== END HEADER PRODUCT CAROUSEL STYLES ===== */
#top-search {
  background-position: 50%;
  background-size: cover;
  border: none;
  margin-top: 0px;

  -webkit-mask-position: bottom center;
  -webkit-mask-size: cover;
  min-height: 500px;
  padding: 2rem 0 10rem;
  position: relative;
  z-index: 2
}
/* === Product Action Buttons - FAANG-Level === */
/* استایل‌های بصری با Tailwind v4 جایگزین شده‌اند - فقط disabled state نگه داشته شده */
.actions .buy-now:disabled,
.item.cart-action.buy-now.primary:disabled,
.product-buy-btn:disabled,
.item.add-to-cart.accent:disabled,
.product-add-to-cart-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}
/*start product page*/
#item #header .container {
  align-items: center;
  display: flex;
  font-size: .8rem;
  max-width: 1980px color
}
/*end product page*/
/* === Purchase Bar & Actions Alignment - تمام برک‌پوینت‌ها === */
.purchase-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.purchase-bar .item {
  display: flex;
  align-items: center;
}
/* قیمت همیشه سمت چپ */
.purchase-bar .item.header.price-pill {
  order: 2;
  padding: 8px 12px;
  height: 40px;
  border-radius: 6px;
  flex: 0 0 auto;
}
.purchase-bar .item.header.price-pill .price {
  display: inline-flex;
  align-items: center;
  line-height: 1;
}
.purchase-bar .item.header.price-pill .price.default {
  margin-inline-start: 8px;
  opacity: .6;
}
/* دکمه خرید همیشه سمت راست */
.purchase-bar .item.cart-action.buy-now {
  order: 1;
  flex: 0 0 auto;
}
/* مخفی کردن دکمه افزودن به سبد در purchase-bar */
.purchase-bar .item.add-to-cart {
  display: none;
}
/* Ensure actions container keeps alignment */
.actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}
/* Mobile: sticky bar با قیمت + دکمه در یک راستا افقی */
@media (max-width: 700px) {
  .actions {
    flex-wrap: nowrap;
    justify-content: center;
  }

  /* استایل‌های min-width با Tailwind w-full جایگزین شده‌اند */

  /* Override tendra-rtl.css با specificity بالاتر */
  #item>.purchase {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1000 !important;
    background: #ffffff !important;
    border-top: 1px solid #e5e7eb !important;
    padding: 12px 16px !important;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1) !important;
  }

  .purchase-bar {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 16px !important;
    width: 100% !important;
  }

  /* باکس قیمت: سمت چپ */
  .purchase-bar .item.header.price-pill {
    order: 2;
    flex: 0 0 auto;
    padding: 8px 12px !important;
    height: 40px !important;
    border-radius: 6px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    display: flex !important;
    align-items: center !important;
  }

  .purchase-bar .item.header.price-pill .price {
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
  }

  /* Override CSS اینلاین Blade برای نمایش صحیح قیمت */
  #item .purchase-bar .item.header.price-pill .price.default {
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 1 !important;
    color: #ff9900 !important;
    opacity: 1 !important;
    text-decoration: none !important;
  }

  /* قیمت در حالت عادی (بدون تخفیف) */
  #item .purchase-bar .item.header.price-pill:not(.has-promo) .price.default {
    text-decoration: none !important;
    opacity: 1 !important;
    color: #ff9900 !important;
  }

  #item .purchase-bar .item.header.price-pill .price.promo {
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 1 !important;
    color: #ff9900 !important;
  }

  /* نمایش قیمت قبل تخفیف در حالت promo */
  #item .purchase-bar .item.header.price-pill.has-promo .price.default {
    display: inline-flex !important;
    text-decoration: line-through !important;
    opacity: 0.6 !important;
    color: #64748b !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 24px !important;
  }

  /* دکمه خرید: سمت راست */
  .purchase-bar .item.cart-action.buy-now {
    order: 1;
    flex: 0 0 auto;
    height: 40px !important;
    padding: 8px 24px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    min-width: 120px !important;
    border-radius: 6px !important;
  }

  /* مخفی کردن دکمه افزودن به سبد */
  .purchase-bar .item.add-to-cart {
    display: none !important;
  }
}
/* ===== PAGES MANAGER - شاه ترند ===== */
/* Import layout styles */
/* ===== HEADER BUTTON BORDERS — Single Source ===== */
/* تمام استایل‌های بردر آیتم‌های هدر از این بخش کنترل می‌شوند */
#top-menu .item,
#top-menu>.right.menu>.item {
  border: 1px solid transparent;
  border-radius: var(--header-item-hover-border-radius);
  padding: var(--header-item-hover-padding);
  font-weight: var(--font-weight-normal);
}
#top-menu .item:hover,
#top-menu>.right.menu>.item:hover {
  border-color: var(--header-item-hover-border);
}
/* ===== UNIFIED DROPDOWN SYSTEM - پایه مشترک تمام دراپ‌داون‌ها ===== */
/* Base dropdown system using user dropdown as foundation */
/* Base dropdown menu styling - مشترک برای تمام دراپ‌داون‌ها (به جز cart dropdown) */
#top-menu .dropdown .menu,
#top-menu .ui.dropdown:not(.cart) .left.menu,
.ua-account-dropdown .left.menu {
  background: var(--ua-dropdown-bg);
  overflow: hidden;
  border-radius: var(--border-radius-lg);
  box-shadow: 0 10px 15px -3px var(--ua-dropdown-shadow);
  margin-top: var(--spacing-md);
  position: absolute;
  top: 100%;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  z-index: var(--z-index-dropdown);
  opacity: 1;
  visibility: hidden;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  pointer-events: auto;
  transition: opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1), transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
/* ===== CART DROPDOWN BASE POSITIONING - Viewport-Safe (بدون Semantic UI) ===== */
/* Strategy: استفاده از left: 30% برای positioning صحیح داخل viewport */
/* FAANG-Level: Viewport-safe positioning با collision detection - Isolated from Semantic UI */
/* Specificity: 0,3,0 - بالاتر از ruleهای عمومی با استفاده از class اضافی */
.aic-cart-dropdown-wrapper.cart .left.menu {
  background: transparent;
  overflow: visible;
  border-radius: 0;
  box-shadow: none;
  margin-top: 0.5rem;
  position: absolute;
  top: 100%;
  /* FAANG-Level: left: 30% برای positioning صحیح داخل viewport */
  left: 30%;
  right: auto;
  transform: translateX(-50%);
  z-index: var(--z-index-dropdown);
  /* Base state: hidden - نمایش فقط در hover/focus (خط 459-476) */
  opacity: 0;
  visibility: hidden;
  display: none;
  pointer-events: auto;
  padding: 0;
  min-width: 380px;
  max-width: min(420px, calc(100vw - 2rem)); /* Viewport-safe */
  width: auto;
  will-change: opacity, transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transition: opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1), transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
/* ===== CART DROPDOWN ANIMATIONS - FAANG Level ===== */
/* Animations برای dropdown سبد خرید مطابق با الگوی طراحی spa-shell.css */
@keyframes slideDownAndFadeIn {
  0% {
    opacity: 0;
    transform: translateY(-3px) translateX(-50%) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) translateX(-50%) scale(1);
  }
}
@keyframes slideUpAndFadeOut {
  0% {
    opacity: 1;
    transform: translateY(0) translateX(-50%) scale(1);
  }
  to {
    opacity: 0;
    transform: translateY(-3px) translateX(-50%) scale(0.98);
  }
}
/* Apply animations to dropdown menu - Isolated from Semantic UI */
/* Specificity: بالاتر از ruleهای عمومی - استفاده از class ترکیبی */
#top-menu .aic-cart-dropdown-wrapper.cart:hover .left.menu,
#top-menu .aic-cart-dropdown-wrapper.cart:focus-within .left.menu,
#top-menu .aic-cart-dropdown-wrapper.cart.active .left.menu,
.aic-cart-dropdown-wrapper.cart:hover .left.menu,
.aic-cart-dropdown-wrapper.cart:focus-within .left.menu,
.aic-cart-dropdown-wrapper.cart.active .left.menu {
  animation: slideDownAndFadeIn 0.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  display: block;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
/* Specificity: بالاتر از ruleهای عمومی برای اطمینان از اعمال شدن */
#top-menu .aic-cart-dropdown-wrapper.cart:not(:hover):not(:focus-within):not(.active) .left.menu,
.aic-cart-dropdown-wrapper.cart:not(:hover):not(:focus-within):not(.active) .left.menu {
  animation: slideUpAndFadeOut 0.15s cubic-bezier(0.7, 0, 0.84, 0) forwards;
  display: none;
}
/* Cart Dropdown Content: محتوای اصلی dropdown - FAANG Level (مطابق با spa-shell.css) */
.aic-cart-dropdown-wrapper.cart .left.menu > div {
  background: #ffffff;
  border-radius: 1.25rem; /* rounded-3xl: 20px مطابق با spa-shell.css */
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); /* shadow-xl مطابق با spa-shell.css */
  padding: 1.5rem; /* p-6: 24px */
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.05);
  /* FAANG-Level: Overflow handling برای جلوگیری از شکسته شدن المان‌ها */
  overflow: hidden;
  /* FAANG-Level: Box-sizing برای consistency */
  box-sizing: border-box;
  /* FAANG-Level: Position relative برای absolute positioning داخلی */
  position: relative;
  /* FAANG-Level: Z-index برای layering */
  z-index: 1;
}
/* Cart Dropdown Header: عنوان dropdown - مطابق با الگوی طراحی spa-shell.css */
.aic-cart-dropdown-wrapper.cart .left.menu h4 {
  font-size: var(--font-size-base, 1rem);
  line-height: 1.5rem;
  font-weight: var(--font-weight-semibold, 600);
  color: var(--color-text-primary, #0f172a);
  margin: 0;
  padding: 0;
  letter-spacing: -0.01em;
}
/* Cart Items Container: لیست آیتم‌ها - FAANG Level */
.aic-cart-dropdown-wrapper.cart .left.menu .space-y-5 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem; /* space-y-5: 20px */
  /* FAANG-Level: Overflow handling برای scroll در صورت نیاز */
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  /* FAANG-Level: Smooth scrolling */
  scroll-behavior: smooth;
  /* FAANG-Level: Custom scrollbar styling (webkit) */
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}
/* Custom scrollbar styling برای webkit browsers */
.aic-cart-dropdown-wrapper.cart .left.menu .space-y-5::-webkit-scrollbar {
  width: 6px;
}
.aic-cart-dropdown-wrapper.cart .left.menu .space-y-5::-webkit-scrollbar-track {
  background: transparent;
}
.aic-cart-dropdown-wrapper.cart .left.menu .space-y-5::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
.aic-cart-dropdown-wrapper.cart .left.menu .space-y-5::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
/* Cart Item: هر آیتم سبد خرید - FAANG Level */
.aic-cart-dropdown-wrapper.cart .left.menu .flex.max-sm\:flex-col {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md, 1rem);
  padding: 0;
  margin: 0;
  /* FAANG-Level: Prevent breaking - min-width برای جلوگیری از شکسته شدن */
  min-width: 0;
  /* FAANG-Level: Flex shrink برای responsive behavior */
  flex-shrink: 0;
  /* FAANG-Level: Transition برای smooth interactions */
  transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
/* FAANG-Level: Hover effect برای cart items */
.aic-cart-dropdown-wrapper.cart .left.menu .flex.max-sm\:flex-col:hover {
  transform: translateY(-1px);
  opacity: 0.95;
}
/* Cart Item Image: تصویر محصول - FAANG Level */
.aic-cart-dropdown-wrapper.cart .left.menu img {
  width: 4rem; /* w-16: 64px */
  height: 4rem; /* h-16: 64px */
  padding: var(--spacing-sm, 0.5rem);
  flex-shrink: 0;
  background-color: #f3f4f6; /* bg-gray-200 */
  border-radius: 0.375rem; /* rounded-md: 6px */
  -o-object-fit: cover;
     object-fit: cover;
  /* FAANG-Level: Prevent image breaking */
  display: block;
  /* FAANG-Level: Smooth transition برای hover effects */
  transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
/* FAANG-Level: Hover effect برای images */
.aic-cart-dropdown-wrapper.cart .left.menu img:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
/* Cart Item Content: محتوای آیتم */
.aic-cart-dropdown-wrapper.cart .left.menu .ml-4 {
  margin-left: var(--spacing-md, 1rem);
  flex: 1;
  min-width: 0;
}
/* Cart Item Title: نام محصول */
.aic-cart-dropdown-wrapper.cart .left.menu .text-sm {
  font-size: var(--font-size-sm, 0.875rem);
  line-height: 1.25rem;
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-text-primary, #0f172a);
  margin: 0;
  padding: 0;
}
/* Cart Item Quantity: تعداد آیتم */
.aic-cart-dropdown-wrapper.cart .left.menu .text-xs {
  font-size: var(--font-size-xs, 0.75rem);
  line-height: 1rem;
  color: var(--color-text-tertiary, #64748b);
  margin-top: var(--spacing-xs, 0.25rem);
}
/* Cart Item Price: قیمت */
.aic-cart-dropdown-wrapper.cart .left.menu .text-base.font-semibold {
  font-size: var(--font-size-base, 1rem);
  line-height: 1.5rem;
  font-weight: var(--font-weight-semibold, 600);
  color: var(--color-text-primary, #0f172a);
  margin-right: var(--spacing-md, 1rem);
}
/* Cart Item Delete Button: دکمه حذف - FAANG Level */
.aic-cart-dropdown-wrapper.cart .left.menu svg[aria-label="حذف آیتم"] {
  width: 18px;
  height: 18px;
  fill: var(--color-error, #ef4444);
  cursor: pointer;
  /* FAANG-Level: Transition timing مطابق با spa-shell.css */
  transition: fill 0.15s cubic-bezier(0.4, 0, 0.2, 1), transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
  /* FAANG-Level: Prevent breaking */
  display: inline-block;
  vertical-align: middle;
}
.aic-cart-dropdown-wrapper.cart .left.menu svg[aria-label="حذف آیتم"]:hover {
  fill: #dc2626; /* fill-red-600 */
  transform: scale(1.1);
}
.aic-cart-dropdown-wrapper.cart .left.menu svg[aria-label="حذف آیتم"]:active {
  transform: scale(0.95);
}
/* Total Section: بخش مجموع */
.aic-cart-dropdown-wrapper.cart .left.menu .flex.mt-6 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: var(--spacing-lg, 1.5rem);
  padding-top: var(--spacing-lg, 1.5rem);
  border-top: 1px solid #e5e7eb; /* border-gray-200 */
}
/* Total Label: برچسب مجموع */
.aic-cart-dropdown-wrapper.cart .left.menu .flex-1 {
  font-size: var(--font-size-base, 1rem);
  line-height: 1.5rem;
  font-weight: var(--font-weight-semibold, 600);
  color: var(--color-text-primary, #0f172a);
}
/* Total Amount: مبلغ مجموع */
.aic-cart-dropdown-wrapper.cart .left.menu .flex.mt-6 > span:last-child {
  font-size: var(--font-size-base, 1rem);
  line-height: 1.5rem;
  font-weight: var(--font-weight-semibold, 600);
  color: var(--color-text-primary, #0f172a);
}
/* Action Buttons Container: کانتینر دکمه‌ها */
.aic-cart-dropdown-wrapper.cart .left.menu .flex.max-sm\:flex-col.gap-4 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-md, 1rem);
  margin-top: var(--spacing-xl, 2rem);
}
/* Continue Shopping Button: دکمه ادامه خرید - FAANG Level */
.aic-cart-dropdown-wrapper.cart .left.menu a[href*="home"]:not([href*="checkout"]) {
  display: block;
  width: 100%;
  padding: 0.625rem 1.25rem;
  font-size: var(--font-size-sm, 0.875rem);
  line-height: 1.25rem;
  font-weight: var(--font-weight-medium, 500);
  text-align: center;
  background-color: #e5e7eb; /* bg-gray-200 */
  color: var(--color-text-primary, #0f172a);
  border-radius: 0.375rem;
  text-decoration: none;
  /* FAANG-Level: Transition timing مطابق با spa-shell.css */
  transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  letter-spacing: 0.025em;
  border: none;
  cursor: pointer;
  /* FAANG-Level: Prevent breaking */
  box-sizing: border-box;
}
.aic-cart-dropdown-wrapper.cart .left.menu a[href*="home"]:not([href*="checkout"]):hover {
  background-color: #d1d5db; /* hover:bg-gray-300 */
  transform: translateY(-1px);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.aic-cart-dropdown-wrapper.cart .left.menu a[href*="home"]:not([href*="checkout"]):active {
  transform: translateY(0);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
/* Pay Button: دکمه پرداخت - FAANG Level */
.aic-cart-dropdown-wrapper.cart .left.menu a[href*="checkout"] {
  display: block;
  width: 100%;
  padding: 0.625rem 1.25rem;
  font-size: var(--font-size-sm, 0.875rem);
  line-height: 1.25rem;
  font-weight: var(--font-weight-medium, 500);
  text-align: center;
  background-color: var(--color-primary-blue-600, #2563eb);
  color: #ffffff;
  border-radius: 0.375rem;
  text-decoration: none;
  /* FAANG-Level: Transition timing مطابق با spa-shell.css */
  transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  letter-spacing: 0.025em;
  border: none;
  cursor: pointer;
  /* FAANG-Level: Prevent breaking */
  box-sizing: border-box;
}
.aic-cart-dropdown-wrapper.cart .left.menu a[href*="checkout"]:hover {
  background-color: var(--color-primary-blue-700, #1d4ed8);
  transform: translateY(-1px);
  box-shadow: 0 10px 15px -3px rgba(37, 99, 235, 0.3), 0 4px 6px -2px rgba(37, 99, 235, 0.2);
}
.aic-cart-dropdown-wrapper.cart .left.menu a[href*="checkout"]:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px 0 rgba(37, 99, 235, 0.2);
}
/* ===== RESPONSIVE POSITIONING - Viewport-Safe ===== */
/* FAANG-Level: Responsive positioning با left: 30% برای تمام breakpoint ها */
/* Desktop: left: 30% با viewport safety */
@media (min-width: 1025px) {
  .aic-cart-dropdown-wrapper.cart .left.menu {
    left: 30%;
    right: auto;
    transform: translateX(-50%);
    max-width: min(420px, calc(100vw - 2rem));
  }
}
/* Tablet: left: 30% با responsive width */
@media (max-width: 1024px) {
  .aic-cart-dropdown-wrapper.cart .left.menu {
    min-width: 320px;
    max-width: min(420px, calc(100vw - 2rem));
    width: auto;
    left: 30%;
    right: auto;
    transform: translateX(-50%);
  }
}
/* Mobile: left: 30% با margin بیشتر */
@media (max-width: 640px) {
  .aic-cart-dropdown-wrapper.cart .left.menu {
    min-width: 300px;
    max-width: min(420px, calc(100vw - 1rem));
    left: 30%;
    right: auto;
    transform: translateX(-50%);
  }

  .aic-cart-dropdown-wrapper.cart .left.menu .flex.max-sm\:flex-col {
    flex-direction: column;
    align-items: flex-start;
  }

  .aic-cart-dropdown-wrapper.cart .left.menu .flex.max-sm\:flex-col.gap-4 {
    flex-direction: column;
  }
}
/* Hover bridge container - position relative برای absolute positioning dropdown */
#top-menu .dropdown,
#top-menu .ui.dropdown,
.ua-account-dropdown,
.aic-cart-dropdown-wrapper {
  position: relative;
}
#top-menu .dropdown::after,
#top-menu .ui.dropdown::after,
.ua-account-dropdown::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: var(--dropdown-bridge-width, 320px);
  height: var(--dropdown-bridge-height, 14px);
  background: transparent;
  z-index: calc(var(--z-index-dropdown) + 1);
  pointer-events: auto;
}
/* Variant bridge sizing per dropdown type */
.aic-cart-dropdown-wrapper {
  --dropdown-bridge-width: 300px;
  --dropdown-bridge-height: 16px;
}
#top-menu .dropdown.categories {
  --dropdown-bridge-width: 360px;
  --dropdown-bridge-height: 16px;
}
/* Safety: bridge attached to the menu width for variants with special layout */
.aic-cart-dropdown-wrapper.cart .left.menu::before,
#top-menu .dropdown.categories .menu::before {
  content: "";
  position: absolute;
  top: calc(-1 * var(--dropdown-bridge-height, 14px));
  left: 0;
  right: 0;
  height: var(--dropdown-bridge-height, 14px);
  background: transparent;
  pointer-events: auto;
}
/* Dropdown visibility states - مشترک برای تمام دراپ‌داون‌ها */
#top-menu .dropdown:hover .menu,
#top-menu .dropdown:focus-within .menu,
#top-menu .ui.dropdown:not(.cart):hover .left.menu,
#top-menu .ui.dropdown:not(.cart):focus-within .left.menu,
.ua-account-dropdown:hover .left.menu,
.ua-account-dropdown:focus-within .left.menu,
#top-menu .aic-cart-dropdown-wrapper.cart:hover .left.menu,
#top-menu .aic-cart-dropdown-wrapper.cart:focus-within .left.menu,
.aic-cart-dropdown-wrapper.cart:hover .left.menu,
.aic-cart-dropdown-wrapper.cart:focus-within .left.menu {
  opacity: 1;
  visibility: visible;
  display: block;
}
/* Base dropdown menu items - مشترک برای تمام دراپ‌داون‌ها */
#top-menu .dropdown .menu .item,
#top-menu .ui.dropdown .left.menu .item,
.ua-account-dropdown .left.menu .item,
.aic-cart-dropdown-wrapper.cart .left.menu .item {
  color: var(--ua-dropdown-text);

  padding: var(--spacing-md);
  border: none;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  transition: all var(--transition-duration) ease;
  width: 100%;
  font-weight: var(--font-weight-normal);
  font-size: var(--font-size-base);
  text-align: right;
  line-height: var(--line-height-normal);
}
/* ===== Group Buy — Status Badge (7.2.1) ===== */
.status-badge {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  padding: .125rem .5rem;
  border-radius: 9999px;
  font-size: var(--text-xs, 0.75rem);
  font-weight: var(--font-semibold, 600);
}
.status-pending .status-badge {
  background: var(--orange-100, #FFEDD5);
  color: var(--orange-700, #9A3412);
}
.status-locked .status-badge {
  background: var(--green-100, #D1FAE5);
  color: var(--color-brand-success, #059669);
}
.status-settled .status-badge {
  background: var(--purple-100, #F3E8FF);
  color: var(--purple-700, #6600ff);
}
.remaining-count {
  font-weight: var(--font-medium, 500);
}
.remaining-count.remaining-completed {
  color: var(--color-brand-success, #059669);
}
.group-buy-option {
  transition: background-color .2s ease, border-color .2s ease;
}
.group-buy-option.status-pending {
  border-color: var(--color-brand-cta-orange, #ff9900);
  background: rgba(245, 158, 11, .06);
}
.group-buy-option.status-locked {
  border-color: var(--color-brand-success, #059669);
  background: rgba(5, 150, 105, .06);
}
.group-buy-option.status-settled {
  border-color: var(--purple-700, #6600ff);
  background: rgba(124, 58, 237, .06);
}
/* ===== Group Buy — Progress Bar (7.2.2) ===== */
.group-buy-progress {
  margin-top: .5rem;
  display: block;
}
.group-buy-progress .progress-bar {
  position: relative;
  width: 100%;
  height: .5rem;
  background: var(--color-background-tertiary, #F1F5F9);
  border-radius: 9999px;
  overflow: hidden;
}
.group-buy-progress .progress-fill {
  height: 100%;
  width: 0%;
  background: var(--color-brand-cta-orange, #ff9900);
  transition: width .25s ease;
}
.group-buy-progress .progress-text {
  margin-top: .25rem;
  font-size: var(--text-xs, .75rem);
  color: var(--color-text-secondary, #475569);
}
/* Locked/Settled note */
.gb-note {
  font-size: var(--text-xs, .75rem);
  color: var(--color-text-secondary, #475569);
}
/* Base dropdown item hover states - مشترک برای تمام دراپ‌داون‌ها */
#top-menu .dropdown .menu .item:hover,
#top-menu .ui.dropdown .left.menu .item:hover,
.ua-account-dropdown .left.menu .item:hover {
  background-color: var(--ua-dropdown-hover) !important;
  color: var(--ua-dropdown-text) !important;
}
/* Base dropdown scrollbar styling - مشترک برای تمام دراپ‌داون‌ها */
#top-menu .dropdown .menu::-webkit-scrollbar,
#top-menu .ui.dropdown .left.menu::-webkit-scrollbar,
.ua-account-dropdown .left.menu::-webkit-scrollbar {
  height: 5px;
  width: 5px;
}
#top-menu .dropdown .menu::-webkit-scrollbar-track,
#top-menu .ui.dropdown .left.menu::-webkit-scrollbar-track,
.ua-account-dropdown .left.menu::-webkit-scrollbar-track {
  background: #f1f1f1;
}
#top-menu .dropdown .menu::-webkit-scrollbar-thumb,
#top-menu .ui.dropdown .left.menu::-webkit-scrollbar-thumb,
.ua-account-dropdown .left.menu::-webkit-scrollbar-thumb {
  background: #c1c1c1;
}
#top-menu .dropdown .menu::-webkit-scrollbar-thumb:hover,
#top-menu .ui.dropdown .left.menu::-webkit-scrollbar-thumb:hover,
.ua-account-dropdown .left.menu::-webkit-scrollbar-thumb:hover {
  background: #a1a1a1;
}
/* ===== end of unified dropdown system ===== */
/* ===== LEGACY CART DROPDOWN STYLING (DEPRECATED) ===== */
/* استایل‌های قدیمی - غیرفعال شده برای جلوگیری از تداخل با استایل‌های جدید */
/* Legacy styles moved from tendra-ltr.css and tendra-rtl.css - DISABLED */
/* این استایل‌ها با استایل‌های جدید `.aic-cart-dropdown-wrapper` در خط 407-856 جایگزین شده‌اند */
/* ===== AICHEE ENTERPRISE HEADER STYLING ===== */
/* Professional header styling moved from master.blade.php inline CSS */
.ua-account-dropdown .left.menu::before {
  content: '';
  position: absolute;
  top: -10px;
  /* فاصله بین دکمه و منو */
  left: 0;
  right: 0;
  height: 10px;
  /* همان فاصله */
  background: transparent;
  pointer-events: auto;
}
.ua-account-trigger {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px 12px;
  border-radius: 4px;
  transition: all 0.2s ease;
  color: var(--color-header-text);
}
.ua-btn-trigger:hover {
  background-color: rgba(255, 255, 255, 0.15);

  box-shadow: 0 2px 8px rgba(255, 255, 255, 0.1);
}
.ua-btn-trigger {
  background-color: rgba(255, 255, 255, 0) !important;

  box-shadow: 0 2px 8px rgba(255, 255, 255, 0.1);
}
.ua-account-text {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-header-text);
}
.ua-btn-trigger i.chevron.down.icon {
  color: var(--color-header-text);
  font-size: 12px;
  margin-right: 4px;
  background-color: rgba(255, 255, 255, 0.15) !important;
}
.ua-signin-button:hover {
  background-color: #E88B00;
  color: var(--color-header-text);
  border-color: #E88B00;
  box-shadow: 0 4px 8px rgba(255, 153, 0, 0.3);
}
/* Special styling for header items */
.ua-account-dropdown .left.menu .item.header {
  font-weight: var(--font-semibold);
  background-color: var(--ua-dropdown-header);
  border-bottom: 1px solid var(--ua-dropdown-divider);
}
.ua-account-dropdown .left.menu .item.logout {
  border-top: 1px solid var(--ua-dropdown-divider);
  color: #dc3545;
}
.ua-account-dropdown .left.menu .item.logout:hover {
  background-color: #dc3545;
  color: white;
}
/* Icon styling for all dropdown items */
#top-menu .dropdown .menu .item i.icon,
.ua-account-dropdown .left.menu .item i.icon {
  color: var(--color-text-tertiary);
  width: 16px;
  height: 16px;
  margin-right: 8px;
  font-size: var(--text-sm);
}
#top-menu .dropdown .menu .item:hover i.icon,
.ua-account-dropdown .left.menu .item:hover i.icon {
  color: var(--color-text-secondary);
}
/* ===== ICON STYLING ===== */
/* Force all icons in header to be white */
#top-menu .ai-icon,
#top-menu .ai-icon--md,
#top-menu .icon,
#top-menu .ui.avatar.image {
  color: transparent !important;
  fill: transparent !important;
}
/* Icon hover effects */
#top-menu .ai-icon:hover,
#top-menu .ai-icon--md:hover,
#top-menu .icon:hover {
  color: var(--color-header-text-hover) !important;
  fill: var(--color-header-text-hover) !important;
}
/* ===== AVATAR STYLING ===== */
/* Ensure avatar images are visible */
#top-menu .ui.avatar.image {
  border: 2px solid var(--color-header-text);
  background-color: var(--color-ua-secondary);
}
/* ===== CRITICAL OVERRIDES ===== */
/* Force override any existing styles with maximum specificity */
#top-menu .item.categories .toggler,
#top-menu .item.collection,
#top-menu .item.credits,
#top-menu .item.help,
#top-menu .item.earnings,
#top-menu .item.cart,
#top-menu .item.notifications,
#top-menu .item.user {
  color: var(--color-header-text) !important;
}
/* Exception for ua-account-dropdown - keep background opaque
#top-menu .item.ua-account-dropdown,
#top-menu .item.ua-account-dropdown *,
#top-menu .ua-account-dropdown,
#top-menu .ua-account-dropdown * {
  background-color: var(--ua-dropdown-bg) !important;
}
*/
/* Hover states for all items
#top-menu .item.categories .toggler:hover,
#top-menu .item.collection:hover,
#top-menu .item.credits:hover,
#top-menu .item.help:hover,
#top-menu .item.earnings:hover,
#top-menu .item.cart:hover,
#top-menu .item.notifications:hover,
#top-menu .item.user:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: var(--color-header-text-hover) !important;
}
*/
/* ===== RESPONSIVE HEADER BREAKPOINTS ===== */
/* Enterprise-level responsive design for all screen sizes */
/* CRITICAL: Responsive override for ua-signin-button */
@media (max-width: 768px) {
  #top-menu .ua-account-dropdown .left.menu .item.ua-signin-button {
    opacity: 1 !important;
    visibility: visible !important;
    font-size: 14px !important;
    padding: 10px 14px !important;
    background-color: var(--color-ua-dark) !important;
    color: var(--color-header-text) !important;
  }
}
/* Mobile Header Improvements */
@media (max-width: 767px) {
  #top-menu .wrapper {
    padding: 0 12px;
  }

  #top-menu .right.menu .item.search {
    order: -1;
    flex: 1;
    margin: 0 8px;
  }

  #top-menu .right.menu .item.search .ui.input>input {
    width: 100%;
    max-width: none;
  }

  #top-menu .right.menu>.item:not(.search) {
    padding: 0 8px;
  }
}
/* Large Desktop (1280px+) */
@media (min-width: 1280px) {
  #top-menu .wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 var(--space-4);
  }
}
/* Desktop (992px - 1279px) */
@media (max-width: 1279px) and (min-width: 992px) {
  #top-menu .wrapper {
    max-width: 100%;
    padding: 0 var(--space-4);
  }

  :root {
    --hit: 75px;
  }
}
/* Tablet Landscape (768px - 991px) */
@media (max-width: 991px) and (min-width: 768px) {
  #top-menu .wrapper {
    max-width: 100%;
    padding: 0 var(--space-3);
  }

  :root {
    --hit: 70px;
  }

  #top-menu .right.menu .search .ui.input input {
    width: 280px;
    --search-width: 280px;
  }
}
/* Tablet Portrait (576px - 767px) */
@media (max-width: 767px) and (min-width: 576px) {
  #top-menu .wrapper {
    max-width: 100%;
    padding: 0 var(--space-3);
  }

  :root {
    --hit: 65px;
  }

  #top-menu .item.search {
    max-width: 300px;
    margin: 0 var(--space-2);
  }
}
/* Mobile Large (480px - 575px) */
@media (max-width: 575px) and (min-width: 480px) {
  #top-menu .wrapper {
    max-width: 100%;
    padding: 0 var(--space-2);
  }

  :root {
    --hit: 60px;
  }

  #top-menu .item.search {
    max-width: 250px;
    margin: 0 var(--space-2);
  }
}
/* Mobile Small (320px - 479px) */
@media (max-width: 479px) {
  #top-menu .wrapper {
    max-width: 100%;
    padding: 0 var(--space-2);
  }

  :root {
    --hit: 56px;
  }

  #top-menu .item.search {
    max-width: 200px;
    margin: 0 var(--space-1);
  }

  #top-menu .right.menu .item:not(.categories):not(.search) {
    display: none;
  }
}
/* Ensure header is always full width */
#top-menu {
  width: 100% !important;
  max-width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  position: relative !important;
}
#top-menu .wrapper {
  width: 100% !important;
  max-width: 100% !important;
}
/* ===== ENHANCED SEARCH BAR STYLING ===== */
/* Professional search bar styling for header */
#top-menu .item.search {
  flex: 1;
  max-width: 400px;
  margin: 0 var(--space-4);
}
#top-menu .item.search .ui.input {
  width: 100%;
  background: white;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
#top-menu .item.search .ui.input:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
#top-menu .item.search .ui.input:focus-within {
  box-shadow: 0 0 0 3px rgba(244, 191, 118, 0.3);
  border-color: #F4BF76;
}
#top-menu .item.search .ui.input input {
  background: white;
  border: none;
  padding: 12px 16px 12px 44px;
  font-size: 14px;
  color: var(--color-ua-dark) !important;
  width: 100%;
}
#top-menu .item.search .ui.input input::-moz-placeholder {
  color: #64748B;
  font-weight: 400;
}
#top-menu .item.search .ui.input input::placeholder {
  color: #64748B;
  font-weight: 400;
}
#top-menu .item.search .ui.input .search.icon {
  color: #F4BF76;
  font-size: 18px;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
/* ===== zone Account Dropdown Base ===== */
.ua-account-dropdown {
  position: relative;
  cursor: pointer;
  z-index: 1001;
}
/* ===== zone Account Dropdown Menu Items - Migrated from tendra-rtl.css ===== */
/* Base item styles - Unified with Categories Dropdown */
#top-menu .user>.left.menu>.item {
  color: var(--ua-dropdown-text) !important;
  font-weight: var(--font-weight-normal) !important;
  margin: 0 !important;
  padding-bottom: var(--spacing-md) !important;
  padding-top: var(--spacing-md) !important;
  position: relative;
  transition: all var(--transition-duration) ease;
  border-radius: 0 !important;
  /* Match categories dropdown */
}
/* Active and selected states */
#top-menu .user>.left.menu>.item.active,
#top-menu .user>.left.menu>.item.selected {
  background: transparent !important;
  color: var(--ua-dropdown-text) !important;
}
/* Hover state */
#top-menu .user>.left.menu>.item:hover {
  background: var(--ua-dropdown-hover) !important;
  color: var(--ua-dropdown-text) !important;

}
#top-menu .user>.left.menu>.item:first-child:hover {
  background: var(--ua-dropdown-header) !important;
  color: var(--ua-dropdown-text) !important;
  font-weight: var(--font-weight-semibold) !important;
}
/* Last child (logout) - Unified with Categories */
#top-menu .user>.left.menu>.item:last-child {
  background: var(--ua-dropdown-bg) !important;
  border-radius: 0 0 1rem 1rem !important;
  /* Match categories dropdown */
  color: #dc3545 !important;
  border-top: 1px solid var(--ua-dropdown-divider);
}
#top-menu .user>.left.menu>.item:last-child:hover {
  background: #dc3545 !important;
  color: white !important;
  font-weight: var(--font-weight-semibold) !important;
}
/* Earnings item */
#top-menu .user>.left.menu>.item.earnings {
  cursor: default;
  font-size: var(--font-size-base) !important;
  font-weight: var(--font-weight-medium) !important;
  padding: var(--spacing-md) var(--spacing-md) !important;
  text-align: center;
  background: var(--ua-dropdown-header) !important;
  color: var(--ua-dropdown-text) !important;
  border-bottom: 1px solid var(--ua-dropdown-divider);
}
/* Nested left menu - Unified with Categories */
#top-menu .user>.left.menu .left.menu {
  background: var(--ua-dropdown-bg);
  border-radius: 0 .5rem .5rem 0 !important;
  /* Match categories dropdown */
  box-shadow: 3px 0 5px 1px #d1d1d1 !important;
  /* Match categories dropdown */
  min-width: 200px;
  top: -42px !important;
  border: 1px solid var(--ua-dropdown-border);
}
#top-menu .user>.left.menu .left.menu .item {
  color: var(--ua-dropdown-text) !important;
  padding-bottom: var(--spacing-md) !important;
  padding-top: var(--spacing-md) !important;
  position: relative;
  transition: all var(--transition-duration) ease;
}
#top-menu .user>.left.menu .left.menu .item:hover {
  background: var(--ua-dropdown-hover) !important;
  color: var(--ua-dropdown-text) !important;
}
#top-menu .user>.left.menu .left.menu .item:hover:after {
  visibility: hidden;
}
/* Dividers between items */
#top-menu .user>.left.menu .left.menu .item:not(:last-child):after {
  background: var(--ua-dropdown-divider) !important;
  bottom: 0;
  content: "";
  height: 1px;
  right: 5%;
  position: absolute;
  width: 90%;
  opacity: 0.3;
}
#top-menu .user>.left.menu .left.menu .item:not(:last-child):after:hover {
  background: var(--ua-dropdown-divider) !important;
  opacity: 0.5;
}
/* Exception for ua-account-dropdown - keep background opaque */
.ua-account-dropdown .left.menu,
.ua-account-dropdown .left.menu * {
  background-color: var(--ua-dropdown-bg);
}
/* ===== DROPDOWN STYLING - شاه ترند ===== */
/* ===== UNIFIED DROPDOWN SYSTEM ===== */
/* ===== FORM DROPDOWN STYLING ===== */
/* Form dropdown styling moved from tendra-ltr.css */
.ui.form .field>.floating.selection.dropdown {
  border-radius: 100px !important;
}
.ui.form .field>.floating.selection.dropdown .menu {
  border-radius: 1rem !important;
}
.ui.form .field>.floating.selection.dropdown>.label {
  border-radius: 100px;
}
/* ===== NOTIFICATIONS DROPDOWN STYLING ===== */
/* Notifications dropdown styling moved from tendra-ltr.css and tendra-rtl.css */
#top-menu .dropdown.notifications>div img {
  height: 30px;
  width: 30px;
}
#top-menu .dropdown.notifications .menu {
  border-radius: 1rem;
  margin-top: -1rem !important;
  margin-top: 0;
  position: absolute;
  right: 0;
  top: 85px;
  visibility: hidden;
  width: 300px;
}
#top-menu .dropdown.notifications .menu .items-wrapper {
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
}
#top-menu .dropdown.notifications .menu .item {
  border-radius: 0;
  margin: 0 !important;
  padding: .5rem;
  text-align: left;
}
#top-menu .dropdown.notifications .menu .item:hover {
  font-weight: 400 !important;
}
#top-menu .dropdown.notifications .menu .item:not(:last-child) {
  border-bottom: 1px solid #f5f5f5;
}
#top-menu .dropdown.notifications .menu .item .image {
  background-position: bottom;
  background-size: cover;
  border-radius: 100px;
  height: 50px !important;
  min-width: 50px;
  width: 50px !important;
}
#top-menu .dropdown.notifications .menu .item p,
#top-menu .dropdown.notifications .menu .item time {
  font-size: .9rem;
}
#top-menu .dropdown.notifications .menu .item time {
  float: right;
}
#top-menu .dropdown.notifications .menu .item.all {
  background: #0b93bc;
  border-radius: 0 0 1rem 1rem;
  color: #fff;
  font-weight: 700;
  justify-content: center;
  padding: 1rem;
  text-align: center !important;
}
#top-menu .dropdown.notifications .menu .item.all:hover {
  background: #0fb5e7 !important;
  font-weight: 700;
}
#top-menu .dropdown.notifications .menu div.item {
  cursor: auto;
}
/* ===== CATEGORIES DROPDOWN VARIANT ===== */
/* Categories dropdown uses base dropdown component with custom scrollbar */
#top-menu .dropdown.categories .menu {
  max-height: 300px;
  overflow: auto;
}
/* ===== SEARCH DROPDOWN VARIANT ===== */
/* Search dropdown uses base dropdown component with custom positioning */
#top-menu .dropdown.search .menu {
  background: transparent;
  margin-top: 0;
  /* Override base margin for search */
  position: absolute;
  right: 0;
  top: 85px;
  visibility: hidden;
  width: 300px;
}
#top-menu .dropdown.search .menu .item {
  margin: 0;
  padding: 0;
}
#top-menu .dropdown.search .menu input {
  border: none;
  border-radius: 500px;
  font-size: 1.4rem;
}
/* ===== FOOTER DROPDOWN STYLING ===== */
/* Footer dropdown styling moved from tendra-ltr.css and tendra-rtl.css */
#footer .footer-menu .dropdown .menu {
  border: none !important;
  border-radius: .75rem !important;
  box-shadow: none !important;
  overflow: hidden;
}
#footer .footer-menu .dropdown .menu .wrapper {
  max-height: 120px;
  overflow: auto;
}
#footer .footer-menu .dropdown .menu .header {
  background: #ffff51;
  color: #000 !important;
  font-size: 1rem !important;
  margin: 0 !important;
  padding: 1rem !important;
}
#footer .footer-menu .dropdown .menu .item:not(.header) {
  border-radius: 0 !important;
  margin: 0 !important;
  text-transform: capitalize;
  width: 100%;
}
#footer .footer-menu .dropdown .menu .item:not(.header):hover {
  background: transparent !important;
  font-weight: 600;
}
/* ===== FILTER DROPDOWN STYLING ===== */
/* Filter dropdown styling moved from tendra-ltr.css and tendra-rtl.css */
#items .column.left .filter.cities .ui.dropdown,
#items .column.left .filter.countries .ui.dropdown {
  border-radius: 1rem !important;
}
#items .column.left .filter.cities .ui.dropdown .label,
#items .column.left .filter.countries .ui.dropdown .label {
  border-radius: 100px;
}
#items .column.left .filter.cities .ui.dropdown .menu,
#items .column.left .filter.countries .ui.dropdown .menu {
  border-radius: 1rem !important;
}
/* ===== PURCHASE DROPDOWN STYLING ===== */
/* Purchase dropdown styling moved from tendra-ltr.css and tendra-rtl.css */
#item>.purchase>.ui.menu .ui.dropdown {
  background: transparent;
  border: none;
  border-radius: 0 !important;
  box-shadow: none;
}
#item>.purchase>.ui.menu .ui.dropdown.licenses>.text {
  background: #fff;
  border-radius: .5rem;
  color: #000;
  font-size: 1.1rem;
  font-weight: 600;
  padding: .75rem 1rem;
}
#item>.purchase>.ui.menu .ui.dropdown:before {
  visibility: hidden;
}
#item>.purchase>.ui.menu .ui.dropdown .item {
  font-size: 1.1rem !important;
  min-height: 45px;
}
/* ===== PREPAID CREDITS DROPDOWN STYLING ===== */
/* Prepaid credits dropdown styling moved from tendra-ltr.css and tendra-rtl.css */
#prepaid-credits>.body>div.right-side .methods .ui.dropdown {
  border-radius: .75rem !important;
  box-shadow: none;
}
#prepaid-credits>.body>div.right-side .methods .ui.dropdown .text {
  align-items: center;
  display: flex;
}
#prepaid-credits>.body>div.right-side .methods .ui.dropdown .text img {
  border-radius: 100px;
  height: 100%;
  max-height: 34px;
  max-width: 34px;
  width: 100%;
}
#prepaid-credits>.body>div.right-side .methods .ui.dropdown .menu {
  background: #fff;
  border: none;
  border-radius: .75rem;
  box-shadow: none;
  margin-bottom: 1rem;
  margin-top: 1rem;
  max-height: 300px;
  overflow: hidden;
}
#prepaid-credits>.body>div.right-side .methods .ui.dropdown .menu::-webkit-scrollbar {
  height: 5px;
  width: 5px;
}
#prepaid-credits>.body>div.right-side .methods .ui.dropdown .menu::-webkit-scrollbar-track {
  background: #eaeaea;
}
#prepaid-credits>.body>div.right-side .methods .ui.dropdown .menu::-webkit-scrollbar-thumb {
  background: #b061ff;
}
#prepaid-credits>.body>div.right-side .methods .ui.dropdown .menu::-webkit-scrollbar-thumb:hover {
  background: #582a86;
}
#prepaid-credits>.body>div.right-side .methods .ui.dropdown .menu:hover {
  overflow: auto;
}
#prepaid-credits>.body>div.right-side .methods .ui.dropdown .item {
  align-items: center;
  display: flex;
  padding: 1.5rem 1.5rem 1rem !important;
}
#prepaid-credits>.body>div.right-side .methods .ui.dropdown .item:not(:last-child) {
  border-bottom: 1px solid #ddd;
}
#prepaid-credits>.body>div.right-side .methods .ui.dropdown .item.active,
#prepaid-credits>.body>div.right-side .methods .ui.dropdown .item.selected,
#prepaid-credits>.body>div.right-side .methods .ui.dropdown .item:hover {
  background: #fff;
  font-weight: 600;
}
#prepaid-credits>.body>div.right-side .methods .ui.dropdown .item .content {
  min-width: 0;
}
#prepaid-credits>.body>div.right-side .methods .ui.dropdown .item img {
  border-radius: 100px;
  height: 50px;
  margin-right: 1rem;
  min-height: 50px;
  min-width: 50px;
  width: 50px;
}
#prepaid-credits>.body>div.right-side .methods .ui.dropdown .item .name {
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1;
  text-transform: capitalize;
}
#prepaid-credits>.body>div.right-side .methods .ui.dropdown .item .description {
  line-height: 1.5;
  margin-top: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* ===== CHECKOUT DROPDOWN STYLING ===== */
/* Checkout dropdown styling moved from tendra-ltr.css and tendra-rtl.css */
#checkout-page>.container .right-side .methods .ui.dropdown {
  border-radius: .75rem !important;
  box-shadow: none;
}
#checkout-page>.container .right-side .methods .ui.dropdown .text {
  align-items: center;
  display: flex;
}
#checkout-page>.container .right-side .methods .ui.dropdown .text img {
  border-radius: 100px;
  height: 100%;
  max-height: 34px;
  max-width: 34px;
  width: 100%;
}
#checkout-page>.container .right-side .methods .ui.dropdown .menu {
  background: #fff;
  border: none;
  border-radius: .75rem;
  box-shadow: none;
  margin-bottom: 1rem;
  margin-top: 1rem;
  max-height: 300px;
  overflow: hidden;
}
#checkout-page>.container .right-side .methods .ui.dropdown .menu::-webkit-scrollbar {
  height: 5px;
  width: 5px;
}
#checkout-page>.container .right-side .methods .ui.dropdown .menu::-webkit-scrollbar-track {
  background: #eaeaea;
}
#checkout-page>.container .right-side .methods .ui.dropdown .menu::-webkit-scrollbar-thumb {
  background: #b061ff;
}
#checkout-page>.container .right-side .methods .ui.dropdown .menu::-webkit-scrollbar-thumb:hover {
  background: #582a86;
}
#checkout-page>.container .right-side .methods .ui.dropdown .menu:hover {
  overflow: auto;
}
#checkout-page>.container .right-side .methods .ui.dropdown .item {
  align-items: center;
  display: flex;
  padding: 1.5rem 1.5rem 1rem !important;
}
#checkout-page>.container .right-side .methods .ui.dropdown .item:not(:last-child) {
  border-bottom: 1px solid #ddd;
}
#checkout-page>.container .right-side .methods .ui.dropdown .item.active,
#checkout-page>.container .right-side .methods .ui.dropdown .item.selected,
#checkout-page>.container .right-side .methods .ui.dropdown .item:hover {
  background: #fff;
  font-weight: 600;
}
#checkout-page>.container .right-side .methods .ui.dropdown .item .content {
  min-width: 0;
}
#checkout-page>.container .right-side .methods .ui.dropdown .item img {
  border-radius: 100px;
  height: 50px;
  margin-right: 1rem;
  min-height: 50px;
  min-width: 50px;
  width: 50px;
}
#checkout-page>.container .right-side .methods .ui.dropdown .item .name {
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1;
  text-transform: capitalize;
}
#checkout-page>.container .right-side .methods .ui.dropdown .item .description {
  line-height: 1.5;
  margin-top: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* ===== MOBILE DROPDOWN STYLING ===== */
/* Mobile dropdown styling moved from tendra-ltr.css and tendra-rtl.css */
#mobile-menu-2>.item.ui.dropdown .menu {
  border-radius: 1rem !important;
  margin-bottom: .25rem;
}
#mobile-menu-2>.item.ui.dropdown .menu .item {
  color: #000 !important;
  display: block;
  font-size: 1rem !important;
  font-weight: 500 !important;
}
/* ===== HOME PAGE DROPDOWN STYLING ===== */
/* Home page dropdown styling moved from tendra-ltr.css and tendra-rtl.css */
#app.home #top-menu .dropdown.cart>div img,
#app.home #top-menu .dropdown.notifications>div img {
  filter: invert(1);
}
/* ===== ITEM DROPDOWN STYLING ===== */
/* Item dropdown styling moved from tendra-ltr.css and tendra-rtl.css */
#item .l-side .top.menu .item.dropdown {
  display: none;
}
/* ===== HEADER DROPDOWN STYLING ===== */
/* Header dropdown styling moved from tendra-ltr.css and tendra-rtl.css */
#top-menu .ui.dropdown .header {
  background: #ffff51;
  color: #000 !important;
  font-size: 1rem !important;
  margin: 0 !important;
  padding: 1rem !important;
}
/* ===== RESPONSIVE DROPDOWN OVERRIDES ===== */
/* Responsive dropdown overrides for mobile */
/* Mobile dropdown visibility */
@media (max-width: 768px) {

  #top-menu .dropdown.cart,
  #top-menu .dropdown.notifications {
    display: none;
  }

  #mobile-menu-2>.item.ui.dropdown .menu {
    border-radius: 1rem !important;
    margin-bottom: .25rem;
  }

  #mobile-menu-2>.item.ui.dropdown .menu .item {
    color: #000 !important;
    display: block;
    font-size: 1rem !important;
    font-weight: 500 !important;
  }
}
/* Home page dropdown overrides */
#app.home #top-menu .dropdown.cart>div img,
#app.home #top-menu .dropdown.notifications>div img {
  filter: invert(1);
}
/* ===== HEADER DROPDOWN SYSTEM ===== */
/* Unified header dropdown styling for all dropdowns */
/* Base dropdown menu styling - DEDUPED: uses unified base defined at top of this file */
/* Dropdown visibility states - DEDUPED: defined at line 829-839 */
/* Dropdown menu items - DEDUPED: inherits item base from unified system */
/* Dropdown item hover states */
#top-menu .dropdown .menu .item:hover,
#top-menu .ui.dropdown .left.menu .item:hover,
.ua-account-dropdown .left.menu .item:hover {
  background-color: var(--ua-dropdown-hover);
  color: var(--ua-dropdown-text);
}
/* ===== PRODUCT PAGE (TENDRA) - Migrated from product.blade-new.php ===== */
/* Scope to product page containers to avoid bleeding */
#item .row.main {
  display: flex;
  flex-direction: column;
  gap: 24px
}
#item .row.main>.column {
  width: 100%;
  max-width: 100%;
  float: none;
  display: block
}
#item .row.main>.r-side {
  order: 1
}
#item .row.main>.l-side {
  order: 2
}
/* Header container */
#item #header>.container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: stretch;
  padding: 12px 16px 16px;
  max-width: 1200px;
  margin: 8px auto 16px
}
#item #header .thumb {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  height: auto;
  margin: 0 auto;
  max-width: 360px
}
#item #header .thumb img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .08)
}
#item #header .content {
  flex: 1 1 0
}
#item #header .title {
  font-size: 1.5rem;
  font-weight: 600;

}
#item #header .description {
  opacity: .75;
  margin-bottom: 1rem
}
#item #header .accent-line {
  height: 4px;
  background: #ff9900;
  border-radius: 9999px;
  width: 40px;
  margin-top: 6px
}
/* Screenshots grid */
#item .screenshots .ui.items {
  display: grid;
  gap: 16px
}
#item .screenshots .item.screenshot {
  border-radius: .35rem;
  background-size: cover;
  background-position: center;
  height: 125px
}
#item .screenshots .content.images.body {
  border-top: 1px solid #e5e7eb
}
/* Breadcrumb bar */
/* Purchase bar */
#item .purchase-bar {
  background: #ffffff;
  border-radius: .5rem
}
#item .purchase-bar .item.primary {
  background: #ffffff;
  color: #6600ff;
  border-radius: .5rem
}
#item .purchase-bar .item.primary:hover {
  background: #F8FAFC
}
#item .purchase-bar .item.accent {
  background: #ff9900;
  color: #fff;
  border-radius: .5rem
}
#item .price-pill .price {
  font-weight: 700
}
/* Price section */
#item .price-section {
  text-align: center;
  margin-bottom: 20px;
  padding: 16px;
  background: #f8fafc;
  border-radius: 8px;
  border: 1px solid #e2e8f0
}
#item .price-section .price {
  font-weight: 600;
  color: #000
}
/* Actions */
#item #header .actions {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: stretch;
  margin-top: 12px
}
/* استایل‌های بصری دکمه‌های header با Tailwind v4 جایگزین شده‌اند */
#item #header .actions .price {
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1;
  order: -1;
  text-align: center;
  margin-bottom: 8px
}
/* Responsive breakpoints */
@media (min-width:768px) {
  #item #header>.container {
    flex-direction: row;
    gap: 24px;
    align-items: flex-start;
    padding: 16px 24px 20px
  }

  #item #header .thumb {
    flex: 0 0 300px;
    width: 360px;
    max-width: none;
    margin: 0 auto;
    height: 360px
  }

  body[dir="rtl"] #item #header>.container {
    flex-direction: row
  }
}
@media (min-width:1024px) {
  #item #header .thumb {
    flex: 0 0 360px;
    width: 360px;
    height: 360px
  }
}
@media (min-width:1280px) {
  #item #header>.container {
    gap: 32px
  }
}
/* Tabs */
#item .tabs-nav {
  margin-top: 12px
}
/* License selection */
#item .license-badge {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 12px 13px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  margin-top: 12.9px
}
#item .license-options {
  display: flex;
  flex-direction: column;
  gap: 12px
}
#item .license-option {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  transition: all .2s ease
}
#item .license-badges .ui.mini.label {
  font-size: 11px
}
/* Sharer */
#item .sharer {
  margin-top: 32px;
  padding: 24px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px
}
/* ===== END PRODUCT PAGE ===== */
/* ===== PRODUCT PAGE SPECIFIC STYLES ===== */
/* Product page component styles using design tokens */
/* Product header content styling */
.product-header .content {
  display: flex;
  flex-direction: column;
  gap: var(--product-content-gap);
}
.product-category-title {
  color: #000000;
  opacity: var(--product-category-opacity);
  text-transform: uppercase;
}
.product-accent-line {
  background: var(--color-brand-cta-orange);
  height: var(--product-accent-height);
  width: var(--product-accent-width);
  border-radius: 9999px;
}
.product-title {
  color: #000000;
  margin-top: var(--product-title-margin-top);
}
/* Rating and engagement styling */
.product-rating-section {
  display: flex;
  gap: var(--rating-gap);
  align-items: end;
  flex-wrap: wrap;
  margin-top: 3.9px;
}
.product-rating {
  display: flex;
  gap: var(--rating-stars-gap);
  align-items: end;
}
.product-stars {
  display: flex;
  gap: 4px;
}
.product-stars .ai-icon {
  width: var(--rating-stars-size);
  height: var(--rating-stars-size);
}
/* Rating stars: استایل ستاره‌های پر */
.product-stars .ai-icon-star {
  background-image: url('/assets/images/star-full.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
/* Rating stars: استایل ستاره‌های خالی */
.product-stars .ai-icon-star-empty {
  background-image: url('/assets/images/star-empty.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.product-rating-text {
  font-weight: 500;
  font-size: var(--rating-text-size);
  line-height: var(--rating-text-line-height);
  color: #000000;
}
.product-comments {
  display: flex;
  gap: var(--rating-stars-gap);
  align-items: end;
}
.product-comments .ai-icon {
  width: var(--rating-stars-size);
  height: var(--rating-stars-size);
  background-image: url('/assets/images/comment.png');
}
.product-comments-count,
.product-comments-text {
  font-weight: 500;
  font-size: var(--rating-text-size);
  line-height: var(--rating-text-line-height);
  color: #000000;
}
.product-comments-text {
  opacity: 0.75;
}
/* Action buttons styling */
.product-action-buttons {
  display: flex;
  gap: var(--action-buttons-gap);
  align-items: center;
}
.product-like-btn,
.product-share-btn {
  background: var(--action-btn-bg);
  border: none;
  border-radius: var(--action-btn-radius);
  padding: var(--action-btn-padding);
  display: flex;
  align-items: center;
  gap: var(--action-btn-gap);
  cursor: pointer;
}
.product-like-btn .font-button,
.product-share-btn .font-button {
  color: #000000;
}
.product-like-btn .ai-icon,
.product-share-btn .ai-icon {
  width: var(--action-icon-size);
  height: var(--action-icon-size);
}
.product-like-btn .ai-icon {
  background-image: url('/assets/images/like.png');
}
.product-share-btn .ai-icon {
  background-image: url('/assets/images/share.png');
}
/* Product description styling */
.product-description {
  color: #000000;
  opacity: 0.75;
  margin-top: 11.35px;
}
/* Purchase section styling */
.purchase-section {
  text-align: center;
  margin-bottom: var(--purchase-margin-bottom);
  padding: var(--purchase-padding);
  background: var(--purchase-bg);
  border-radius: var(--purchase-radius);
  border: 1px solid var(--purchase-border);
}
.purchase-price {
  color: #000000;
}
/* Purchase actions styling */
.purchase-actions {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-md);
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  margin-top: var(--spacing-lg);
  width: 100%;
}
/* Buy button styling - Consolidated with main button styles above */
/* Add to cart button styling - Consolidated with main button styles above */
/* Download button styling */
.product-download-btn {
  background: var(--color-brand-cta-orange);
  color: #ffffff;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  padding: 12px 24px;
  border-radius: 6px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Sticky purchase bar styling */
.sticky-purchase-bar {
  background: var(--sticky-bar-bg);
  border: 1px solid var(--sticky-bar-border);
  border-radius: var(--sticky-bar-radius);
  padding: var(--sticky-bar-padding);
  box-shadow: var(--sticky-bar-shadow);
  margin-top: var(--spacing-xl);
}
/* Price pill styling */
.price-pill {
  background: var(--price-pill-bg);
  border: 1px solid var(--price-pill-border);
  border-radius: var(--price-pill-radius);
  padding: var(--price-pill-padding);
  display: flex;
  align-items: center;
  gap: var(--price-pill-gap);
}
.price-pill .price {
  font-weight: var(--price-font-weight);
  font-size: var(--price-font-size);
  line-height: var(--price-line-height);
  color: #000000;
}
.price-pill .price.promo {
  color: var(--price-promo-color);
}
.price-pill .price.default {
  opacity: var(--price-default-opacity);
}
/* License selection styling */
.license-options {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
.license-option {
  display: flex;
  align-items: center;
  gap: var(--license-option-gap);
  padding: var(--license-option-padding);
  border: 1px solid var(--license-option-border);
  border-radius: var(--license-option-radius);
  background: var(--license-option-bg);
  cursor: pointer;
  transition: all 0.2s ease;
}
.license-option:hover {
  border-color: var(--license-option-hover-border);
  box-shadow: var(--license-option-hover-shadow);
}
.license-option input[type="radio"] {
  margin: 0 0 0 6px;
  accent-color: var(--color-brand-ai-purple);
}
.license-option .name {
  font-weight: 600;
  color: #111827;
}
.license-option .sep {
  flex: 1;
}
.license-option .price {
  font-weight: 700;
  color: #111827;
}
.license-option .price s {
  color: #6b7280;
  font-weight: 400;
  margin-inline-start: 6px;
}
/* Group buy progress styling */
.group-buy-progress {
  margin-top: 0.5rem;
  display: block;
}
.group-buy-progress-bar {
  position: relative;
  width: 100%;
  height: var(--group-buy-progress-height);
  background: var(--group-buy-progress-bg);
  border-radius: 9999px;
  overflow: hidden;
}
.group-buy-progress-fill {
  height: 100%;
  width: 0%;
  background: var(--group-buy-progress-fill);
  transition: width 0.25s ease;
}
.group-buy-progress-text {
  margin-top: 0.25rem;
  font-size: var(--group-buy-note-size);
  color: var(--group-buy-note-color);
}
/* Group buy note styling */
.group-buy-note {
  font-size: var(--group-buy-note-size);
  color: var(--group-buy-note-color);
}
/* ===== END PRODUCT PAGE SPECIFIC STYLES ===== */
/* Product - compact license chooser */
#item .license-options.compact {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 8px 0 12px
}
#item .license-option.compact {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  padding: 10px 12px;
  cursor: pointer;
  transition: box-shadow .2s ease, border-color .2s ease
}
#item .license-option.compact:hover {
  border-color: #d1d5db;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .06)
}
#item .license-option.compact input[type="radio"] {
  margin: 0 0 0 6px;
  accent-color: #6600ff
}
#item .license-option.compact .name {
  font-weight: 600;
  color: #111827
}
#item .license-option.compact .sep {
  flex: 1
}
#item .license-option.compact .price {
  font-weight: 700;
  color: #111827
}
#item .license-option.compact .price s {
  color: #6b7280;
  font-weight: 400;
  margin-inline-start: 6px
}
/*start-category-page-styles*/
.ui.grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  padding: 0;
}
.ui.celled.grid>.row {
  width: 100% !important;
  margin: 0;
  padding: 0;
  box-shadow: 0 -1px 0 0 #d4d4d5;
}
.ui.grid>.row>.column {
  margin-top: 0;
  margin-bottom: 0;
}
.ui.grid>.column:not(.row),
.ui.grid>.row>.column {
  position: relative;
  display: inline-block;
  width: 6.25%;
  padding-right: 1rem;
  padding-left: 1rem;
  vertical-align: top;
}
.ui.celled.grid>.column:not(.row),
.ui.celled.grid>.row>.column {
  padding: 1em;
}
.ui.grid>.row {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: inherit;
  align-items: stretch;
  width: 100% !important;
  padding: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.ui.three.cards {
  margin-right: -1em;
  margin-left: -1em;
}
.ui.cards {
  display: flex;
  margin: -.875em -.5em;
  flex-wrap: wrap;
}
.ui.three.cards>.card {
  width: calc(33.33333333% - 2em);
  margin-right: 1em;
  margin-left: 1em;
}
.ui.cards>.card>.content {
  flex-grow: 1;
  border: none;
  border-top: 1px solid rgba(34, 36, 38, .1);
  background: 100% 0;
  margin: 0;
  padding: 1em 1em;
  box-shadow: none;
  font-size: 1em;
  border-radius: 0;
}
.ui.menu {
  display: flex;
  margin: 1rem 0;
  font-family: 'Pinar', 'Vazir', 'SnappFood', 'Pelak', 'IRANYekanX', 'Shabnam', 'Tahoma', 'Arial', sans-serif;
  background: #fff;
  font-weight: 200;
  border: 1px solid rgba(34, 36, 38, .15);
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
  border-radius: .28571429rem;
  min-height: 2.85714286em;
}
.ui.menu:not(.vertical) .item {
  display: flex;
  align-items: center;
}
.ui.menu:not(.vertical) .right.item,
.ui.menu:not(.vertical) .right.menu {
  display: flex;
  margin-right: auto !important;
}
.ui.menu .item {
  position: relative;
  vertical-align: middle;
  line-height: 1;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  flex: 0 0 auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: 100% 0;
  padding: .92857143em 1.14285714em;
  text-transform: none;
  color: rgba(0, 0, 0, .87);
  font-weight: 200;
  transition: background .1s ease, box-shadow .1s ease, color .1s ease;
}
.ui.vertical.menu {
  display: block;
  flex-direction: column;
  background: #fff;
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
}
.ui.form {
  position: relative;
  max-width: 100%;
}
.ui.form {
  position: relative;
  max-width: 100%;
}
.ui.form .fields {
  display: flex;
  flex-direction: row;
  margin: 0 -.5em 1em;
}


/*# sourceMappingURL=pages.css.map*/