.elementor-5265 .elementor-element.elementor-element-ea1a2b2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-5265 .elementor-element.elementor-element-2a9f492{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;--z-index:0;}.elementor-5265 .elementor-element.elementor-element-dbe28a0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--gap:0px 0px;--background-transition:0.3s;}.elementor-5265 .elementor-element.elementor-element-dbe28a0, .elementor-5265 .elementor-element.elementor-element-dbe28a0::before{--border-transition:0.3s;}.elementor-5265 .elementor-element.elementor-element-1fc1ce2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-5265 .elementor-element.elementor-element-a68957b img{opacity:1;filter:brightness( 95% ) contrast( 65% ) saturate( 49% ) blur( 0px ) hue-rotate( 360deg );}.elementor-5265 .elementor-element.elementor-element-fa236a7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-5265 .elementor-element.elementor-element-1fc1ce2{--width:50%;}.elementor-5265 .elementor-element.elementor-element-fa236a7{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-2a9f492 *//* تنظیمات پایه */
body {
  direction: rtl;
  font-family: Vazirmatn, sans-serif;
  background-color: #f6f8f8;
  margin: 0;
}

/* کانتینر اصلی */
.main-container {
  max-width: 1200px;
  margin: 40px auto;
  padding: 20px;
}

/* ===== زبانه‌های اصلی ===== */
.tabs {
  display: flex;
  gap: 10px;
  border-bottom: 2px solid #d0e7e5;
  margin-bottom: 25px;
}

.tab {
  padding: 12px 18px;
  cursor: pointer;
  color: #3a6f6b;
  background: transparent;
  border-radius: 10px 10px 0 0;
  transition: all 0.3s ease;
  font-size: 14px;
}

.tab:hover {
  background-color: #e0f2f1;
}

.tab.active {
  background-color: #2bb3a6;
  color: #fff;
  font-weight: 500;
}

/* ===== محتوای هر زبانه ===== */
.tab-content {
  display: none;
  background: #ffffff;
  padding: 25px;
  border-radius: 0 16px 16px 16px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.05);
}

.tab-content.active {
  display: block;
}

/* ===== زبانه‌های فرعی ===== */
.sub-tabs {
  display: flex;
  gap: 8px;
  margin-bottom: 20px;
}

.sub-tab {
  padding: 8px 14px;
  border-radius: 20px;
  font-size: 13px;
  cursor: pointer;
  background-color: #eef6f5;
  color: #2f6f6a;
  transition: 0.3s;
}

.sub-tab:hover {
  background-color: #cdebea;
}

.sub-tab.active {
  background-color: #2bb3a6;
  color: #fff;
}

/* ===== آیتم‌های نمونه‌کار ===== */
.items-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 20px;
}

.item-card {
  background: #f9fefe;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 6px 15px rgba(0,0,0,0.04);
  transition: transform 0.3s ease;
}

.item-card:hover {
  transform: translateY(-5px);
}/* End custom CSS */