@media (max-width: 600px) {
  .search-bar input {
    width: 100%;
  }

  .category-scroll a {
    font-size: 13px;
    padding: 5px 8px;
  }
@media (max-width: 600px) {
  .search-bar input {
    max-width: 100%;
    font-size: 14px;
    padding: 8px 35px 8px 10px;
  }

  .search-bar input {
    width: 100%;
    font-size: 14px;
  }

  .search-bar button {
    width: 100%;
    font-size: 15px;
  }

  /* 🔸 نوار دسته‌بندی */
  .category-scroll {
    gap: 12px;
    padding: 8px;
  }

  .category-scroll a {
    font-size: 13px;
    padding: 5px 8px;
  }
/* حذف رنگ آبی لمس در موبایل */
.category-card, 
a, 
button {
  -webkit-tap-highlight-color: transparent;
}
@media (max-width: 768px) {
  .product-gallery img {
    width: 180px;
  }

  .product-info h1 {
    font-size: 18px;
  }

  .product-info .desc {
    font-size: 13px;
  }
}
/* ------------------------------------- */
/* مخفی کردن نوارهای اسکرول ولی فعال نگه داشتن اسکرول */
/* ------------------------------------- */

/* برای همه مرورگرها */
* {
  scrollbar-width: none !important; /* Firefox */
  -ms-overflow-style: none !important; /* IE 10+ */
}

/* برای Chrome, Safari, Edge */
*::-webkit-scrollbar {
  width: 0px !important;
  height: 0px !important;
  background: transparent !important;
}

/* برای کانتینرهای خاص (مثال محصولات و کته‌گوری) */
.products-grid,
.category-scroll,
.random-products-container {
  overflow-x: auto; /* فعال کردن اسکرول افقی */
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

.products-grid::-webkit-scrollbar,
.category-scroll::-webkit-scrollbar,
.random-products-container::-webkit-scrollbar {
  width: 0px !important;
  height: 0px !important;
  background: transparent !important;
}
/* ----------------------------------- */
/* حذف رنگ فوکس روی لینک‌ها و دکمه‌ها */
/* برای دسکتاپ */
a:focus, a:active,
button:focus, button:active {
    outline: none;
    box-shadow: none;
}

/* برای موبایل: حذف رنگ لمس (blue highlight) */
a, button {
    -webkit-tap-highlight-color: transparent;
}

/* اختصاصی برای دسته‌بندی‌ها و کارت محصولات */
.category-scroll a:focus,
.category-scroll a:active,
.product-card a:focus,
.product-card a:active {
    outline: none;
    box-shadow: none;
}