@font-face {
    font-family: IRANSans;
    src: url('../fonts/A-Iranian-Sans/Iranian\ Sans.ttf');
}

* {
    direction: rtl;
    text-align: right;
    font-family: IRANSans;
    
}

body {
  background: #fefefe;
  margin: 0;
  padding: 0; /* فاصله کلی حذف شد */
}

.navbar .nav-link {
  color: white;
}

.navbar .nav-link:hover {
  color: #1891ac;
   text-decoration-color: #22d3ee !important;
}
.logo:hover {
  color: #1891ac;
}
.nav-link i,
.offcanvas-body .nav-link i {
  stroke: #fff !important; /* رنگ خط آیکون */
  color: #fff !important;
}

.main-container {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 0 !important;
  margin: 0 !important;
  width: 100%;
}

.mobile-filters {
  display: none;
}

.mobile-filters li {
  border: #979797 2px solid;
  border-radius: 25px;
}

.container.main-container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* حذف پدینگ‌های چپ و راست کانتینر در نوار ناوبری */
.navbar .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* یا اگر نوار خود nav padding داشت: */
.navbar {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.product-list {
  margin: 0 !important;
}

/* باکس فیلتر */
.filter-box {
  background-color: #d2ecf9;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 15px;
  margin-bottom: 20px;
  width: 250px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.1);
  direction: rtl;
  text-align: right;
  order: -1;
  margin-right: 0 !important; 
  position: sticky;
  top: 20px; 
  height: fit-content; 
  overflow: visible;

}

.filter-box h3 {
  font-size: 16px;
  margin: 0 0 10px;
  border-bottom: 1px solid #eee;
  padding-bottom: 5px;
}

.filter-box label {
  display: block;
  margin-bottom: 8px;
  cursor: pointer;
}

/* لیست محصولات */
.product-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 20px;
  flex: 1;
}

/* کارت محصول */
.product-card {
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 15px;
  text-align: center;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  transition: transform 0.2s ease;
  max-width: 250px;
  margin: auto;
}

.product-card:hover {
  transform: translateY(-5px);
}

.product-card h3 {
  font-size: 18px;
  margin: 10px 0;
}

.product-card img {
  width: 150px;
  height: auto;
  margin-bottom: 10px;
}

.product-card .price {
  color: red;
  margin: 10px 0;
  font-weight: bold;
}

.product-card button {
  display: block;
  width: 100%;
  margin-top: 8px;
  padding: 8px;
  border: none;
  border-radius: 6px;
  margin-bottom: 8px;
  cursor: pointer;
  font-size: 14px;
}

.product-card .add-to-cart {
  background: #1891ac;
  color: #fff;
}

.product-card .details-btn {
  background: #5365a7;
  color: #fff;
}

/* فوتر */
footer {
  background: linear-gradient(to right, #004c80, #004c80);
  color: white;
  padding: 30px 0 10px;
  margin-top: 40px;
}

.footer-bottom {
  background-color: #004c80;
  text-align: center;
  padding: 10px;
  font-size: 14px;
}
#product-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.product-card:hover {
  transform: translateY(-5px);
}

.product-card .img-box {
  width: 100%;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.product-card .product-img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

.product-card h3 {
  font-size: 16px;
  margin: 10px 0;
}

.product-card .price {
  color: red;
  font-weight: bold;
  margin-bottom: 10px;
}

.product-card button {
  display: block;
  width: 100%;
  margin: 5px 0;
  padding: 8px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  background-color: #1f5f8b;;
}

.product-card button:first-of-type {
  background: #1f5f8b;
  color: white;
}

.product-card button:last-of-type {
  background: #7cbbda;
  color: white;
  
}
.product-card {
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 10px;
  text-align: center;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  transition: transform 0.2s ease;
}

.product-card:hover {
  transform: translateY(-5px);
}

.product-card img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 8px;
}

/* حالت دسکتاپ */
#product-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

/* تبلت */
@media (max-width: 992px) {
  #product-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* موبایل */
@media (max-width: 576px) {
  #product-list {
    grid-template-columns: 1fr;
  }
}
.product-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* روی موبایل دو تا */
  gap: 15px;
  width: 100%;
  margin: 5px 0;
  padding: 8px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
}

@media (min-width: 1024px) {
  .product-list {
    grid-template-columns: repeat(4, 1fr); /* روی لپ‌تاپ چهار تا */
  }
}

.product-item {
  background: #1f5f8b;
  padding: 10px;
  text-align: center;
  border-radius: 10px;

}
.product-card {
  height: 430px !important; /* عدد رو بسته به طراحی خودت تغییر بده */
  width:  230px !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.product-card img {
  height: 200px !important;
  object-fit: contain;
}

.product-title {
  font-size: 18px;
  font-weight: bold;
  color: #333 !important; /* رنگ نوشته */
  text-align: center;
  margin-top: 10px;
  transition: color 0.3s ease;
}

.product-title:hover {
  color: #007bff !important; /* وقتی موس میره روش رنگ عوض شه */
}


.daste-bandi {
  color: #000000;
}


/* ... CSS قبلی شما ... */

/* نوار بالا */
.navbar {
  background-color: #1F5F8B !important;
  padding-left: 0 !important; /* تضمین حذف فاصله در nav */
  padding-right: 0 !important; /* تضمین حذف فاصله در nav */
  
}

/* ... سایر تنظیمات navbar ... */

/* **تنظیم جدید: حذف پدینگ داخلی دکمه همبرگری** */
.navbar-toggler {
  margin-left: 5px;
    padding-left: 10px; /* حذف پدینگ داخلی دکمه */
    margin-right: 15px; /* **مارجین کمی برای فاصله دادن دکمه از لوگو (اختیاری)** */
}

/* **تنظیم جدید: حذف پدینگ اضافی container-fluid در نوار ناوبری** */
.navbar .container-fluid {
    padding-left: 0 !important; 
    padding-right: 0 !important;
}

/* ... CSS قبلی شما ... */

/* **تنظیم جدید: تضمین حذف حاشیه ناخواسته در سطر فیلترهای موبایل** */
.mobile-filters .row {
    margin-right: 0 !important; 
    margin-left: 0 !important;
  }