@font-face {
    font-family: 'IRANSans';
    src: url('../fonts/iransans/woff2/IRANSansWeb(FaNum).woff2') format('woff2'),
         url('../fonts/iransans/woff/IRANSansWeb(FaNum).woff') format('woff'),
         url('../fonts/iransans/ttf/IRANSansWeb(FaNum).ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'IRANSans';
    src: url('../fonts/iransans/woff2/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'),
         url('../fonts/iransans/woff/IRANSansWeb(FaNum)_Bold.woff') format('woff'),
         url('../fonts/iransans/ttf/IRANSansWeb(FaNum)_Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6
{
    line-height: 42px;
}
/* ===== Mega Menu Desktop ===== */
.mega-menu {
    position: fixed;
    top: 88px;
    left: 0;
    width: 100%;
    background: #1a1a1a;
    /* backdrop-filter: blur(10px); */
    padding: 40px 0;
    border-bottom: 1px solid #2A2A2A;
    display: none; /* در حالت پیش‌فرض مخفی */
    z-index: 9990;
}

/* انیمیشن باز شدن */
.mega-menu {
    opacity: 0;
    transform: translateY(-20px);
    transition: opacity .35s ease, transform .35s ease;
    pointer-events: none;
}

/* زمانی که منو باز است */
.mega-menu.open {
    display: block;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    overflow-y: scroll;
    max-height: 700px;
}


.mega-menu .mega-title {
    color: #FFD591;
    font-size: 18px;
    margin-bottom: 12px;
    font-weight: bold;
}

.mega-menu a {
    display: block;
    color: #C0B9AF;
    margin-bottom: 6px;
    font-size: 14px;
    text-decoration: none;
}

.mega-subtitle {
    margin-top: 12px;
    color: #FFD591 !important;
    font-weight: bold;
}

/* آیکون منو زمانی که مگامنو باز است */
.menu-toggle.active img {
    content: url('../images/icons/close-menu.svg');
}

@media (max-width: 767px) {
    .mega-menu {
        top: 57px !important;
        padding: 24px 0; /* کمی کمتر که موبایل شلوغ نشه */
    }
}


/* ===== Root Variables ===== */
:root {
    --primary-color: #FFD591;
    --secondary-color: #64748b;
    --success-color: #468966;
    --dark-color: #1A1A1A;
    --light-bg: #f8fafc;
    --text-color:#F5F5F5;
    --title-color:#C0B9AF;
}

/* ===== Global Styles ===== */
body {
    background-color: var(--dark-color);
    line-height: 1.6;
    font-family: "IRANSans";
    padding-top: 90px; /* ارتفاع تقریبی nav اول */
}

@media (max-width: 767px) {
    body {
      padding-top: 59px; /* ارتفاع تقریبی nav اول */
    }
}

/* ===== Navigation Styles ===== */
.navbar-header {
    backdrop-filter: blur(10px);
    border-bottom: 1px solid #2A2A2A;
    transition: all 0.3s ease;
}

.menu-icon {
    font-size: 24px;
    color: white;
}

.menu-cart {
    display: flex;
    align-items: start;
    gap: 24px;
}

/* استایل منوی اصلی */
.navbar-nav {
    display: flex;
    flex-direction: column; /* آیتم‌ها به‌صورت عمودی */
    align-items: center; /* وسط‌چین کردن آیتم‌ها */
    gap: 15px; /* فاصله بین آیتم‌های منو */
}

.nav-link {
    color: #C0B9AF !important;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 15px !important;
    transition: color 0.3s ease;
    text-align: center; /* اطمینان از وسط‌چین بودن متن */
    direction: ltr;
}

.nav-link:hover {
    color: var(--primary-color) !important;
}

/* استایل آیکون فلش */
.menu-arrow {
    width: 16px;
    height: 16px;
    margin-left: 8px; /* فاصله آیکون از متن در حالت RTL */
    vertical-align: middle;
}

/* استایل زیرمنو */
.dropdown-menu {
    background-color: var(--dark-color);
    border: 1px solid #2A2A2A;
    border-radius: 8px;
    margin-top: 10px;
    width: 200px;
    text-align: center;
    z-index: 1050; /* مقدار بالاتر از z-index پیش‌فرض navbar */
}

.dropdown-item {
    color: white;
    font-size: 14px;
    padding: 8px 20px;
    transition: background-color 0.3s ease;
}

.dropdown-item:hover {
    background-color: var(--primary-color);
    color: white !important;
}

/* تنظیمات جهت راست به چپ */
.dropdown-menu {
    text-align: right;
}

/* پاسخ‌گویی برای دستگاه‌های کوچک */
@media (max-width: 991px) {
    .navbar-nav {
        padding: 20px 0;
    }

    .dropdown-menu {
        text-align: center;
        width: 100%; /* عرض کامل در موبایل */
    }

    .menu-arrow {
        margin-left: 0;
        margin-right: 8px; /* تنظیم فاصله در موبایل */
    }
}

/* ===== Hero Section Styles ===== */
.hero-section {
    background-image: url('../images/sliders/slide1.jpg'); /* مسیر تصویر پس‌زمینه */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh; /* ارتفاع تمام صفحه */
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

.hero-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* روکش تیره برای خوانایی بهتر متن */
    z-index: 1;
}

.hero-section .container {
    position: relative;
    z-index: 2; /* اطمینان از قرار گرفتن محتوا روی روکش */
}

.hero-title {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 1rem;
    color: var(--text-color);
    text-align: right;
}

.hero-subtitle {
    font-size: 1.2rem;
    margin-bottom: 1.5rem;
    color: white;
    text-align: right;
}
.btn
{
    min-width: 144px;
}
/* پاسخ‌گویی برای دستگاه‌های کوچک */
@media (max-width: 991px) {
    .hero-section {
        height: 40vh; /* کاهش ارتفاع در موبایل */
    }

    .hero-title {
        font-size: 1.8rem;
    }

    .hero-subtitle {
        font-size: 1rem;
    }

    .btn-primary {
        padding: 8px 16px;
        font-size: 0.9rem;
    }
}
/* ===== Categories Section Styles ===== */

.section-title {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 40px;
    color: var(--title-color);
    border-bottom: 1px solid #2A2A2A;
    padding:16px;
}

.category-item {
    margin: 0 28px; /* نصف فاصله 56 پیکسل برای ایجاد فاصله از مرکز */
    position: relative;
    margin-bottom: 30px;
}

.category-image {
    position: relative;
    display: flex;
    align-items: center;      /* وسط عمودی */
    justify-content: center;  /* وسط افقی */
    width: 100%;
    aspect-ratio: 3 / 4;      /* همون نسبت قبلی که گذاشتیم */
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform .25s ease, box-shadow .25s ease;
}

.category-image:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 32px rgba(0,0,0,.45);
}

.category-image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* ماسک سیاه با شفافیت 50% */
    z-index: 1;
    transition: background 0.3s ease; /* اختیاری: تغییر شفافیت در هاور */
}


.category-text {
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 10px 16px;
    text-shadow: 0 2px 6px rgba(0,0,0,.65);
    color:#F5F5F5;
}

.category-text {
    font-size: clamp(12px, 3vw, 20px);
}

@media (min-width: 992px) {
    .category-text {
        font-size: clamp(18px, 1.6vw, 26px);
    }
}

@media (max-width: 767px) {
    .category-image {
        aspect-ratio: 4 / 5;   /* کمی افقی‌تر می‌شه */
    }
}

@media (max-width: 991px) {
    .section-title {
        font-size: 1.8rem;
    }
}
.main
{
    display: flex;
    flex-flow: column;
    gap:80px;
    padding-bottom: 80px;
}
@media (max-width: 767px) {
    .main
    {
        gap:40px;
    }
}

/* ظرف تصویر با ارتفاع ثابت و overflow hidden */

.product-image-wrapper {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 12px;
    background: #131313;
}

.product-image {
    width: 100%;
    height: 100%;
    object-fit: cover; /* یا contain اگر کراپ نمی‌خوای */
     transition: transform 0.3s ease;
    display: block;
}

/* افکت هاور (اختیاری) */
.product-image-wrapper:hover .product-image {
    transform: scale(1.05);
}
.product-card {
    background: #131313;
    height: 490px;
    text-align: center;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    overflow: hidden;
}
/* اطمینان از اینکه محتوای متنی در فضای باقی‌مانده قرار گیرد */
.product-card > *:not(.product-image-wrapper) {
    flex-shrink: 0;
}
.product-card .brand-name
{
    color:#C0B9AF;
    font-size: clamp(12px, 2.2vw, 16px);
    text-align: right;
}
@media (max-width: 767px) {
    .product-card .brand-name {
        font-size: 11px;              /* کمی کوچک‌تر در موبایل */
        white-space: nowrap;          /* فقط یک خط */
        overflow: hidden;
        text-overflow: ellipsis;      /* سه نقطه ... آخر خط */
    }
    .product-image
    {
        padding:8px;
    }
}
.product-card h2
{
    font-size:12px;
    line-height: 24px;
    text-align: right;
    direction: rtl;
}
.product-card .price
{
    color:#FFD591;
    direction: rtl;
    text-align: left;
    font-weight: 900;
    font-family: "Iransans";
    font-size: clamp(14px, 3vw, 22px);
}
@media (max-width: 767px) {
    .product-card .brand-name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .product-card .price {
        text-align: left;   /* وسط‌چین در موبایل */
        display: block;       /* مطمئن بشه کل عرض رو می‌گیره */
        font-size:13px;
    }
}
.product-title
{
    color:#F5F5F5;
    font-size: clamp(13px, 2.5vw, 20px);
    line-height: 1.4;
}
@media (max-width: 767px) {
    .product-title {
        font-size: 12px;                /* کوچیک‌تر در موبایل */
        line-height: 1.4;
        display: -webkit-box;
        -webkit-line-clamp: 2;          /* حداکثر ۲ خط */
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}
.product-desc
{
    color:#F5F5F5 !important;
    font-size:16px;
    line-height: 32px;
    text-align: justify;
}
.category-image-type {
    background-size: cover;
    background-position: center;
    height: 370px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.category-image-type::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
    transition: background 0.3s ease;
}

.category-image-type:hover::before {
    background: rgba(0, 0, 0, 0.6);
}
.category-image-type .category-text {
    position: relative;
    z-index: 2;
    font-size: 1.5rem;
    font-weight: 500;
    color: #FFFFFF;
    text-align: center;
    padding: 10px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
}

@media (max-width: 767px) {
    .category-image-type {
        height: 120px; /* کاهش ارتفاع برای موبایل */
    }

    .category-image-type .category-text {
        font-size: 12px;
        padding: 4px;
        line-height: 1.4;
    }
}

.blog-card {
   background:#131313;
   height: auto;
   text-align: right;
   display: flex;
   flex-flow: column;
   gap:16px;
}
.blog-card-container
{
    padding:8px;
}
/* --- Title (blog-title): 2 Lines + Ellipsis --- */
.blog-title {
    color: #FFD591;
    font-size: clamp(14px, 2.2vw, 18px);
    line-height: 1.5;
    font-weight: 600;

    display: -webkit-box;
    -webkit-line-clamp: 2; /* ← دو خط */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* --- Description (blog-desc): 2 Lines Max --- */
.blog-desc {
    color: #C0B9AF;
    font-size: clamp(13px, 2vw, 16px);
    line-height: 1.6;

    display: -webkit-box;
    -webkit-line-clamp: 2;  /* ← دو خط */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 12px;
}

/* --- Mobile adjustments (Optional) --- */
@media (max-width: 767px) {
    .blog-title {
        font-size: 14px;
        -webkit-line-clamp: 2;
        line-height: 1.4;
    }

    .blog-desc {
        font-size: 13px;
        -webkit-line-clamp: 2;
        line-height: 1.5;
    }
    .blog-more
    {
        font-size:10px;
    }
    .blog-date
    {
        font-size:10px;
    }
}

.brand-list
{
    background-color: #131313;
    width: 100%;
    height: 100%;
}
.box-item-black
{
    background: #131313;
    padding-left: 16px;
    padding-right: 16px;
    padding-top:24px;
    padding-bottom: 24px;
    gap: 16px;
    display: flex;
    flex-direction: column;
}
.brand-title
{
    font-size:20px;
    text-align: right;
}
.instagram-section
{
    text-align: center;
}
.container-footer
{
    /* padding-left: 32px; */
    /* padding-right: 32px; */
    padding-top: 56px;
    padding-bottom: 56px;
    border-top: 1px solid #2A2A2A;
    border-bottom: 1px solid #2A2A2A;
    width: 100%;
}
.text-about-footer
{
    color:#FFD591;
    font-size: 16px;
    text-align: justify;
    font-weight: 100;
    line-height: 32px;
    padding-top:24px;
}
.footer-title {
    color: #C0B9AF;
    font-size: 20px;
    /* border-bottom: 1px solid #C0B9AF; */
    /* width: fit-content; */
    direction: rtl;
    text-align: right;
}
.footer-list {
    list-style-type: none;
    padding: 0;
    margin-top: 16px;
    text-align: right; /* Align text to right for RTL */
    direction: rtl;
}

.footer-list li {
    margin-bottom: 12px; /* Space between list items */
}

.footer-list a {
    color: #C0B9AF;
    text-decoration: none;
    font-size: 16px;
    transition: color 0.3s ease;
}

.footer-list a:hover {
    color: var(--primary-color); /* Change to primary color on hover */
}
.phone-footer
{
    color:#C0B9AF;
    font-size:20px;
}
.header-shop
{
    padding-bottom: 80px;
}
.breadcrumb-item+.breadcrumb-item::before,.breadcrumb-item a
{
    color:#C0B9AF;
    text-decoration: none;
}
.breadcrumb-item.active
{
    color:#FFD591;
    text-decoration: none;
}
.sidebar
{
    background-color: #131313;
    padding:16px;
    gap:24px;
    display: flex;
    flex-flow: column;
    /* max-height: calc(100vh - 160px);  */
    overflow-y: auto; /* اضافه کردن scroll در صورت نیاز */
}
.sidebar-filter-items
{
    background-color: #131313;
    gap:24px;
    display: flex;
    flex-flow: column;
    overflow-y: auto; /* اضافه کردن scroll در صورت نیاز */
}
.sidebar-title
{
    font-size:20px;
    color:#C0B9AF;
}
.sidebar-remove-filter
{
    color:#E03838;
    font-size:16px;
}
.filter-icon
{
    width: 16px;
    height: 16px;
}

/* استایل‌های جدید برای آکاردئون و آیتم‌های دسته‌بندی */
.accordion-button {
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
    color: #C0B9AF !important;
    font-size: 16px !important;
    box-shadow: none !important;
}

.accordion-button:not(.collapsed) {
    background-color: transparent !important;
    color: #C0B9AF !important;
    box-shadow: none !important;
}

.accordion-button:focus {
    box-shadow: none !important;
    border-color: transparent !important;
    outline: none !important;
    background-color: transparent !important;
}

.accordion-button:hover {
    background-color: transparent !important;
    color: #C0B9AF !important;
}

.accordion-button::after {
    display: none !important; /* حذف کامل آیکون پیش‌فرض Bootstrap */
}

.accordion-body {
    padding: 0 !important;
    background-color: transparent !important;
}

.accordion-item {
    border: none !important;
    background-color: transparent !important;
}
.accordion-header
{
    border-bottom: 1px solid #C0B9AF;
    padding-bottom: 8px;
}

.category-item-list {
    padding: 8px 0;
}

.category-subitem {
    padding: 8px 16px;
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid;
}

.form-check {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
}

.form-check-input {
    width: 24px !important;
    height: 24px !important;
    margin-left: 0; /* در RTL، چک‌باکس سمت راست قرار می‌گیرد */
    float: right;
    margin-right: 0;
}

.form-check-label {
    color: #F5F5F5;
    font-size: 16px;
    cursor: pointer;
    margin-right: 12px; /* فاصله از چک‌باکس */
    flex: 1;
    text-align: right;
}

.border-bottom-custom {
    border-bottom: 1px solid #4C4040;
    margin-top: 4px;
    width: 100%;
}

.sidebar-item {
    border-bottom: none; /* حذف border قبلی برای آکاردئون */
    padding: 8px;
    width: 100%;
}

/* تنظیمات RTL برای چک‌باکس */
@media (min-width: 768px) {
    .form-check {
        justify-content: flex-end; /* چک‌باکس سمت راست */
    }
}

/* تنظیم ارتفاع row محصولات */
.products-row {
    min-height: calc(100vh - 200px); /* تنظیم حداقل ارتفاع بر اساس viewport */
    /* align-items: stretch; */
}

.products-grid {
    height: 100%;
    align-items: stretch;
}

.product-card {
    background: #131313;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    padding: 0; /* ❗ padding حذف شد */
    max-height: 553px;
}
.product-card .product-info {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.container-single-product
{
    background-color: #131313;
    padding:32px;
}
/* ====== Single Product ====== */
.product-info {
  color: var(--text-color);
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.product-title {
  font-size: 28px;
  line-height: 1.6;
  color: #fff;
  margin-bottom: 8px;
}

.product-tabs .nav-link {
  color: #C0B9AF;
  background: transparent !important;
  border-radius: 0;
  padding: 6px 0 !important;
  margin-left: 24px;
  position: relative;
}
.product-tabs .nav-link.active {
  color: #FFD591;
}
.product-tabs .nav-link.active::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -8px;
  height: 2px;
  background: #FFD591;
}

.specs-list li { color: #C0B9AF; margin-bottom: 6px; }

.product-options { display: flex; flex-direction: column; gap: 18px; margin-top: 8px; }
.option-row { display: flex; align-items: center; gap: 16px; }
.option-label { color: #C0B9AF; font-size: 16px; min-width: 48px; }

.color-swatches { display: flex; gap: 12px; }
.color-swatch {
  width: 44px; height: 44px; border-radius: 999px; border: 2px solid #2A2A2A;
  background: var(--swatch);
  outline: none;
}
.color-swatch.active { outline: 2px solid #fff; }

.size-chips { display: flex; gap: 10px; }
.size-chip {
  background: #1f1f1f; border: 1px solid #2A2A2A; color: #C0B9AF;
  padding: 8px 14px; border-radius: 10px; font-size: 14px;
}
.size-chip.active { border-color: #FFD591; color: #FFD591; }

.buy-row {
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px;
  margin-top: 24px;
}
.product-price { color: #FFD591; font-weight: 800; font-size: 22px; }
.add-to-cart {font-size:16px;padding-left: 14px;padding-right:52px;padding-left:52px; }

/* Gallery */
.product-media { background: transparent; }
.gallery {
  position: relative; background: transparent;
  min-height: 520px; /* برای شباهت به طرح */
  display: flex; align-items: center; justify-content: center;
}
.main-image {
  max-height: 400px; width: auto; object-fit: contain; display: block;
}
.thumbs-rail {
  position: absolute; right: 8px; top: 50%; transform: translateY(-50%);
  display: flex; flex-direction: column; gap: 14px;
}
.thumb {
  width: 78px; height: 78px; background: #0f0f0f; border: 1px solid #2A2A2A;
  border-radius: 8px; padding: 6px; display: grid; place-items: center;
  outline: none;
}
.thumb img { max-width: 100%; max-height: 100%; object-fit: contain; }
.thumb.active { border-color: #FFD591; }
.thumb-video { position: relative; }
.play-badge {
  position: absolute; inset-inline-end: 6px; inset-block-end: 6px;
  font-size: 16px; background: rgba(0,0,0,.6); border-radius: 6px; padding: 3px 5px;
  color: #fff;
}

/* ریسپانسیو */
@media (max-width: 991px) {
  .gallery { min-height: 420px; }
  .main-image { max-height: 420px;width: 100%; }
  .thumbs-rail { right: 0; gap: 10px; }
  .product-title { font-size: 22px; }
}
/* ==== Specs (two-column) ==== */
/* .specs-table{
  border-top:1px solid #2A2A2A;
} */
.spec-row{
  display:grid;
  grid-template-columns: 0.5fr 1fr; /* راست: عنوان | چپ: مقدار */
  align-items:center;
  gap:16px;
  padding:12px 0;
  border-bottom:1px solid #2A2A2A;
}
.spec-term{
  color:#C0B9AF;
  font-size:16px;
  text-align:right;   /* ستون عناوین راست‌چین */
}
.spec-desc{
  color:#F5F5F5;
  font-size:16px;
  text-align:right;    /* ستون مقادیر چپ‌چین مثل طرح */
  direction: rtl;     /* حفظ جهت فارسی */
  opacity: .95;
}

/* ریسپانسیو: در موبایل زیر هم بیفتند */
@media (max-width: 576px){
  .spec-row{
    grid-template-columns: 1fr;
    gap:6px;
  }
  .spec-desc{
    text-align:right;
  }
}
/* —— منوی لنگر فیکس که روی ستون توضیحات می‌نشیند —— */
:root{
  --fixed-top: 96px;           /* مجموع ارتفاع هدرها؛ JS مقدار دقیق را می‌گذارد */
  --scroll-offset: 148px;      /* فاصله امن در اسکرول تا سرفصل‌ها زیر منو نروند */
  --anchor-left: 0px;          /* موقعیت افقی منو = موقعیت ستون توضیحات */
  --anchor-width: 100%;        /* عرض منو = عرض ستون توضیحات */
}

.anchor-menu{
  position: sticky;            /* تغییر به sticky برای fixed شدن به محض اسکرول */
  top: var(--fixed-top);       /* ثابت شدن زیر navbar */
  left: var(--anchor-left);
  width: var(--anchor-width);
  z-index: 20;                 /* بالاتر از محتوا */
  display: flex; gap: 24px; justify-content: flex-start; align-items: center; /* شروع از راست در RTL */
  padding: 10px 32px;          /* padding مطابق container-single-product */
  background: #131313;
  border-bottom: 1px solid #2A2A2A;
  text-align: right; /* راست‌چین اضافی */
}
.anchor-link{ color:#C0B9AF; text-decoration:none; font-size:14px; position:relative; padding-bottom:2px; }
.anchor-link:hover{ color:#FFD591; }
.anchor-link.active{ color:#FFFFFF; }
.anchor-link.active::after{ content:""; position:absolute; right:0; left:0; bottom:-6px; height:2px; background:#FFD591; }

/* سکشن‌ها با اسکرول‌مارجین؛ و فاصله‌ی شروع محتوا زیر منو */
.anchor-section{ scroll-margin-top: var(--scroll-offset); text-align: right;padding-top:16px; } /* راست‌چین برای بخش‌ها */
.anchor-first{ margin-top: calc(var(--scroll-offset) - var(--fixed-top)); }

/* — کارت‌های نظر — */
.reviews-list{ display:flex; flex-direction:column; gap:16px; }
.review-card{ background:#2a2525; border:1px solid #3a3030; border-radius:8px; padding:16px; color:#EDEDED; }
.review-top{ display:flex; justify-content:space-between; align-items:center; gap:12px; }
.review-meta{ color:#C0B9AF; font-size:12px; }
.review-user{ display:flex; align-items:center; gap:10px; }
.review-user img{ width:40px; height:40px; border-radius:999px; object-fit:cover; }
.user-name{ font-weight:600; }
.stars i{ font-size:14px; color:#FFD591; }
.review-text{ margin:12px 0 0; color:#F5F5F5; line-height:28px; }

@media (max-width: 576px){
  .anchor-menu{ justify-content:flex-start; gap:16px; }
}
a{
    text-decoration: none;
    color:#FFD591;
}

.tav-pagination { direction: rtl; display: flex; justify-content: center; }
.tav-pagination__list { list-style: none; padding: 0; margin: 0; display: flex; gap: .5rem; flex-wrap: wrap; }

.tav-pagination__item { }
.tav-pagination__link{
  display:inline-flex; align-items:center; justify-content:center;
  min-width: 44px; height: 44px; padding: 0 .9rem;
  background:#111; color:#cfcfcf; border:1px solid #2a2a2a;
  border-radius:4px; text-decoration:none; font-size:.95rem;
  transition: all .15s;
}
.text-muted{
    color:#C0B9AF !important;
}
.tav-pagination__link:hover{ filter: brightness(1.2); border-color:#3a3a3a; }

.tav-pagination__item.is-active .tav-pagination__link{
  background:#C4AF6F; color:#101010; border-color:transparent; font-weight:700;
}
.tav-pagination__item.is-disabled .tav-pagination__link{
  opacity:.4; pointer-events:none;
}
.tav-pagination__item.is-ellipsis .tav-pagination__link{
  background:transparent; border-color:transparent; color:#777;
}

/* موبایل: فقط قبلی/بعدی و صفحه جاری را نمایش بده */
@media (max-width:576px){
  /* .tav-pagination__item:not(.is-active):not(:first-child):not(:last-child){ display:none; } */
}
/* موبایل: همه شماره صفحات رو نشون بده، ولی فاصله کمتر و wrap بشه */
@media (max-width: 576px) {
    .tav-pagination__list {
        gap: 0.35rem;
        justify-content: center;
    }

    .tav-pagination__link {
        min-width: 38px;
        height: 38px;
        font-size: 0.9rem;
        padding: 0 0.6rem;
    }

    /* فقط در صفحه‌های خیلی شلوغ، سه نقطه رو کوچیک‌تر کن */
    .tav-pagination__item.is-ellipsis .tav-pagination__link {
        min-width: 30px;
        font-size: 1.2rem;
    }
}
/* ===== Sort Bar Styles ===== */
.sort-bar {
    /* background: #131313; */
    border-bottom: 1px solid #2A2A2A;
    /* border-radius: 12px; */
    padding: 12px 24px;
    color: #C0B9AF;
    direction: rtl;
    padding-right: 0;
}

.sort-title {
    font-size: 16px;
    font-weight: 500;
    color: #C0B9AF;
    padding-left:24px;
    padding-right: 16px;
}

.sort-options {
    flex-wrap: wrap;
    justify-content: flex-start;
}

.sort-btn {
    background: transparent;
    border: 1px solid #2A2A2A;
    border-radius: 8px;
    color: #C0B9AF;
    font-size: 15px;
    padding: 6px 16px;
    transition: all 0.2s ease-in-out;
}

.sort-btn:hover {
    border-color: #FFD591;
    color: #FFD591;
    cursor: pointer;
}

.sort-btn.active {
    background-color: #4C404066;
    color: #C0B9AF;
    border-color: #C0B9AF;
}

/* موبایل */
@media (max-width: 768px) {
    .sort-bar {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .sort-options {
        gap: 8px;
        flex-wrap: wrap;
    }
    .sort-btn {
        font-size: 14px;
        padding: 4px 12px;
    }
}

/* ===== اصلاح آکاردئون برندها ===== */
#brandCollapse .accordion-body {
    max-height: 280px; /* ارتفاع مجاز لیست برندها */
    overflow-y: auto; /* فعال کردن اسکرول عمودی */
    padding-right: 8px;
    scrollbar-width: thin;
    scrollbar-color: #444 #131313; /* برای فایرفاکس */
}

/* استایل اسکرول‌بار در مرورگرهای WebKit (Chrome, Edge, Safari) */
#brandCollapse .accordion-body::-webkit-scrollbar {
    width: 6px;
}
#brandCollapse .accordion-body::-webkit-scrollbar-track {
    background: #131313;
    border-radius: 8px;
}
#brandCollapse .accordion-body::-webkit-scrollbar-thumb {
    background: #444;
    border-radius: 8px;
}
#brandCollapse .accordion-body::-webkit-scrollbar-thumb:hover {
    background: #666;
}
#brandSearch {
    background-color: #131313;
    border: 1px solid #2A2A2A;
    color: #C0B9AF;
    border-radius: 8px;
    font-size: 14px;
    padding: 6px 12px;
    margin-top:16px;
}
#brandSearch::placeholder {
    color: #C0B9AF;
}
#brandSearch:focus {
    outline: none;
    border-color: #FFD591;
}
/* چک‌باکس سفارشی */
.form-check-input {
    appearance: none;
    width: 20px;
    height: 20px;
    background-color: #131313;
    border: 2px solid #f5f5f5;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease-in-out;
}

.form-check-input:checked {
    background-color: #FFD591;
    border-color: #FFD591;
}

.form-check-input:checked::after {
    content: "✓";
    position: absolute;
    top: 0;
    left: 4px;
    font-size: 14px;
    color: #131313;
    font-weight: bold;
}

.form-check-input:hover {
    border-color: #FFD591;
}
.brand-image-wrapper img {
    height: 160px !important;
    object-fit: contain;
}
/* منوی ثابت پایین صفحه در موبایل */
.mobile-bottom-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #1A1A1A;
    border-top: 1px solid #2A2A2A;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 12px 0;
    z-index: 1050;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.3);
    height: 56px;
}

.mobile-bottom-nav .nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    color: #C0B9AF;
    text-decoration: none;
    font-size: 12px;
    transition: color 0.3s ease;
}

.mobile-bottom-nav .nav-item img {
    width: 32px;
    height: 32px;
}

.mobile-bottom-nav .nav-item.active,
.mobile-bottom-nav .nav-item:hover {
    color: #FFD591;
}

/* ===== موبایل: لوگو چپ، منو راست (عوض شدن جای دو ستون) ===== */
@media (max-width: 767.98px) {
    .navbar-header .container {
        padding-left: 16px;
        padding-right: 16px;
    }

    /* ستون اول (منو) → به سمت راست برود */
    .navbar-header .col-4:first-child,
    .navbar-header .col-md-3:first-child {
        order: 3;
        flex: 0 0 auto;
        width: auto !important;
        text-align: right !important;
        padding-right: 0;
    }

    /* ستون وسط (لوگو) → به سمت چپ برود */
    .navbar-header .col-4:nth-child(2),
    .navbar-header .col-md-6:nth-child(2) {
        order: 1;
        flex: 1 1 auto;
        text-align: left !important;
        padding-left: 0;
    }

    /* ستون سوم (آیکون‌های دسکتاپ) → کاملاً حذف شود */
    .navbar-header .col-4:last-child,
    .navbar-header .col-md-3:last-child {
        display: none !important;
    }

    /* لوگو: تراز چپ */
    .navbar-brand {
        display: flex;
        justify-content: flex-start;
        padding: 0;
        margin: 0;
    }

    .header-logo {
        height: 40px;
        width: auto;
        max-width: 180px;
        object-fit: contain;
    }

    /* آیکون منو: فاصله دقیق ۱۶px چپ/راست، ۸px بالا/پایین */
    .menu-toggle {
        padding: 8px 16px !important;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transition: background 0.2s ease;
    }

    .menu-toggle:hover {
        background: rgba(255, 255, 255, 0.1);
    }

    .menu-toggle img {
        width: 24px;
        height: 24px;
    }

    /* متن داخل منو در موبایل به راست بچسبه */
    .navbar-header .text-start {
        text-align: right !important;
    }
}

/* ===== دسکتاپ: بدون هیچ تغییری (لوگو وسط، منو چپ، آیکون‌ها راست) ===== */
@media (min-width: 768px) {
    .navbar-header .container {
        padding: 0;
    }

    .navbar-brand {
        /* position: absolute; */
        left: 50%;
        transform: translateX(-50%);
        z-index: 10;
    }

    .header-logo {
        height: 72px;
    }
}

/* جلوگیری از همپوشانی محتوا با منوی پایین در موبایل */
@media (max-width: 767px) {
    .main {
        padding-bottom: 80px; /* فضای کافی برای منوی ثابت */
    }
}

/* ===== موبایل: آیکون منو راست، لوگو چپ ===== */
@media (max-width: 767.98px) {

    /* ترتیب جدید ستون‌ها */
    .navbar-header .col-4:first-child {
        order: 1; /* منو بره راست */
        text-align: right !important;
    }

    .navbar-header .col-4:nth-child(2) {
        order: 2; /* لوگو بیاد چپ */
        text-align: left !important;
    }

    /* ستون سوم در موبایل پنهان بماند */
    .navbar-header .col-4:last-child {
        display: none !important;
    }

    /* لوگو — تراز چپ */
    .navbar-brand {
        display: flex;
        justify-content: flex-end !important;
    }

    /* آیکون منو — تراز راست */
    .menu-toggle {
        display: flex;
        justify-content: flex-start !important;
    }
}

/* ===== Cart Page ===== */

.cart-page
{
    background: #131313;
    padding-top:80px;
    padding-bottom:80px;
    padding-left:32px;
    padding-right:32px;
}
.header-cart
{
    font-size:24px;
    color:#F5F5F5;
    border-bottom:1px solid #2A2A2A;
    padding-bottom: 16px;
}
.count-cart
{
    color:#F5F5F5;
    font-size:16px;
    padding-top:8px;
}
.cart-item-img
{
    width: auto;
    height: 273px;
    object-fit: contain;
}
.cart-item-title
{
    font-size:24px;
    color:#F5F5F5;
}
.cart-item-content
{
    display: flex;
    flex-direction: column;
    gap:16px;
}
.cart-item-sub-title
{
    text-align: right;
    color:#C0B9AF;
    font-size:18px;
    margin-bottom: 0;
}

.quantity-box {
    border: 1px solid #C0B9AF;
    padding: 10px;
    border-radius: 10px;
}

.qty-btn {
    background: transparent;
    border: none;
    color: #C0B9AF;
    font-size: 22px;
}

.delete-btn i {
    color: #C0B9AF;
}
.qty-number
{
     color: #C0B9AF;
}
.cart-summary
{
    border:2px solid #2A2A2A;
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 450px; /* اطمینان از ارتفاع کامل */
    border-radius: 8px;
    padding:16px;
}
.cart-summary .title
{
    color:#C0B9AF;
    border-bottom:1px solid #C0B9AF;
    padding-bottom: 8px;
    font-size:24px;
    text-align: center;
}
.cart-summary-item
{
    color:#F5F5F5;
    font-size:18px;
}
.gap-40
{
    padding-top:40px;
    gap:40px
}
.cart-price
{
    color:#FFD591;
    font-size:24px;
}
.box-card
{
    border:2px solid #2A2A2A;
    width: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    padding:16px;
}
.box-card-simple
{
    border:2px solid #2A2A2A;
    border-radius: 8px;
    padding:16px;
}
.icon-item
{
    height: 24px;
}
.delivery-address-title
{
    color:#F5F5F5;
}
.delivery-new-address
{
    color:#468966;
    font-size:18px;
}
.delivery-item-img
{
    width: auto;
    height: 168px;
    object-fit: contain;
}
.product-title-delivery
{
    color:#F5F5F5;
    font-size:14px;
    line-height: 24px;
}
.quantity-box-delivery {
    border: 1px solid #C0B9AF;
    padding-left: 16px;
    padding-right: 16px;
    padding-top:4px;
    padding-bottom: 4px;
    border-radius: 10px;
}

.qty-btn-delivery {
    background: transparent;
    border: none;
    color: #C0B9AF;
    font-size: 22px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active
{
    background: transparent;
    border-radius: 0;
    border:none;
    border-bottom: 2px solid #BFA06E;
    color:#BFA06E !important;
    padding:8px !important;
}
.nav-tabs .nav-link
{
    padding:8px !important;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover
{
    background: transparent;
    border-radius: 0;
    border:none;
    border-bottom: 2px solid #BFA06E;
    color:#BFA06E !important;
    padding:8px !important;
}
.nav-tabs .nav-link-day:hover
{
    padding:10px !important;
}
.nav-tabs
{
    border:none
}
.header-title
{
    color:#F5F5F5;
    font-size:20px;
}
.nav-days
{
    border-bottom:1px solid
}
.nav-tabs .nav-item.show .nav-link-day, .nav-tabs .nav-link-day.active
{
    background: transparent;
    border-radius: 0;
    border:none;
    border-bottom: 2px solid #C0B9AF;
    color:#C0B9AF !important;
    padding:8px !important;
    font-size:18px;
}
.nav-date
{
    font-size:18px;
    direction: rtl;
}
/* کلاس اصلی برای کنترل ظاهر رادیو باتن */
.custom-radio .form-check-input
{
        width: 1.8em;           /* بزرگ‌تر کردن دایره */
        height: 1.8em;          /* بزرگ‌تر کردن دایره */
        margin-top: 0.1em;      /* تراز عمودی */
        border: 2px solid #ced4da;
        background-color: #f5f5f5; /* رنگ پس‌زمینه #F5F5F5 */
        cursor: pointer;
        transition: all 0.2s ease;
}
/* حالت انتخاب‌شده (چک‌شده) */
.custom-radio .form-check-input:checked {
        background-color: #f5f5f5;
        border-color: #ddd6d6; /* رنگ حاشیه سبز (یا هر رنگ دلخواه) */
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%ddd6d6'/%3e%3c/svg%3e");
}

/* حالت فوکوس */
.custom-radio .form-check-input:focus {
        box-shadow: 0 0 0 0.25rem rgba(40, 167, 69, 0.25);
        border-color: #ddd6d6;
}

/* لیبل کنار رادیو باتن */
.custom-radio .form-check-label {
        font-size: 1rem;
        margin-left: 0.5rem;
        cursor: pointer;
}
/* فاصله بین آیتم‌ها */
.custom-radio {
        padding-left: 0;
        margin-bottom: 0.75rem;
}
.delivery-item
{
    border-bottom: 0.5px solid;
}
.checkout-summary
{
    height: auto !important;
}
.checkout-summary .title
{
    font-size:18px;
    border-bottom: 0.5px solid;
}
.checkout-item
{
    border-bottom: 0.5px solid;
    padding-bottom: 4px;
}
.discount-title
{
    color:#F5F5F5;
    font-size:18px;
}
.discount-desc
{
    color:#F5F5F5;
    font-size:14px
}
.page-title
{
    font-size:20px;
    color:#C0B9AF;
    border-bottom: 0.5px solid #2A2A2A;
    padding-bottom:8px;
}
.about-box
{
    background-color: rgba(194, 162, 118, 0.25);
    color:#FEF3E3;
    font-size:20px;
    padding-left: 32px;
    padding-right: 32px;
    padding-top:24px;
    padding-bottom:24px;
}
.about-box p
{
    line-height: 32px;
}
.about-box h2
{
    color:#F2F2F2;
    font-size:18px;
}
.about-box p
{
    line-height: 24px;
    color:#F2F2F2;
    font-size:16px;
}
.box-certificate
{
    background-color: #FAF9F8;
    border-radius: 8px;
    width: 72px;
}
.box-certificate img
{
    width: 100%;
    object-fit: cover;
}
.dir-rtl
{
    direction: rtl;
}
a:hover
{
 color:#FFD591;
}
.filter-icon {
    transition: transform 0.25s ease-in-out;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}
.filter-icon.rotated {
    transform: rotate(180deg);
}
.english-brand-name
{
    font-weight: 100;
    font-family: sans-serif;
}
.price-range-box {
    background: transparent;
    border-bottom: 1px solid #4C4040;
    padding-bottom: 12px;
}

.price-label {
    color: #C0B9AF;
    font-size: 14px;
}

.price-input {
    background: #131313;
    border: 1px solid #2A2A2A;
    color: #F5F5F5;
    border-radius: 8px;
    direction: rtl;
    text-align: right;
}

.range-slider-container input[type="range"] {
    width: 100%;
    height: 6px;
    background: #3d5f50;
    border-radius: 10px;
    outline: none;
    appearance: none;
}

.range-slider-container input[type="range"]::-webkit-slider-thumb {
    appearance: none;
    width: 20px;
    height: 20px;
    background: #FFD591;
    border-radius: 50%;
}
.price-range-labels span {
    font-size: 13px;
    color: #C0B9AF;
}
.price-input-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    direction: rtl;
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #2A2A2A;
}

.price-input-label {
    color: #C0B9AF;
    font-size: 16px;
    flex-shrink: 0;
}

.price-input-wrapper {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-end;
    gap: 8px;
}

.price-input-field {
    background: transparent;
    border: none;
    color: #F5F5F5;
    text-align: left;
    width: 100%;
    direction: rtl;
    font-size: 16px;
}

.price-input-field:focus {
    outline: none;
}

.price-input-unit {
    color: #C0B9AF;
    font-size: 15px;
    flex-shrink: 0;
}
/* اسلایدر دو دایره‌ای — هر دو دایره همیشه روی خط طلایی */
.range-slider-container {
    position: relative;
    margin: 30px 0 16px;
}

#priceSlider {
    width: 100%;
    height: 6px;
    background: #2A2A2A;
    border-radius: 10px;
    outline: none;
    -webkit-appearance: none;
}

#priceSlider::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 24px;
    height: 24px;
    background: #FFD591;
    border-radius: 50%;
    cursor: pointer;
    border: 3px solid #131313;
    box-shadow: 0 2px 8px rgba(0,0,0,0.6);
}

#priceSlider::-moz-range-thumb {
    width: 24px;
    height: 24px;
    background: #FFD591;
    border-radius: 50%;
    cursor: pointer;
    border: 3px solid #131313;
    box-shadow: 0 2px 8px rgba(0,0,0,0.6);
}

.range-selected {
    position: absolute;
    height: 6px;
    background: #FFD591;
    border-radius: 10px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 1;
}
.full-desc
{
    color:#F5F5F5;
    font-size:14px;
    line-height: 1.8rem;
}
/* ---- TWO COLUMN INFO SECTION (Chrono24 Style) ---- */
#sec-info {
    padding-top: 32px;
}

#sec-info .section-title {
    font-size: 20px;
    margin-bottom: 16px;
    border-bottom: 1px solid #2A2A2A;
    padding-bottom: 8px;
    color: #C0B9AF;
}

#sec-info .full-desc {
    font-size: 15px;
    color: #F5F5F5;
    line-height: 42px;
    opacity: .95;
}

/* در موبایل زیر هم بیفتد */
@media (max-width: 767px) {
    #sec-info .section-title {
        font-size: 18px;
    }
}

/* ===== Key Specs – نسخه فوق فشرده و لوکس ===== */
.key-specs-compact {
    background: rgba(30, 30, 30, 0.6);
    border: 1px solid #2A2A2A;
    border-radius: 12px;
    padding: 18px 24px;
    backdrop-filter: blur(8px);
}

.key-specs-title {
    color: #FFD591;
    font-size: 17px;
    font-weight: bold;
}

.title-underline {
    flex: 1;
    height: 1px;
    background: linear-gradient(to right, #FFD59140, transparent);
}

.spec-item-compact {
    display: flex;
    flex-direction: column;
    font-size: 14.5px;
    line-height: 1.4;
}

.spec-label {
    color: #C0B9AF;
    font-size: 13px;
    opacity: 0.9;
}

.spec-value {
    color: #F5F5F5;
    font-weight: 500;
    margin-top: 2px;
    transition: color 0.2s ease;
}

.spec-item-compact:hover .spec-value {
    color: #FFD591;
}

/* دکمه مشاهده همه – کوچک و مینیمال */
.view-all-compact {
    color: #C0B9AF;
    font-size: 13.5px;
    text-decoration: none;
    transition: all 0.25s ease;
}

.view-all-compact:hover {
    color: #FFD591;
}

.view-all-compact svg {
    transition: transform 0.25s ease;
}

.view-all-compact:hover svg {
    transform: translateY(2px);
}

/* موبایل: همچنان ۲ ستونه بماند تا فضای افقی هم بهینه شود */
@media (max-width: 576px) {
    .key-specs-compact {
        padding: 16px 18px;
    }
    .spec-item-compact {
        font-size: 14px;
    }
}

/* ===== Custom Minimal Toast – کاملاً هماهنگ با تم دارک ===== */
.custom-toast {
    position: fixed;
    top: 100px;
    right: 20px;
    min-width: 300px;
    padding: 14px 20px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 500;
    z-index: 9999;
    opacity: 0;
    transform: translateX(100%);
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(10px);
}
.custom-toast.show {
    opacity: 1;
    transform: translateX(0);
}

.custom-toast-success {
    background: linear-gradient(135deg, rgba(70, 137, 102, 0.95), rgba(50, 100, 80, 0.95));
    border: 1px solid #468966;
    color: #F5F5F5;
}

.custom-toast-error {
    background: linear-gradient(135deg, rgba(224, 56, 56, 0.95), rgba(180, 40, 40, 0.95));
    border: 1px solid #E03838;
    color: #F5F5F5;
}

/* موبایل */
@media (max-width: 576px) {
    .custom-toast {
        left: 20px;
        right: 20px;
        min-width: auto;
    }
}
.border-bottom-cart
{
    border-bottom:1px solid;
}
/* start auth */
.auth-wrapper {
        min-height: calc(100vh - 90px);
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 32px 16px;
    }

    .auth-box {
        background: #1A1A1A;
        width: 100%;
        max-width: 480px;
        padding: 40px 32px;
        border-radius: 16px;
        text-align: right;
        box-shadow: 0 0 20px rgba(0,0,0,0.35);
    }

    .auth-title {
        font-size: 24px;
        color: #FFD591;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .auth-sub {
        color: #C0B9AF;
        font-size: 16px;
        margin-bottom: 24px;
        line-height: 28px;
    }

    .auth-box input {
        width: 100%;
        background: #0D0D0D;
        border: 1px solid #2A2A2A;
        color: #F5F5F5;
        padding: 12px 16px;
        border-radius: 8px;
        font-size: 16px;
        direction: ltr;
        margin-bottom: 8px;
    }

    .auth-error {
        font-size: 13px;
        color: #C0B9AF;
        text-align: right;
        margin-bottom: 16px;
    }

    .auth-btn {
        width: 100%;
        background: #468966;
        border: none;
        color: white;
        padding: 14px 0;
        border-radius: 10px;
        font-size: 17px;
        margin-top: 12px;
    }

    .auth-footer {
        text-align: center;
        font-size: 12px;
        color: #C0B9AF;
        margin-top: 24px;
        line-height: 22px;
    }

    .auth-footer a {
        color: #FFD591;
        text-decoration: none;
        font-weight: bold;
    }
.form-control:focus
{
    background: #0D0D0D;
    border: 1px solid #C0B9AF;
    box-shadow:none;
    color:#f5f5f5;
}
.form-control
{
    background: #0D0D0D;
    border: 1px solid #C0B9AF;
    box-shadow:none;
    color:#f5f5f5;
}
/* ===== Map Professional Dark Theme + Loading ===== */
#addressMapWrapper,
.leaflet-container,
.leaflet-pane,
.leaflet-tile-pane,
.leaflet-map-pane {
    background-color: #1A1A1A !important;
    border-radius: 16px !important;
}

.leaflet-tile {
    filter: brightness(0.95) contrast(1.1);
    background-color: #1A1A1A !important;
}

/* لودینگ شیک */
#mapLoadingOverlay {
    opacity: 1;
    pointer-events: auto;
    transition: opacity 0.4s ease;
}

#mapLoadingOverlay.hidden {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

.map-spinner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.spinner-circle {
    width: 48px;
    height: 48px;
    border: 4px solid #333;
    border-top: 4px solid #FFD591;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

.spinner-text {
    color: #FFD591;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.5px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* مارکر زیباتر */
.custom-marker {
    background: #FFD591;
    border: 3px solid #111;
    border-radius: 50% 50% 50% 0;
    width: 28px !important;
    height: 28px !important;
    transform: rotate(-45deg);
    box-shadow: 0 4px 16px rgba(255,213,145,0.4);
    animation: pulse 2s infinite;
}

.custom-marker::after {
    content: '';
    width: 12px;
    height: 12px;
    background: #111;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}

@keyframes pulse {
    0% { box-shadow: 0 4px 16px rgba(255,213,145,0.4); }
    70% { box-shadow: 0 4px 32px rgba(255,213,145,0.7); }
    100% { box-shadow: 0 4px 16px rgba(255,213,145,0.4); }
}
/* رَپِر نقشه: برای جای‌گذاری نوار شیشه‌ای */
.address-map-wrapper {
    position: relative;
    width: 100%;
    height: 380px;
    border-radius: 16px;
    overflow: hidden;
}

/* خود کانتینر Leaflet */
#addressMap {
    width: 100%;
    height: 100%;
    background: #000;
}

/* نوار جستجو روی نقشه */
.map-search-overlay {
    position: absolute;
    top: 14px;
    left: 50%;
    transform: translateX(-48%);
    width: calc(100% - 61px);
    max-width: 649px;
    z-index: 1000;
    pointer-events: none;
}

.map-search-glass {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 18px;
    height: 46px;
    border-radius: 7px;
    background: #8f8f8f2e;
    /* border: 1px solid rgba(255, 255, 255, 0.16); */
    /* box-shadow: 0 18px 40px rgba(0, 0, 0, 0.75); */
    backdrop-filter: blur(10px);
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(18px);
    pointer-events: auto;
}

/* آیکن سرچ (دایره با دستگیره) */
.map-search-icon {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.9);
    position: relative;
    flex-shrink: 0;
}

.map-search-icon::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 2px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 999px;
    right: -3px;
    bottom: 4px;
    transform: rotate(45deg);
}

/* اینپوت */
.map-search-input {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    color: #ffffff;
    font-size: 0.95rem;
    text-align: right;
}

.map-search-input::placeholder {
    color: rgba(255, 255, 255, 0.65);
}

.map-search-input:focus {
    outline: none;
    box-shadow: none;
}

/* روی موبایل کمی فشرده‌تر */
@media (max-width: 961px) {
    .address-map-wrapper {
        height: 320px;
    }
    .map-search-overlay {
        width: calc(100% - 100px);
    }
    .map-search-glass {
        height: 42px;
        padding: 0 14px;
    }
    .map-search-input {
        font-size: 0.85rem;
    }
}

.leaflet-tile {
    filter: invert(1) hue-rotate(180deg) brightness(0.6) contrast(1.1);
}

.select2-container--default.select2-container--disabled .select2-selection--single
{
    background-color: #111 !important;
}
#addressMap,
.leaflet-container,
.leaflet-pane,
.leaflet-tile-pane {
    background-color: #1A1A1A !important;
}
.leaflet-tile {
    background-color: #1A1A1A !important;
}
/* برای هماهنگی با تم تیره */
    #addressMap,
    .leaflet-container,
    .leaflet-pane,
    .leaflet-tile-pane {
        background-color: #1A1A1A !important;
    }
    .leaflet-tile {
        background-color: #1A1A1A !important;
    }

    /* استایل تیره برای Select2 */
    .select2-container--default .select2-selection--single {
        background-color: #111 !important;
        border: 1px solid #C0B9AF !important;
        border-radius: 8px !important;
        height: 44px !important;
        display: flex !important;
        align-items: center !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #C0B9AF !important;
        padding-right: 12px !important;
        padding-left: 30px !important;
        line-height: 44px !important;
        text-align: right !important;
        font-size: 0.9rem !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 100% !important;
        left: 10px !important;
        right: auto !important;
    }
    .select2-dropdown {
        background-color: #111 !important;
        border: 1px solid #C0B9AF !important;
        border-radius: 12px;
    }
    .select2-results__option {
        color: #EDEDED !important;
        font-size: 0.9rem !important;
        padding: 8px 10px !important;
        text-align: right !important;
    }
    .select2-results__option--highlighted.select2-results__option--selectable {
        background-color: #2b2b2b !important;
        color: #f5f5f5 !important;
    }
    .select2-search__field {
        background-color: #1A1A1A !important;
        border: 1px solid #C0B9AF !important;
        color: #EDEDED !important;
        border-radius: 8px !important;
    }
    .select2-container--default .select2-search--dropdown .select2-search__field::placeholder {
        color: #777;
    }
.address-card {
    background: #111;
    border: 1px solid #2A2A2A;
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 16px;
    display: flex;
    gap: 16px;
    cursor: pointer;
    transition: .25s;
}

.address-card:hover {
    border-color: #FFD591;
    background: #181818;
}

.address-radio {
    accent-color: #FFD591;
    transform: scale(1.2);
}

.address-title {
    font-size: 16px;
    color: #FFD591;
}

.address-details {
    color: #C0B9AF;
    font-size: 14px;
    line-height: 22px;
}
.color-text
{
    color:#F5F5F5;
}
.modal-content-dark
{
    background:#131313;
     border:1px solid #2A2A2A;
     border-radius:16px;
     overflow:hidden;
     box-shadow:0 20px 50px rgba(0,0,0,0.6);
}
.go-to-cart-btn
{
    background:#468966;color:#fff;font-size:16px;border-radius:12px;min-width:180px;
}
.container-order
{
    border:1px soild #2A2A2A;
    border-radius: 8px;
    padding-left: 48px;
    padding-right:48px;
    padding-top:24px;
    padding-bottom:24px;
    text-align: center;
    color:white;
}
.failed-order
{
    color:#FF2424;
}
/* ====================== Search Overlay ====================== */
.search-overlay {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    display: flex;
    align-items: start;
    justify-content: center;
    padding-top: 100px; /* فاصله از بالای صفحه */
    background:#1a1a1a96;
}

.search-overlay.active {
    opacity: 1;
    visibility: visible;
}

.search-overlay-content {
    width: 100%;
    max-width: 800px;
    position: relative;
    animation: slideDown 0.45s ease;
}

@keyframes slideDown {
    from { transform: translateY(-50px); opacity: 0; }
    to   { transform: translateY(0); opacity: 1; }
}

.search-close-btn {
    position: absolute;
    top: -80px;
    right: -50;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 8px;
    border-radius: 50%;
    transition: all 0.2s;
    border: 1px solid #ffd591;
}

.search-close-btn:hover {
    background: rgba(255, 255, 255, 0.1);
    transform: scale(1.1);
}

/* نوار جستجوی بزرگ */
.search-box-wrapper {
    position: relative;
}

.search-box {
    position: relative;
    height: 68px;
    background: #1e1e1e;
    border-radius: 16px;
    border: 1px solid #333;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.6);
    transition:hover {
        border-color: #FFD591;
    }
}

.search-input {
    width: 100%;
    height: 100%;
    background: transparent;
    border: none;
    outline: none;
    font-size: 20px;
    color: #fff;
    padding: 0 80px 0 24px;
    text-align: right;
    direction: rtl;
    font-family: "IRANSans", sans-serif;
}

.search-input::placeholder {
    color: #777;
}

.search-submit-btn {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.2s;
}

.search-submit-btn:hover {
    background: rgba(255, 213, 145, 0.15);
}

/* نتایج جستجو */
.search-results {
    max-height: 70vh;
    overflow-y: auto;
    padding: 16px 0;
}

.search-result-item {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px 0;
    border-bottom: 1px solid #2a2a2a;
    transition: all 0.2s;
    cursor: pointer;
}

.search-result-item:hover {
    background: rgba(255, 213, 145, 0.08);
    border-radius: 8px;
    padding: 12px 8px;
    margin: 0 8px;
}

.search-result-item img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 8px;
    background: #131313;
}

.search-result-title {
    font-size: 17px;
    color: #fff;
    margin-bottom: 4px;
}

.search-result-brand {
    font-size: 14px;
    color: #C0B9AF;
}

.search-result-price {
    font-size: 18px;
    font-weight: bold;
    color: #FFD591;
    margin-top: 6px;
}

.search-no-result {
    text-align: center;
    color: #777;
    font-size: 18px;
    padding: 40px 0;
}

/* اسکرول‌بار زیبا */
.search-results::-webkit-scrollbar {
    width: 6px;
}
.search-results::-webkit-scrollbar-track {
    background: transparent;
}
.search-results::-webkit-scrollbar-thumb {
    background: #444;
    border-radius: 3px;
}
.search-results::-webkit-scrollbar-thumb:hover {
    background: #666;
}
/* ====================== جستجوی زنده - لودینگ ====================== */
.search-loading {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    color: #C0B9AF;
}

.search-spinner {
    animation: spin 1.4s linear infinite;
    margin-bottom: 12px;
}

.inner-spinner {
    animation: dash 1.6s ease-in-out infinite;
}

.search-loading-text {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.8px;
    color: #C0B9AF;
    opacity: 0.9;
}

/* انیمیشن‌های مشترک با Preloader (برای یکدستی) */
@keyframes spin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

@keyframes dash {
    0%   { stroke-dasharray: 1, 200; stroke-dashoffset: 0; }
    50%  { stroke-dasharray: 90, 200; stroke-dashoffset: -35; }
    100% { stroke-dasharray: 90, 200; stroke-dashoffset: -124; }
}
.color-top-footer
{
    color:#C0B9AF;
    font-weight: 900;
    line-height: 32px;
}
.title-of-footer
{
    color:#FFD591;
    font-size:14px;
}
.footer-certificate-box
{
    background:#2A2A2A;
    border-radius:8px;

}
.footer-certificate-item
{
    height: 64px;
}
.input-text
{
        width: 100%;
        background: #0D0D0D;
        border: 1px solid #2A2A2A;
        color: #F5F5F5;
        padding: 12px 16px;
        border-radius: 8px;
        font-size: 16px;
        direction: rtl;
        margin-bottom: 8px;
}
/* ==== نوار فیلتر موبایل – اسکرول افقی 100% کار می‌کنه ==== */
.mobile-filters-bar {
    -webkit-overflow-scrolling: touch;           /* اسکرول نرم iOS */
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;                       /* فایرفاکس */
    -ms-overflow-style: none;                    /* IE/Edge قدیمی */
    white-space: nowrap;
    padding: 12px 16px 16px;                     /* فاصله بالا و پایین بیشتر */
    background: #131313;
    border-bottom: 1px solid #2A2A2A;
    position: sticky;
    top: 0;
    z-index: 10;
    margin-bottom: 16px;
}

/* مخفی کردن اسکرول‌بار در کروم/سافاری/اج */
.mobile-filters-bar::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0;
}

/* مهم‌ترین قسمت: جلوگیری از کش آمدن صفحه */
.mobile-filters-bar > .d-inline-flex {
    display: inline-flex !important;
    gap: 10px;
    align-items: center;
    min-width: max-content;        /* این خط خیلی مهمه! */
    /* padding-right: 20px;         */
}

/* چیپ‌ها کمی کوچیک‌تر و خوشگل‌تر */
.filter-chip {
    flex-shrink: 0;                /* هرگز فشرده نشه */
    min-width: 80px;
    font-size: 13.5px;
    padding: 8px 14px;
    border-radius: 8px;
    background: #1e1e1e;
    border: 2px solid #C0B9AF;
    color: #C0B9AF;
    transition: all .25s ease;
}

.filter-chip.active {
    background: #FFD591;
    color: #131313;
    border-color: #FFD591;
    font-weight: 700 13.5px IRANSans;
}
/* دکمه واتس‌اپ لوکس — کاملاً سیاه و طلایی */
.luxury-whatsapp-btn {
    position: fixed;
    bottom: 100px;
    left: 16px;
    /* background: #131313; */
    /* color: #fff; */
    /* border: 2px solid #FFD591; */
    /* border-radius: 16px; */
    /* padding: 14px 22px 14px 14px; */
    display: flex;
    align-items: center;
    gap: 16px;
    font-family: 'IRANSans', sans-serif;
    font-weight: 700;
    /* box-shadow: 0 10px 30px rgba(0,0,0,0.6); */
    z-index: 99;
    transition: all 0.4s ease;
    text-decoration: none !important;
    max-width: 300px;
}


.whatsapp-circle {
    width: 56px;
    height: 56px;
    /* background: linear-gradient(135deg, #FFD591, #c9a04e); */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    /* box-shadow: 0 4px 15px rgba(255, 213, 145, 0.4); */
}

.whatsapp-text {
    line-height: 1.4;
    font-size: 14px;
    text-align: center;
}

.whatsapp-text strong {
    color: #FFD591;
    font-size: 16px;
    font-weight: 900;
}

/* پالس طلایی دور دکمه */
.pulse-gold {
    position: absolute;
    inset: 0;
    border: 1px solid #FFD591;
    border-radius: 16px;
    animation: pulseGold 3.8s infinite;
    opacity: 0;
    z-index: -1;
}

.pulse-gold.delay {
    animation-delay: 1.4s;
}

@keyframes pulseGold {
    0% { transform: scale(0.95); opacity: 0; }
    50% { opacity: 0.5; }
    100% { transform: scale(1.35); opacity: 0; }
}

/* موبایل */
@media (max-width: 767px) {
    .luxury-whatsapp-btn {
        bottom: 90px;
        left: 20px;
        padding: 12px 18px 12px 12px;
        gap: 14px;
    }
    .whatsapp-circle { width: 50px; height: 50px; }
    .whatsapp-text { font-size: 13px; }
    .whatsapp-text strong { font-size: 14.5px; }
}

/* دسکتاپ */
@media (min-width: 768px) {
    .luxury-whatsapp-btn {
        bottom: 40px;
        left: 30px;
    }
}
.blog-title-single
{
    font-size:24px;
    color:#FFD591;
    font-weight: 900;
}
.blog-content
{
    background-color: #1E1E1E;
    border-radius: 16px;
}
.blog-img
{
    border-radius: 16px;
}
.blog-description
{
    color:#FFD591;
    font-size:18px;
    direction: rtl;
    text-align: justify;
    line-height: 42px !important;
}
.item-related-blog
{
    color:#FFD591;
    font-weight: 100;
    font-size: 18px;
}
.item-related-blog-inside
{
    color:#C0B9AF;
    font-size:16px;
}
.render-item-related
{
    border-bottom: 1px solid #C0B9AF;
    padding-bottom: 5px;
}
/* استایل بهینه‌شده برای جدول مقایسه در بالای صفحه */
.table-spec-compare {
    background: #131313;
    border: 1px solid #2A2A2A;
    border-radius: 12px;
    overflow: hidden;
    font-size: 15px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
}

.table-spec-compare thead {
    background: rgba(255, 213, 145, 0.08);
}

.table-spec-compare thead th {
    border: none;
    color: #FFD591;
    font-weight: 600;
    padding: 16px 12px;
    font-size: 14.5px;
}

.table-spec-compare tbody td {
    padding: 14px 12px;
    border-bottom: 1px solid #2A2A2A;
    color: #F5F5F5;
}

.table-spec-compare tbody tr:last-child td {
    border-bottom: none;
}

.table-spec-compare tbody tr:hover {
    background: rgba(255, 213, 145, 0.05);
}

.table-spec-compare .spec-term {
    color: #C0B9AF;
    font-weight: 500;
    min-width: 140px;
}

.table-spec-compare .spec-value {
    font-weight: 500;
}

/* موبایل: تبدیل به کارت‌های عمودی شیک */
@media (max-width: 768px) {
    .table-spec-compare thead { display: none; }
    .table-spec-compare tbody tr {
        display: block;
        margin-bottom: 20px;
        background: #1A1A1A;
        border: 1px solid #2A2A2A;
        border-radius: 10px;
        padding: 16px;
    }
    .table-spec-compare td {
        display: flex;
        justify-content: space-between;
        padding: 8px 0;
        border: none;
    }
    .table-spec-compare .spec-term {
        color: #FFD591;
        font-weight: 600;
    }
    .table-spec-compare .spec-term::after { content: ":"; margin-left: 8px; }
}
.stock-card {
    transition: all 0.4s ease;
    cursor: pointer;
}
.stock-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(255, 215, 145, 0.15) !important;
    border-color: #FFD591 !important;
}
.stock-card:hover .stock-glow {
    opacity: 0.15;
}
.stock-glow {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, #FFD591 0%, transparent 70%);
    opacity: 0;
    transition: opacity 0.6s ease;
    pointer-events: none;
}
.btn-outline-gold {
    border: 2px solid #FFD591;
    color: #FFD591;
    font-weight: 600;
    transition: all 0.3s ease;
}
.btn-outline-gold:hover {
    background: #FFD591;
    color: #131313;
}
.btn-gold {
    border: 2px solid #FFD591;
    background: #FFD591;
    color: #2A2A2A;
    font-weight: 600;
    transition: all 0.3s ease;
    border-radius: 8px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom:8px;
    font-size:18px;
}
.btn-gold:hover {
    background: #FFD591;
    color: #131313;
}
.text-gold { color: #FFD591 !important; }
.guarantee-cards {
    margin: 2rem 0;
}

.guarantee-card {
    background: linear-gradient(135deg, rgba(255,213,145,0.08) 0%, rgba(255,213,145,0.03) 100%);
    border: 1px solid rgba(255,213,145,0.15);
    backdrop-filter: blur(8px);
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

.guarantee-card:hover {
    background: rgba(255,213,145,0.12);
    border-color: #FFD591;
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(255,213,145,0.15);
}

.guarantee-title {
    font-size: 15px;
    font-weight: 600;
    color: #FFD591;
    margin-bottom: 4px;
}

@media (min-width: 768px) {
    .col-lg-2-4 {
        flex: 0 0 20%;
        max-width: 20%;
    }
}
.subproduct-card {
    background: linear-gradient(135deg, rgba(255,213,145,0.06) 0%, rgba(30,30,30,0.9) 50%);
    border: 1px solid rgba(255,213,145,0.2);
    backdrop-filter: blur(10px);
    transition: all 0.4s ease;
    box-shadow: 0 8px 32px rgba(0,0,0,0.4);
}

.subproduct-card:hover {
    transform: translateY(-8px);
    border-color: #FFD591;
    box-shadow: 0 20px 50px rgba(255,213,145,0.15);
}

.subproduct-title {
    font-size: 18px;
    font-weight: 700;
}

.spec-item-mobile {
    display: flex;
    flex-direction: column;
    font-size: 14px;
}

.spec-label {
    color: #C0B9AF;
    font-size: 13px;
    margin-bottom: 2px;
}

.spec-value {
    color: #F5F5F5;
    font-weight: 600;
    font-size: 15px;
}

.subproduct-glow {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,213,145,0.1) 0%, transparent 70%);
    opacity: 0.3;
    pointer-events: none;
}
/* آکاردئون مقایسه در موبایل – کاملاً هماهنگ با تم */
@media (max-width: 767px) {
    #subproductAccordion .accordion-button {
        background: transparent !important;
        color: #F5F5F5 !important;
        font-size: 17px;
        border-bottom: 1px solid #2A2A2A;
        border-radius: 0 !important;
    }

    #subproductAccordion .accordion-button:not(.collapsed) {
        color: #FFD591 !important;
        background: rgba(255,213,145,0.08) !important;
        box-shadow: none;
    }

    #subproductAccordion .accordion-button::after {
        display: none;
    }

    #subproductAccordion .accordion-body {
        background: rgba(19,19,19,0.9);
        border-radius: 0 0 12px 12px;
        margin-top: 4px;
    }
}