.cat_index{
    margin-top: 15px;
}

.index_prod{
    margin-top: 50px;
    background-color: #fbd8d8;
}

.dr {
    direction: rtl !important;
    text-align: right!important;
  }

  
 .prod_p{
    text-align: center!important;
    direction: rtl;
 } 

  
  .feature_2r2l1 img {
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;
    border-radius: 5px; /* گوشه‌های گرد برای تصاویر */
  }
  
  .feature_2r2l1 img:hover {
    transform: scale(1.1); /* بزرگ‌نمایی تصویر هنگام هاور */
  }
  
  /* استایل برای بخش‌هایی مثل عنوان، قیمت و آیکن‌ها */
  .feature_2r2lb h5 a {
    font-size: 1.2em;
    color: #333;
  }
  
  .feature_2r2lb h4 {
    color: #f8a5c2;
    font-size: 1.5em;
    margin: 10px 0;
  }
  
  .feature_2r2lb span i {
    color: #f8a5c2;
  }
  

#shipping{
    border-bottom: #d77777 solid 1px;
}
 

  
/* تنظیمات کلی فوتر */
#footer {
    direction: rtl; /* راست‌چین کردن متن */
    text-align: right; /* تنظیم راست‌چین برای متن */
  }
  
  /* استایل برای هر بخش داخل فوتر */
  .footer_1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  


  .footer_1i1ii img:hover {
    transform: scale(1.1); /* تغییر اندازه تصویر هنگام هاور */
  }

 .copy_fot{
    color: #d77777!important;
    font-size: 5px!important;
 } 

 .shop_product{
    margin-top: 10px!important;
 }
  

/* برای تصاویر در carousel */
.iw {
  height: 410px;
  width: 100%;
}

/* استایل برای دکمه‌های کنترل تعداد */
.input-group.number-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* برای دکمه‌های اضافه و کم کردن مقدار */
.input-group-btn {
  cursor: pointer;
}

/* برای تگ‌ها و کلاس‌های مشخص شده */
.col_black {
  color: black;
}

.span_1 {
  font-weight: bold;
}

.span_2.normal {
  color: #333;
}

/* استایل برای قیمت */
h2 {
  font-size: 24px;
  color: #f60;
  font-weight: bold;
}

/* استایل برای کادر توضیحات */
.center_detail_2_right_inner {
  padding: 15px;
  background: #f8f8f8;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* استایل برای لیست دکمه‌ها */
.center_detail_2_right_inner_1 ul {
  list-style-type: none;
  padding: 0;
}

.center_detail_2_right_inner_1 ul li {
  display: inline-block;
  margin-right: 15px;
}

.center_detail_2_right_inner_1 ul li a {
  text-decoration: none;
  color: #555;
}

.center_detail_2_right_inner_1 ul li a i {
  margin-right: 5px;
}

/* برای اضافه کردن به سبد خرید */
.heading_1 a {
  font-size: 18px;
  color: #f60;
  text-decoration: underline;
}

.just_con{
  text-align: justify!important;
}

.dl{
  direction: ltr!important;
  text-align: left!important;
}

.contact_h2{
  margin-bottom: 30px;
}

.heading_1 a{
  text-decoration: none;
}

.permiss{
  width: 100%;
  height: 100%;
}

/* استایل کلی برای ورودی تعداد */
.quantity-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 0;
}

.quantity-btn {
  background-color: #d77777; /* رنگ آبی */
  border: none;
  padding: 10px 15px;
  font-size: 22px;
  color: white;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.3s ease;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  font-weight: bold;
}

.quantity-btn:hover {
  background-color: #d77777; /* رنگ تیره‌تر در حالت hover */
  transform: scale(1.1); /* کمی بزرگتر شدن هنگام hover */
}

.quantity-btn:disabled {
  background-color: #e0e0e0;
  cursor: not-allowed;
  box-shadow: none;
}

.quantity-input {
  width: 80px;
  text-align: center;
  font-size: 20px;
  border: 2px solid #d77777;
  border: 2px solid ;
  border: 2px solid ;
  padding: 10px 15px;
  margin: 0 15px;
  border-radius: 5px;
  color: #333;
  font-weight: bold;
  background-color: #f9f9f9;
  transition: border-color 0.3s ease;
}

.quantity-input:focus {
  outline: none;
  border: 2px solid #d77777;
  border-color:  #c9a654; /* تغییر رنگ خط حاشیه در حالت فوکوس */
  box-shadow: 0 0 5px rgba(0, 91, 185, 0.6); /* سایه در حالت فوکوس */
}

/* انیمیشن برای تغییر مقدار */
.quantity-btn:active {
  transform: scale(0.95); /* کمی کوچک شدن هنگام کلیک */
}


/* استایل کلی برای تب‌ها */
.nav-tabs {
  border-bottom: 2px solid #2e4146; /* خط زیر تب‌ها */
}

