::selection{
  background-color: #F28822;
  color: #ffffff;
}
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
::-webkit-scrollbar-track {
  background-color: #fcfcfc;
}
::-webkit-scrollbar-thumb {
  background-image: linear-gradient(to bottom, #E64624, #EA5D25);
  border-radius: 4px;
}
/* hero slider next and prev btn */
.swiper-button-next,
.swiper-button-prev {
  height: 2.7rem;
  width: 2.7rem;
  top: 52%;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  color: rgb(113 113 122);
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.swiper-button-next:hover:after,
.swiper-button-prev:hover:after {
  color: rgb(63 63 70);
}
.swiper-pagination-bullet{
  background-color: rgb(63 63 70);
}
.swiper-pagination-bullet-active{
  background-color: #E21F27;
  width: 20px;
  border-radius: 5px;
  transition: all 0.3s;
}
.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
  bottom: 2px;
}

/* ---------------------------------------------------------
   استایل محتوای ادیتور متنی (صفحات، سوالات متداول و ...)
   چون Preflight تیلویند استایل هدینگ‌ها و لیست‌ها را صفر می‌کند،
   اینجا دوباره استایل می‌دهیم تا خروجی RichEditor درست نمایش داده شود.
--------------------------------------------------------- */
.rich-content {
  line-height: 2;
  color: rgb(39 39 42);
}
.rich-content h1,
.rich-content h2,
.rich-content h3,
.rich-content h4,
.rich-content h5,
.rich-content h6 {
  color: #EA5D25;
  font-weight: 700;
  line-height: 1.6;
  margin-top: 1.5em;
  margin-bottom: 0.6em;
}
.rich-content h1 { font-size: 1.6rem; }
.rich-content h2 { font-size: 1.35rem; }
.rich-content h3 { font-size: 1.15rem; }
.rich-content h4 { font-size: 1.05rem; }
.rich-content p {
  margin-bottom: 1em;
}
.rich-content a {
  color: #EA5D25;
  text-decoration: underline;
}
.rich-content strong,
.rich-content b {
  font-weight: 700;
}
.rich-content em,
.rich-content i {
  font-style: italic;
}
.rich-content u {
  text-decoration: underline;
}
.rich-content ul,
.rich-content ol {
  margin: 1em 0;
  padding-right: 1.6em;
}
.rich-content ul { list-style: disc; }
.rich-content ol { list-style: decimal; }
.rich-content li {
  margin-bottom: 0.4em;
}
.rich-content blockquote {
  border-right: 3px solid #EA5D25;
  padding: 0.5em 1em;
  margin: 1em 0;
  background-color: rgb(250 250 250);
  color: rgb(82 82 91);
}
.rich-content img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  margin: 1em 0;
}
.rich-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 1em 0;
}
.rich-content th,
.rich-content td {
  border: 1px solid rgb(228 228 231);
  padding: 0.5em 0.75em;
  text-align: right;
}
.rich-content hr {
  border: 0;
  border-top: 1px solid rgb(228 228 231);
  margin: 1.5em 0;
}

/* ---------------------------------------------------------
   دسته‌بندی‌های صفحه اصلی
--------------------------------------------------------- */
.cat-section { margin-top: 56px; }
.cat-head { text-align: center; margin-bottom: 28px; }
.cat-head .cat-h2 { display: inline-flex; align-items: center; gap: 8px; font-size: 22px; font-weight: 800; color: #27272a; }
.cat-head .cat-h2::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #e57211; }
.cat-head .cat-sub { color: #a1a1aa; font-size: 14px; margin-top: 8px; }
.categoriesSlider { padding-bottom: 36px; }
.categoriesSlider .swiper-slide { height: auto; }
.cat-card {
  height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: flex-start;
  text-align: center; gap: 10px;
}
.cat-icon {
  width: 84px; height: 84px; border-radius: 50%; background: #faf6f0; display: flex; align-items: center;
  justify-content: center; overflow: hidden; transition: box-shadow .2s;
}
.cat-card:hover .cat-icon { box-shadow: 0 8px 20px rgba(0,0,0,.08); }
.cat-icon img { width: 54px; height: 54px; object-fit: contain; }
.cat-name { font-size: 14px; font-weight: 700; color: #27272a; line-height: 1.5; }
.categoriesSlider .swiper-pagination-bullet-active { background: #e57211; }