.nav-tabs > li > a {
  color: #d77777; /* رنگ آبی برای متن تب‌ها */
  font-size: 16px;
  font-weight: bold;
  padding: 10px 15px;
  text-transform: uppercase;
  border-radius: 5px;
}

.nav-tabs > li > a:hover {
  background-color: #f8f9fa; /* رنگ زمینه در hover */
  color: #c9a654!important; /* تغییر رنگ متن هنگام hover */
}

.nav-tabs > .active > a {
  color: white; /* رنگ متن تب فعال */
  border-radius: 5px 5px 0 0; /* گوشه‌های گرد برای تب فعال */
}

/* استایل برای محتوای تب‌ها */
.tab-content {
  padding: 20px;
  background-color: #f9f9f9;
  border-radius: 5px;
  margin-top: 20px;
}

.tab-pane {
  display: none;
}

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

/* استایل برای بخش توضیحات */
.click_inner {
  margin-bottom: 20px;
}

.click_inner h4 {
  color: #333;
  font-size: 20px;
  font-weight: bold;
}

.click_inner p{
  text-align: justify!important;

}

.click_inner p,
.click_inner ul {
  font-size: 16px;
  line-height: 1.6;
  color: #666;
}

.click_inner ul {
  margin-left: 20px;
}

.click_inner ul li {
  margin-bottom: 5px;
}

/* استایل برای بخش نظرات */
.click_inner_2 {
  margin-bottom: 20px;
}

.click_inner_2_left h2 {
  font-size: 30px!important;
}

.click_inner_2_right h4 {
  font-size: 18px;
  font-weight: bold;
}

.click_inner_2_right h5 {
  font-size: 16px;
  color: #666;
  margin-bottom: 10px;
}

.click_inner_3 h4 {
  font-size: 20px;
  font-weight: bold;
  color: #333;
  margin-bottom: 15px;
}

.click_inner_3 p {
  font-size: 16px;
  color: #666;
}

.click_inner_3 input,
.click_inner_3 textarea {
  width: 100%;
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 5px;
  font-size: 16px;
}

.click_inner_3 input[type="checkbox"] {
  margin-right: 10px;
}

.click_inner_3 .button {
  display: inline-block;
  padding: 10px 20px;
  background-color: #c9a654;
  color: white;
  text-decoration: none;
  border-radius: 5px;
  font-weight: bold;
  text-transform: uppercase;
}

.click_inner_3 .button:hover {
  background-color: #c9a654;
  color: white;
}

/* استایل برای استارها */
.fa-star,
.fa-star-o {
  font-size: 24px;
  color: #ffcc00;
}

.fa-star-o {
  color: #ccc;
}


.iwc{
  width: 100%!important;
}

/*  */

.search-input{
  border-radius: 50px 0 0 50px!important; /* گوشه‌های چپ دایره‌ای */
  border: 1px solid #fbd8d8!important;
  padding: 10px 15px;
}

.search-button {
  border-radius: 0 50px 50px 0!important; /* گوشه‌های راست دایره‌ای */
  background-color: #fbd8d8!important;
  border: 1px solid #fbd8d8!important; /* حاشیه یکسان */
  background: none;
  /* margin-left: 0 !important; */
  padding: 12px 20px 11px;
  font-size: 16px;
  border-radius: 0px 30px 30px 0px;
  border-color: #fbd8d8;
  border-left: none;
  color: #c9a654;
}

/* برای فیلد جستجو */
.input-group {
  display: flex!important;
  align-items: center!important;
  width: 85%;

}

/* اگر نیاز به تنظیمات اضافی دارید */
.text-center {
  text-align: center!important;
}


/*  */

/* استایل جستجو دایره‌ای */
.search-input-1{
  border-radius: 50px 0 0 50px!important; /* گوشه‌های چپ دایره‌ای */
  border: 1px solid #fbd8d8!important;
  padding: 10px 15px;
}

.search-button-1 {
  border-radius: 0 50px 50px 0!important; /* گوشه‌های راست دایره‌ای */
  background-color: #fbd8d8!important;
  border: 1px solid #fbd8d8!important; /* حاشیه یکسان */
  background: none;
  /* margin-left: 0 !important; */
  padding: 12px 20px 11px;
  font-size: 16px;
  border-radius: 0px 30px 30px 0px;
  border-color: #fbd8d8;
  border-left: none;
  color: #c9a654;
}

/* برای فیلد جستجو */
.input-group-1 {
  display: flex!important;
  align-items: center!important;
  width: 85%;

}

/* اگر نیاز به تنظیمات اضافی دارید */
.text-center-1 {
  text-align: center!important;
}

.search_h{
  display: none;
  margin-top: 20px;
}

@media (max-width: 767px) {
  /* استایل‌ها برای موبایل */
 .search_h{
  display: block!important;
 }

  }

/*  */