/* ============================================
   HIFIX BUYLO theme -   Template buylo - WPcodefix
   Version: 1.0.0

   ============================================ */

   * {

       margin: 0;

       padding: 0;

   border: 0 solid;

       box-sizing: border-box;

       -webkit-tap-highlight-color: transparent;

   }

   :root {

       --primary-bg: #ffffff;

       --primary-color: #444b75;

       --primary-bgx: #623AF0;

       --primary-txt: #122763;

       --all-desb: #2563eb;

       --all-des: #e80645;

       --all-desc: #ff2d55;

       --all-full-but: #ee1a45; /*--قرمز--*/
       --all-buttons: #5b51d8; /*--آبی--*/

       --secondary: #ffbb18;

       --secondary-80: #ffbb18;
       --primary-menu-color: #ee1a45;
       --primary-dark-menu: #e02548;
       --text-dark-menu: #1e293b;
       --text-light-menu: #64748b;
       --text-muted: #021959;
       --bg-light: #f8f9fb;
       --bg-lighter: #fafbfc;
       --border-light: #edf2f7;
       --border-lighter: #eef2f6;
       --shadow-sm: 0 4px 10px rgba(0, 0, 0, 0.04);
       --shadow-md: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
       --shadow-lg: 0 25px 50px -12px rgba(0, 0, 0, 0.25);


       --tg-body-YekanBakh: 'yekanbakh', yekanbakh;
       --font-peyda: 'Peyda', yekanbakh;



       --tg-body-line-height: 1.6;

       --tg-heading-line-height: 1.2;

       --tg-fw-regular: 400;

       --tg-theme-primary: #ffffff;



         --card-bg:#ffffff;

   --page-bg:#f5f7fa;

   --text:#1f2937;

   --muted:#6b7280;

   --primary:#2563eb;

   --accent:#f59e0b;

   --border:#e5e7eb;

   --shadow:0 8px 28px rgba(0,0,0,.06);


   --toman-icon: url('<?php echo esc_url(get_template_directory_uri() . "/img/ico/toman.svg"); ?>');

   }




   /* جلوگیری از اسکرول افقی کل سایت */
   html, body {
       overflow-x: hidden !important;
       max-width: 100% !important;
   }

   }

   a {
     max-width: 100%;
     box-sizing: border-box;
     color: inherit;
     text-decoration: none;
     background-color: transparent;
   }


   h1,

   h2,

   h3,

   h4,

   h5,

   h6 {

   font-family: var(--font-YekanBakh-bold);

   color: var(--primary-color);

   margin-top: 0px;

   font-weight: noraml;

   line-height: var(--tg-heading-line-height);

   text-transform: unset;

   }

   a {

   cursor: pointer;

   color: inherit;

   }

   h1 a,

   h2 a,

   h3 a,

   h4 a,

   h5 a,

   h6 a {

   color: inherit;

   }



   h1 {

   font-size: 2.5rem;

   }



   h2 {

   font-size: 2rem;

   }



   h3 {

   font-size: 1.75rem;

   }



   h4 {

   font-size: 1.5rem;

   }



   h5 {

   font-size: 1.25rem;

   }



   h6 {

   font-size: 1rem;

   }



   .list-wrap {

   margin: 0px;

   padding: 0px;

   }

   .list-wrap li {

   list-style: none;

   }



   p {

   font-family: var(--tg-body-YekanBakh);
   line-height: var(--tg-body-line-height);
   font-weight: normal;
   margin-bottom: 15px;

   }

   img, video {

   max-width: 100%;

   height: auto;

   }

   img, svg, video, canvas, audio, iframe, embed, object {

   display: block;

   vertical-align: middle;

   overflow: visible;

   }



   body::-webkit-scrollbar {

       display: none;

   }



.w-full {

  width: 100%;

}

.mx-auto {

  margin-left: auto;

  margin-right: auto;

}
.container {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 450px) {
  .container {
    max-width: 420px;
  }
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1123px;
  }
}

@media (min-width: 1500px) {
  .container {
    max-width: 1500px;
  }
}


.price .currency .toman-1 {

  width: 20px;
    height: auto;

}

body{

margin:0;

font-family: 'yekanbakh', 'IranSans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

background: var(--primary-bg);

    color: var(--primary-color);

    line-height: 1.5;

    margin: 0 auto;

    position: relative;

    overflow-x: hidden;

    padding-bottom: 4rem;

    direction: rtl;

    scrollbar-width: none;

    -ms-overflow-style: none;

}





.py-8 {

padding-top: 2rem;

padding-bottom: 2rem;

}





.py-9 {

margin-top: 2rem;

margin-bottom: 2rem;

}



/* skeleton */
/* ==========================================
   ========================================== */

/* ۱. کلاس اصلی اسکلتون */
.sk {
    position: relative;
    overflow: hidden;
    background: #e2e8f0 !important;
    color: transparent !important;
    border-radius: 6px;
}

/* هر چی داخلشه مخفی کن */
.sk,
.sk * {
    color: transparent !important;
    visibility: visible;
}

.sk img {
    visibility: hidden;
}

/* ۲. افکت Shimmer */
.sk::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent);
    transform: translateX(-100%);
    animation: sk-shimmer 1.5s infinite;
}

@keyframes sk-shimmer {
    100% { transform: translateX(100%); }
}

.sk img {
    opacity: 0;
}

.sk-static::after {
    display: none;
}

.sk-static {
    animation: sk-pulse 1.5s infinite;
}

@keyframes sk-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.6; }
}
/* skeleton */







.lines-lines {

    position: relative;

    display: inline-block;

    background: transparent;

    cursor: pointer;

    border: none;

    transition: color 0.3s ease;

    text-align: center;

}



.lines-lines::after {

content: "";

position: absolute;

bottom: 0;

right: 0;

width: 0%;

height: 2px;

background: #1a1a1a;

border-radius: 2px;

transition: width 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);

}

.lines-lines:hover {

    color: #000000;

    transition: color 0.3s ease;

}

.lines-lines:hover::after {

width: calc(100% - 0px);

}

.lines-lines.no-line::after {
    display: none;
}







/* بخش تایتل باکس ها  */

/*

.header-titles{

display:flex;

justify-content:space-between;

align-items:center;

margin-bottom:20px;

margin-top: 15vh;

}



.header-titles h2{

font-size:18px;

font-weight:600;

}



.header-titles a{

font-size:14px;

color:#666;

text-decoration:none;

}

*/

/* بخش تایتل باکس ها  */
/* ========================================== */
/* نوتیفیکیشن پیشرفته - Buylo Theme */
/* ========================================== */

.custom-notification {
    position: fixed;
    z-index: 999999;
    opacity: 0;
    pointer-events: none;
    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

/* موقعیت‌ها */
.custom-notification.top-left { top: 70px; left: 30px; }
.custom-notification.top-right { top: 30px; right: 30px; }
.custom-notification.top-center { top: 30px; left: 50%; transform: translateX(-50%); }
.custom-notification.bottom-left { bottom: 30px; left: 30px; }
.custom-notification.bottom-right { bottom: 30px; right: 30px; }

/* نمایش */
.custom-notification.show {
    opacity: 1;
    pointer-events: auto;
}

/* محتوا */
.notification-content {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 24px;
    border-radius: 16px;
    background: #fff;
    min-width: 340px;
    max-width: 450px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0,0,0,0.12);
    backdrop-filter: blur(10px);
}

/* آیکون */
.notification-icon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
}

/* متن */
.notification-message {
    font-size: 14px;
    font-weight: 600;
    color: #1e293b;
    line-height: 1.5;
    flex: 1;
}

/* دکمه بستن */
.notification-close {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: rgba(0,0,0,0.05);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #94a3b8;
    transition: all 0.2s;
}
.notification-close:hover { background: rgba(0,0,0,0.12); color: #1e293b; }

/* ===== SUCCESS ===== */
.custom-notification.success .notification-content {
    border: 1px solid #dcfce7;
    background: linear-gradient(135deg, #f0fdf4, #fff);
}
.custom-notification.success .notification-icon {
    background: linear-gradient(135deg, #10b981, #059669);
    color: #fff;
    box-shadow: 0 4px 12px rgba(16,185,129,0.3);
}

/* ===== ERROR ===== */
.custom-notification.error .notification-content {
    border: 1px solid #fee2e2;
    background: linear-gradient(135deg, #fef2f2, #fff);
}
.custom-notification.error .notification-icon {
    background: linear-gradient(135deg, #ef4444, #dc2626);
    color: #fff;
    box-shadow: 0 4px 12px rgba(239,68,68,0.3);
}

/* ===== INFO ===== */
.custom-notification.info .notification-content {
    border: 1px solid #dbeafe;
    background: linear-gradient(135deg, #eff6ff, #fff);
}
.custom-notification.info .notification-icon {
    background: linear-gradient(135deg, #3b82f6, #2563eb);
    color: #fff;
    box-shadow: 0 4px 12px rgba(59,130,246,0.3);
}

/* ======= */
.custom-notification.warning .notification-content {
    border: 1px solid #fef3c7;
    background: linear-gradient(135deg, #fffbeb, #fff);
}
.custom-notification.warning .notification-icon {
    background: linear-gradient(135deg, #f59e0b, #d97706);
    color: #fff;
    box-shadow: 0 4px 12px rgba(245,158,11,0.3);
}

/* ===== PROGRESS BAR ===== */
.notification-content::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    border-radius: 0 0 16px 16px;
    animation: progressShrink var(--duration, 3s) linear forwards;
}

.custom-notification.success .notification-content::after { background: #10b981; }
.custom-notification.error .notification-content::after { background: #ef4444; }
.custom-notification.info .notification-content::after { background: #3b82f6; }
.custom-notification.warning .notification-content::after { background: #f59e0b; }

@keyframes progressShrink {
    0% { width: 100%; }
    100% { width: 0%; }
}

/* ===== ANIMATIONS ===== */
.custom-notification.top-left,
.custom-notification.bottom-left {
    animation: slideInLeft 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.custom-notification.top-right,
.custom-notification.bottom-right {
    animation: slideInRight 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.custom-notification.top-center {
    animation: slideInDown 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes slideInLeft {
    from { opacity: 0; transform: translateX(-40px); }
    to { opacity: 1; transform: translateX(0); }
}
@keyframes slideInRight {
    from { opacity: 0; transform: translateX(40px); }
    to { opacity: 1; transform: translateX(0); }
}
@keyframes slideInDown {
    from { opacity: 0; transform: translateX(-50%) translateY(-20px); }
    to { opacity: 1; transform: translateX(-50%) translateY(0); }
}

/* خروج */
.custom-notification.hide {
    animation: fadeOut 0.3s ease forwards !important;
}
@keyframes fadeOut {
    to { opacity: 0; transform: scale(0.95); }
}

/* ===== RESPONSIVE ===== */
@media (max-width: 480px) {
    .custom-notification {
        left: 12px !important;
        right: 12px !important;
    }
    .notification-content {
        min-width: auto;
        max-width: none;
        width: 100%;
        padding: 14px 16px;
    }
    .notification-icon {
        width: 36px;
        height: 36px;
        border-radius: 10px;
        font-size: 16px;
    }
    .notification-message { font-size: 13px; }
}
/* ===== انیمیشن لودینگ با نقطه‌های جهنده ===== */
.ajax-loading-dots{display:flex;align-items:center;justify-content:center;gap:4px;height:100%;}
.ajax-loading-dots span{width:5px;height:5px;background-color:currentColor;border-radius:50%;display:inline-block;animation:dotBounce 1.4s ease-in-out infinite both;}
.ajax-loading-dots span:nth-child(1){animation-delay:-0.32s;}
.ajax-loading-dots span:nth-child(2){animation-delay:-0.16s;}
.ajax-loading-dots span:nth-child(3){animation-delay:0s;}
@keyframes dotBounce{0%,80%,100%{transform:translateY(0);opacity:0.4;}40%{transform:translateY(-6px);opacity:1;}}
.cart-bump{animation:cartBump 0.5s ease-in-out;}
@keyframes cartBump{0%,100%{transform:scale(1);}50%{transform:scale(1.15);}}
/* ===== انیمیشن لودینگ با نقطه‌های جهنده ===== */




/* part-1-1 مگامنو */
/* ========================================== */
/* HEADER        */
/* ========================================== */

.header-hfx-wrap-wrap {
    background: #ffffff;
    z-index: 10000;
    box-shadow: 0px 6px 7px 0px rgba(135, 145, 172, 0.07);
    overflow: visible !important;
    margin-bottom: 2%;
}


.header-hfx-wrap {
  max-width: 1400px;
      margin: 0 auto;
      padding: 20px 30px 15px;
      position: relative;
      overflow: visible !important; /* اینو حتماً visible کن */
      direction: rtl;
}

/* ===== ردیف اول هدر (لوگو، منو، اکشن‌ها) ===== */
.header-hfx {
  display: flex;
   justify-content: flex-start;
   align-items: center;
   position: relative;
   min-height: 70px;
   direction: rtl;
   z-index: 1001; /* اینو اضافه کن */
}

/* دکمه همبرگری (موبایل) */
.hamburger-hfx {
    display: none;
    width: 44px;
    height: 44px;
    background: var(--bg-light);
    border-radius: 12px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--text-dark-menu);
    font-size: 22px;
    flex-shrink: 0;
    margin-left: 12px;
    transition: all 0.2s;
}

.hamburger-hfx:hover {
    background: var(--primary-menu-color);
    color: #fff;
}

/* ===== منوی اصلی ===== */
/* استایل بنر در منو */
.menu-banner-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-link {
    display: block;
    padding: 5px !important;
}

.banner-img {
    width: 180px;
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    transition: transform 0.3s ease;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.banner-img:hover {
    transform: scale(1.05);
}

/* اگه میخوای بنر زیر منو باشه نه کنارش */
.menu-banner-item {
    position: relative;
}

/* ریسپانسیو برای موبایل */
@media (max-width: 768px) {
    .banner-img {
        width: 120px;
    }
}

.menu-nv-hfx {
    display: flex;
    gap: 8px;
    margin-right: 3%;
    margin-left: auto;
    flex-wrap: wrap;
    direction: rtl;
}

.menu-nv-hfx .lines-lines {
    position: relative;
}

.menu-nv-hfx .lines-lines a {
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 10px 16px;
	font-size: 12px;
	font-weight: 500;
	color: var(--text-muted);
	text-decoration: none !important;
	border-radius: 10px;
	transition: all 0.2s ease;
	white-space: nowrap;
}

.menu-nv-hfx .lines-lines a:hover {
	color: #333e6a !important;
}

/* فلش */
.submenu-arrow {
    width: 14px;
    height: 14px;
    transition: transform 0.2s;
}

.lines-lines:hover .submenu-arrow {
    transform: rotate(180deg);
}

/* زیرمنو */
.lines-lines-submenu {
    position: absolute;
    top: calc(100% + 5px);
    right: 0;
    min-width: 200px;
    max-width: 400px; /* حداکثر عرض */
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 8px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.12);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: all 0.25s ease;
    z-index: 1000;

    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4px;
}

/* اگه بیشتر از ۶ آیتم داشت، ۲ ستونه */
.lines-lines-submenu:has(.submenu-link:nth-child(6)) {
    grid-template-columns: repeat(2, 1fr);
    min-width: 400px;
}

/* اگه بیشتر از ۱۰ آیتم داشت، ۳ ستونه */
.lines-lines-submenu:has(.submenu-link:nth-child(10)) {
    grid-template-columns: repeat(3, 1fr);
    min-width: 500px;
}


.lines-lines:hover .lines-lines-submenu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.submenu-link {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #475569 !important;
    border-radius: 8px !important;
    transition: all 0.15s !important;
    white-space: nowrap !important;
}

.submenu-link:hover {
    color: var(--primary-menu-color);
}

/* nested submenu */
.lines-lines-submenu--nested {
    position: absolute;
    right: 100%;
    top: 0;
    margin-right: 5px;
}

/* mobile */
@media (max-width: 768px) {
    .lines-lines-submenu {
        position: static;
        display: none;
        box-shadow: none;
        border: none;
    }

    .lines-lines:hover .lines-lines-submenu,
    .lines-lines.active .lines-lines-submenu {
        display: block;
    }
}


/* ===== بخش اکشن‌ها (مگامنو + سبد خرید) ===== */
.actions-hfx {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: 0;
    margin-right: 20px;
    direction: rtl;
    z-index: 1001; /* اینو اضافه کن */
    position: relative;
}
/* ===== دکمه مگامنو ===== */
.btn-nv-hfx {
  background: var(--all-full-but);
    color: #fff;
    padding: 12px 22px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    transition: all 0.3s ease;
    box-shadow: 0 6px 14px rgba(255, 45, 85, 0.25);
    position: relative;
    white-space: nowrap;
    direction: rtl;
    z-index: 10000; /* اینو اضافه کن */
}

.btn-nv-hfx:hover {

}

.btn-nv-hfx svg:first-child {
    width: 18px;
    height: 18px;
}

/* ===== مگامنو ===== */
.mega-menu-digi {
  position: absolute;
  top: calc(100% + 1px);
  right: 0;
  width: 1100px;
  max-width: 90vw;
  background: #fff;
  border-radius: 20px;
  box-shadow: var(--shadow-lg);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  z-index: 9999 !important; /* اینو بیشتر کن */
  pointer-events: none;
  direction: rtl;
}

.btn-nv-hfx:hover .mega-menu-digi,
.mega-menu-digi:hover {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

.mega-layout {
    display: flex;
    min-height: 480px;
    max-height: 540px;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    direction: rtl;
}

/* ستون راست - تب‌ها */
.mega-categories-tabs {
    width: 280px;
    background: var(--bg-lighter);
    border-left: 1px solid var(--border-light);
    padding: 12px 0;
    overflow-y: auto;
    flex-shrink: 0;
}

.category-tab {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 18px;
    margin: 2px 8px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-light-menu);
    border-radius: 10px;
    transition: all 0.25s ease;
    position: relative;
    direction: rtl;
}

.category-tab .cat-icon {
    width: 22px;
    height: 22px;
    object-fit: contain;
    flex-shrink: 0;
}

.category-tab span {
    flex: 1;
    text-align: right;
}

.category-tab .arrow-icon {
    width: 14px;
    height: 14px;
    opacity: 0;
    transform: rotate(180deg) translateX(5px);
    transition: all 0.25s ease;
    flex-shrink: 0;
}

.category-tab:hover {
    background: #fff;
    color: var(--primary-menu-color);
}

.category-tab:hover .arrow-icon {
    opacity: 0.6;
    transform: rotate(180deg) translateX(0);
}

/*
.category-tab.active {
    background: #fff;
    color: var(--primary-menu-color);
    font-weight: 700;
    box-shadow: 0 4px 10px rgba(255, 45, 85, 0.08);
}

.category-tab.active .arrow-icon {
    opacity: 1;
    transform: rotate(180deg) translateX(0);
    color: var(--primary-menu-color);
}

.category-tab.active::before {
    content: "";
    position: absolute;
    right: -2px;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 20px;
    background: var(--primary-menu-color);
    border-radius: 3px 0 0 3px;
}
*/
/* ستون چپ - محتوا */
.mega-subcategories-panel {
    flex: 1;
    padding: 24px 28px;
    overflow-y: auto;
    background: #fff;
    min-width: 0;
    direction: rtl;
}

.subcategory-content {
    display: none;
}

.subcategory-content.active {
    display: block;
    animation: fadeSlide 0.3s ease;
}

@keyframes fadeSlide {
    from { opacity: 0; transform: translateX(-8px); }
    to { opacity: 1; transform: translateX(0); }
}

.subcategory-header {
    margin-bottom: 22px;
    padding-bottom: 12px;
    border-bottom: 2px solid #f0f0f0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.subcategory-title {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-size: 18px;
    font-weight: 400;
    color: var(--text-dark-menu);
    text-decoration: none;
    transition: color 0.2s;
}

.subcategory-title:hover {

}

.view-all-badge {
    font-size: 11px;
    font-weight: 100;
    color: var(--primary-menu-color);
    background: #fff2f4;
    padding: 4px 10px;
    border-radius: 30px;
}

.subcategory-grid-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 16px;
    margin-bottom: 24px;
}

.submenu-column {
    min-width: 0;
}

.column-title {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-dark-menu);
    text-decoration: none;
    margin-bottom: 12px;
    padding-bottom: 6px;
    border-bottom: 1px dashed #e2e8f0;
    transition: color 0.2s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
}

.column-title:hover {
    color: var(--primary-menu-color);
}

.column-links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.column-links li {
    margin: 0;
    text-align: right;
}

.column-links a {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: var(--text-light-menu);
    text-decoration: none;
    padding: 4px 0;
    transition: all 0.2s;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
}

.column-links a::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #cbd5e1;
    border-radius: 50%;
    margin-left: 8px;
    vertical-align: middle;
    transition: all 0.2s;
}

.column-links a:hover {
    color: var(--primary-menu-color);
    padding-right: 6px;
}

.column-links a:hover::before {
    background: var(--primary-menu-color);
    width: 6px;
    height: 6px;
}

/* بنر */
.sub-banner {
    display: flex;
    align-items: center;
    gap: 16px;
    background: linear-gradient(135deg, #fff8f9 0%, #fff 100%);
    border-radius: 16px;
    padding: 14px 18px;
    border: 1px solid #fee2e6;
    margin-top: 8px;
    direction: rtl;
}

.banner-icon {
    width: 48px;
    height: 48px;
    background: #fff;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 8px rgba(255, 45, 85, 0.1);
    flex-shrink: 0;
}

.banner-content {
    flex: 1;
    text-align: right;
}

.banner-title {
    font-size: 13px;
    font-weight: 700;
    color: var(--text-dark-menu);
    margin-bottom: 4px;
}

.banner-desc {
    font-size: 11px;
    color: var(--text-light-menu);
}

.banner-link {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--primary-menu-color);
    color: #fff;
    padding: 8px 16px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s;
    flex-shrink: 0;
}

.banner-link:hover {
    background: var(--primary-dark-menu);
    gap: 10px;
}

.banner-link svg {
    transform: rotate(180deg);
}

.mega-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 40px;
    text-align: center;
}

.mega-empty p {
    font-size: 16px;
    font-weight: 700;
    color: var(--text-light-menu);
    margin-bottom: 6px;
}

.no-submenu {
    color: #94a3b8;
    font-size: 13px;
    padding: 20px 0;
    text-align: center;
}

/* ===== سبد خرید ===== */
.cart-nv-hfx-wrapper {
    position: relative;
}

.cart-nv-hfx {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    background: #fff;
    border-radius: 14px;
    border: 1px solid #e5e7ec;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    white-space: nowrap;
    direction: rtl;
    box-shadow: 0 0 #0000, 0 0 #0000, 0px 3px 0px #e8ebf1 !important;
}

.cart-nv-hfx:hover {
  background: var(--bg-light);
  /*
  border-color: var(--primary-menu-color);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
   */
}

.badge-nv-hfx {
    background: var(--all-full-but);
    color: #fff;
    min-width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 700;
    padding: 0 4px;
    transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.cart-nv-hfx:hover .badge-nv-hfx {
    transform: scale(1.1);
}



/* ===== منوی مگا با انیمیشن ورود و خروج ===== */
.cart-mega-menu {
    position: absolute;
    top: calc(100% + 15px);
    right: 0;
    width: 380px;
    max-width: 90vw;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.12),
                0 8px 20px -5px rgba(0, 0, 0, 0.05);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-15px) scale(0.96);
    transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1),
                visibility 0.25s cubic-bezier(0.4, 0, 0.2, 1),
                transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    z-index: 999;
    pointer-events: none;
    direction: rtl;
    transform-origin: top right;
}

/* 🎯 انیمیشن ورود - موس میره روی سبد */
.cart-nv-hfx-wrapper:hover .cart-mega-menu {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) scale(1) !important;
    pointer-events: auto !important;
    transition: opacity 0.3s cubic-bezier(0.34, 1.56, 0.64, 1),
                visibility 0.3s cubic-bezier(0.34, 1.56, 0.64, 1),
                transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 🎯 انیمیشن خروج - موس از روی منو خارج میشه */
.cart-mega-menu:not(:hover) {
    transition: opacity 0.2s ease-in,
                visibility 0.2s ease-in,
                transform 0.2s ease-in !important;
}

/* 🎯 نگه داشتن منو وقتی موس روشه */
.cart-mega-menu:hover {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) scale(1) !important;
    pointer-events: auto !important;
}

/* 🎯 تاخیر در بسته شدن - جلوگیری از بسته شدن تصادفی */
.cart-mega-menu {
    transition-delay: 0.1s;
}

.cart-nv-hfx-wrapper:hover .cart-mega-menu {
    transition-delay: 0s;
}

.cart-mega-menu:hover {
    transition-delay: 0s;
}

/* ===== محافظت از بسته شدن هنگام حرکت موس ===== */
.cart-mega-menu::before {
    content: '';
    position: absolute;
    top: -15px;
    left: 0;
    width: 100%;
    height: 15px;
    background: transparent;
}

/* ===== آیتم‌های منو ===== */
.cart-items-list {
    max-height: 380px;
    overflow-y: auto;
    padding: 12px;
}

.cart-item {
    display: flex;
    gap: 12px;
    padding: 14px;
    border-radius: 14px;
    border: 1px solid #f3f5f8;
    margin-bottom: 10px;
    background: #fff;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    direction: rtl;
    opacity: 0;
    transform: translateX(-10px);
    animation: slideInItem 0.4s ease forwards;
}

.cart-item:nth-child(1) { animation-delay: 0.05s; }
.cart-item:nth-child(2) { animation-delay: 0.1s; }
.cart-item:nth-child(3) { animation-delay: 0.15s; }
.cart-item:nth-child(4) { animation-delay: 0.2s; }
.cart-item:nth-child(5) { animation-delay: 0.25s; }

@keyframes slideInItem {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.cart-item:hover {
    border-color: #e0e4ec;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    transform: translateX(-4px);
    background: #fafbfc;
}

.cart-item-image {
    width: 55px;
    height: 55px;
    flex-shrink: 0;
    border-radius: 10px;
    overflow: hidden;
    transition: transform 0.3s ease;
}

.cart-item:hover .cart-item-image {
    transform: scale(1.05);
}

.cart-item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.cart-item-details {
    flex: 1;
    min-width: 0;
    text-align: right;
}

.cart-item-title {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-dark-menu);
    text-decoration: none;
    display: block;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color 0.2s ease;
}

.cart-item-title:hover {
    color: var(--primary-menu-color);
}

.cart-item-price {
    font-size: 13px;
    color: var(--primary-menu-color);
    font-weight: 700;
    margin-bottom: 3px;
}

.cart-item-quantity {
    font-size: 11px;
    color: #888;
}

.cart-item-remove {
    cursor: pointer;
    opacity: 0.4;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    align-items: center;
    padding: 4px;
}

.cart-item-remove:hover {
    opacity: 1;
    color: var(--primary-menu-color);
    transform: rotate(90deg);
}

/* ===== فوتر ===== */
.cart-footer {
    padding: 16px;
    border-top: 1px solid var(--border-lighter);
    background: var(--bg-lighter);
    border-radius: 0 0 20px 20px;
    opacity: 0;
    transform: translateY(10px);
    animation: slideInFooter 0.5s ease forwards;
    animation-delay: 0.3s;
}

@keyframes slideInFooter {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.cart-total {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    font-size: 15px;
    font-weight: 700;
    color: var(--text-dark-menu);
    direction: rtl;
}

.cart-total-amount {
    transition: transform 0.3s ease;
}

.cart-footer:hover .cart-total-amount {
    transform: scale(1.05);
    color: var(--primary-menu-color);
}

.cart-buttons {
    display: flex;
    gap: 10px;
    direction: rtl;
}

.cart-view-btn,
.cart-checkout-btn {
    flex: 1;
    text-align: center;
    padding: 12px;
    border-radius: 12px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.cart-view-btn::before,
.cart-checkout-btn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%);
    transition: width 0.5s, height 0.5s;
}

.cart-view-btn:active::before,
.cart-checkout-btn:active::before {
    width: 200px;
    height: 200px;
}

.cart-view-btn {
    background: #f1f3f7;
    color: #333;
}

.cart-view-btn:hover {
    background: #e5e7ec;
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);
}

.cart-checkout-btn {
    background: var(--primary-menu-color);
    color: #fff;
}

.cart-checkout-btn:hover {
    background: var(--primary-dark-menu);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

/* ===== حالت خالی ===== */
.cart-empty {
    text-align: center;
    padding: 40px 20px;
    opacity: 0;
    transform: scale(0.9);
    animation: fadeInEmpty 0.4s ease forwards;
}

@keyframes fadeInEmpty {
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.cart-empty svg {
    margin-bottom: 16px;
    opacity: 0.4;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.cart-empty:hover svg {
    opacity: 0.7;
    transform: rotate(5deg) scale(1.05);
}

.cart-empty p {
    color: #888;
    margin-bottom: 20px;
}

.cart-shop-btn {
    display: inline-block;
    background: var(--primary-menu-color);
    color: #fff;
    padding: 10px 24px;
    border-radius: 12px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.cart-shop-btn:hover {
    background: var(--primary-dark-menu);
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

/* ===== انیمیشن Bounce ===== */
@keyframes cartBump {
    0%, 100% { transform: scale(1); }
    30% { transform: scale(1.2); }
    50% { transform: scale(0.95); }
    70% { transform: scale(1.05); }
}

.cart-bump {
    animation: cartBump 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* ===== اسکرول‌بار ===== */
.cart-items-list::-webkit-scrollbar {
    width: 5px;
}

.cart-items-list::-webkit-scrollbar-track {
    background: #f1f3f7;
    border-radius: 10px;
}

.cart-items-list::-webkit-scrollbar-thumb {
    background: var(--primary-menu-color);
    border-radius: 10px;
    opacity: 0.5;
}
/* ===== سبد خرید ===== */

/* ===== لوگو ===== */
.logo-hfx-header-hfx-bg {
    position: absolute;
    top: -25px;
    left: 0;
    width: 340px;
    height: 125px;
    background: url("https://shopi.codisa.ir/wp-content/themes/shopi/assets/img/wave-header.svg") no-repeat;
    background-size: contain;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    pointer-events: none;
}

.logo-hfx-area-hfx {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	pointer-events: auto;
	left: 0;
	position: absolute;
}
.logo-hfx img {
    max-width: 110px;
    height: auto;
    transform: translateY(8px);
}



/* ===== ردیف جستجو ===== */
.search-row-hfx {
    display: flex;
    justify-content: center;
    margin-top: 25px;
    padding: 0 20px;
}

.search-wrapper-hfx {
    width: 100%;
    max-width: 900px;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* ===== دکمه‌های کناری (بلاگ و حساب) ===== */
.search-side-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #fff;
    padding: 10px 14px;
    border-radius: 14px;
    border: 1.5px solid #e2e8f0;
    text-decoration: none;
    transition: all 0.2s;
    flex-shrink: 0;
    white-space: nowrap;
}
.search-side-btn:hover {
    border-color: #ee1a45;
    box-shadow: 0 4px 15px rgba(238,26,69,0.08);
    transform: translateY(-1px);
}

.search-side-icon {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.search-blog-btn .search-side-icon {
    background: #ee1a45;
    color: #fff;
}
.search-account-btn .search-side-icon {
    background: #f1f5f9;
    color: #021959;
}
.search-side-icon svg { width: 18px; height: 18px; }

.search-side-text { display: flex; flex-direction: column; line-height: 1.3; }
.search-side-title { font-size: 13px; font-weight: 700; color: #1e293b; }
.search-side-sub { font-size: 10px; color: #94a3b8; }

/* ===== متن‌های سمت چپ ===== */
.search-left-texts {
    display: flex;
    flex-direction: column;
    gap: 1px;
    flex-shrink: 0;
    white-space: nowrap;
}
.search-left-line1 {
    font-size: 13px;
    font-weight: 700;
    color: #1e293b;
}
.search-left-line2 {
    font-size: 11px;
    color: #64748b;
}

/* ===== جستجو ===== */
.search-container {
    flex: 1;
    position: relative;
    z-index: 999;
    min-width: 0;
}

.search-boxr-hfx {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #f1f5f9;
    border-radius: 14px;
    padding: 12px 16px;
    border: 2px solid transparent;
    transition: all 0.25s;
}
.search-boxr-hfx:focus-within {
    background: #fff;
    border-color: #ee1a45;
    box-shadow: 0 0 0 4px rgba(238,26,69,0.05);
}

.search-icon-svg { width: 20px; height: 20px; color: #94a3b8; flex-shrink: 0; }

.search-boxr-hfx input {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 14px;
    font-family: inherit;
    text-align: right;
    color: #1e293b;
    min-width: 0;
}
.search-boxr-hfx input::placeholder { color: #94a3b8; }

.loading-spinner {
    width: 20px; height: 20px;
    border: 2px solid #e2e8f0;
    border-top-color: #ee1a45;
    border-radius: 50%;
    animation: spin 0.7s linear infinite;
    display: none;
    flex-shrink: 0;
}
.search-boxr-hfx.loading .loading-spinner { display: block; }
.search-boxr-hfx.loading .search-icon-svg { display: none; }
@keyframes spin { to { transform: rotate(360deg); } }

/* ===== دراپ‌داون ===== */
.search-dropdown {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.1);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transition: all 0.2s ease;
    z-index: 99999;
    max-height: 420px;
    overflow: hidden;
    border: 1px solid #e2e8f0;
}
.search-container:hover .search-dropdown,
.search-dropdown:hover {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.search-tags-row {
    display: flex;
    gap: 8px;
    padding: 12px 16px;
    flex-wrap: wrap;
    border-bottom: 1px solid #f1f5f9;
    background: #fafbfc;
}
.search-tag-item {
    padding: 5px 12px;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    font-size: 12px;
    color: #475569;
    text-decoration: none;
    transition: all 0.2s;
}
.search-tag-item:hover {
    background: #ee1a45;
    color: #fff;
    border-color: #ee1a45;
}




/* ===== نتایج جستجو ===== */
#search-results {
    max-height: 350px;
    overflow-y: auto;
    padding: 6px;
}

.search-result-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 14px;
    cursor: pointer;
    text-decoration: none;
    color: inherit;
    border-radius: 12px;
    transition: all 0.2s ease;
    margin: 2px 6px;
}

.search-result-item:hover {
    background: #f8fafc;
    transform: translateX(-4px);
}

.result-image {
    width: 52px;
    height: 52px;
    border-radius: 10px;
    object-fit: cover;
    flex-shrink: 0;
    border: 1px solid #f1f5f9;
    background: #f8fafc;
}

.result-info {
    flex: 1;
    min-width: 0;
    text-align: right;
}

.result-title {
    font-size: 13px;
    font-weight: 600;
    color: #1e293b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 3px;
    line-height: 1.4;
}

.search-result-item:hover .result-title {
    color: #ee1a45;
}

.result-price {
    font-size: 13px;
    font-weight: 700;
    color: #ee1a45;
}

.result-price del {
    font-size: 11px;
    color: #94a3b8;
    margin-left: 5px;
}

.result-sku {
    font-size: 10px;
    color: #94a3b8;
    margin-top: 2px;
}

/* ===== بدون نتیجه ===== */
.no-results {
    text-align: center;
    padding: 50px 20px;
    color: #94a3b8;
}

.no-results-icon {
    width: 56px;
    height: 56px;
    margin: 0 auto 14px;
    background: #f8fafc;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
}

.no-results p {
    font-size: 14px;
    margin: 0 0 4px;
    font-weight: 600;
    color: #64748b;
}

.no-results span {
    font-size: 12px;
    color: #94a3b8;
}

/* ===== محصولات پرطرفدار ===== */
.trending-section {
    padding: 14px 16px;
    background: #fafbfc;
    border-top: 1px solid #f1f5f9;
}

.trending-title {
    font-size: 12px;
    font-weight: 700;
    color: #64748b;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.trending-title::before {
    content: '';
    width: 6px;
    height: 6px;
    background: #f59e0b;
    border-radius: 50%;
    animation: trendingPulse 1.5s infinite;
}

@keyframes trendingPulse {
    0%,100%{opacity:1} 50%{opacity:.3}
}

.trending-products {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding-bottom: 4px;
}

.trending-products::-webkit-scrollbar { height: 3px; }
.trending-products::-webkit-scrollbar-track { background: transparent; }
.trending-products::-webkit-scrollbar-thumb { background: #e2e8f0; border-radius: 10px; }

.trending-item {
    flex-shrink: 0;
    width: 80px;
    text-align: center;
    text-decoration: none;
    color: inherit;
    padding: 8px;
    border-radius: 12px;
    transition: all 0.2s ease;
}

.trending-item:hover {
    background: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
    transform: translateY(-2px);
}

.trending-item img {
    width: 64px;
    height: 64px;
    border-radius: 10px;
    object-fit: cover;
    margin-bottom: 6px;
    border: 1px solid #e2e8f0;
    background: #fff;
}

.trending-item .trending-name {
    font-size: 11px;
    color: #475569;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 250px;
    font-weight: 500;
}

.trending-item .trending-price {
    font-size: 12px;
    font-weight: 700;
    color: #ee1a45;
    margin-top: 3px;
}

/* ===== مشاهده همه ===== */
.view-all-results {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 12px;
    background: #f8fafc;
    color: #ee1a45;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    border-top: 1px solid #f1f5f9;
    transition: all 0.2s ease;
}

.view-all-results:hover {
    background: #ee1a45;
    color: #fff;
}

.view-all-results::after {
    content: '←';
    font-size: 16px;
    transition: transform 0.2s;
}

.view-all-results:hover::after {
    transform: translateX(-4px);
}

/* ===== اسکرول بار ===== */
#search-results::-webkit-scrollbar { width: 4px; }
#search-results::-webkit-scrollbar-track { background: transparent; }
#search-results::-webkit-scrollbar-thumb { background: #e2e8f0; border-radius: 10px; }
#search-results::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* ===== ریسپانسیو ===== */
@media (max-width: 480px) {
    .search-result-item { padding: 10px 12px; }
    .result-image { width: 42px; height: 42px; }
    .trending-item { width: 70px; }
    .trending-item img { width: 54px; height: 54px; }
}
/* ===== RESPONSIVE ===== */
@media (max-width: 900px) {
    .search-wrapper-hfx {
        flex-wrap: nowrap;
        justify-content: center;
        gap: 8px;
    }
    .search-container {
        order: 3;
        width: 100%;
        flex: auto;
    }
    .search-left-texts {
        order: 2;
    }

    /* تغییر رفتار دراپ‌داون به کلیک */
    .search-container:hover .search-dropdown,
    .search-dropdown:hover {
        /* غیرفعال کردن hover */
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
}

@media (max-width: 500px) {
    .search-side-text { display: none; }
    .search-side-btn { padding: 10px; }
    .search-left-texts { display: none; }

    .search-dropdown {
        max-height: 350px;
    }
}

/* ===== ریسپانسیو موبایل ===== */

@media (max-width: 768px) {

  .search-container {
        position: static !important;
    }

    .search-dropdown {
        position: absolute !important;
        top: 190px !important;
        left: 10px !important;
        right: 10px !important;
        bottom: auto !important;
        width: auto !important;
        max-height: 70vh !important;
        border-radius: 20px !important;
        background: white !important;
        box-shadow: 0 10px 30px rgba(0,0,0,0.2) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transform: scale(0.95) !important;
        transition: all 0.2s ease !important;
    }

    .search-dropdown.active {
        opacity: 1 !important;
        visibility: visible !important;
        transform: scale(1) !important;
    }

}


/* ===== کلیک روی اینپوت - دراپ‌داون بمونه ===== */
.search-boxr-hfx input:focus ~ .search-dropdown,
.search-boxr-hfx input:focus + .loading-spinner ~ .search-dropdown,
.search-dropdown.active {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
}

/* ===== منوی موبایل ===== */
.mobile-menu-hfx {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    pointer-events: none;
}

.mobile-menu-hfx.active {
    pointer-events: auto;
}

.mobile-menu-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    opacity: 0;
    transition: 0.3s;
}

.mobile-menu-hfx.active .mobile-menu-overlay {
    opacity: 1;
}

.mobile-menu-panel {
    position: absolute;
    right: -100%;
    top: 0;
    width: 300px;
    max-width: 85vw;
    height: 100%;
    background: #fff;
    padding: 20px;
    transition: 0.3s;
    overflow-y: auto;
    direction: rtl;
}

.mobile-menu-hfx.active .mobile-menu-panel {
    right: 0;
}

.mobile-menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #eee;
    font-weight: 700;
    color: var(--text-dark-menu);
}

.mobile-close {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-light);
    border-radius: 8px;
    cursor: pointer;
}

.mobile-menu-links {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.mobile-menu-links a {
    padding: 14px 16px;
    font-size: 15px;
    font-weight: 600;
    color: var(--text-dark-menu);
    text-decoration: none;
    border-radius: 10px;
    transition: all 0.2s;
    text-align: right;
}

.mobile-menu-links a:hover {
    background: var(--bg-light);
    color: var(--primary-menu-color);
}

/* ===== اسکرول بار ===== */
.mega-categories-tabs::-webkit-scrollbar,
.mega-subcategories-panel::-webkit-scrollbar,
.cart-items-list::-webkit-scrollbar,
.search-dropdown::-webkit-scrollbar,
.trending-products::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.mega-categories-tabs::-webkit-scrollbar-track,
.cart-items-list::-webkit-scrollbar-track,
.trending-products::-webkit-scrollbar-track {
    background: #f1f5f9;
}

.mega-categories-tabs::-webkit-scrollbar-thumb,
.cart-items-list::-webkit-scrollbar-thumb,
.trending-products::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 10px;
}

.mega-categories-tabs::-webkit-scrollbar-thumb:hover,
.cart-items-list::-webkit-scrollbar-thumb:hover {
    background: var(--primary-menu-color);
}

/* ===== ریسپانسیو ===== */
@media (max-width: 1199.98px) {
    .mega-menu-digi {
        width: 950px;
    }

    .mega-categories-tabs {
        width: 250px;
    }

    .subcategory-grid-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }

    .blog-box {
        right: -110px;
    }

    .action-btn-hfx {
        left: -130px;
    }

    .search-wrapper-hfx {
        width: 550px;
    }
}

@media (max-width: 991.98px) {
    .header-hfx-wrap {
        padding: 15px 20px 10px;
    }

    .menu-nv-hfx {
        display: none;
    }

    .btn-nv-hfx {
        display: none;
    }

    .hamburger-hfx {
        display: flex;
    }

    .actions-hfx {
        margin-right: auto;
    }

    .logo-hfx-header-hfx-bg {
        width: 280px;
        height: 105px;
        top: -20px;
    }

    .logo-hfx img {
        max-width: 90px;
    }

    .blog-box,
    .action-btn-hfx {
        display: none;
    }

    .search-wrapper-hfx {
        width: 100%;
    }

    .mega-menu-digi {
        position: fixed;
        top: auto;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        max-width: 100%;
        border-radius: 20px 20px 0 0;
        max-height: 75vh;
        transform: translateY(100%);
    }

    .btn-nv-hfx:hover .mega-menu-digi {
        transform: translateY(0);
    }

    .mega-layout {
        flex-direction: column;
        max-height: 75vh;
    }

    .mega-categories-tabs {
        width: 100%;
        border-left: none;
        border-bottom: 1px solid var(--border-light);
        max-height: 180px;
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        padding: 8px;
    }

    .category-tab {
        flex-shrink: 0;
    }

    .category-tab.active::before {
        display: none;
    }

    .category-tab .arrow-icon {
        display: none;
    }

    .mega-subcategories-panel {
        max-height: 400px;
        padding: 16px;
    }

    .subcategory-grid-wrapper {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .header-hfx-wrap {
        padding: 12px 15px 8px;
    }

    .logo-hfx-header-hfx-bg {
        position: relative;
        top: auto;
        left: auto;
        width: auto;
        height: auto;
        background: none;
    }

    .logo-hfx img {
        max-width: 70px;
        transform: none;
        position: relative;
    }

    .cart-nv-hfx span {
        display: none;
    }

    .cart-nv-hfx {
        padding: 10px 12px;
        display: none;
    }

    .search-boxr-hfx {
        padding: 12px 16px;
    }

    .sub-banner {
        flex-wrap: wrap;
    }

    .banner-link {
        width: 100%;
        justify-content: center;
    }

    .cart-mega-menu {
        position: fixed;
        top: 80px;
        left: 50%;
        right: -34%;
        transform: translateX(-50%);
        width: calc(100vw - 30px);
        max-width: 380px;
        max-height: 70vh;
        border-radius: 20px;
        box-shadow: 0 20px 60px rgba(0,0,0,0.2);
        transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
    }

    .cart-nv-hfx-wrapper:hover .cart-mega-menu,
    .cart-mega-menu:hover,
    .cart-mega-menu.active {
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateX(-50%) scale(1) !important;
        pointer-events: auto !important;
    }

    .cart-mega-menu {
        transition-delay: 0.5s !important;
    }

    .cart-nv-hfx-wrapper:hover .cart-mega-menu,
    .cart-mega-menu:hover {
        transition-delay: 0s !important;
    }
}
@media (max-width: 480px) {
  .cart-mega-menu {
         width: calc(100vw - 20px);
         max-width: 340px;
         max-height: 70vh;
     }

    .subcategory-title {
        font-size: 16px;
    }

    .column-title {
        font-size: 13px;
    }

    .search-result-item {
        padding: 12px;
    }

    .result-image {
        width: 45px;
        height: 45px;
    }

    .result-title {
        font-size: 13px;
    }

    .result-price {
        font-size: 12px;
    }
}
@media (max-width: 768px) {
.cart-nv-hfx {
display: none;
margin-right: 20px;

}

.col-xl-8 {

flex: 100%;

max-width: 100.3%;

padding: 14px 0;

}
}
/* part-1-1 مگامنو */




/* ===== بنر اسلایدر استایل ===== */
/* part-1 */


.slider-container {
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 12px;
    z-index: 1;
    /*    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
 */
}
.swiper {
    width: 100%;
    height: auto;
    border-radius: 24px;
    z-index: 1;

}

.swiper-slide {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    z-index: 1;

}

.swiper-slide img {
    width: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}




/* تنظیم ارتفاع تصویر در موبایل (ریسپانسیو) */
@media (max-width: 768px) {
    .swiper-slide img {
        height: 200px;
    }
}

/* فلش‌های ناوبری */
.swiper-button-next {
    left: 13px;
    right: auto;
    z-index: 999;
    color: transparent;
}

.swiper-button-prev {
    right: 25px;
    left: auto;
    z-index: 999;
    color: transparent;
}

.custom-swiper-prev,
.custom-swiper-next {
    position: absolute;
    z-index: 999;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
}
.custom-swiper-prev {
    right: -1px;
}
.custom-swiper-next {
    left: -1px;
}


/* مخفی کردن دکمه‌های SVG در نسخه موبایل */
@media (max-width: 768px) {
    .custom-swiper-prev,
    .custom-swiper-next {
        display: none;
    }
}

/* پاگینیشن (نقطه‌ها) */
.swiper-pagination {

}

/* نمایش پاگینیشن فقط در نسخه موبایل */
@media (max-width: 768px) {
    .swiper-pagination {
        bottom: 10px !important;
        display: none !important;
    }
}


.swiper-pagination {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: auto;
    left: auto;
    display: flex;
    flex-direction: column;
    gap: 14px;
    z-index: 10;
}

.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: rgba(255, 255, 255, 0.25);
    opacity: 1;
    border-radius: 50%;
    transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
    position: relative;
    border: 1.5px solid rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(8px);
    box-shadow:
        0 0 8px rgba(255, 255, 255, 0.1),
        inset 0 1px 2px rgba(255, 255, 255, 0.2);
}

/* قطره اصلی */
.swiper-pagination-bullet::after {
    content: '';
    position: absolute;
    top: -2px;
    left: 50%;
    transform: translateX(-50%);
    width: 3px;
    height: 5px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50% 50% 50% 50% / 40% 40% 60% 60%;
    animation: dropletFloat 2.5s ease-in-out infinite;
    filter: blur(0.5px);
}

/* بخار */
.swiper-pagination-bullet::before {
    content: '';
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 8px;
    height: 8px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.3) 0%, transparent 70%);
    border-radius: 50%;
    animation: steam 3s ease-in-out infinite;
    filter: blur(2px);
}

/* تاخیر برای هر bullet */
.swiper-pagination-bullet:nth-child(1)::after { animation-delay: 0s; }
.swiper-pagination-bullet:nth-child(1)::before { animation-delay: 0s; }
.swiper-pagination-bullet:nth-child(2)::after { animation-delay: 0.4s; }
.swiper-pagination-bullet:nth-child(2)::before { animation-delay: 0.5s; }
.swiper-pagination-bullet:nth-child(3)::after { animation-delay: 0.8s; }
.swiper-pagination-bullet:nth-child(3)::before { animation-delay: 1s; }
.swiper-pagination-bullet:nth-child(4)::after { animation-delay: 1.2s; }
.swiper-pagination-bullet:nth-child(4)::before { animation-delay: 1.5s; }
.swiper-pagination-bullet:nth-child(5)::after { animation-delay: 1.6s; }
.swiper-pagination-bullet:nth-child(5)::before { animation-delay: 2s; }

@keyframes dropletFloat {
    0% {
        transform: translateX(-50%) translateY(0) scale(1);
        opacity: 0;
    }
    30% {
        opacity: 0.8;
    }
    100% {
        transform: translateX(-50%) translateY(-20px) scale(0.3);
        opacity: 0;
    }
}

@keyframes steam {
    0% {
        transform: translateX(-50%) translateY(0) scale(0.5);
        opacity: 0;
    }
    20% {
        opacity: 0.4;
    }
    100% {
        transform: translateX(-50%) translateY(-25px) scale(2.5);
        opacity: 0;
    }
}

/* Active bullet */
.swiper-pagination-bullet-active {
    width: 12px;
    height: 32px;
    border-radius: 20px;
    background: linear-gradient(180deg, #ff2d55 0%, #ff6b81 50%, #ff2d55 100%);
    border-color: transparent;
    box-shadow:
        0 0 20px rgba(255, 45, 85, 0.6),
        0 0 40px rgba(255, 45, 85, 0.3),
        0 0 60px rgba(255, 45, 85, 0.1),
        inset 0 2px 4px rgba(255, 255, 255, 0.3);
    animation: activePulse 2s ease-in-out infinite;
}

@keyframes activePulse {
    0%, 100% {
        box-shadow:
            0 0 20px rgba(255, 45, 85, 0.6),
            0 0 40px rgba(255, 45, 85, 0.3),
            0 0 60px rgba(255, 45, 85, 0.1);
    }
    50% {
        box-shadow:
            0 0 30px rgba(255, 45, 85, 0.8),
            0 0 60px rgba(255, 45, 85, 0.5),
            0 0 90px rgba(255, 45, 85, 0.2);
    }
}

.swiper-pagination-bullet-active::after {
    width: 4px;
    height: 7px;
    background: rgba(255, 255, 255, 0.9);
    animation: dropletFloatActive 2s ease-in-out infinite;
}

@keyframes dropletFloatActive {
    0% {
        transform: translateX(-50%) translateY(0) scale(1);
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-25px) scale(0.2);
        opacity: 0;
    }
}

.swiper-pagination-bullet-active::before {
    width: 10px;
    height: 10px;
    background: radial-gradient(circle, rgba(255, 45, 85, 0.4) 0%, transparent 70%);
    animation: steamActive 2.5s ease-in-out infinite;
}

@keyframes steamActive {
    0% {
        transform: translateX(-50%) translateY(0) scale(0.5);
        opacity: 0;
    }
    15% {
        opacity: 0.6;
    }
    100% {
        transform: translateX(-50%) translateY(-30px) scale(3);
        opacity: 0;
    }
}

/* Hover */
.swiper-pagination-bullet:hover {
    background: rgba(255, 255, 255, 0.6);
    border-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.3);
    transform: scale(1.3);
}

/* part-1 */
/* ===== بنر اسلایدر استایل ===== */



/* part-2 */
/* ===== استایل گرید محصولات product-grid-para ===== */

/* کانتینر اصلی گرید */
.product-grid-para {
    display: grid;
    gap: 25px;
    justify-content: center;
    align-items: start;
    margin-bottom: 25px;
}

/* ریسپانسیو گرید
@media (max-width: 1200px) {
    .product-grid-para {
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
    }
}

@media (max-width: 992px) {
    .product-grid-para {
        grid-template-columns: repeat(3, 1fr);
        gap: 18px;
    }
}

@media (max-width: 768px) {
    .product-grid-para {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
        margin-bottom: 15px;
    }
}

@media (max-width: 480px) {
    .product-grid-para {
        grid-template-columns: 1fr;
        gap: 15px;
    }
}
*/
/* ===== کارت محصول ===== */
.product-grid-para-card {
    border-radius: 19px;
    background: #fff;
    box-shadow: 0px 6px 10px 0px rgba(178, 189, 206, 0.2);
    padding: 6px 8px 17px 9px;
    border-bottom: 4px solid #e2e8f0;
    position: relative;
    width: 100%;
    height: 100%;
      max-width: 100%;
    display: flex;
    flex-direction: column;
    transition: filter 0.3s ease;
}

.product-grid-para-card:hover {
    filter: drop-shadow(0px 20px 15px rgba(140, 154, 176, 0.1));
}

@media (max-width: 768px) {
    .product-grid-para-card {
        padding: 40px 12px 15px 12px;
    }
}

/* ریسپانسیو gap */
@media (max-width: 992px) {
    .product-grid-para {
        gap: 18px;
    }
}

@media (max-width: 576px) {
    .product-grid-para {
        gap: 12px;
        margin-bottom: 15px;
    }
}
/* ===== تصویر محصول ===== */
.product-grid-para-image {
    display: block;
    text-align: center;
    margin-bottom: 10px;
}

.product-grid-para-image img {
	border-radius: 10px;
	transition: transform 0.3s ease;
	width: 180px;
	height: 180px;
	object-fit: contain;
	object-position: center;
	display: inline;
}

.product-grid-para-card:hover .product-grid-para-image img {
    transform: scale(1.02);
}

/* ===== عنوان محصول ===== */
.product-grid-para-title {
	font-size: 13px;
	margin: 10px 0 8px;
	line-height: 1.5;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #031955;
	font-family: var(--font-YekanBakh-bold, inherit);
	text-decoration: none;
	flex-grow: 1;
	font-weight: 600;
}

.product-grid-para-title:hover {
    color: #ee1a45;
}

@media (max-width: 768px) {
    .product-grid-para-title {
        font-size: 12px;
        margin: 8px 0 6px;
    }
}

/* ===== ویلیست (علاقه‌مندی) - بالا راست ===== */
.product-grid-para-wishlist {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 10;
    cursor: pointer;
    transition: transform 0.2s ease;
}

.product-grid-para-wishlist:hover {
    transform: scale(1.1);
}

.product-grid-para-wishlist svg path {
    transition: stroke 0.2s ease, fill 0.2s ease;
}

.product-grid-para-wishlist:hover svg path {
    stroke: #ff4d6d;
    fill: #ff4d6d;
}

@media (max-width: 768px) {
    .product-grid-para-wishlist {
        top: 10px;
        right: 10px;
    }
}

/* ===== چک پی - بالا چپ ===== */
.product-grid-para-checkpay {
    position: absolute;
    top: 15px;
    left: 15px;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    border-radius: 7px;
    background: #02195c;
    padding: 5px 8px;
    z-index: 10;
    white-space: nowrap;
}

@media (max-width: 768px) {
    .product-grid-para-checkpay {
        font-size: 10px;
        padding: 3px 6px;
        top: 10px;
        left: 10px;
    }
}

/* ===== رنگ‌ها - راست پایین ===== */
.product-grid-para-colors {
    position: absolute;
    top: 57px;
    right: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    z-index: 10;
}

.product-grid-para-colors span {
    width: 11px;
    height: 10px;
    border-radius: 50%;
    display: block;
    cursor: pointer;
    transition: transform 0.2s ease;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.product-grid-para-colors span:hover {
    transform: scale(1.1);
}

@media (max-width: 768px) {
    .product-grid-para-colors {
        top: 45px;
        right: 8px;
        gap: 5px;
    }
}

/* ===== امتیاز - چپ پایین ===== */
.product-grid-para-rating {
    position: absolute;
    top: 66px;
    left: 0;
    padding: 5px 10px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    z-index: 10;
}

.product-grid-para-rating svg {
    width: 14px;
    height: 14px;
    fill: #98a1b1;
}

.product-grid-para-rating span {
    color: #98a1b1;
    font-size: 11px;
}

@media (max-width: 768px) {
    .product-grid-para-rating {
        top: 50px;
        padding: 3px 8px;
    }
    .product-grid-para-rating span {
        font-size: 10px;
    }
}

/* ===== تایمر تخفیف ===== */
.product-grid-para-timer {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
}

.product-grid-para-timer-box {
    padding: 3px 8px;
    background: #f04055;
    border-radius: 5px;
    text-align: center;
}

.product-grid-para-timer-display {
  display: flex;
    gap: 2px;
    direction: ltr; /* اعداد از چپ به راست */
    unicode-bidi: plaintext; /* تضمین جهت صحیح اعداد */
}

.product-grid-para-timer-display span {
    font-size: 15px;
    color: #fff;
       direction: ltr;
}

.product-grid-para-timer-display b {
    font-size: 15px;
    color: #fff;
   direction: ltr; /* اعداد از چپ به راست */
   display: inline-block;
   min-width: 16px;
   text-align: center;
}

@media (max-width: 768px) {
    .product-grid-para-timer-box {
        padding: 3px 8px;
    }
    .product-grid-para-timer-display span {
        font-size: 15px;
    }
    .product-grid-para-timer-display b {
        font-size: 15px;
    }
}

/* ===== اطلاعات موجودی ===== */
.product-grid-para-stock {
    display: flex;
    justify-content: flex-start;
    margin: 5px 0;
    min-height: 20px; /* ارتفاع ثابت */
}

.product-grid-para-stock-placeholder {
    opacity: 0;
    visibility: hidden;
}
.product-grid-para-stock-text {
    color: #122763;
    font-size: 11px;
    font-weight: 600;
    display: flex;
    align-items: baseline;
    gap: 3px;
}

@media (max-width: 768px) {
    .product-grid-para-stock-text {
        font-size: 10px;
    }
}

/* ===== بخش اقدامات (قیمت و دکمه) ===== */
.product-grid-para-actions {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: auto;
    padding-top: 12px;
}

/* ===== بخش قیمت ===== */
.product-grid-para-price {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.product-grid-para-price-main {
    min-height: 47.5px;
    margin-top: 0;
    gap: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* قیمت بدون تخفیف */
.product-grid-para-price-regular-wrapper {
    display: flex;
    align-items: center;
    gap: 6px;
}

.product-grid-para-price-regular {
    font-size: 11px;
    font-weight: 600;
    color: #bdc3d7;
    text-decoration: line-through;
}

.product-grid-para-price-discount-badge {
    border-radius: 6px;
    background: #f04055;
    box-shadow: 3px 1px 4px 0px rgba(240, 64, 85, 0.26);
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 3px 5px 2px;
}

.product-grid-para-price-discount-number {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.34px;
    line-height: 13px;
}

.product-grid-para-price-discount-svg svg {
    width: 10px;
    height: 10px;
}

/* قیمت تخفیف خورده */
.product-grid-para-price-sale-wrapper {
    display: flex;
    align-items: center;
    gap: 4px;
}

.product-grid-para-price-sale {
    font-size: 17px;
    font-weight: 600;
    line-height: 17px;
    color: #021959;
}

.product-grid-para-price-currency {
    display: flex;
    align-items: center;
}

.product-grid-para-price-currency img {
    width: 20px;
    height: auto;
    opacity: 0.8;
    margin-right: 2px;
}

/* قیمت معمولی (بدون تخفیف) */
.product-grid-para-price-simple {
    font-size: 17px;
    font-weight: 600;
    line-height: 17px;
    color: #021959;
    text-align: left;
}


/* محصول ناموجود */
.product-grid-para-outofstock {
    color: #bdc3d7;
    font-size: 17px;
    font-weight: 600;
    min-height: 47.5px;
    display: inline-flex;
    align-items: end;
    margin-bottom: 0;
}

/* ===== بخش افزودن به سبد خرید ===== */
.product-grid-para-addtocart {
    display: flex;
    align-items: center;
    gap: 14px;
}

.product-grid-para-addtocart-wrapper {
    position: relative;
}

/* دکمه افزودن به سبد */
.product-grid-para-addtocart-btn {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    border-radius: 11px;
    /* background: #5b51d8; */
    box-shadow: 4px 0px 4px 0px rgba(64, 133, 240, 0.3);
    padding: 12px 10px;
    display: inline-block;
    border: none;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.3s ease;
    font-family: inherit;
}

.product-grid-para-addtocart-btn,
a.product-grid-para-addtocart-btn {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    border-radius: 11px;
    box-shadow: 4px 0px 4px 0px rgba(64, 133, 240, 0.3);
    padding: 12px 10px;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.3s ease;
    font-family: inherit;
}

.product-grid-para-addtocart-btn-icons {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    border-radius: 11px;
    background: #5b51d8;
    box-shadow: 2px 0px 4px 0px rgba(240, 64, 85, 0.3);
    padding: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.3s ease;
    font-family: inherit;
    text-decoration: none;
}
/* آیکون داخل دکمه */
.product-grid-para-addtocart-icon {
    width: 20px;
    height: 20px;
    stroke: #fff;
    stroke-width: 1.5;
    flex-shrink: 0;
    display: block;
}



/* ===== دکمه بررسی محصول (متغیر) ===== */
.product-grid-para-check-btn-icons {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.3s ease;
    text-decoration: none;
    box-shadow: 2px 0px 4px 0px rgba(0, 142, 250, 0.3);
    background: #008efa;
    padding: 10px;
    border-radius: 11px;
}

.product-grid-para-check-btn-icons:hover {
    background: #0077cc;
}

.product-grid-para-check-icon {
    width: 20px;
    height: 20px;
    stroke: #fff;
    stroke-width: 1.5;
    flex-shrink: 0;
    display: block;
}

@media (max-width: 768px) {
    .product-grid-para-check-btn-icons {
        padding: 8px;
        border-radius: 9px;
    }

    .product-grid-para-check-icon {
        width: 18px;
        height: 18px;
    }
}


.product-grid-para-addtocart-btn:hover {
    background: #612ed0;
}




/* بخش انتخاب تعداد */
.product-grid-para-quantity {
    display: none;
    align-items: center;
    gap: 5px;
}

.product-grid-para-quantity.active {
    display: flex;
}

.product-grid-para-quantity-btn {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-grid-para-quantity-input {
    width: 40px;
    text-align: center;
    border: 1px solid #e2e4eb;
    border-radius: 5px;
    padding: 5px;
    font-size: 14px;
    -moz-appearance: textfield;
}

.product-grid-para-quantity-input::-webkit-outer-spin-button,
.product-grid-para-quantity-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

@media (max-width: 768px) {
    .product-grid-para-addtocart {
        gap: 8px;
    }
    .product-grid-para-addtocart-btn {
        font-size: 11px;
        padding: 8px 8px;
    }
}

/* ===== بخش اقساط ===== */
.product-grid-para-installment {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
    justify-content: center;
}

.product-grid-para-installment-image {
    border-radius: 7px;
    background: #008efa;
    display: flex;
    align-items: center;
    padding: 5px 6px;
}

.product-grid-para-installment-image img {
    width: 30px;
    height: 18px;
    object-fit: contain;
}

.product-grid-para-installment-text {
    color: #8793b7;
    font-size: 9px;
    line-height: 9px;
    font-weight: 700;
}

/* ===== هدر بخش ===== */
.product-grid-para-header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 20px 0;
    flex-wrap: wrap;
}

.product-grid-para-header-title {
    margin: 0;
}

.product-grid-para-header-title span {
    color: #000;
    font-size: 16px;
    font-weight: bold;
}

.product-grid-para-header-divider {
    flex-grow: 1;
    height: 1px;
    background-color: #e2e4eb;
}

.product-grid-para-header-link {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #666;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s ease;
}

.product-grid-para-header-link:hover {
    color: #f04055;
}

@media (max-width: 768px) {
    .product-grid-para-header {
        padding: 15px 0;
        gap: 8px;
    }
    .product-grid-para-header-title span {
        font-size: 14px;
    }
    .product-grid-para-header-link {
        font-size: 12px;
    }
    .product-grid-para-header-link svg {
        width: 16px;
        height: 16px;
    }
    .product-grid-para-addtocart-btn-icons {
          padding: 8px;
          border-radius: 9px;
      }

      .product-grid-para-addtocart-icon {
          width: 18px;
          height: 18px;
      }
}
/* part-2 */


/* part-3 */
/* ===== استایل اسلایدر -بخش محصولات===== */
.slider-header{display:flex;align-items:center;gap:10px;padding:20px 0;flex-wrap:wrap;}
.slider-header-title{margin:0;}
.slider-header-title span{color:#000;font-size:16px;font-weight:bold;}
.slider-header-divider{flex-grow:1;height:1px;background-color:#e2e4eb;}
.slider-header-link{display:flex;align-items:center;gap:5px;color:#666;text-decoration:none;font-size:14px;transition:color 0.3s ease;}
.slider-header-link:hover{color:#f04055;}

.slider-container-wrap{position:relative;padding:0 30px;}
.slider-swiper{overflow:hidden;padding:5px;}
.slider-swiper .swiper-slide{height:auto;}


.slider-product-card {
	background: #fff;
	border-radius: 16px;
	padding: 14px 10px 14px 10px;
	border: 1px solid #eee;
height: 100%;
	display: flex;
	flex-direction: column;
	position: relative;
	transition: all 0.3s ease;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
	border-bottom: 4px solid #e2e8f0;
}


/* =====.slider-product-card:hover{box-shadow:0 10px 30px rgba(0,0,0,0.1);}
===== */

.slider-product-card:hover {
	box-shadow: 0 9px 9px rgba(0,0,0,0.1);
}

/* ===== اصلاحات اصلی ===== */
.slider-product-image{
    display:block;
    height:180px;
    border-radius:12px;
    overflow:hidden;
    margin-bottom:12px;
    flex-shrink:0;
}

.slider-product-image img {
    width: 100%;
    height: 100% !important;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.slider-product-card:hover .slider-product-image img{transform:scale(1.05);}

/* عنوان محصول - حذف flex-grow */
.slider-product-title{
    margin:5px 0 8px;
    color:#031955;
    font-size:13px;
    font-weight:500;
    line-height:1.5;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    text-decoration:none;
    /* flex-grow:1 */
    min-height: 39px; /* 2 خط × 1.5 line-height × 13px ≈ 39px */
}
/* .slider-product-title:hover{color:#f04055;} */


.slider-timer{position:absolute;top:10px;left:10px;z-index:5;}
.slider-timer-box{padding:3px 8px;background:#f04055;border-radius:5px;}
.slider-timer-display{display:flex;gap:2px;direction:ltr;}
.slider-timer-display span{font-size:15px;color:#fff;direction:ltr;}
.slider-timer-display b{font-size:15px;color:#fff;direction:ltr;display:inline-block;min-width:14px;text-align:center;}

.slider-product-actions{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
  margin: auto 0;
    padding-top:8px;
}

/* ===== استایل باکس نمایش موجودی موقع هاور ===== */
.slider-addtocart-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

/* باکس موجودی - مخفی در حالت عادی */
.slider-stock-hover-box {
    position: absolute;
    right: calc(100% + 10px);
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    border-radius: 11px;
    padding: 8px 14px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.12);
    border: 1px solid #eee;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    white-space: nowrap;
    z-index: 10;
    pointer-events: none;
}

/* نمایش باکس موقع هاور روی کل wrapper */
.slider-addtocart-wrapper:hover .slider-stock-hover-box {
    opacity: 1;
    visibility: visible;
}

/* متن داخل باکس */
.slider-stock-hover-text {
    color: #122763;
    font-size: 13px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}

.slider-stock-hover-text span {
    background: #5b51d8;
    color: #fff;
    padding: 2px 8px;
    border-radius: 20px;
    font-size: 12px;
}

/* فلش کوچیک */
.slider-stock-hover-box::before {
    content: '';
    position: absolute;
    right: -6px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #fff;
    filter: drop-shadow(2px 0 2px rgba(0,0,0,0.05));
}

/* نسخه RTL - اگه سایت راست‌چین هست */
[dir="rtl"] .slider-stock-hover-box {
	left: auto;
	right: calc(100% + 10px);
}

[dir="rtl"] .slider-stock-hover-box::before {
  content: '';
     position: absolute;
     right: -6px;
     top: 50%;
     transform: translateY(-50%);
     width: 0;
     height: 0;
     border-top: 6px solid transparent;
     border-bottom: 6px solid transparent;
     border-left: 6px solid #fff;
     filter: drop-shadow(2px 0 2px rgba(0,0,0,0.05));
}

/* نسخه موبایل - غیرفعال کردن هاور */
@media (max-width: 768px) {
    .slider-stock-hover-box {
        display: none;
    }
}


.slider-addtocart-btn {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    border-radius: 11px;
    background: #5b51d8;
    padding: 12px 10px;
    border: none;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.3s ease;
    box-shadow: 4px 0px 4px 0px rgba(64, 133, 240, 0.3);
    font-family: inherit;
}
.slider-addtocart-btn:hover{background:#d02e42;}

.slider-addtocart-btn-icons{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:none;
    cursor:pointer;
    white-space:nowrap;
    transition:background 0.3s ease;
    text-decoration:none;
    background:#ee1a45;
    padding:8px;
    border-radius:11px;
}
.slider-addtocart-btn-icons:hover{background:#d02e42;}
.slider-addtocart-icon{width:20px;height:20px;stroke:#fff;stroke-width:1.5;flex-shrink:0;display:block;}

.slider-check-btn-icons{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:none;
    cursor:pointer;
    white-space:nowrap;
    transition:background 0.3s ease;
    text-decoration:none;
    background:#008efa;
    padding:8px;
    border-radius:11px;
}
.slider-check-btn-icons:hover{background:#0077cc;}
.slider-check-icon{width:20px;height:20px;stroke:#fff;stroke-width:1.5;flex-shrink:0;display:block;}

.slider-price{display:flex;flex-direction:column;align-items:flex-end;}
.slider-price-main{display:flex;flex-direction:column;gap:4px;}
.slider-price-regular-wrapper{display:flex;align-items:center;gap:6px;}
.slider-price-regular{font-size:11px;color:#9aa8bc;text-decoration:line-through;}
.slider-price-sale-wrapper{display:flex;align-items:center;gap:4px;}
.slider-price-sale{font-size:17px;font-weight:600;color:#021959;text-decoration:none;}
.slider-price-simple{font-size:17px;font-weight:600;color:#021959;}
.slider-price-currency img{width:18px;height:auto;}
.slider-outofstock{color:#bdc3d7;font-size:15px;font-weight:600;}

.slider-discount-badge{
    border-radius:6px;
    background:#f04055;
    display:flex;
    align-items:center;
    gap:2px;
    padding:3px 5px;
}
.slider-discount-number{color:#fff;font-size:13px;font-weight:500;}
.slider-discount-svg svg{width:10px;height:10px;}

.slider-nav-next,
.slider-nav-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border-radius: 50%;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.05);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.slider-nav-next:hover,
.slider-nav-prev:hover {
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2);
    transform: translateY(-50%) scale(1.08);
}

.slider-nav-next:active,
.slider-nav-prev:active {
    transform: translateY(-50%) scale(0.95);
}

.slider-nav-next { right: : -10px; }
.slider-nav-prev { left: -10px; }

/* آیکون‌ها */
.slider-nav-next svg,
.slider-nav-prev svg {
    width: 22px;
    height: 22px;
    transition: transform 0.2s ease;
}

.slider-nav-next:hover svg {
    transform: translateX(3px);
}

.slider-nav-prev:hover svg {
    transform: translateX(-3px);
}

@media (max-width:768px){
    .slider-container-wrap{padding:0 25px;}
    .slider-product-image{height:150px;}
    .slider-nav-next,
    .slider-nav-prev {
        width: 35px;
        height: 35px;
    }

    .slider-nav-next {
        right: 5px !important;
        left: auto !important;
    }

    .slider-nav-prev {
        left: 5px !important;
        right: auto !important;
    }
}



/* ===== استایل اسلایدر -بخش محصولات===== */

/* part-3 */


/* part-4 */
.category-slider-independent {
     padding: 30px 0;
     width: 100%;
     position: relative;
     overflow: hidden;
 }

 .cat-slider-independent {
     width: 100%;
     overflow: visible !important;
     padding: 5px 10px;
 }

 .cat-slider-independent .swiper-wrapper {
     align-items: stretch;
 }

 .cat-slider-independent .swiper-slide {
     width: auto !important;
     height: auto;
     flex-shrink: 0;
 }

 .cat-card-independent {
     display: flex;
     align-items: center;
     gap: 12px;
     padding: 10px 16px;
     border-radius: 20px;
     background: #ffffff;
     border: 1px solid #f0f0f0;
     border-bottom: 4px solid #e2e8f0;
     transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     cursor: pointer;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
     width: auto;
     min-width: 180px;
     max-width: 220px;
     margin: 0 5px;
 }

 .cat-card-independent:hover {
 	border-bottom-color: #ff2d55;
 	box-shadow: 0 8px 24px rgba(255, 45, 85, 0.12);
 	transform: translateY(-3px);
 	background: #fff;
 }

    .cat-card-independent a {
        display: flex;
        align-items: center;
        gap: 12px;
        text-decoration: none;
        width: 100%;
    }

    .cat-card-independent img {
    	width: 35px;
    	min-width: 35px;
    	height: 34px;
    	object-fit: cover;
    	flex-shrink: 0;
    	border-radius: 12px;
    	transition: transform 0.3s ease;
    	aspect-ratio: 1/1;
    }

    .cat-card-independent:hover img {
        transform: scale(1.05);
    }

    .cat-text-independent {
        text-align: right;
        flex: 1;
    }

    .cat-text-independent h4 {
        margin: 0 0 4px 0;
        font-size: 14px;
        font-weight: 700;
        color: #1e293b;
        line-height: 1.4;
        transition: color 0.3s ease;
    }

    .cat-card-independent:hover .cat-text-independent h4 {
        color: #ff2d55;
    }

    .cat-text-independent span {
        font-size: 11px;
        color: #94a3b8;
        display: block;
        font-weight: 500;
        letter-spacing: -0.2px;
    }

    <?php if (!$show_image) : ?>
    .cat-card-independent img {
        display: none !important;
    }
    .cat-card-independent {
        min-width: 140px;
        padding: 12px 18px;
    }
    <?php endif; ?>

    .cat-slider-independent + .swiper-button-next,
   .cat-slider-independent + .swiper-button-prev,
   .category-slider-independent .swiper-button-next,
   .category-slider-independent .swiper-button-prev {
       width: 40px;
       height: 40px;
       background: #ffffff;
       border-radius: 50%;
       box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
       transition: all 0.3s ease;
       border: 1px solid #f1f5f9;
       top: 50%;
       transform: translateY(-50%);
   }

   .category-slider-independent .swiper-button-next {
       right: 5px;
   }

   .category-slider-independent .swiper-button-prev {
       left: 5px;
   }

   /* مخفی کردن دکمه‌ها در حالت غیرفعال */
   .category-slider-independent .swiper-button-disabled {
       opacity: 0 !important;
       visibility: hidden;
       pointer-events: none;
   }

   /* ریسپانسیو */
   @media (max-width: 768px) {
       .category-slider-independent {
           padding: 20px 0;
       }

       .cat-slider-independent {
           padding: 5px 5px;
       }

       .cat-card-independent {
           min-width: 145px;
           margin: 0 3px;
       }

       .category-slider-independent .swiper-button-next,
       .category-slider-independent .swiper-button-prev {
           display: none; /* مخفی کردن دکمه‌ها در موبایل */
       }
   }

   @media (max-width: 576px) {
       .cat-card-independent {
           min-width: 130px;
       }
   }
/* part-4 */


/* part-5 */
/* بخش بنر ها در المنتور ثبت است */
/* part-5 */


/* part-6 */
        .best-slider {
            padding: 20px;
            background: #ffffff;
            border-radius: 20px;
        }
        .best-header {
            display: flex;
            justify-content: space-between;
            margin-bottom: 15px;
        }
        .best-header h3 {
            font-size: 18px;
            font-weight: 800;
            display: flex;
            align-items: center;
            gap: 8px;
            margin: 0;
        }
        .best-header .title-icon-img {
            width: 24px;
            height: 24px;
            display: inline-block;
        }
        .best-track {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
gap: 12px;
padding: 10px 16px;
border-radius: 20px;
/* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
border-bottom: 4px solid #e2e8f0; */

        }
        .best-track::-webkit-scrollbar {
            display: none;
        }
        .best-items-container {
            display: contents;
        }
        .best-item {
            background: #fff;
            border-radius: 16px;
            padding: 12px;
            display: flex;
            align-items: center;
            gap: 12px;
            position: relative;
            opacity: 0;
            transform: translateY(30px);
            transition: .5s ease;
            border: 1px solid #EEF2F9;
            margin: 15px 0;
        }
        .best-item.show {
            opacity: 1;
            transform: translateY(0);
        }
        .best-item img {
            width: 60px;
            height: 60px;
            object-fit: contain;
            margin-right: 35px;
            mix-blend-mode: multiply;
        }
        .best-item:nth-child(1) { background: #E6EFF3; }
        .rank-htfxb {
            position: absolute;
            right: 10px;
            font-family: peyda;
            font-size: 33px;
            font-weight: 600;
        }
        .best-item:hover {
            transform: translateY(-5px) scale(1.0);
            box-shadow: 0 10px 25px rgba(0,0,0,0.1);
        }
        .best-item p {
          margin: 0;
            font-size: 14px;
            font-weight: 500;
            flex: 1;
            line-height: 1.5;
            height: 40px;
            overflow: hidden;
        }
        .skeleton {
            background: linear-gradient(90deg, #f0f0f0 25%, #e4e4e4 37%, #f0f0f0 63%);
            background-size: 400% 100%;
            animation: shimmer 1.4s infinite;
        }
        @keyframes shimmer {
            0% { background-position: 100% 0; }
            100% { background-position: -100% 0; }
        }
        @media (max-width: 1024px) {
            .best-track { grid-template-columns: repeat(3, 1fr); }
        }
        @media (max-width: 768px) {
            .best-track { grid-template-columns: repeat(2, 1fr); }
        }
        @media (max-width: 480px) {
            .best-track { grid-template-columns: 1fr; }
        }
/* part-6 */


/* TAB lm-header */
.lm-top-bar {

display: flex;

align-items: center;

gap: 10px; /* فاصله بین متن‌ها و خط */

padding: 20px 0;

}



/* متن‌ها */

.lm-top-bar h3 {

font-size: 16px;

font-weight: 700;

padding: 12px 0;

position: relative;

font-family: YekanBakh;

}


.lm-top-bar h3,

.lm-top-bar a {

  margin: 0;
    font-family: YekanBakh;
    font-weight: 700;
    font-size: 16px;
    white-space: nowrap;
    color: #021959;

}



.lm-top-bar .divider {

flex-grow: 1;

height: 1px;

background-color: #e2e4eb;

transform-origin: center;

}









.lm-top-bar a{

font-size:14px;

color:#666;

text-decoration:none;

}
/* ========== کانتینر اصلی اسلایدر ========== */


.section__more {

display: flex;

align-items: center;

color: #021959 !important;

font-size: 10px !important;

font-style: normal !important;

font-weight: 400 !important;

}



.section__more i {

font-size: 11px;

color: #fff;

margin-right: 14px;

-webkit-transition: .3s;

-o-transition: .3s;

transition: .3s;

padding: 3px 7px 2px 4px;

border-radius: 20px 8px 8px 20px;

background: var(--all-des);

box-shadow: 3px 4px 9px 0px #2d06e836 !important;

}






/* part-7 */

.lm-wrapper-container {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
}

.lm-wrapper {
	flex: 1 1 300px;
	background: #fff;
	border-radius: 16px;
	padding: 15px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
	max-width: 100%;
}

.lm-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.lm-header .title {
    font-size: 17px;
    position: relative;
    display: inline-block;
    z-index: 1;
    margin: 0;
}

.lm-header .title.with-highlight {
    position: relative;
    display: inline-block !important;
    z-index: 1;
    width: auto !important;
    max-width: fit-content !important;
}

.lm-header .title.with-highlight::before {
    content: '' !important;
    position: absolute;
    right: 0;
    bottom: 1px;
    width: 100% !important;
    height: 3px;
    background: #ff2d55;
    border-radius: 6px;
    z-index: -1;
}

.lm-header .sub {
    font-size: 12px;
    color: #888;
    margin: 0;
}

.lmgrid {
    border-top: 1px solid #eee;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.lm-item {
    padding: 12px 10px;
    position: relative;
    overflow: hidden;
    border: 1px solid #eeeeee80;
    transition: all 0.3s ease;
}

.lm-item:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.img-box {
    position: relative;
    overflow: hidden;
    height: 110px;
    margin-bottom: 8px;
}

.img-box img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.lm-item:hover .img-box img {
    transform: scale(1.05);
}

.lm-badge {
    position: absolute;
    top: 8px;
    left: 8px;
    background: #ff2d55;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 6px;
    z-index: 2;
}

.lm-item .name {
    font-size: 12px;
    color: #333;
    line-height: 1.5;
    height: 36px;
    overflow: hidden;
    margin: 8px 0 6px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.lm-item .name a {
    text-decoration: none;
    color: #031955;
    transition: color 0.2s ease;
}

.lm-item .name a:hover {
    color: #ff2d55;
}

/* ===== بخش قیمت ===== */
.lm-price-box {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-top: 6px;
}

.lm-price-col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.lm-price {
	display: flex;
  flex-direction: row;
	/* flex-direction: column; */
	gap: 7px;
}

.lm-price-top {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
}

.lm-price-bottom {
    display: flex;
    align-items: center;
    gap: 3px;
}

.lm-old-price {
    font-size: 11px;
    color: #9aa8bc;
    text-decoration: line-through;
}

.lm-price-current {
    font-size: 15px;
    font-weight: 700;
    color: #021959;
}

.lm-price strong {
    font-size: 17px;
    font-weight: 700;
    color: #021959;
}

.lm-currency {
    display: flex;
    align-items: center;
}

.lm-currency img {
    width: 14px;
    height: auto;
    opacity: 0.8;
}

/* ریسپانسیو */
@media (max-width: 480px) {
    .lm-item {
        padding: 8px 6px;
    }
    .img-box {
        height: 90px;
    }
    .lm-item .name {
        font-size: 11px;
        height: 32px;
    }
    .lm-price-current,
    .lm-price strong {
        font-size: 13px;
    }
    .lm-old-price {
        font-size: 10px;
    }
}

/* part-7 */

/* part-8*/
/* part-8*/
/* ===== XMYRHN - Container ===== */
.xmyrhn-container {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 16px;
}

/* ===== XMYRHN - Amazing Section ===== */
.xmyrhn-amazing {
    padding: 30px 0;
}

.xmyrhn-amazing__title {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.xmyrhn-amazing__wrapper {
    background: linear-gradient(135deg, #f0f2f5 0%, #e8eaed 100%);
    border-radius: 20px;
    padding: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.6);
}

.xmyrhn-amazing__grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 16px;
}

/* ===== XMYRHN - Sidebar ===== */
.xmyrhn-amazing__sidebar {
    grid-column: span 12 / span 12;
}

.xmyrhn-amazing__sidebar-content {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
}

.xmyrhn-amazing__brand {
    display: flex;
    align-items: center;
    gap: 10px;
}

.xmyrhn-amazing__logo {
    display: flex;
    align-items: center;
}

.xmyrhn-amazing__logo-icon {
    width: 40px;
    height: 40px;
    background: linear-gradient(145deg, #dc2626, #b91c1c);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.25);
}

.xmyrhn-amazing__logo-icon svg {
    width: 22px;
    height: 22px;
    color: white;
}

.xmyrhn-amazing__heading {
    font-size: 40px;
    font-weight: 900;
    color: #1e293b;
    letter-spacing: -0.5px;
    font-family: peyda;
    text-align: center;
    line-height: 1.2;
}

.xmyrhn-amazing__heading-highlight {
    color: #dc2626;
}

.xmyrhn-amazing__actions {
    display: flex;
    align-items: center;
    gap: 12px;
}

.xmyrhn-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    border-radius: 12px;
    font-weight: 600;
    font-size: 13px;
    text-decoration: none;
    transition: all 0.25s ease;
    cursor: pointer;
    border: none;
    gap: 6px;
}

.xmyrhn-btn--primary {
    background: #dc2626;
    color: white;
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.2);
}

.xmyrhn-btn--primary:hover {
    background: #b91c1c;
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(220, 38, 38, 0.3);
}

.xmyrhn-amazing__nav {
    display: flex;
    align-items: center;
    background: white;
    border-radius: 40px;
    padding: 3px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
    border: 1px solid #e2e8f0;
}

.xmyrhn-amazing__nav-btn {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    border-radius: 40px;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s ease;
}

.xmyrhn-amazing__nav-btn:hover {
    background: #f1f5f9;
    color: #dc2626;
}

.xmyrhn-amazing__nav-btn:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.xmyrhn-amazing__nav-divider {
    width: 1.5px;
    height: 20px;
    background: #e2e8f0;
    margin: 0 3px;
}

/* ===== Products Carousel ===== */
.xmyrhn-amazing__products {
    grid-column: span 12 / span 12;
}

.xmyrhn-carousel {
    overflow: hidden;
    padding: 6px 0;
}

.xmyrhn-carousel .swiper-wrapper {
    display: flex;
}

.xmyrhn-carousel .swiper-slide {
    width: 220px !important;
    height: auto;
    margin-left: 12px;
}

/* ===== Product Card ===== */
.xmyrhn-product {
    position: relative;
    background: white;
    border-radius: 16px;
    padding: 14px 12px 12px;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
    border: 1.5px solid #f1f5f9;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.xmyrhn-product:hover {
    border-color: #dc2626;
    box-shadow: 0 16px 24px -8px rgba(220, 38, 38, 0.12);
    transform: translateY(-3px);
}

/* Product Colors (Attributes) */
.xmyrhn-product__colors {
    position: absolute;
    top: 14px;
    right: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    z-index: 2;
}

.xmyrhn-product__color {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid white;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    transition: transform 0.2s ease;
}

/* Timer */
.xmyrhn-product__timer {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    direction: ltr;
}

.xmyrhn-timer {
    display: flex;
    align-items: center;
    gap: 2px;
    background: #f8fafc;
    padding: 4px 8px;
    border-radius: 40px;
    border: 1px solid #e2e8f0;
}

.xmyrhn-timer__item {
    display: flex;
    align-items: center;
}

.xmyrhn-timer__value {
    background: #ee1a45;
    color: white;
    font-weight: 700;
    font-size: 12px;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    box-shadow: 0 3px 8px rgba(220, 38, 38, 0.25);
}

.xmyrhn-timer__value--gray {
    background: #e2e8f0;
    color: #475569 !important;
    box-shadow: none;
}

.xmyrhn-timer__separator {
    font-weight: 700;
    color: #94a3b8;
    margin: 0 2px;
    font-size: 14px;
}





/* Timer - PYBLIC Style */
.pyblic-product__timer {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    direction: ltr;
}

.pyblic-timer {
    display: flex;
    align-items: center;
    gap: 2px;
    background: #f8fafc;
    padding: 4px 8px;
    border-radius: 40px;
    border: 1px solid #e2e8f0;
}

.pyblic-timer__item {
    display: flex;
    align-items: center;
}

.pyblic-timer__value {
    background: #f04055;
    color: white;
    font-weight: 700;
    font-size: 12px;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    box-shadow: 0 3px 8px rgba(220, 38, 38, 0.25);
}

.pyblic-timer__value--gray {
    background: #e2e8f0;
    color: #475569 !important;
    box-shadow: none;
}

.pyblic-timer__separator {
    font-weight: 700;
    color: #94a3b8;
    margin: 0 2px;
    font-size: 14px;
}
/* Timer - PYBLIC Style */

/* Thumbnail */
.xmyrhn-product__thumbnail {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
    margin-bottom: 6px;
}

.xmyrhn-product__image {
    width: 100%;
    max-width: 130px;
    height: 110px;
    object-fit: contain;
    transition: transform 0.4s ease;
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.04));
}

.xmyrhn-product:hover .xmyrhn-product__image {
    transform: scale(1.06);
}

/* Rating */
.xmyrhn-product__rating {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.xmyrhn-rating {
    display: flex;
    align-items: center;
    gap: 4px;
    background: #fefce8;
    padding: 3px 8px;
    border-radius: 40px;
    border: 1px solid #fde68a;
}

.xmyrhn-rating__score {
    font-weight: 700;
    font-size: 11px;
    color: #854d0e;
}

.xmyrhn-rating__stars {
    display: flex;
    align-items: center;
    color: #fbbf24;
}

.xmyrhn-rating__star {
    width: 14px;
    height: 14px;
}

/* Title */
.xmyrhn-product__title {
    margin-bottom: 10px;
    flex: 1;
}

.xmyrhn-product__link {
	text-decoration: none;
	color: #031955;
	font-weight: 600;
	font-size: 13px;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: color 0.2s ease;
}

.xmyrhn-product:hover .xmyrhn-product__link {
	color: #ee1a45;
}
/* Price Section */
.xmyrhn-product__footer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: auto;
}

.xmyrhn-product__discount {
    background: #f04055;
    color: #ffffff;
    font-weight: 700;
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 6px;
    box-shadow: 0 4px 10px rgba(220, 38, 38, 0.2);
    letter-spacing: -0.3px;
}

.xmyrhn-product__prices {
    text-align: left;
}

.xmyrhn-product__old-price {
    font-size: 10px;
    color: #94a3b8;
    text-decoration: line-through;
    margin-bottom: 2px;
}

.xmyrhn-product__new-price {
    font-weight: 800;
    font-size: 14px;
    color: #0f172a;
    display: flex;
    align-items: center;
    gap: 3px;
    flex-direction: unset;
}

.xmyrhn-product__new-price small {
    font-weight: 400;
    font-size: 10px;
    color: #64748b;
    display: inline-flex;
    align-items: center;
    margin-right: 2px;
}

.xmyrhn-currency-icon {
    width: 14px;
    height: 14px;
    object-fit: contain;
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

.xmyrhn-product:hover .xmyrhn-currency-icon {
    opacity: 1;
}
.xmyrhn-product__overlay-link {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

/* No Discount Message */
.xmyrhn-no-products {
    text-align: center;
    padding: 30px;
    color: #64748b;
    font-size: 14px;
}

/* Responsive */
@media (min-width: 1024px) {
    .xmyrhn-amazing__sidebar {
        grid-column: span 3 / span 3;
    }

    .xmyrhn-amazing__products {
        grid-column: span 9 / span 9;
    }

    .xmyrhn-amazing__sidebar-content {
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }

    .xmyrhn-amazing__brand {
        flex-direction: column;
        align-items: flex-start;
    }

    .xmyrhn-amazing__actions {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }

    .xmyrhn-btn--full {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .xmyrhn-amazing {
        padding: 20px 0;
    }

    .xmyrhn-amazing__wrapper {
        padding: 12px;
    }

    .xmyrhn-amazing__heading {
        font-size: 26px;
    }

    .xmyrhn-carousel .swiper-slide {
        width: 200px !important;
    }
}

@media (max-width: 640px) {
    .xmyrhn-amazing__wrapper {
        padding: 12px 10px;
    }

    .xmyrhn-carousel .swiper-slide {
        width: 180px !important;
    }

    .xmyrhn-amazing__heading {
        font-size: 22px;
    }

    .xmyrhn-amazing__logo-icon {
        width: 36px;
        height: 36px;
    }

    .xmyrhn-amazing__logo-icon svg {
        width: 20px;
        height: 20px;
    }

    .xmyrhn-product {
        padding: 12px 10px 10px;
    }

    .xmyrhn-product__image {
        max-width: 110px;
        height: 95px;
    }

    .xmyrhn-timer__value {
        width: 24px;
        height: 24px;
        font-size: 11px;
    }
}
/* part-8*/

/*------ شماره معکوس صفحه اصلی ---*/
/* کارت محصول */
.card {
    position: relative;
}

/* جای تایمر روی عکس */
.card-sale-timer {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
}
/* باکس تایمر */
.sale-box {
	padding: 3px;
	color: #fff;
	border-radius: 5px;
	background: #f04055;
	min-width: 88px;
	text-align: center;
	z-index: 10;
}

/* تایمر */
.sale-timer {
    display: flex;
    gap: 4px;
    flex-direction: row-reverse !important;
    justify-content: flex-start;
}

/* آیتم‌ها */
.sale-timer span {
	min-width: 5px;
	font-size: 10px;
	color: #fff;
	direction: rtl;
	text-align: center;
}

/* اعداد */
.sale-timer b {
    display: block;
    font-size: 11px;
}

/* ثانیه */
.sale-timer .seconds-box {
    opacity: .8;
}
/*------ شماره معکوس صفحه اصلی ---*/







/* باکس محصولات خطی    background:linear-gradient(90deg,#eef2f5,#e9edf2);*/



/* ========================================== */
/* باکس شگفت‌انگیز - نسخه اصلاح شده */
/* ========================================== */

.wrapper-boxi {
    background: #e80645;
    border-radius: 24px;
    padding:20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: visible;
    position: relative;
    z-index: 1;
}

/* RIGHT TEXT */
.side-title-boxi {
    min-width: 180px;
    text-align: right;
    position: relative;
    flex-shrink: 0;
    padding: 0 20px;
}

.side-title-boxi span {
    display: inline-block;
    margin-bottom: 6px;
    background: #2d2d2d !important;
    transform: rotate(-3deg);
    padding: 2px 10px 0px;
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    box-shadow: -3px 3px 0px 0px #C2D8E2;
    text-align: center;
    position: absolute;
    top: 57px;
    right: 71px;
}

.side-title-boxi span:empty {
    display: none !important;
}

.side-title-boxi h3 {
    color: #fff;
    font-size: 60px;
    font-weight: 900;
    font-family: var(--font-peyda);
    transform: rotate(7deg);
    z-index: 2;
    position: relative;
    right: 20px;
}

/* products-boxi */
.products-boxi {
    display: flex;
    align-items: center;
    position: relative;
    flex: 1;
    justify-content: center;
    overflow: visible;
}

.card-boxi {
    width: 80px;
    height: 80px;
    background: #fff;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-left: -15px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    transition: .35s cubic-bezier(.2,.8,.2,1);
    z-index: 1;
}

/* زاویه مثل عکس */
.card-boxi:nth-child(1) { transform: rotate(-12deg); }
.card-boxi:nth-child(2) { transform: rotate(-8deg); }
.card-boxi:nth-child(3) { transform: rotate(-4deg); }
.card-boxi:nth-child(4) { transform: rotate(0deg); }
.card-boxi:nth-child(5) { transform: rotate(4deg); }
.card-boxi:nth-child(6) { transform: rotate(8deg); }
.card-boxi:nth-child(7) { transform: rotate(12deg); }

.card-boxi img {
    width: 55px;
    height: 55px;
    object-fit: contain;
}

/* badge-boxi */
.badge-boxi {
    position: absolute;
    top: -6px;
    right: -6px;
    background: #ff2e63;
    color: #fff;
    font-size: 11px;
    padding: 4px 6px;
    border-radius: 12px;
    font-weight: bold;
    z-index: 3;
}

/* TOOLTIP */
.tooltip-boxi {
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    background: #fff;
    color: #333;
    font-size: 12px;
    padding: 6px 10px;
    border-radius: 8px;
    white-space: nowrap;
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
    opacity: 0;
    pointer-events: none;
    transition: all .25s ease;
    z-index: 9999;
    white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 292px;
}

.tooltip-boxi::after {
    content: "";
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
    width: 10px;
    height: 10px;
    background: #fff;
    rotate: 45deg;
    box-shadow: -2px -2px 5px rgba(0,0,0,0.05);
}

/* نمایش هنگام hover */
.card-boxi:hover .tooltip-boxi {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

/* hover حرفه ای */
.card-boxi:hover {
    transform: translateY(-10px) scale(1.1) rotate(0deg) !important;
    z-index: 10;
}

/* CENTER FEATURED */
.card-boxi.featured {
    width: 95px;
    height: 95px;
    background: #fff;
    transform: rotate(0deg) scale(1.05);
    z-index: 5;
    box-shadow: 0 15px 35px rgba(0,0,0,0.15);
}

/* LEFT IMAGE */
.left-visual {
    min-width: 180px;
    z-index: 2;
    flex-shrink: 0;
}

.left-visual img {
    width: 118px;
}

/* responsive */
/* ========================================== */
/* نسخه موبایل - بهبود کامل */
/* ========================================== */

@media (max-width: 768px) {

    .wrapper-boxi {
        flex-direction: column;
        gap: 30px;
        padding: 20px 0;
        overflow: hidden;
    }

    /* ========================================== */
    /* هدر سمت راست */
    /* ========================================== */
    .side-title-boxi {
        min-width: auto;
        width: 100%;
        text-align: center;
        padding: 0 15px;
    }

    .side-title-boxi span {
        position: static;
        display: inline-block;
        top: auto;
        right: auto;
        margin-bottom: 12px;
        transform: rotate(-2deg);
        font-size: 13px;
        padding: 4px 15px;
    }

    .side-title-boxi h3 {
        font-size: 28px;
        transform: rotate(0deg);
        right: 0;
        margin: 0;
    }

    /* ========================================== */
    /* کانتینر محصولات - اسکرول افقی */
    /* ========================================== */
    .products-boxi {
        width: 100%;
        overflow-x: auto;
        overflow-y: visible;
        padding: 15px 0 40px;
        gap: 12px;
        justify-content: flex-start;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
    }

    /* استایل اسکرول بار */
    .products-boxi::-webkit-scrollbar {
        height: 4px;
    }

    .products-boxi::-webkit-scrollbar-track {
        background: rgba(0, 0, 0, 0.05);
        border-radius: 10px;
    }

    .products-boxi::-webkit-scrollbar-thumb {
        background: #ee1a45;
        border-radius: 10px;
    }

    /* ========================================== */
    /* کارت محصولات در موبایل */
    /* ========================================== */
    .card-boxi {
        width: 90px;
        height: 90px;
        margin-left: 0;
        flex-shrink: 0;
        scroll-snap-align: center;
        transform: rotate(0deg) !important;
        transition: all 0.2s ease;
        background: #fff;
        border-radius: 18px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    }

    /* حذف چرخش در موبایل */
    .card-boxi:nth-child(1),
    .card-boxi:nth-child(2),
    .card-boxi:nth-child(3),
    .card-boxi:nth-child(4),
    .card-boxi:nth-child(5),
    .card-boxi:nth-child(6),
    .card-boxi:nth-child(7) {
        transform: rotate(0deg) !important;
    }

    .card-boxi.featured {
        width: 100px;
        height: 100px;
        transform: scale(1.05);
    }

    .card-boxi img {
        width: 55px;
        height: 55px;
    }

    /* ========================================== */
    /* هاور - فقط برای کلیک در موبایل */
    /* ========================================== */
    .card-boxi:hover {
        transform: translateY(-5px) scale(1.05) !important;
    }

    /* ========================================== */
    /* تولتیپ - بهبود یافته برای موبایل */
    /* ========================================== */
    .tooltip-boxi {
        position: fixed;
        bottom: auto;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #1e293b;
        color: #fff;
        font-size: 13px;
        padding: 10px 18px;
        border-radius: 12px;
        white-space: nowrap;
        opacity: 0;
        visibility: hidden;
        transition: all 0.2s;
        z-index: 10000;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
        pointer-events: none;
    }

    .tooltip-boxi::after {
        display: none;
    }

    /* نمایش تولتیپ با کلیک در موبایل */
    .card-boxi:active .tooltip-boxi {
        opacity: 1;
        visibility: visible;
    }

    /* ========================================== */
    /* عکس سمت چپ */
    /* ========================================== */
    .left-visual {
        min-width: auto;
        text-align: center;
        margin-top: 10px;
    }

    .left-visual img {
        width: 80px;
        opacity: 0.7;
    }

    /* ========================================== */
    /* نشان badge */
    /* ========================================== */
    .badge-boxi {
        top: -4px;
        right: -4px;
        font-size: 9px;
        padding: 3px 6px;
    }
}

/* ========================================== */
/* موبایل کوچک (زیر 480px) */
/* ========================================== */
@media (max-width: 480px) {
    .products-boxi {
        gap: 10px;
        padding: 10px 0 35px;
    }

    .card-boxi {
        width: 75px;
        height: 75px;
        border-radius: 14px;
    }

    .card-boxi.featured {
        width: 85px;
        height: 85px;
    }

    .card-boxi img {
        width: 45px;
        height: 45px;
    }

    .side-title-boxi h3 {
        font-size: 22px;
    }

    .side-title-boxi span {
        font-size: 11px;
    }

    .tooltip-boxi {
        font-size: 11px;
        padding: 8px 14px;
    }
}

/* ========================================== */
/* تبلت (بین 768px تا 1024px) */
/* ========================================== */
@media (min-width: 769px) and (max-width: 1024px) {
    .wrapper-boxi {
        gap: 15px;
    }

    .side-title-boxi h3 {
        font-size: 40px;
    }

    .card-boxi {
        width: 70px;
        height: 70px;
    }

    .card-boxi.featured {
        width: 85px;
        height: 85px;
    }

    .card-boxi img {
        width: 45px;
        height: 45px;
    }

    .products-boxi {
        overflow-x: auto;
        gap: 8px;
        padding-bottom: 20px;
    }

    .products-boxi::-webkit-scrollbar {
        height: 3px;
    }
}








/* باکس داغترین ها*/

.wrap-htfxi {
    margin: auto;
    background: var(--card-bg);
    border-radius: 18px;
    padding: 22px 26px 26px;
    box-shadow: var(--shadow);
    border: 1px solid #EEF2F9;
}

/* head-htfxier */
.head-htfxi {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.head-htfxi .emoji {
    font-size: 26px;
}

.head-htfxi h1 {
    font-size: 20px;
    margin: 0;
    font-weight: 700;
}

.head-htfxi .sub {
    margin-right: auto;
    font-size: 13px;
    color: var(--muted);
}

/* divider */
.thin-line {
    height: 1px;
    background: linear-gradient(to left, transparent, var(--border), transparent);
    margin: 18px 0 22px;
}

/* columns */
.columns-htfxi {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

/* item-htfxi card */
.item-htfxi {
    display: flex;
    gap: 14px;
    padding: 14px 14px;
    border-radius: 14px;
    background: #fff;
    border: 1px solid var(--border);
    position: relative;
    transition: .25s ease;
}

.item-htfxi + .item-htfxi {
    margin-top: 14px;
}

.item-htfxi:hover {
    box-shadow: 0 10px 28px rgba(37, 99, 235, .12);
    transform: translateY(-3px);
    border-color: var(--primary);
}

/* rank-htfxi badge-htfxi */
.rank-htfxi {
    position: absolute;
    top: -10px;
    right: -10px;
    background: linear-gradient(135deg, var(--primary), #1e40af);
    color: #fff;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 800;
    box-shadow: 0 6px 14px rgba(37, 99, 235, .35);
    z-index: 2;
}

/* image */
.thumb-htfxi {
    width: 72px;
    height: 72px;
    border-radius: 12px;
    border: 1px solid var(--border);
    background: #fafafa;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.thumb-htfxi img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* meta-htfxi */
.meta-htfxi {
    flex: 1;
    min-width: 0;
}

.meta-htfxi .title {
    font-size: 14.5px;
    font-weight: 600;
    line-height: 1.35;
    margin-bottom: 8px;
    display: block;
    text-decoration: none;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    max-width: 212px;
}

.meta-htfxi .small {
    font-size: 14px;
    color: var(--muted);
}

/* special tag (optional) */
.badge-htfxi {
    display: inline-block;
    background: rgba(245, 158, 11, .12);
    color: #b45309;
    font-size: 11px;
    padding: 3px 8px;
    border-radius: 999px;
    margin-top: 6px;
    font-weight: 500;
}

/* ===== ریسپانسیو ===== */

/* تبلت بزرگ - ۳ ستون به ۲ ستون */
@media (max-width: 1100px) {
    .columns-htfxi {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }

    .wrap-htfxi {
        padding: 20px 22px 24px;
    }
}

/* تبلت کوچک */
@media (max-width: 900px) {
    .columns-htfxi {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .wrap-htfxi {
        padding: 18px 20px 22px;
        border-radius: 16px;
    }

    .head-htfxi {
        gap: 12px;
    }

    .head-htfxi .emoji {
        font-size: 24px;
    }

    .head-htfxi h1 {
        font-size: 18px;
    }

    .head-htfxi .sub {
        font-size: 12px;
    }

    .meta-htfxi .title {
        max-width: 100%;
    }
}

/* موبایل */
@media (max-width: 768px) {
    .wrap-htfxi {
        padding: 16px 16px 20px;
    }

    .head-htfxi {
        gap: 10px;
    }

    .head-htfxi .emoji {
        font-size: 22px;
    }

    .head-htfxi h1 {
        font-size: 16px;
    }

    .head-htfxi .sub {
        font-size: 11px;
        margin-right: 0;
        width: 100%;
        order: 3;
    }

    .thin-line {
        margin: 14px 0 18px;
    }

    .item-htfxi {
        padding: 12px 12px;
        gap: 12px;

    }

    .item-htfxi + .item-htfxi {
        margin-top: 12px;
    }

    .thumb-htfxi {
        width: 60px;
        height: 60px;
    }

    .meta-htfxi .title {
        font-size: 13px;
        margin-bottom: 6px;
    }

    .meta-htfxi .small {
        font-size: 11px;
    }

    .rank-htfxi {
        width: 30px;
        height: 30px;
        font-size: 12px;
        top: -8px;
        right: -8px;
    }

    .badge-htfxi {
        font-size: 10px;
        padding: 2px 6px;
    }
}

/* موبایل کوچک */
@media (max-width: 480px) {
    .wrap-htfxi {
        padding: 14px 12px 16px;
        border-radius: 14px;
    }

    .head-htfxi .emoji {
        font-size: 20px;
    }

    .head-htfxi h1 {
        font-size: 15px;
    }

    .item-htfxi {
        padding: 10px 10px;
        gap: 10px;
        width: 40%;
    }

    .thumb-htfxi {
        width: 50px;
        height: 50px;
        border-radius: 10px;
    }

    .meta-htfxi .title {
        font-size: 12px;
    }

    .rank-htfxi {
        width: 26px;
        height: 26px;
        font-size: 11px;
        border-radius: 8px;
    }
}
/* باکس داغترین ها*/























































/* وبلاک */

.blg-hx {

padding: 10px 0;

direction: rtl;
margin: 30px;

}



.blg-hx-container {

max-width: 1200px;

margin: auto;

display: grid;

grid-template-columns: repeat(3, 1fr);

gap: 25px;

}



/* ====== card ====== */

.blg-hx-card {

transition: 0.3s;

}



/* تصویر */

.blg-hx-thumb {

position: relative;

border-radius: 14px;

overflow: hidden;

}



.blg-hx-thumb img {

width: 100%;

height: 200px;

object-fit: cover;

display: block;

transition: 0.4s;

}



/* زمان */

.blg-hx-time {

position: absolute;

top: 10px;

left: 10px;

background: #fff;

font-size: 12px;

padding: 5px 10px;

border-radius: 20px;

box-shadow: 0 5px 15px rgba(0,0,0,0.1);

}



/* ====== layout متن (نکته اصلی) ====== */

.blg-hx-content {

display: flex;

gap: 15px;

margin-top: 12px;

}



/* عنوان سمت راست */

.blg-hx-title {
	flex: 1.5;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.9;
	margin: 0;
  color: #021959 !important;
	text-decoration: none;
  font-family: var(--font-peyda);
}
.blg-hx-excerpt {
	flex: 1;
	font-size: 13px;
	line-height: 2;
	margin: 0;
	text-align: justify;
  font-family: var(--tg-body-YekanBakh);
}



/* hover */

.blg-hx-card:hover img {

transform: scale(1.05);

}




/* ====== responsive ====== */

@media (max-width: 992px) {

.blg-hx-container {

grid-template-columns: repeat(2, 1fr);

}



.blg-hx-content {

flex-direction: column;

}

}



@media (max-width: 600px) {

.blg-hx-container {

grid-template-columns: 1fr;

}

}

/* وبلاک */




/* archive-blog */


/* وبلاک */
.archive-blog {
    padding: 10px 0;
    direction: rtl;
    margin: 30px;
}

.archive-blog-container {
    max-width: 1200px;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

/* ====== card ====== */
.archive-blog-card {
    transition: 0.3s;
}

/* تصویر */
.archive-blog-thumb {
    position: relative;
    border-radius: 14px;
    overflow: hidden;
}

.archive-blog-thumb img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
    transition: 0.4s;
}

/* زمان */
.archive-blog-time {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #fff;
    font-size: 12px;
    padding: 5px 10px;
    border-radius: 20px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

/* ====== layout متن (نکته اصلی) ====== */
.archive-blog-content {
    display: flex;
    gap: 15px;
    margin-top: 12px;
}

/* عنوان سمت راست */
.archive-blog-title {
    flex: 1;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.9;
    margin: 0;
    color: #021959 !important;
    text-decoration: none;
    font-family: var(--font-peyda);
}

.archive-blog-title a {
    color: #021959 !important;
    text-decoration: none;
}

.archive-blog-excerpt {
    flex: 1;
    font-size: 13px;
    line-height: 2;
    margin: 0;
    text-align: justify;
    font-family: var(--tg-body-YekanBakh);
}

/* hover */
.archive-blog-card:hover img {
    transform: scale(1.05);
}

/* ====== responsive ====== */
@media (max-width: 992px) {
    .archive-blog-container {
        grid-template-columns: repeat(2, 1fr);
    }
    .archive-blog-content {
        flex-direction: column;
    }
}

@media (max-width: 600px) {
    .archive-blog-container {
        grid-template-columns: 1fr;
    }
}

/* archive-blog */




/* ====part-9======= */
/* صفحه محصولات تک */
.custom-notification {
    position: fixed;
    top: 20px;
    left: 20px;
    z-index: 9999;
    transform: translateX(-120%);
    transition: transform 0.3s ease;
}

.custom-notification.show {
    transform: translateX(0);
}

.notification-content {
    display: flex;
    align-items: center;
    gap: 12px;
    background: white;
    padding: 14px 20px;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    border-right: 4px solid;
    min-width: 280px;
}

.custom-notification.error .notification-content {
    border-right-color: #ff2d55;
    background: #fff5f5;
}

.custom-notification.success .notification-content {
    border-right-color: #00c851;
    background: #f0fff4;
}

.notification-icon {
    font-size: 20px;
}

.notification-message {
    font-size: 14px;
    font-weight: 500;
    color: #1a1f36;
}

@media (max-width: 768px) {
    .custom-notification {
        top: 10px;
        left: 10px;
        right: 10px;
    }

    .notification-content {
        width: auto;
        min-width: auto;
        padding: 12px 16px;
    }
}

.qty-btn {
    width: 35px;
    height: 35px;
    background: #f3f4f6;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    cursor: pointer;
}

.qty-input {
    width: 60px;
    text-align: center;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 8px;
}


.singleproduct-container{

max-width:1320px;

margin:auto;

padding:30px 20px;

}



/* TOP */

.singleproduct-product-top{

display:flex;

gap:30px;

}



/* GALLERY */
.singleproduct-gallery {
    width: 30%;
    position: relative;
}

.singleproduct-gallery-main {
    border: 1px solid #f2f4f7;
    border-radius: 10px;
    height: 420px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    padding: 20px;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease;
}

.singleproduct-gallery-main:hover {
	/* border-color: #c7c7c7; */
	/* box-shadow: 0 4px 12px rgba(22,163,74,0.1); */
}

.singleproduct-gallery-main img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.singleproduct-gallery-main:hover img {
    transform: scale(1.02);
}

/* دکمه زوم */
.zoom-icon {
    position: absolute;
    bottom: 15px;
    right: 15px;
    background: rgba(255,255,255,0.9);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0;
    transition: all 0.3s;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border: 1px solid #f2f4f7;
}

.singleproduct-gallery-main:hover .zoom-icon {
    opacity: 1;
}

.zoom-icon:hover {
	background: #1a1a1a;
	color: white;
}

/* تصاویر کوچک */
/* تصاویر کوچک - ۵ تایی در هر ردیف */
.singleproduct-gallery-thumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 15px;
    position: relative;
}

.singleproduct-gallery-thumbs img {
    width: calc(20% - 8px); /* 5 تا در هر ردیف */
    height: 80px;
    border-radius: 10px;
    background: #f8f9fb;
    padding: 6px;
    cursor: pointer;
    border: 1px solid transparent;
    object-fit: cover;
    transition: all 0.2s ease;
    overflow: hidden;
}

.singleproduct-gallery-thumbs img:hover {
    border: 1px solid #ddd;
    transform: translateY(-2px);
}

.singleproduct-gallery-thumbs img.active {
	border: 2px solid #ff2d55;
	background: #fff;
	box-shadow: 0 2px 8px rgba(22,163,74,0.2);
}

/* لایت‌باکس */
.gallery-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.9);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
}

.gallery-lightbox.active {
    visibility: visible;
    opacity: 1;
}

.lightbox-content {
    position: relative;
    max-width: 90%;
    max-height: 90%;
}

.lightbox-content img {
    max-width: 100%;
    max-height: 90vh;
    object-fit: contain;
    border-radius: 10px;
}

.lightbox-close {
    position: absolute;
    top: -40px;
    right: 0;
    color: white;
    font-size: 30px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.5);
    border-radius: 50%;
    transition: all 0.2s;
}

.lightbox-close:hover {
    background: #16a34a;
    transform: rotate(90deg);
}
.lightbox-prev,
.lightbox-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(0,0,0,0.5);
	color: white;
	border: none;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	cursor: pointer;
	font-size: 20px;
	transition: all 0.2s;
	transform: rotate(180deg);
}

.lightbox-prev {
    left: -50px;
}

.lightbox-next {
    right: -50px;
}

.lightbox-prev:hover,
.lightbox-next:hover {
    background: #575757;
}

/* ریسپانسیو */



/* CONTENT */

.singleproduct-content{

flex:1;

}



/* TITLE */

.singleproduct-title {
	font-size: 20px;
	color: #021959;
	font-weight: 700;
	line-height: 32px;
}

.singleproduct-subtitle {

margin-top: 6px 0;

color: #a2a9be;

font-size: 12px;

font-weight: 400;

text-transform: uppercase;

letter-spacing: 3px;

align-items: baseline;

justify-content: end;

display: flex;

}







/* GRID */

.singleproduct-grid{

display:grid;

grid-template-columns: 2fr 1.20fr;

gap:25px;

align-items:start;

}

.singleproduct-main{

display:grid;

grid-template-columns: 1fr 1fr; /* توضیحات | ویژگی‌ها */

gap:25px;

}



/* BOX TITLE */

.singleproduct-box-title {
	font-size: 17px;
	color: #969fae;
	font-weight: 400;
}


/* DESCRIPTION */

.singleproduct-desc {

font-size: 13px;

height: 220px;

overflow: hidden;

position: relative;

font-style: normal;

font-weight: 600;

line-height: 245.455%;

color: #516292;

text-align: justify;

}



.singleproduct-desc:after{

content:"";

position:absolute;

bottom:0;

left:0;

right:0;

height:50px;

background:linear-gradient(to top,#fff,transparent);

}



/* FEATURES */

.singleproduct-features ul{

list-style:none;

padding:0;

margin:0;

}



.singleproduct-features li{

display:flex;

justify-content:space-between;

padding:10px 0;

font-size:13px;

border-bottom:1px solid #f0f2f6;

}



/* ========================================== */
/* هشدار تک محصول - single-alert */
/* ========================================== */
.single-alert {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	background: #fff;
	padding: 14px 16px;
	border-radius: 12px;
	margin: 15px 0;
	direction: rtl;
	border: 1px solid #e1e1e1;
	border-style: dashed;
}

.single-alert__icon {
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	margin-top: 2px;
	margin-left: 6px;
}

.single-alert__icon svg {
    width: 100%;
    height: 100%;
}

.single-alert__icon svg path {
    fill: #b1b1b1;
}

.single-alert__text {
	font-size: 13px;
	line-height: 1.8;
	color: #7e8eb9;
	font-weight: 400;
}

/* حالت موفقیت (سبز) */
.single-alert.success {
    background: #ecfdf5;
    border-right-color: #10b981;
}

.single-alert.success .single-alert__icon svg path {
    fill: #10b981;
}

.single-alert.success .single-alert__text {
    color: #065f46;
}

/* حالت خطا (قرمز) */
.single-alert.error {
    background: #fef2f2;
    border-right-color: #ef4444;
}

.single-alert.error .single-alert__icon svg path {
    fill: #ef4444;
}

.single-alert.error .single-alert__text {
    color: #991b1b;
}

/* حالت اطلاع‌رسانی (آبی) */
.single-alert.info {
    background: #eff6ff;
    border-right-color: #3b82f6;
}

.single-alert.info .single-alert__icon svg path {
    fill: #3b82f6;
}

.single-alert.info .single-alert__text {
    color: #1e40af;
}

/* ریسپانسیو */
@media (max-width: 768px) {
    .single-alert {
        padding: 12px 14px;
        gap: 10px;
    }

    .single-alert__text {
        font-size: 12px;
        line-height: 1.7;
    }
}

/* PRICE BOX single */
/* ==========================================
   SINGLE PRODUCT PRICE BOX - COMPLETE STYLES
   ========================================== */

   .singleproduct-price-box {
   	border-radius: 10px;
   	position: sticky;
   	top: 20px;
   	background: #fff;
   	transition: all 0.3s ease;
   	padding: 10px;
   }
/* ==========================================
   ساختار قیمت سفارشی
   ========================================== */
.price-hifix-single-price {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
}

/* ردیف بالا - قیمت اصلی و تخفیف */
.price-hifix-single-price-no-discount {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* قیمت خط خورده */
.price-hifix-single-price-no-discount-price span {
    color: #9aa8bc;
    font-size: 14px;
    font-weight: 500;
    text-decoration: line-through;
}

/* باکس تخفیف */
.price-hifix-single-price-discounted-percentage {
    display: flex;
    align-items: center;
    gap: 4px;
}

/* درصد تخفیف */
.price-hifix-single-price-discounted-percentage-number {
    background: #f14559;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 3px 6px;
    border-radius: 6px;
    transition: transform 0.3s ease;
}

/* قیمت نهایی */
.price-hifix-single-price-discounted-amount-price {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 20px;
    font-weight: 700;
    color: #1a1f36;
    transition: transform 0.3s ease;
}

/* ==========================================
   استایل قیمت ووکامرس
   ========================================== */

/* مخفی کردن متن تومان ووکامرس */

/* مخفی کردن screen-reader-text */
.singleproduct-price-box .screen-reader-text {
    display: none !important;
}

/* کانتینر اصلی قیمت ووکامرس */
.singleproduct-price-box .price {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ردیف قیمت خط خورده */
.singleproduct-price-box .price del {
    order: 1 !important;
    text-decoration: none !important;
    opacity: 1 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* استایل قیمت اصلی (خط خورده) */
.singleproduct-price-box .price del .woocommerce-Price-amount {
    text-decoration: line-through !important;
}

.singleproduct-price-box .price del .woocommerce-Price-amount bdi {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    color: #9aa8bc !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: line-through !important;
}




/* ردیف قیمت تخفیف خورده */
.singleproduct-price-box .price ins {
    order: 2 !important;
    text-decoration: none !important;
    display: block !important;
}

.singleproduct-price-box .price ins .woocommerce-Price-amount bdi {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #021959 !important;
}

.singleproduct-price-box .woocommerce-Price-currencySymbol {
    font-family: 'yekanbakh', 'yekanbakh', sans-serif !important;
    color: #021959 !important;
}

/* حالت بدون تخفیف */
.singleproduct-price-box .price:not(:has(del)) .woocommerce-Price-amount bdi {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #021959 !important;
}

.singleproduct-price-box .price:not(:has(del)) .woocommerce-Price-amount bdi::after {
    content: "" !important;
    display: inline-block !important;
    width: 15px !important;
    height: 15px !important;
    margin-right: 5px !important;
}
.hfx-price-wrap{
    display:inline-flex;
    align-items:center;
    gap:6px;
}


/* ==========================================
   PLACEHOLDER برای قیمت متغیر
   ========================================== */
.variable-price-placeholder {
    color: #64748b !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    display: block !important;
    padding: 10px 0 !important;
}

#variation-stock {
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 5px 0 !important;
    transition: color 0.3s ease !important;
}

/* ==========================================
   مخفی کردن المنت‌های اضافی ووکامرس
   ========================================== */
.stock.in-stock {
    display: none !important;
}

.woocommerce-variation-price,
.variations_form .price:not(#selected-price .price) {
    display: none !important;
}

/* ==========================================
   QUANTITY CONTROLS
   ========================================== */
.product-cart-wrapper .quantity {
    padding: 6px !important;
    height: 52px !important;
    align-items: center !important;
    background-color: #f2f4fb !important;
    border-radius: 12px !important;
    display: flex !important;
    justify-content: space-between !important;
}

.product-cart-wrapper .qty-minus {
    background-color: #fff !important;
    width: 40px !important;
    border-radius: 7px !important;
    cursor: pointer !important;
    height: 40px !important;
    color: #67759b !important;
}

.quantity .qty-minus,
.quantity .qty-plus {
    background-color: #fff !important;
    width: 40px !important;
    border-radius: 7px !important;
    cursor: pointer !important;
    height: 40px !important;
    color: #67759b !important;
    border: none !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
}

.quantity .qty-minus:hover,
.quantity .qty-plus:hover {
    background-color: #e9ecf5 !important;
}

.quantity input.qty {
    background-color: transparent !important;
    height: 60px !important;
    width: 35px !important;
    font-weight: 800 !important;
    color: #67759b !important;
    border: none !important;
    text-align: center !important;
    font-size: 16px !important;
}

/* ==========================================
   ADD TO CART BUTTON
   ========================================== */
.single_add_to_cart_button.button,
.add-to-cart-btn {
    margin-top: 20px !important;
    background: var(--all-desc, #021959) !important;
    color: #fff !important;
    padding: 16px !important;
    border-radius: 10px !important;
    text-align: center !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    font-family: peyda;
    width: 100% !important;
    border: none !important;
    font-size: 16px !important;
}

.single_add_to_cart_button.button:hover:not(:disabled),
.add-to-cart-btn:hover:not(:disabled) {
    opacity: 0.9 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(2, 25, 89, 0.15) !important;
}

/* دکمه غیرفعال */
.single_add_to_cart_button.button:disabled,
.single_add_to_cart_button.button.disabled,
.add-to-cart-btn:disabled,
.add-to-cart-btn.disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    background: #94a3b8 !important;
    pointer-events: none !important;
    transform: none !important;
    box-shadow: none !important;
}

/* دکمه ناموجود */
.single_add_to_cart_button.button.out-of-stock,
.add-to-cart-btn.out-of-stock {
    background: #f44336 !important;
    cursor: not-allowed !important;
    opacity: 0.7 !important;
}

/* ==========================================
   CUSTOM VARIATION SELECT
   ========================================== */
.custom-variation-select {
    width: 100% !important;
    padding: 12px 16px !important;
    border: 2px solid #e2e8f0 !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    font-family: var(--font-sansm) !important;
    background-color: #fff !important;
    color: #1a1f36 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231a1f36' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: left 16px center !important;
    margin: 10px 0 !important;
}

.custom-variation-select:hover {
    border-color: #021959 !important;
}

.custom-variation-select:focus {
    outline: none !important;
    border-color: #021959 !important;
    box-shadow: 0 0 0 3px rgba(2, 25, 89, 0.1) !important;
}

/* ==========================================
   CART BUMP ANIMATION
   ========================================== */
.cart-bump {
    animation: cartBump 0.5s ease !important;
}

@keyframes cartBump {
    0%, 100% { transform: scale(1); }
    25% { transform: scale(1.2) rotate(-5deg); }
    50% { transform: scale(1.3) rotate(5deg); }
    75% { transform: scale(1.1) rotate(-2deg); }
}

/* ==========================================
   COLOR SWATCH STYLES
   ========================================== */
.variation-color-wrapper {
    margin: 10px 0 !important;
}

.color-swatch {
    display: inline-block !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 8px !important;
    margin: 5px !important;
    cursor: pointer !important;
    border: 2px solid transparent !important;
    transition: all 0.3s ease !important;
    position: relative !important;
}

.color-swatch:hover:not(.disabled) {
    transform: scale(1.1) !important;
}

.color-swatch.selected {
    border-color: #021959 !important;
    box-shadow: 0 0 0 2px rgba(2, 25, 89, 0.2) !important;
}

.color-swatch.disabled {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
    position: relative !important;
}

.color-swatch.disabled::after {
    content: "✕" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    color: #f44336 !important;
    font-size: 20px !important;
    font-weight: bold !important;
}

/* ==========================================
   CLEAR VARIATIONS BUTTON
   ========================================== */
.clear-variations-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 8px 16px !important;
    background: #f1f5f9 !important;
    color: #64748b !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    margin-top: 10px !important;
}

.clear-variations-btn:hover {
    background: #e2e8f0 !important;
    color: #1a1f36 !important;
}

/* ==========================================
   RESPONSIVE
   ========================================== */

.variable-price-placeholder {
    color: #64748b;
    font-size: 16px;
    font-weight: 500;
}

/* مخفی کردن قیمت‌های اضافی ووکامرس */
.woocommerce-variation-price,
.variations_form .price:not(#selected-price .price) {
    display: none !important;
}




.custom-variation-select {
	width: 100%;
	padding: 12px 16px;
	border: 2px solid #e2e8f0;
	border-radius: 12px;
	font-size: 14px;
	font-family: var(--font-sansm);
	background-color: #fff;
	color: #1a1f36;
	cursor: pointer;
	transition: all 0.3s ease;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231a1f36' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: left 16px center;
	/* background: #f2f4fb !important; */
	margin: 10px 10px;
}


.custom-variation-select:hover {
    border-color: #021959;
}

.custom-variation-select:focus {
    outline: none;
    border-color: #021959;
    box-shadow: 0 0 0 3px rgba(2, 25, 89, 0.1);
}

/* کلاس‌های مخصوص هر attribute */
.select-pa_color {
    /* استایل خاص برای سلکت رنگ */
}

.select-pa_size {
    /* استایل خاص برای سلکت سایز */
}



/*-------------chart js ----------
/* ==========================================
   استایل نمودار قیمت - نسخه ایزوله
   ========================================== */
.price-chart-widget {
    margin: 0;
}

.price-chart-content {
    background: #fafbfc;
    border-radius: 12px;
    padding: 16px;
    border: 1px solid #edf2f7;
}

.chart-current-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.chart-current-label {
    font-size: 13px;
    color: #64748b;
}

.chart-current-value {
	font-size: 22px;
	font-weight: 700;
	color: #1e293b;
	display: contents;
}
.chart-discount-badge {
    background: #fee2e2;
    color: #dc2626;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
}

.chart-svg-wrapper {
    margin: 10px 0;
}

.price-chart-svg {
    width: 100%;
    height: auto;
    max-height: 180px;
    display: block;
}

.chart-tooltip-box {
    background: #1e293b;
    color: white;
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.15s ease, visibility 0.15s ease;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    border: 1px solid #334155;
    pointer-events: none;
}

.chart-tooltip-box.current {
    border-color: #dc2626;
}

.tooltip-date {
    font-size: 20px;
    color: #94a3b8;
    margin-top: 3px;
    font-weight: 400;
}

.chart-tooltip-group:hover .chart-tooltip-box {
    opacity: 1;
    visibility: visible;
}

.tooltip-trigger {
    cursor: pointer;
}

.chart-labels-row {
    display: flex;
    justify-content: space-around;
    margin-top: 8px;
    padding: 0 5px;
}

.chart-label-item {
    font-size: 10px;
    color: #94a3b8;
    transform: rotate(-25deg);
    transform-origin: top right;
    white-space: nowrap;
}

.chart-stats-row {
    display: flex;
    justify-content: space-around;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid #e2e8f0;
}

.chart-stat-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.chart-stat-item span:first-child {
    font-size: 11px;
    color: #64748b;
}

.chart-stat-item span:last-child {
    font-size: 14px;
    font-weight: 700;
    color: #1e293b;
}

.chart-stat-item .old-price {
    color: #94a3b8;
    text-decoration: line-through;
    font-size: 13px;
}

.chart-stat-item .discount-price {
    color: #10b981;
}

.chart-date-header {
	font-size: 14px;
	color: #94a3b8;
	font-weight: 300;
}
/* انیمیشن ساده */
@keyframes chartLineDraw {
    from { stroke-dashoffset: 1000; }
    to { stroke-dashoffset: 0; }
}

.price-chart-svg path[stroke="#021959"] {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: chartLineDraw 1s ease forwards;
}

/* ریسپانسیو */





/* واحد */


.singleproduct-rating {
	justify-content: space-between;
	display: flex;
	gap: 5px;
	margin-top: 20px;
	/* padding-bottom: 10px; */
	margin-bottom: 12px;
	border-bottom: 1px solid #e6eaf0;
	font-size: 13px;
	padding: 10px 5px;
	align-items: end;
}


.product--offer-timer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #ff2d55;
    padding: 14px;
    border-radius: 10px;
    margin-bottom: 22px;
}

.product--offer-timer-text {
    display: flex;
    align-items: center;
}

.product--offer-timer-text img {
    max-width: 100%;
}

.product--offer-timer-number {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 19px;
    font-weight: 700;
    color: #fff;
    direction: ltr; /* اعداد به صورت چپ‌چین نمایش داده شوند */
    justify-content: flex-start;
}

.product--offer-timer-number span {
    display: inline-block;
}

.product--offer-timer-number .separator {
    margin: 0 2px;
    font-weight: 900;
    font-size: 20px;
}




.singleproduct-rating-days {

position: relative;

display: inline-block;

padding: 2px 8px;

font-weight: bold;

}

/*

.singleproduct-rating-days::before {

content: '';

position: absolute;

left: 0;

bottom: 0;

width: 100%;

height: 12px;

background: rgba(193, 242, 219, 0.78);

border-radius: 2px;

z-index: -1;

}*/











.singleproduct-price {



margin: 15px 0;

display: flex;

align-items: baseline;

justify-content: end;

font-size: 18px;

font-style: normal;

font-weight: 600;

color:  #021a5d;

}



.shadow-action-pro {

filter: drop-shadow(0px 12px 12px rgba(140, 154, 176, 0.12));

/*
box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
*/
}


/* QTY */

.singleproduct-qty {

display: flex;

border-radius: 5px;

overflow: hidden;

margin-bottom: 15px;

justify-content: space-between;

padding: 10px 0;

background-color: #f2f4fb !important;

}



.singleproduct-qty button{

width:45px;

border:none;

background:none;

cursor:pointer;

font-size:18px;

}



.singleproduct-qty input {

width: 50px;

text-align: center;

border: none;

font-weight: 100;

background: none;

}





.product-mai-c {

display: flex;

justify-content: space-between;

margin-top: 7px;

}

.product-mai-c-text {

font-size: 12px;

font-weight: 600;

color: #364572;

}



.product-mai-c-svg {

display: flex;

padding-top: 1px;

}






/* صفحه محصولات تک */


















.attr-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-bottom: 20px;
}

/* محدود کردن عرض گرید */
.singleproduct-main .attr-grid {
    grid-column: 1 / -1;
    max-width: 100%;
}

.attr-card {
    border: 1px solid #e9edf2;
    border-radius: 8px;
    padding: 10px 8px; /* کاهش padding */
    text-align: center;
    transition: all 0.2s ease;
    min-width: 0; /* برای جلوگیری از سرریز */
}

.attr-card span {
    display: block;
    color: #969fae;
    font-size: 11px; /* کوچک‌تر */
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.attr-card b {
	color: #213770;
	font-size: 12px;
	font-weight: 600;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 155px;
}

/* اگر متن بلند بود با نقطه چین نشون بده */
.attr-card:hover b {
  /*     white-space: normal;
      word-break: break-word; */

}



/* ریسپانسیو گالری */
@media (max-width: 992px) {
    .singleproduct-gallery {
        width: 100%;
        margin-bottom: 20px;
    }

    .lightbox-prev {
        left: 10px;
    }

    .lightbox-next {
        right: 10px;
    }

    /* بهبود نمایش دکمه‌های لایت‌باکس در تبلت */
    .lightbox-prev,
    .lightbox-next {
        width: 35px;
        height: 35px;
        font-size: 18px;
        background: rgba(0,0,0,0.6);
    }
}

@media (max-width: 576px) {
    .singleproduct-gallery-main {
        height: 320px;
    }

    .singleproduct-gallery-thumbs img {
        width: 55px;
        height: 55px;
    }

    /* تنظیم فاصله دکمه‌های لایت‌باکس در موبایل */
    .lightbox-prev {
        left: 5px;
    }

    .lightbox-next {
        right: 5px;
    }

    /* کوچک‌تر شدن دکمه بستن در موبایل */
    .lightbox-close {
        top: -35px;
        right: 5px;
        width: 35px;
        height: 35px;
        font-size: 24px;
    }
}

/* ==========================================
   RESPONSIVE GRID & LAYOUT
   ========================================== */
@media (max-width: 992px) {
    .singleproduct-product-top {
        flex-direction: column;
        gap: 20px;
    }

    .singleproduct-grid {
        grid-template-columns: 1fr; /* ستون قیمت به زیر ستون توضیحات می‌رود */
        gap: 20px;
    }

    .singleproduct-main {
        grid-template-columns: 1fr; /* توضیحات و ویژگی‌ها زیر هم */
        gap: 15px;
    }

    .singleproduct-price-box {
        position: relative; /* حالت sticky در تبلت غیرفعال شود بهتر است */
        top: 0;
    }

    /* تنظیم ارتفاع توضیحات برای موبایل */
    .singleproduct-desc {
        height: auto;
        max-height: 180px;
    }
}

@media (max-width: 768px) {
    .singleproduct-container {
        padding: 15px 12px;
    }

    .singleproduct-title {
        font-size: 18px;
    }

    .singleproduct-subtitle {
        font-size: 11px;
        letter-spacing: 2px;
    }

    /* تنظیم سایز فونت‌ها */
    .singleproduct-features li {
        font-size: 12px;
        padding: 8px 0;
    }

    .singleproduct-desc {
        font-size: 12px;
        line-height: 220%;
    }
}

@media (max-width: 480px) {
    .singleproduct-container {
        padding: 10px 8px;
    }

    .singleproduct-title {
        font-size: 16px;
    }

    /* مخفی کردن گرادیان انتهای توضیحات اگر ارتفاع اتوماتیک شد */
    .singleproduct-desc:after {
        display: none;
    }

    .singleproduct-desc {
        max-height: none;
    }
}


/* ==========================================
   RESPONSIVE PRICE BOX
   ========================================== */
@media (max-width: 768px) {
    .singleproduct-price-box {
        position: relative !important;
        top: 0 !important;
        padding: 15px 0 !important;
    }

    .price-hifix-single-price-discounted-amount-price,
    .singleproduct-price-box .price ins .woocommerce-Price-amount bdi {
        font-size: 18px !important;
    }

    .price-hifix-single-price-no-discount-price span,
    .singleproduct-price-box .price del .woocommerce-Price-amount bdi {
        font-size: 13px !important;
    }

    .quantity .qty-minus,
    .quantity .qty-plus {
        width: 35px !important;
        height: 35px !important;
    }

    .quantity input.qty {
        width: 30px !important;
        font-size: 14px !important;
    }

    .product-cart-wrapper .quantity {
        height: 48px !important;
    }

    .single_add_to_cart_button.button,
    .add-to-cart-btn {
        padding: 14px !important;
        font-size: 15px !important;
    }
}

@media (max-width: 480px) {
    .custom-variation-select {
        padding: 10px 12px !important;
        font-size: 13px !important;
    }

    .clear-variations-btn {
        width: 100%;
        justify-content: center;
    }
}


/* ریسپانسیو نمودار */
@media (max-width: 768px) {
    .price-chart-content {
        padding: 12px;
    }

    .chart-current-value {
        font-size: 18px;
    }

    .chart-label-item {
        font-size: 8px;
        transform: rotate(-15deg); /* زاویه کمتر برای خوانایی بهتر */
    }

    .chart-stats-row {
        flex-wrap: wrap;
        gap: 12px;
    }

    .chart-stat-item {
        flex: 1;
        min-width: 80px;
    }
}

@media (max-width: 480px) {
    .chart-current-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }

    .chart-svg-wrapper {
        overflow-x: auto;
        padding-bottom: 5px;
    }

    .price-chart-svg {
        min-width: 300px; /* جلوگیری از فشرده شدن بیش از حد نمودار */
    }
}


/* ریسپانسیو تایمر */
@media (max-width: 576px) {
    .product--offer-timer {
        padding: 10px;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .product--offer-timer-text {
        width: 100%;
        justify-content: space-between;
    }

    .product--offer-timer-number {
        font-size: 16px;
        width: 100%;
        justify-content: space-around;
    }

    .product--offer-timer-number .separator {
        font-size: 18px;
    }
}


/* ریسپانسیو کارت ویژگی‌ها */
@media (max-width: 768px) {
    .attr-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .attr-card {
        padding: 8px 6px;
    }

    .attr-card span {
        font-size: 10px;
    }

    .attr-card b {
        font-size: 11px;
        width: auto; /* حذف عرض ثابت 155px */
        white-space: normal; /* اجازه شکستن خط در موبایل */
        word-break: break-word;
    }
}

@media (max-width: 480px) {
    .attr-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }

    .attr-card {
        padding: 6px 4px;
    }
}

/* ==========================================
    اطمینان از نمایش نظرات در موبایل
   ========================================== */
   /* SERVICES */

   .services {

   display: flex;

   gap: 20px;

   margin-top: 20px;

   border: 1px dashed #e8edf4;

   border-radius: 8px;

   }



   .service{

   flex:1;

   background:#fff;

   border-radius:10px;

   padding:20px;

   display:flex;

   align-items:center;

   gap:10px;
   color: #324782;
  font-weight: 700;

   }

   .service img {
   	width: 30px;
   }

   .service small {
   	color: #969fae;
   	font-size: 13px;
   	font-weight: 300;
   }






   /* CATEGORY BOX */



   .container-single {

   display: flex;

   gap: 30px;

   flex-direction: row-reverse;

   align-items: flex-start; /* ستون‌ها بالای هم تراز شوند */

   }



   /* LEFT COLUMN */

   /* ستون متن نمونه (چپ فعلی در row-reverse) */

   .left-column {

   flex: 1; /* ستون چپ کل فضای باقی‌مانده را می‌گیرد */

   padding: 25px;

   border-radius: 10px;

   height: auto;

   position: sticky;

   top: 20px;

   }





   .singleproduct-stockb {

   font-size: 15px;

   color: #585858;

   text-align: center;

   margin-bottom: 10px;

   position: relative;

   display: flex;

   align-items: center;

   justify-content: space-between;

   gap: 5px;

   background: #f8f9fb;

   border-radius: 9px;

   padding: 10px 22px;

   text-align: justify;

   }











   .singleproduct-stockbz {

   font-size: 13px;

   color: #585858;

   font-weight: 500;

   margin-bottom: 10px;

   position: relative;

   display: flex;

   align-items: center;

   justify-content: space-between;

   gap: 5px;

   background: #f8f9fb;

   border-radius: 9px;

   padding: 10px 22px;

   text-align: justify;

   color: #021959;

   }
   .singleproduct-stockbz span {
   	font-size: 14px;
   	font-weight: 500;
   }


   .bg-stb {

   border-radius: 9px;

   padding-left: 22px;

   padding-right: 22px;

   padding: 1.25rem 5px;

   background-color: rgb(247, 248, 251);

   }



   .right-column {

   display: flex;

   flex-direction: column;

   width: 70%;

   }

   .buy-button {

   position: sticky; /* چسبندگی */

   top: 20px;        /* فاصله از بالای صفحه */

   margin: 20px 0;

   z-index: 10;      /* بالاتر از بقیه عناصر */

   }





   /* بقیه CSS همون قبلی است */

   .section {

   background:#fff;

   border:1px solid #f2f4f7;

   border-radius:10px;

   padding:25px;

   margin-bottom:20px;

   }



   .section h3 {

   margin-bottom:15px;

   }


   .product-int-single {
   }
   .product-int-single p {
   	color: #414141;
   	font-size: 15px;
   	font-weight: 500;
   	margin-bottom: 40px;
   	padding: 8px 0;
   	line-height: 1.9;
   	text-align: justify;
   }

   .product-int-single img {
   	padding: 25px 0;
   	border-radius: 10px;
   }

   .category-box {
   	background: #fff;
   	border: 1px dashed #dcdcdc;
   	border-radius: 10px;
   	padding: 20px;
   	display: flex;
   	justify-content: space-between;
   	align-items: center;
   	margin-top: 20px;
   	font-size: 13px;
   }

   .category-box a {
   	text-decoration: none;
   }

   .category-box img{

   width: 8%;

   }

   .tabs {

   display:flex;

   gap:20px;

   margin:30px 0;

   border-bottom:1px solid #eee;

   }



   .tabs div {

   cursor:pointer;

   padding:10px;

   font-weight:bold;

   color:#969fae;

   }



   .tabs div:hover {

   color:#516292;

   }







   /* بخش ویژگی های سینگل*/

   .utilities-singles {

   width: 100%;

   border-collapse: separate;

   border-spacing: 10px 12px; /* فاصله افقی و عمودی */

   }



   /* هر سلول مثل کارت */

   .utilities-singles td {

   background-color: rgb(248, 249, 251);

   padding: 12px 14px;

   border-radius: 10px;

   transition: all 0.25s ease;

   }



   /* ستون‌ها */

   .spec-name {

   color: #969fae;

   width: 40%;

   font-size: 14px;

   }



   .spec-value {

   color: #1a1f36;

   font-weight: 500;

   font-size: 14px;

   }



   /* 💎 سایه نرم + hover */

   .utilities-singles td {

   box-shadow: 0 2px 6px rgba(0,0,0,0.04);

   }





   /* 📱 موبایل */

   @media (max-width: 768px) {

   .utilities-singles {

   border-spacing: 0 10px;

   }



   .utilities-singles tr {

   display: grid;

   grid-template-columns: 1fr;

   gap: 6px;

   }



   .utilities-singles td {

   width: 100%;

   }



   .spec-name {

   font-size: 13px;

   }



   .spec-value {

   font-size: 15px;

   font-weight: 600;

   }

   }

   /* بخش ویژگی های سینگل*/



   /* بخش ثبت نظرات*/
   .slider-container-review {
     display: flex;
     align-items: center;
     gap: 12px;
   }

   .slider-container-review  {

   max-width: 100%;

   margin: 0 auto;

   position: relative;



   }





   .review-box {
     background: #fff;
     border-radius: 14px;
     padding: 25px;
     max-width: 1200px;
     margin: 40px auto;
   }

   /* TOP */
   .review-top {
     display: flex;
     gap: 40px;
   }

   /* FORM */
   .review-form {
     flex: 2;
   }

   .inputs {
     display: flex;
     gap: 15px;
     margin-bottom: 15px;
   }

   .review-form .inputs input {
     flex: 1;
     padding: 13px;
     border: 1px solid #e5e7eb;
     border-radius: 10px;
     font-family: inherit;
   }

   .review-form textarea {
     width: 100%;
     height: 160px;
     border: 1px solid #e5e7eb;
     border-radius: 10px;
     padding: 12px;
     font-family: inherit;
   }

   .submit-btn {
   	margin-top: 15px;
   	background: var(--all-desc);
   	color: #fff;
   	border: none;
   	padding: 12px 35px;
   	border-radius: 10px;
   	cursor: pointer;
   	float: right;
   	width: 100%;
   	font-family: var(--tg-body-YekanBakh);
   	font-size: 16px;
   	font-weight: 900;
   }

   /* RATING */
   .review-rating {
     flex: 1;
   }

   .score-box {
   	margin-bottom: 20px;
   	display: flex;
   	justify-content: space-between;
   	align-items: center;
   }

   .score-header {
     display: flex;
     justify-content: flex-start;
     font-size: 12px;
       color: #444b75;
       font-weight: 500;
   }

   .score-main {
     display: flex;
     align-items: center;
     gap: 10px;
   }

   .score-num {
   	font-size: 36px;
   	color: #516292;
   	font-weight: 900;
   }

   .stars {
   	color: #516292;
   	font-size: 18px;
   }

   /* LINE STYLE RATING WITH THUMB */
   .rate-item {
     margin-bottom: 5px;
     font-size: 13px;
   }

   .rate-item > span {
     display: block;
     margin-bottom: 8px;
     font-weight: 500;
   }



   .slider-track {
     flex: 1;
     position: relative;
     height: 6px;
     background: #e5e7eb;
     border-radius: 10px;
     cursor: pointer;
   }

   .slider-fill {
   	position: absolute;
   	left: 0;
   	top: 0;
   	height: 100%;
   	background: #61c297;
   	border-radius: 10px;
   	pointer-events: none;
   	width: 0%;
   }

   .slider-thumb {
   	position: absolute;
   	top: 50%;
   	transform: translate(-50%, -50%);
   	width: 20px;
   	height: 20px;
   	background: #ffffff;
   	border: 2.5px solid #516292;
   	border-radius: 50%;
   	box-shadow: 0 2px 8px rgba(0,0,0,0.15);
   	cursor: grab;
   	transition: 0.05s linear;
   	left: 0%;
   	pointer-events: auto;
   	z-index: 2;
   }

   .slider-thumb:active {
     cursor: grabbing;
     transform: translate(-50%, -50%) scale(1.15);
   }

   .score-value {
   	min-width: 38px;
   	font-weight: bold;
   	color: #516292;
   	background: #ececec;
   	padding: 4px 8px;
   	border-radius: 7px;
   	text-align: center;
   	font-size: 13px;
   }
   /* COMMENT CARD - استایل کامنت‌ها */
   .review-list {
     margin-top: 40px;
   }

   .comment-thread {
     margin-bottom: 20px;
   }

   .comment-card {
     border: 1px solid #eee;
     border-radius: 12px;
     padding: 18px;
     background: #fafafa;
     transition: all 0.2s;
   }

   /* کامنت اصلی */
   .comment-card.parent-comment {
     border-left: 3px solid #16a34a;
   }

   /* پاسخ مدیر */
   .comment-card.admin-reply {
     background: #f0fdf4;
     border-right: 3px solid #16a34a;
     margin-top: 12px;
     margin-left: 30px;
     position: relative;
   }

   .comment-card.admin-reply::before {
   	content: "↳";
   	position: absolute;
   	right: -20px;
   	top: -34px;
   	color: #16a34a;
   	font-size: 18px;
   	transform: rotate(180deg);
   }
   /* پاسخ کاربر به مدیر */
   .comment-card.user-reply {
     background: #f5f5f5;
     border-right: 3px solid #ff9800;
     margin-top: 12px;
     margin-left: 30px;
   }

   .comment-header {
     display: flex;
     justify-content: space-between;
     margin-bottom: 10px;
     align-items: center;
     flex-wrap: wrap;
     gap: 8px;
   }

   .name {
     font-weight: bold;
     display: flex;
     align-items: center;
     gap: 8px;
   }

   .admin-badge {
     background: #16a34a;
     color: white;
     font-size: 10px;
     padding: 2px 8px;
     border-radius: 20px;
     font-weight: normal;
   }

   .user-badge {
     background: #2196f3;
     color: white;
     font-size: 10px;
     padding: 2px 8px;
     border-radius: 20px;
     font-weight: normal;
   }

   .date {
     font-size: 12px;
     color: #999;
   }

   .text {
     color: #444;
     line-height: 1.9;
   }

   /* دکمه پاسخ */
   .reply-btn {
     margin-top: 12px;
     background: none;
     border: none;
     color: #16a34a;
     cursor: pointer;
     font-size: 12px;
     padding: 5px 0;
     display: inline-flex;
     align-items: center;
     gap: 5px;
   }

   .reply-btn:hover {
     text-decoration: underline;
   }

   /* فرم پاسخ */
   .reply-form {
     margin-top: 15px;
     padding: 15px;
     background: #fff;
     border-radius: 10px;
     border: 1px solid #e5e7eb;
     display: none;
   }

   .reply-form.active {
     display: block;
   }

   .reply-form textarea {
     width: 100%;
     height: 80px;
     border: 1px solid #e5e7eb;
     border-radius: 8px;
     padding: 10px;
     font-family: inherit;
     margin-bottom: 10px;
   }

   .reply-form input {
     padding: 10px;
     border: 1px solid #e5e7eb;
     border-radius: 8px;
     margin-bottom: 10px;
     width: 100%;
   }

   .reply-form button {
     background: #16a34a;
     color: white;
     border: none;
     padding: 8px 20px;
     border-radius: 8px;
     cursor: pointer;
     margin-left: 10px;
   }

   .reply-form .cancel-reply {
     background: #ccc;
   }

   .comment-actions {
     margin-top: 12px;
     display: flex;
     gap: 15px;
     align-items: center;
     flex-wrap: wrap;
   }

   .vote-buttons {
     display: flex;
     gap: 10px;
     align-items: center;
   }

   .vote-buttons button {
   	border: none;
    background: none;
   	padding: 6px 12px;
   	border-radius: 8px;
   	cursor: pointer;
   	font-size: 14px;
   	display: block ruby;
   }

   .vote-count {
     font-size: 12px;
     color: #666;
   }

   /* SUMMARY */
   .review-summary {
         margin-top: 40px;
         border-top: 1px solid #eee;
         padding-top: 20px;
         display: flex;
         gap: 30px;
         align-items: center;
         flex-wrap: wrap; /* اضافه شد */
   }

   .big-score {
   	font-size: 42px;
   	color: #516292;
   	font-weight: bold;
   	flex-shrink: 0;
   }

   .summary-lines {
     display: flex;
     gap: 12px;
     flex-wrap: wrap; /* حالت پیش‌فرض: wrap */
     overflow-x: visible; /* حذف اسکرول افقی */
     padding-bottom: 0;
     flex: 1;
     min-width: 0; /* برای جلوگیری از سرریز */
   }

   .mini-line {
     flex: 1 1 calc(20% - 12px); /* تقسیم مساوی فضا - 5 آیتم */
       min-width: 90px; /* حداقل عرض برای خوانایی */
       max-width: 120px; /* حداکثر عرض */
       font-size: 13px;
   }

   .summary-lines::-webkit-scrollbar {
     height: 4px;
   }
   .summary-lines::-webkit-scrollbar-thumb {
     background: #ccc;
     border-radius: 10px;
   }

   .mini-line span {
     display: block;
     margin-bottom: 5px;
     font-size: 12px;
     color: #64748b;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
   }

   .mini-line div {
     height: 4px;
     background: #16a34a;
     border-radius: 4px;
     width: 100%;
     transition: width 0.3s ease;
   }

   .vote-buttons svg path {
   	stroke: #342a45;
   	fill: #fff;
   }





   /* ==========================================
      RESPONSIVE برای SUMMARY LINES
      ========================================== */

   /* تبلت */
   @media (max-width: 992px) {
       .review-summary {
           gap: 20px;
       }

       .summary-lines {
           gap: 10px;
       }

       .mini-line {
           flex: 1 1 calc(33.333% - 10px); /* 3 آیتم در هر ردیف */
           min-width: 100px;
       }
   }

   /* موبایل */
   @media (max-width: 768px) {
       .review-summary {
           flex-direction: column;
           align-items: flex-start;
           gap: 20px;
       }

       .big-score {
           font-size: 36px;
       }

       .summary-lines {
           width: 100%;
           gap: 12px 10px;
       }

       .mini-line {
           flex: 1 1 calc(50% - 10px); /* 2 آیتم در هر ردیف */
           min-width: 120px;
           max-width: none;
       }

       .mini-line span {
           font-size: 11px;
       }
   }

   /* موبایل کوچک */
   @media (max-width: 480px) {
       .review-summary {
           gap: 15px;
       }

       .big-score {
           font-size: 32px;
       }

       .summary-lines {
           gap: 15px 8px;
       }

       .mini-line {
           flex: 1 1 100%; /* هر آیتم تمام عرض */
           min-width: 100%;
       }

       .mini-line span {
           font-size: 12px;
       }
   }

   /* ==========================================
      RESPONSIVE - نسخه کامل با پشتیبانی از نظرات
      ========================================== */

   /* تبلت - زیر 992px */
   @media (max-width: 992px) {
       .singleproduct-product-top {
           flex-direction: column;
           gap: 20px;
       }

       .singleproduct-gallery {
           width: 100%;
           margin-bottom: 20px;
       }

       .singleproduct-grid {
           grid-template-columns: 1fr;
           gap: 20px;
       }

       .singleproduct-main {
           grid-template-columns: 1fr;
           gap: 15px;
       }

       .singleproduct-price-box {
           position: relative;
           top: 0;
       }

       .singleproduct-desc {
           height: auto;
           max-height: 180px;
       }

       /* تنظیم container-single برای تبلت */
       .container-single {
           flex-direction: column-reverse !important;
           gap: 20px;
       }

       .left-column,
       .right-column {
           width: 100% !important;
           flex: auto !important;
           position: relative !important;
       }

       .left-column {
           position: relative !important;
           top: 0 !important;
           padding: 20px !important;
       }

       .buy-button {
           position: relative !important;
           top: 0 !important;
       }

       /* لایت‌باکس */
       .lightbox-prev,
       .lightbox-next {
           width: 35px;
           height: 35px;
           font-size: 18px;
           background: rgba(0,0,0,0.6);
       }

       .lightbox-prev {
           left: 10px;
       }

       .lightbox-next {
           right: 10px;
       }
   }

   /* موبایل - زیر 768px */
   @media (max-width: 768px) {
       .singleproduct-container {
           padding: 15px 12px !important;
       }

       .singleproduct-title {
           font-size: 18px;
       }

       .singleproduct-subtitle {
           font-size: 11px;
           letter-spacing: 2px;
       }

       .singleproduct-features li {
           font-size: 12px;
           padding: 8px 0;
       }

       .singleproduct-desc {
           font-size: 12px;
           line-height: 220%;
       }

       /* ستون‌ها در موبایل */
       .container-single {
           flex-direction: column-reverse !important;
           gap: 15px;
       }

       .left-column,
       .right-column {
           width: 100% !important;
           padding: 15px !important;
       }

       .left-column {
           position: relative !important;
           top: 0 !important;
       }

       .buy-button {
           position: relative !important;
           top: 0 !important;
           margin: 15px 0 !important;
       }

       /* تب‌ها */
       .tabs {
           gap: 10px;
           margin: 20px 0;
           overflow-x: auto;
           flex-wrap: nowrap;
           -webkit-overflow-scrolling: touch;
           padding-bottom: 5px;
       }

       .tabs div {
           white-space: nowrap;
           padding: 8px 12px;
           font-size: 13px;
           flex-shrink: 0;
       }

       /* سکشن‌ها */
       .section {
           padding: 18px;
           margin-bottom: 15px;
       }

       .section h3 {
           font-size: 16px;
           margin-bottom: 12px;
       }

       /* نمایش اجباری نظرات */
       #comments,
       .review-box,
       .section#comments {
           display: block !important;
           visibility: visible !important;
           opacity: 1 !important;
           overflow: visible !important;
           height: auto !important;
           max-height: none !important;
       }

       /* کادر دسته‌بندی */
       .category-box {
           flex-direction: column;
           text-align: center;
           gap: 15px;
           padding: 18px;
       }

       .category-box img {
           width: 15% !important;
           min-width: 50px;
       }

       /* خدمات */
       .services {
           flex-wrap: wrap;
           gap: 10px;
       }

       .service {
           flex: 1 1 calc(50% - 10px);
           min-width: 140px;
           padding: 15px;
       }

       /* بخش ثبت نظرات */
       .review-box {
           padding: 15px;
           margin: 25px auto;
       }

       .review-top {
           flex-direction: column;
           gap: 20px;
       }

       .inputs {
           flex-direction: column;
           gap: 10px;
       }

       .submit-btn {
           width: 100%;
       }

       .score-box {
           flex-direction: column;
           align-items: flex-start;
           gap: 10px;
       }

       .review-summary {
           flex-direction: column;
           align-items: flex-start;
           gap: 15px;
       }

       .comment-card.admin-reply {
           margin-left: 15px;
       }

       .comment-card.admin-reply::before {
           right: -15px;
       }

       /* نمودار قیمت */
       .price-chart-content {
           padding: 12px;
       }

       .chart-current-value {
           font-size: 18px;
       }

       .chart-label-item {
           font-size: 8px;
           transform: rotate(-15deg);
       }

       .chart-stats-row {
           flex-wrap: wrap;
           gap: 12px;
       }

       .chart-stat-item {
           flex: 1;
           min-width: 80px;
       }

       /* باکس قیمت */
       .singleproduct-price-box {
           padding: 15px 0 !important;
       }

       .price-hifix-single-price-discounted-amount-price,
       .singleproduct-price-box .price ins .woocommerce-Price-amount bdi {
           font-size: 18px !important;
       }

       .price-hifix-single-price-no-discount-price span,
       .singleproduct-price-box .price del .woocommerce-Price-amount bdi {
           font-size: 13px !important;
       }

       .quantity .qty-minus,
       .quantity .qty-plus {
           width: 35px !important;
           height: 35px !important;
       }

       .quantity input.qty {
           width: 30px !important;
           font-size: 14px !important;
       }

       .product-cart-wrapper .quantity {
           height: 48px !important;
       }

       .single_add_to_cart_button.button,
       .add-to-cart-btn {
           padding: 14px !important;
           font-size: 15px !important;
       }

       /* ویژگی‌ها */
       .attr-grid {
           grid-template-columns: repeat(2, 1fr);
           gap: 10px;
       }

       .attr-card {
           padding: 8px 6px;
       }

       .attr-card span {
           font-size: 10px;
       }

       .attr-card b {
           font-size: 11px;
           width: auto;
           white-space: normal;
           word-break: break-word;
       }

       /* تایمر تخفیف */
       .product--offer-timer {
           padding: 10px;
           flex-direction: column;
           align-items: flex-start;
           gap: 8px;
       }

       .product--offer-timer-text {
           width: 100%;
           justify-content: space-between;
       }

       .product--offer-timer-number {
           font-size: 16px;
           width: 100%;
           justify-content: space-around;
       }
   }

   /* موبایل کوچک - زیر 480px */
   @media (max-width: 480px) {
       .singleproduct-container {
           padding: 10px 8px !important;
       }

       .singleproduct-title {
           font-size: 16px;
       }

       .singleproduct-desc:after {
           display: none;
       }

       .singleproduct-desc {
           max-height: none;
       }

       .singleproduct-gallery-main {
           height: 280px;
       }

       .singleproduct-gallery-thumbs img {
           width: 50px;
           height: 50px;
       }

       /* خدمات */
       .service {
           flex: 1 1 100%;
           justify-content: center;
       }

       /* کادر دسته‌بندی */
       .category-box {
           padding: 15px;
       }

       .category-box img {
           width: 20% !important;
       }

       /* تب‌ها */
       .tabs {
           gap: 5px;
       }

       .tabs div {
           padding: 6px 10px;
           font-size: 12px;
       }

       /* سکشن‌ها */
       .section {
           padding: 15px;
       }

       /* باکس نظرات */
       .review-box {
           padding: 12px;
       }

       .comment-card {
           padding: 12px;
       }

       .comment-header {
           flex-direction: column;
           align-items: flex-start;
           gap: 5px;
       }

       .vote-buttons {
           width: 100%;
           justify-content: flex-start;
       }

       /* سلکت وارییشن */
       .custom-variation-select {
           padding: 10px 12px !important;
           font-size: 13px !important;
       }

       .clear-variations-btn {
           width: 100%;
           justify-content: center;
       }

       /* نمودار */
       .chart-current-row {
           flex-direction: column;
           align-items: flex-start;
           gap: 5px;
       }

       .chart-svg-wrapper {
           overflow-x: auto;
           padding-bottom: 5px;
       }

       .price-chart-svg {
           min-width: 300px;
       }

       /* ویژگی‌ها */
       .attr-grid {
           grid-template-columns: repeat(2, 1fr);
           gap: 8px;
       }

       .attr-card {
           padding: 6px 4px;
       }

       /* لایت‌باکس */
       .lightbox-prev {
           left: 5px;
       }

       .lightbox-next {
           right: 5px;
       }

       .lightbox-close {
           top: -35px;
           right: 5px;
           width: 35px;
           height: 35px;
           font-size: 24px;
       }

       /* singleproduct-stockb */
       .singleproduct-stockb,
       .singleproduct-stockbz {
           padding: 10px 15px;
           font-size: 12px;
       }

       .singleproduct-stockbz span {
           font-size: 13px;
       }
   }

   /* ==========================================
      FIX قطعی برای نمایش نظرات در تمام دستگاه‌ها
      ========================================== */
   @media (max-width: 992px) {
       #comments,
       .review-box,
       .section#comments,
       .right-column .section,
       #comments.section,
       div#comments {
           display: block !important;
           visibility: visible !important;
           opacity: 1 !important;
           overflow: visible !important;
           height: auto !important;
           max-height: none !important;
           width: 100% !important;
       }

       .right-column {
           overflow: visible !important;
           height: auto !important;
           display: flex !important;
           flex-direction: column !important;
       }

       .review-box {
           position: relative !important;
           z-index: 5 !important;
           clear: both !important;
           margin-top: 30px !important;
           margin-bottom: 30px !important;
           width: 100% !important;
       }
   }

/* ====part-9======= */




/* ====part-10======= */
/* ==========================================
===CARt==============سبد خرید========== */
            .icon-cart,
            .icon-cart path {
                color: #ffffff !important;
            }


            .purchasing-process-box-poupup {
            	padding: 4px;
            	border: 1px solid rgb(231, 249, 242);
            	border-radius: 10px;
            	margin: 0 0 50px;
            }

            /* ===1200px==== */

            .purchasing-process-wrapper-cont {
                max-width: 1500px;
                margin: 0 auto;
                padding: 0 16px;
            }
            /* ===== HEADER بخش فرآیند خرید ===== */



            /* ===== HEADER بخش فرآیند خرید ===== */
            /* ===== عنوان سبد خرید ===== */
            .cart-title-wrapper {
              display: flex;
              align-items: center;
              gap: 20px;
              color: #d3daeb;
              font-size: 15px;
              margin-bottom: 25px;
            }
            .cart-title-main {
              display: flex;
              align-items: center;
              gap: 15px;
            }
            .hfx-title-count {
              border-radius: 8px;
              background: #f03a50;
              box-shadow: 4px 0px 7px -2px rgba(240, 58, 80, 0.6);
              color: #fff;
              font-size: 17px;
              font-weight: 600;
              padding: 1px 9px 0;
            }
.hfx-title-count span{
margin-right: 10px;
}


            .hfx-title-text {
            	color: #021959;
            	font-size: 22px;
            	font-weight: 700;
            	font-family: var(--font-peyda);
            }
            .cart-title-wrapper a {
            	color: #abb3ca;
            	font-size: 14px;
            	font-weight: 600;
            	text-decoration: none;
            }

            /* ===== ستون بندی اصلی ===== */
            .hfx-pur-wrapper {
            display: flex;
            gap: 35px;
            width: 100%;
            margin-bottom: 60px;
          }

          .purchase-main {
            flex: 7;
          }

          .purchase-sidebar {
            flex: 3;
          }

          .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    width: 100% !important;
    float: none !important;
}
/* استایل مشترک برای دکمه‌های تعداد */
.woocommerce-cart-form .quantity,
.single-product .quantity {
    display: flex;
    align-items: center;
    gap: 8px;
}

.woocommerce-cart-form .quantity input.qty,
.single-product .quantity input.qty {
    width: 60px;
    height: 40px;
    text-align: center;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
}

.woocommerce-cart-form .quantity-button,
.single-product .quantity-button {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.woocommerce-cart-form .quantity-button:hover,
.single-product .quantity-button:hover {
    background: #021959;
    color: white;
    border-color: #021959;
}

.woocommerce-cart-form .quantity-button.disabled,
.single-product .quantity-button.disabled {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
}

.cart-main-table .woocommerce-cart-form__cart-item {
display: grid;
grid-template-columns: 60px 2fr 0.9fr 1fr 90px 30px;
align-items: center;
gap: 20px;
padding: 25px 25px 25px 20px;
border-radius: 20px;
border: 1px solid #e6eaf0;
background: #fff;
margin-bottom: 15px;
border-bottom: 5px solid #e6eaf085;
}



            .product-thumbnail img {
              width: 52px;
              height: 52px;
              border-radius: 6px;
              object-fit: cover;
            }
            .product-name a {
              color: #031955;
              font-size: 15px;
              font-weight: 700;
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical;
              overflow: hidden;
              text-decoration: none;
            }
            .product-quantity .quantity {
            	border-radius: 9px;
            	border-bottom: 2px solid #e6eaf0;
            	background: #fff;
            	height: 42px;
            	width: fit-content;
            	min-width: 120px;
            }
            .quantity input {
              width: 50px;
              border: none;
              text-align: center;
              font-size: 20px;
              font-weight: 600;
              color: #021959;
              background: transparent;
              outline: none;
              -moz-appearance: textfield;
            }
            .quantity input::-webkit-outer-spin-button,
            .quantity input::-webkit-inner-spin-button {
              -webkit-appearance: none;
              margin: 0;
            }
            .quantity button {
              background: none;
              border: none;
              font-size: 20px;
              color: #021959;
              padding: 0 8px;
              font-weight: 400;
            }

            .product-price .product-main-content__buy-content-price {
              display: flex;
              flex-direction: column;
              align-items: flex-start;
              gap: 5px;
            }
            .product-main-content__buy-content-price-no-discount {
              display: flex;
              align-items: center;
              gap: 8px;
            }
            .product-main-content__buy-content-price-no-discount-price {
              color: #9aa8bc;
              font-size: 12px;
              font-weight: 600;
              text-decoration: line-through;
            }
            .product-main-content__buy-content-price-discounted-percentage {
        	background: #f03a50;
        	color: white;
        	border-radius: 30px;
        	padding: 2px 8px;
        	font-size: 13px;
        	font-weight: 600;
        	display: flex;
        	align-items: center;
        	gap: 5px;
        	box-shadow: 3px 1px 4px 0px rgba(241, 69, 89, 0.26);
        }
            .product-main-content__buy-content-price-discounted-amount-price {
              color: #021959;
              font-size: 17px;
              font-weight: 700;
            }
            .ishop-currency-symbol {
              font-size: 13px;
              margin-left: 3px;
            }

            .product-next-cart {

            }
            .product-next-cart span {
        	/* display: flex; */
        	/* flex-direction: column; */
        	color: #021959;
        	font-size: 15px;
        	font-weight: 400;
        	line-height: 12px;
        }



        .woocommerce-cart-form__cart-save-price {
        	display: flex !important;
        	justify-content: space-between !important;
        	align-items: center !important;
        }

        .woocommerce-cart-form__cart-save-price .cart-save-price-txt {
        	text-align: right;
        	color: #031955;
        	font-size: 19px;
        	font-weight: 700;
        }

.woocommerce-cart-form__cart-save-price .cart-save-price-price {
  display: flex;
    align-items: center;
    gap: 11px;
    text-align: left;
    color: #021959;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}

.woocommerce-cart-form__cart-save-price .cart-save-price-price img {
    width: 18px;
    height: 18px;
}

            .product-remove a {
              color: #021959;
              font-size: 24px;
              font-weight: 300;
            }
            .woocommerce a.remove:hover {
            	color: #021959 !important;
            	background: none !important;
            }

            /* عملیات سبد */
            .cart-main-actions {
              display: flex;
              justify-content: space-between;
              align-items: center;
              margin-top: 15px;
            }
            .coupon {
              display: flex;
              gap: 15px;
            }
            .coupon input {
              border-radius: 11px;
              background: #f8f9fb;
              border: 1px solid #eef2f6;
              padding: 14px 20px;
              min-width: 220px;
              font-size: 13px;
            }
            .coupon button {
              border-radius: 11px;
              background: #f8f9fb;
              color: #afb6cb;
              border: none;
              padding: 0 22px;
              font-weight: 600;
            }

            .cart-main-actions-manage {
              display: flex;
              align-items: center;
              gap: 15px;
              font-size: 13px;
              font-weight: 600;
            }
            .cart-main-actions-manage a {
            	color: #021959;
            	text-decoration: none;
            }
            .cart-main-actions-manage .cart-main-actions-manage--divider {
              color: #e7ecf5;
            }
            .cart-main-actions-manage button {
              background: #16a8b3;
              border: none;
              border-radius: 11px;
              color: white;
              padding: 12px 22px;
              font-weight: 600;
            }

            /* ===== سایدبار ===== */
            .cart-side-totals h2 {
          	font-size: 17px;
          	margin-bottom: 25px;
          	font-family: var(--font-peyda);
          	font-weight: 500;
          	color: #021959;
          }
            .cart-side-table {
              padding: 30px 25px;
              border-radius: 20px;
              border: 1px solid #e6eaf0;
              background: #fff;
              box-shadow: 0px 2px 1px 0px #e6eaf0;
            }
            .cart-side-table > div {
              display: flex;
              justify-content: space-between;
              margin-bottom: 16px;
            }
            .cart-side-table--title {
              font-size: 13px;
              font-weight: 700;
            }
            .cart-side-table--value {
              font-weight: 600;
            }
            .shipping ul {
              list-style: none;
              width: 100%;
            }
            .shipping li {
              margin-bottom: 12px;
            }
            .shipping li label {
              display: flex;
              justify-content: space-between;
              cursor: pointer;
            }
            .woocommerce-shipping-destination {
              font-size: 11px;
              color: #6c799c;
              margin: 10px 0;
            }
            .cart-side-shipping-calculator .shipping-calculator-button {
              background: #16a8b3;
              color: white;
              padding: 6px 14px;
              border-radius: 20px;
              font-size: 12px;
              display: inline-block;
            }
            .fee, .order-total {
              padding-top: 10px;
              border-top: 1px dashed #e6eaf0;
            }
            .order-total .cart-side-table--value {
              font-size: 20px;
              font-weight: 700;
            }
            .order-points {
              margin-top: 20px;
              align-items: center;
            }
            .order-points .cart-side-table--title {
              display: flex;
              align-items: center;
              gap: 8px;
            }
            .cart-side-table--checkout-button {
              display: block;
              background: #f04055;
              color: white !important;
              text-align: center;
              padding: 16px;
              border-radius: 15px;
              margin-top: 30px;
              font-weight: 700;
              box-shadow: 7px 7px 13px -3px rgba(240, 64, 85, 0.24);
            }
            a.cart-side-table--checkout-button {
            	text-decoration: none;
            }


            /* استایل های کمکی */
            .woocommerce-notices-wrapper {
              display: none;
            }
            .screen-reader-text {
              display: none;
            }
            .shipping-calculator-form {
              display: none;
            }

            .cart-scroll-hint {
                display: none;
            }
            /* ========================================== */
            /* ریسپانسیو سبد خرید - تک خطی */
            /* ========================================== */

            /* تبلت - همه در یک خط */
            @media (max-width: 992px) {
                .hfx-pur-wrapper {
                    flex-direction: column;
                }

                .product-quantity .quantity {
                    width: auto;
                    justify-content: center;
                }

                .purchase-main, .purchase-sidebar {
                    width: 100%;
                }

                .purchasing-process-wrapper {
                    flex-direction: column;
                    align-items: center;
                }

                .purchasing-process--navigation {
                    gap: 76px;
                    flex-wrap: nowrap;
                    justify-content: center;
                    align-items: center;
                }

                .cart-main-table .woocommerce-cart-form__cart-item {
                 display: flex !important;
                 flex-direction: row !important;
                 flex-wrap: nowrap !important;
                 align-items: center !important;
                 justify-content: space-between !important;
                 gap: 10px !important;
                 padding: 15px !important;
             }

                .cart-main-table .product-thumbnail {
                    flex: 0 0 60px !important;
                }

                .cart-main-table .product-name {
                    flex: 2 1 200px !important;
                    font-size: 13px !important;
                }

                .cart-main-table .product-price {
                    flex: 1 1 auto !important;
                    text-align: center !important;
                }

                .cart-main-table .product-quantity {
                    flex: 1 1 auto !important;
                    text-align: center !important;
                }

                .cart-main-table .product-subtotal {
                    flex: 1 1 auto !important;
                    text-align: center !important;
                }

                .cart-main-table .product-remove {
                    flex: 0 0 30px !important;
                }
            }

            /* موبایل - جمع و جور */
            @media (max-width: 768px) {
                .purchasing-process--free-shipping {
                    display: none;
                }
                .product-next-cart {
    display: none;
                }
                .hfx-back--shop a {
                    display: none;
                }

                .product-quantity .quantity {
                    width: auto;
                    justify-content: center;
                }

                .purchasing-process--navigation--mobile {
                    display: flex;
                    justify-content: space-around;
                    margin-top: 20px;
                    width: 100%;
                }

                .purchasing-process--navigation--mobile .purchasing-process--navigation-item {
                    padding: 0 5px;
                }

                @media (max-width: 768px) {
              .cart-main-table .woocommerce-cart-form__cart-item {
                  display: flex !important;
                  flex-direction: row !important;
                  flex-wrap: nowrap !important;
                  align-items: center !important;
                  justify-content: space-between !important;
                  gap: 8px !important;
                  padding: 12px 10px !important;
                  overflow-x: auto !important;
                  -webkit-overflow-scrolling: touch;
                  scroll-snap-type: x mandatory;

                  /* مخفی کردن اسکرول‌بار پیش‌فرض */
                  scrollbar-width: thin;
                  scrollbar-color: #cbd5e1 transparent;
              }
              .product-next-cart {
  display: none;
              }
              /* استایل اسکرول‌بار برای Chrome/Safari */
              .cart-main-table .woocommerce-cart-form__cart-item::-webkit-scrollbar {
                  height: 4px;
              }
              .cart-main-table .woocommerce-cart-form__cart-item::-webkit-scrollbar-track {
                  background: transparent;
              }
              .cart-main-table .woocommerce-cart-form__cart-item::-webkit-scrollbar-thumb {
                  background: #cbd5e1;
                  border-radius: 10px;
              }

              /* راهنمای اسکرول */
              .cart-scroll-hint {
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  gap: 6px;
                  padding: 6px;
                  margin-top: 4px;
                  color: #94a3b8;
                  font-size: 10px;
                  font-weight: 600;
                  animation: hintPulse 2s infinite;
              }
              .cart-scroll-hint svg {
                  animation: hintSwipe 1.5s infinite;
              }
          }

          @keyframes hintPulse {
              0%,100% { opacity: 0.6; }
              50% { opacity: 1; }
          }
          @keyframes hintSwipe {
              0%,100% { transform: translateX(0); }
              50% { transform: translateX(6px); }
          }

          /* مخفی کردن راهنما در دسکتاپ */
          @media (min-width: 769px) {
              .cart-scroll-hint { display: none !important; }
          }

     .cart-main-table .product-thumbnail {
  flex: 0 0 40px !important;
}

.cart-main-table .product-thumbnail img {
width: 40px !important;
height: 40px !important;
}

.cart-main-table .product-name {
flex: 1 1 auto !important;
font-size: 11px !important;
min-width: 80px !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.cart-main-table .product-price {
     font-size: 11px !important;
     white-space: nowrap !important;
 }
 .cart-main-table .product-quantity {
       white-space: nowrap !important;
   }

   .cart-main-table .product-subtotal {
font-size: 12px !important;
font-weight: 700 !important;
white-space: nowrap !important;
}
.cart-main-table .product-remove {
flex: 0 0 24px !important;
}
.cart-main-actions {
      flex-direction: column;
      gap: 20px;
  }

                .product-next-cart button {
                    border: none;
                    justify-content: center;
                }

                .product-price .product-main-content__buy-content-price {
                    align-items: center;
                }

            }

            /* موبایل کوچک */
            @media (max-width: 480px) {
                .cart-main-table .woocommerce-cart-form__cart-item {
                    gap: 8px !important;
                    padding: 12px 8px !important;
                }
                .product-next-cart {
    display: none;
                }
                .cart-main-table .product-thumbnail {
                    flex: 0 0 40px !important;
                }

                .cart-main-table .product-thumbnail img {
                    width: 40px !important;
                    height: 40px !important;
                }

                .cart-main-table .product-name {
                    font-size: 11px !important;
                }

                .cart-main-table .product-price,
                .cart-main-table .product-subtotal,
                .cart-main-table .product-quantity {
                    font-size: 11px !important;
                }
            }





    /* ===== تسویه حساب===== */
    /* =============================================
       HFX CHECKOUT STYLES - Complete
       ============================================= */
       .icon-chkout {
       	width: 30px;
       	height: 30px;
       	color: #ff1010;
       	stroke-width: 1.5;
       	/* color: #021959; */
       }

  /* ===1123px==== */
       .hfx-chkout-wrapper {
         max-width: 1500px;
           width: 100%;
           padding-right: 0;
           padding-left: 0;
           margin-right: auto;
           margin-left: auto;
             }


    .hfx-chkout-wrapper .hfx-chkout-top-section {
      margin-bottom: 35px;
    }

    .hfx-chkout-wrapper .hfx-coupon-toggle {
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      padding: 20px 33px 20px 20px;
      border-radius: 20px;
      border: 1px solid #e6eaf0;
      background: #fff;
      cursor: pointer;
    }

    .hfx-chkout-wrapper .hfx-coupon-toggle .container {
      display: none !important;
    }

    .hfx-chkout-wrapper .hfx-coupon-header {
      display: flex;
      align-items: center;
      gap: 24px;
    }

    .hfx-chkout-wrapper .hfx-coupon-header div {
      color: #021959;
      font-size: 17px;
      font-weight: 700;
    }

    .hfx-chkout-wrapper .hfx-coupon-header span {
      color: #8b96b7;
      font-size: 12px;
      font-weight: 600;
    }

    .hfx-chkout-wrapper .hfx-coupon-form {
      display: flex !important;
      align-items: center !important;
      gap: 15px !important;
      margin: 0 !important;
      padding: 0 !important;
    }

    .hfx-chkout-wrapper .hfx-coupon-form input {
    	border-radius: 11px !important;
    	border: 1px solid #e6eaf0 !important;
    	color: #021959 !important;
    	font-size: 12px !important;
    	font-weight: 400 !important;
    	min-width: 230px !important;
    	padding: 16px 20px !important;
    	font-family: var(--font-peyda);
    }

    .hfx-chkout-wrapper .hfx-coupon-form button {
    	border-radius: 11px !important;
    	background: var(--all-desc, #021959) !important;
    	box-shadow: 2px 7px 13px -3px rgba(154, 168, 188, 0.22) !important;
    	color: #fff !important;
    	font-size: 12px !important;
    	font-weight: 600 !important;
    	padding: 15px !important;
    	border: none !important;
    	cursor: pointer;
    	font-family: inherit;
    }

    .hfx-chkout-wrapper .hfx-login-toggle {
    	display: flex !important;
    	align-items: center !important;
    	justify-content: space-between !important;
    	border-radius: 20px !important;
    	border: 1px solid #e6eaf0 !important;
    	background: #fff !important;
    	padding: 17px 30px 17px 25px;
    	margin-bottom: 15px !important;
    	display: none !important;
    }
    .woocommerce-account-fields {
      display: none !important;
    }

    .hfx-chkout-wrapper .hfx-login-header {
      display: flex;
      align-items: center;
      gap: 20px;
    }

    .hfx-chkout-wrapper .hfx-login-header div {
      color: #021959;
      font-size: 14px;
      font-weight: 700;
    }

    .hfx-chkout-wrapper .hfx-login-header a {
      color: #6c799c;
      font-size: 12px;
      font-weight: 600;
    }

    .hfx-chkout-wrapper .hfx-page-title {
    	color: #021959;
    	font-size: 23px;
    	font-weight: 700;
    	margin-bottom: 27px;
    	font-family: var(--font-peyda);
    }

    /* Purchase Layout */
    /* Purchase Layout - 50/50 Side by Side with flex and padding */
  .hfx-chkout-wrapper .hfx-purchase-layout {
    display: flex;
    flex-direction: row;
    gap: 30px;
    width: 100%;
    margin-bottom: 85px;
    padding: 0 20px;
  }

  .hfx-chkout-wrapper .hfx-purchase-main {
  	flex: 2;
  	width: 100%;
  	padding-right: 15px;
  }

  .hfx-chkout-wrapper .hfx-purchase-sidebar {
  	flex: 1;
  	width: 50%;
  	padding-left: 15px;
  }
  /* Responsive */
  @media (max-width: 768px) {
    .hfx-chkout-wrapper .hfx-purchase-layout {
      flex-direction: column;
      gap: 25px;
      padding: 0 15px;
    }

    .hfx-chkout-wrapper .hfx-purchase-main,
    .hfx-chkout-wrapper .hfx-purchase-sidebar {
      width: 100%;
      padding-right: 0;
      padding-left: 0;
    }
  }

    /* Checkout Main Form */
    .hfx-chkout-wrapper .hfx-checkout-main-form {
      display: flex;
      width: 100%;
      gap: 16px;
      padding-bottom: 30px;
      border-bottom: 2px solid #f0f2f6;
    }

    .hfx-chkout-wrapper .hfx-form-fields-wrapper {
      width: 100%;
    }

    .hfx-chkout-wrapper .hfx-form-fields--with-map {
      width: 100%;
    }

    .hfx-chkout-wrapper .hfx-billing-section h3, .hfx-chkout-wrapper .hfx-shipping-section h3 {
    	color: #021959;
    	font-size: 17px;
    	font-weight: 500;
    	margin-bottom: 20px;
    	font-family: var(--font-peyda);
    }


    /* Billing Fields Grid */
    /* Billing Fields Grid - اصلاح شده */
    .hfx-chkout-wrapper .hfx-billing-section .woocommerce-billing-fields__field-wrapper {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 10px 14px !important; /* row-gap column-gap */
    }

    /* حذف clear های مزاحم */
    .hfx-chkout-wrapper .hfx-billing-section .woocommerce-billing-fields__field-wrapper .clear {
        display: none !important;
    }

    /* هر فیلد - عرض پیش‌فرض ۵۰٪ منهای gap */
    .hfx-chkout-wrapper .hfx-billing-section .woocommerce-billing-fields__field-wrapper .form-row {
        flex: 0 0 calc(50% - 7px) !important; /* 50% - نصف gap */
        width: calc(50% - 7px) !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        clear: none !important;
    }

    /* فیلدهای Wide - عرض ۱۰۰٪ */
    .hfx-chkout-wrapper .hfx-billing-section .woocommerce-billing-fields__field-wrapper .form-row-wide {
    flex: 1 1 300px !important;
        width: 100% !important;
        margin: 10px 0 !important;
    }


    /* استایل ورودی‌ها */
    .hfx-chkout-wrapper .hfx-billing-section .form-row input,
    .hfx-chkout-wrapper .hfx-billing-section .form-row select,
    .hfx-chkout-wrapper .hfx-billing-section .form-row .select2-container {
        width: 100% !important;
        box-sizing: border-box !important;
        box-shadow: 0 0 #0000, 0 0 #0000, 0px 3px 0px #e8ebf1 !important;
    }

    .hfx-chkout-wrapper .hfx-billing-section input,
    .hfx-chkout-wrapper .hfx-billing-section select,
    .hfx-chkout-wrapper .hfx-billing-section .select2-container--default .select2-selection--single {
        width: 100% !important;
        padding: 14px 16px !important;
        border-radius: 10px !important;
        border: 1px solid #e6eaf0 !important;
        background: #fff !important;
        color: #021959 !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        height: auto !important;
        min-height: 48px !important;
    }

    .hfx-chkout-wrapper .hfx-billing-section .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 20px !important;
        padding: 0 !important;
        color: #021959 !important;
    }

    .hfx-chkout-wrapper .hfx-billing-section .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 48px !important;
    }

    /* Shipping Different Address */
    .hfx-chkout-wrapper .woocommerce-shipping-fields .hfx-shipping-diff-address,
    .hfx-chkout-wrapper .hfx-shipping-section #ship-to-different-address {
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-radius: 14px;
      background: #f6f7fa;
      padding: 6px 16px 6px 6px;
      margin-bottom: 20px;
    }

    .hfx-chkout-wrapper .hfx-shipping-section #ship-to-different-address input[type="checkbox"] {
      border-radius: 6px;
      border: 1px solid #a5a5a5 !important;
      width: auto !important;
      min-height: auto !important;
      margin-left: 8px;
    }

    .hfx-chkout-wrapper .hfx-shipping-section #ship-to-different-address input[type="checkbox"]:checked {
      background-color: #16a8b3 !important;
      border: 1px solid #16a8b3 !important;
      box-shadow: none !important;
    }

    .hfx-chkout-wrapper .hfx-shipping-section .hfx-order-note-trigger {
      display: flex;
      align-items: center;
      gap: 20px;
    }

    .hfx-chkout-wrapper .hfx-shipping-section .hfx-order-note-trigger span {
      color: #5c688a;
      font-size: 12px;
      font-weight: 600;
    }

    .hfx-chkout-wrapper .hfx-shipping-section .hfx-order-note-trigger button {
      color: #021959;
      font-size: 12px;
      font-weight: 700;
      border-radius: 10px;
      background: #fff;
      border: none;
      outline: none;
      padding: 11px 17px;
      cursor: pointer;
    }

    /* Additional Fields */
    .woocommerce-additional-fields{
      margin-top: 25px !important;
    }
    .hfx-chkout-wrapper .woocommerce-additional-fields__field-wrapper {
    }

    .woocommerce-additional-fields__field-wrapper textarea {
    	padding: 14px 16px !important;
    	border-radius: 10px !important;
    	border: 1px solid #e6eaf0 !important;
    	background: #fff !important;
    	color: #021959 !important;
    	font-size: 12px !important;
    	font-weight: 600 !important;
    	height: auto !important;
    	min-height: 140px !important;
        box-shadow: 0 0 #0000, 0 0 #0000, 0px 3px 0px #e8ebf1 !important;
    }




    /* Checkout Options Row */
    .hfx-chkout-wrapper .hfx-checkout-options-row {
      padding-top: 50px;
      display: flex;
      gap: 84px;
      margin-bottom: 16px;
    }



    .hfx-chkout-wrapper .hfx-shipping-methods-area {
      width: 100%;
    }

    .hfx-chkout-wrapper .hfx-payment-methods-area {
      width: 100%;
    }


    .hfx-map-search-box{
        position:absolute;
        top:10px;
        left:10px;
        right:10px;
        z-index:1000;
        display:flex;
        gap:8px;
        width:60%;
    }

    .hfx-map-search-box input{
        flex:1;
        height:44px;
        padding:0 14px;
        border-radius:10px;
        border:2px solid #e5e5e5;
        background:#fff;
        font-size:14px;
        outline:none;
        box-shadow:0 2px 10px rgba(0,0,0,.12);
        font-family:yekanbakh;
    }

    .hfx-map-search-box button{
        height:44px;
        padding:0 18px;
        border:none;
        border-radius:10px;
        background:#22c55e;
        color:#fff;
        cursor:pointer;
        font-family:yekanbakh;
        font-size:14px;
        font-weight:700;
        white-space:nowrap;
        box-shadow:0 2px 10px rgba(0,0,0,.12);
    }

    @media(max-width:768px){

        .hfx-map-search-box{
            width:calc(100% - 20px);
        }

    }




    .inventory-hfx-kif {
        max-width: 720px;
        margin: 40px auto;
        border-radius: 18px;
        padding: 22px;
    }

    /* top section */
    .inventory-hfx-kif__top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 15px;
        flex-wrap: wrap;
    }

    .inventory-hfx-kif__info {
    	display: flex;
    	align-items: center;
    	gap: 10px;
    	flex-wrap: wrap;
    }

    .inventory-hfx-kif__title {
        font-size: 14px;
        color: #444;
    }

    .inventory-hfx-kif__dot {
        width: 9px;
        height: 9px;
        background: #1e88e5;
        border-radius: 50%;
    }

    .inventory-hfx-kif__amount {
    	font-size: 15px;
    	font-weight: 900;
    	color: #111;
    	flex-basis: 100%;
    	font-family: var(--font-peyda);
    }

    .inventory-hfx-kif__image img {
        width: 130px;
    }

    /* bottom */
    .inventory-hfx-kif__bottom {
        margin-top: 18px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    /* toggle */
    .inventory-hfx-kif__toggle {
        width: 52px;
        height: 28px;
        background: #e0e0e0;
        border-radius: 50px;
        position: relative;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .inventory-hfx-kif__toggle::before {
        content: "";
        position: absolute;
        width: 24px;
        height: 24px;
        background: #fff;
        border-radius: 50%;
        top: 2px;
        right: 2px;
        transition: all 0.3s ease;
        box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    }

    .inventory-hfx-kif__toggle.active {
        background: #2ecc71;
    }

    .inventory-hfx-kif__toggle.active::before {
        right: 26px;
    }

    .inventory-hfx-kif__label {
        font-size: 14px;
        color: #333;
    }
    .sep-to-sep {
    	width: 10%;
    	border: 0.5px solid rgba(190, 190, 190, 0.34);
    }
    /* responsive */
    @media (max-width: 600px) {
        .inventory-hfx-kif__top {
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

        .inventory-hfx-kif__bottom {
            flex-direction: column;
            gap: 12px;
        }

        .inventory-hfx-kif__image img {
            width: 110px;
        }
    }

    /* Section Header */
    .hfx-chkout-wrapper .hfx-section-header {
      display: flex;
      align-items: center;
      gap: 15px;
      margin-bottom: 20px;
    }

    .hfx-chkout-wrapper .hfx-section-header div {
    	display: flex;
    	align-items: center;
    	gap: 10px;
    	color: #021959;
    	font-size: 17px;
    	font-weight: 700;
    	font-family: var(--font-peyda);
    }

    .hfx-chkout-wrapper .hfx-section-header div span {
    	color: #677292;
    	font-size: 11px;
    	font-weight: 600;
    	font-family: ;
    	font-family: var(--tg-body-YekanBakh);
    }
    /* Shipping Methods Grid */
    .hfx-chkout-wrapper .hfx-shipping-methods-grid .woocommerce-shipping-methods,
    .hfx-chkout-wrapper .hfx-shipping-methods-grid #shipping_method {
      gap: 10px;
        padding: 0 !important;
        margin: 0 !important;
        list-style: none !important;
        display: grid !important;
        grid-template-columns: repeat(2, 1fr)!important;
    }

    .hfx-chkout-wrapper .hfx-shipping-methods-grid .woocommerce-shipping-methods li {
      margin: 0 !important;
      display: flex;
      flex-direction: column !important;
    }

    .hfx-chkout-wrapper .hfx-shipping-methods-grid .woocommerce-shipping-methods li input {
      display: block;
      width: 0;
      height: 0;
      opacity: 0;
      visibility: hidden;
      position: absolute;
    }


    .hfx-chkout-wrapper .hfx-shipping-methods-grid .woocommerce-shipping-methods li label {
    	display: flex !important;
    	flex-direction: column !important;
    	align-items: center !important;
    	width: 100% !important;
    	gap: 4px;
    	padding: 28px 0 24px;
    	border-radius: 13px;
    	border: 1px solid rgba(234, 238, 244, 0.6);
    	background: #fff;
    	box-shadow: 0px 3px 1px 0px rgba(2, 25, 89, 0.07);
    	color: #021959;
    	font-size: 12px;
    	font-weight: 700;
    	cursor: pointer;
    	min-height: 100% !important;
    	justify-content: center;
    }


    .hfx-chkout-wrapper .hfx-shipping-methods-grid .woocommerce-shipping-methods li label .hfx-radio-custom-icon,
    .hfx-chkout-wrapper .hfx-shipping-methods-grid .woocommerce-shipping-methods li label .checkout-shipping-method-icon {
      display: block;
      border-radius: 6px;
      border: 1px solid #d0d8e4;
      background: #fff;
      width: 19px;
      height: 19px;
      margin-bottom: 12px;
    }

    .hfx-chkout-wrapper .hfx-shipping-methods-grid .woocommerce-shipping-methods li input:checked + label {
      color: #6c799c;
      background-color: #f6f7fa;
      border: none;
    }

    .hfx-chkout-wrapper .hfx-shipping-methods-grid .woocommerce-shipping-methods li input:checked + label .hfx-radio-custom-icon {
      background-color: #f04055;
      position: relative;
      border: none;
    }

    .hfx-chkout-wrapper .hfx-shipping-methods-grid .woocommerce-shipping-methods li input:checked + label .hfx-radio-custom-icon::before {
      position: absolute;
      content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath d='M8.48438 12.3691L11.3144 15.1991L16.9844 9.53906' stroke='%23FAFFFF' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
      display: inline-block;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 25px;
      height: 25px;
    }

    /* حالت انتخاب - قرمز */
    .woocommerce-shipping-methods li.active-shipping label {
        border: 2px solid #e80645 !important;
    }

    .woocommerce-shipping-methods li.active-shipping .hfx-radio-custom-icon {
        background-color: #f04055 !important;
        border: none !important;
    }

    .woocommerce-shipping-methods li.active-shipping .hfx-radio-custom-icon::before {
        position: absolute;
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath d='M8.48438 12.3691L11.3144 15.1991L16.9844 9.53906' stroke='%23FAFFFF' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        display: inline-block;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 25px;
        height: 25px;
    }

    /* Payment Methods */
    .hfx-chkout-wrapper .hfx-payment-list {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
      gap: 10px;
      padding: 0 !important;
      border-bottom: none !important;
      list-style: none !important;
      margin: 0 !important;
    }

    .hfx-chkout-wrapper .hfx-payment-list li {
      display: flex;
      flex-direction: column;
      margin: 0 !important;
      padding: 0 !important;
    }

    .hfx-chkout-wrapper .hfx-payment-list li::before,
    .hfx-chkout-wrapper .hfx-payment-list li::after {
      display: none;
    }

    .hfx-chkout-wrapper .hfx-payment-list li input {
      display: block;
      width: 0;
      height: 0;
      opacity: 0;
      visibility: hidden;
      position: absolute;
    }

    .hfx-chkout-wrapper .hfx-payment-list li label {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 20px;
      border-radius: 13px;
      border: 1px solid rgba(234, 238, 244, 0.6);
      background: #fff;
      box-shadow: 0px 3px 1px 0px rgba(2, 25, 89, 0.07);
      padding: 28px 0;
      cursor: pointer;
    }

    .hfx-chkout-wrapper .hfx-payment-list li label img {
      width: 32px;
      height: 32px;
      object-fit: contain;
    }

    .hfx-chkout-wrapper .hfx-payment-list li label span {
      color: #021959;
      font-size: 12px;
      font-weight: 700;
    }

    .hfx-chkout-wrapper .hfx-payment-list li input:checked + label {
      background: #f6f7fa;
      border: none;
    }

    .hfx-chkout-wrapper .payment_box {
    	border-radius: 10px;
    	border: 1px solid #ece7d7 !important;
    	color: #a59273;
    	font-size: 11px;
    	font-weight: 500;
    	padding: 15px;
    	margin-top: 10px;
    	background: #f6f7fa !important;
    }

    .hfx-chkout-wrapper .payment_box::before {
      top: 14px !important;
      left: 2px !important;
      right: auto !important;
      filter: drop-shadow(1px 3px 4px rgba(246, 194, 9, 0.4));
      border: none !important;
      display: inline-block !important;
      width: 17px !important;
      height: 18px !important;
      position: absolute;
    }


    /* باکس اصلی درگاه‌های پرداخت */
.woocommerce-checkout #payment,
.woocommerce-checkout-payment {
    background: transparent;
    padding: 0;
    margin-top: 25px;
}

/* حذف افکت‌های اضافی */
#add_payment_method #payment ul.payment_methods::after,
#add_payment_method #payment ul.payment_methods::before,
.woocommerce-cart #payment ul.payment_methods::after,
.woocommerce-cart #payment ul.payment_methods::before,
.woocommerce-checkout #payment ul.payment_methods::after,
.woocommerce-checkout #payment ul.payment_methods::before {
    content: none !important;
    display: none !important;
}
/* لیست درگاه‌ها گرید دو ستونه */
.woocommerce-checkout #payment ul.payment_methods,
.wc_payment_methods.payment_methods.methods {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    padding: 10px 5px !important;
    margin: 0 !important;
    list-style: none;
    border: none !important;
}

/* هر درگاه - کل کارت کلیک شود */
.woocommerce-checkout #payment ul.payment_methods li,
.wc_payment_method {
    background: #fff;
    border-radius: 16px;
    margin: 0 !important;
    padding: 0 !important;
    border: 2px solid #eef2f6;
    transition: all 0.2s ease;
    overflow: hidden;
    list-style: none;
    cursor: pointer;
}

.woocommerce-checkout #payment ul.payment_methods li:hover,
.wc_payment_method:hover {
    border-color: #e80645;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

/* درگاه انتخاب شده - قرمز پررنگ */
.wc_payment_method.payment_method_selected {
    border-color: #e80645 !important;
    background: #fff5f7;
    box-shadow: 0 4px 15px rgba(232, 6, 69, 0.15);
}


.woocommerce .woocommerce-form-coupon-toggle {
  display: none !important
}
/* رادیو باتن مخفی */
.wc_payment_method input[type="radio"] {
    display: none;
}

/* لیبل به عنوان کل کارت */
.wc_payment_method label {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px 16px;
    margin: 0;
    font-weight: 600;
    font-size: 14px;
    color: #1e293b;
    cursor: pointer;
    background: transparent;
    text-align: center;
    width: 100%;
    min-height: 100px;
}

/* رنگ متن درگاه انتخاب شده */
.wc_payment_method.payment_method_selected label {
    color: #e80645;
}

/* لوگوی درگاه */
.wc_payment_method label img {
    margin-bottom: 12px;
    height: 32px;
    width: auto;
    order: -1;
    pointer-events: none;
}


/* مخفی کردن توضیحات درگاه */
.wc_payment_method .payment_box,
.wc_payment_method .payment_box p {
    display: none !important;
}


/* مخفی کردن جداکننده‌های اضافی */
.woocommerce-checkout #payment .form-row.place-order {
    margin-top: 24px;
}

/* نشانگر تیک روی باکس انتخاب شده */
.wc_payment_method.payment_method_selected {
    position: relative;
}

.wc_payment_method.payment_method_selected::after {
    content: "✓";
    position: absolute;
    top: 12px;
    right: 12px;
    width: 24px;
    height: 24px;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
}


/* ریسپانسیو */
@media (max-width: 768px) {
    .woocommerce-checkout #payment ul.payment_methods,
    .wc_payment_methods.payment_methods.methods {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .wc_payment_method label {
        padding: 18px 12px;
        min-height: 80px;
    }

    .wc_payment_method.payment_method_selected::after {
        top: 8px;
        right: 8px;
        width: 20px;
        height: 20px;
        font-size: 12px;
    }
}
/* بازگردانی ظاهر checkout به حالت قبل */
.woocommerce-checkout-review-order table.shop_table {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 25px;
}

.woocommerce-checkout-review-order table.shop_table th,
.woocommerce-checkout-review-order table.shop_table td {
    padding: 15px;
}

.woocommerce-checkout-payment {
    background: transparent;
    padding: 0;
}

#order_review_heading {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 15px;
	color: #021959;
}

/* دکمه ثبت سفارش */
#place_order {
    background: #e80645;
    color: #fff;
    border: none;
    border-radius: 12px;
    padding: 14px 24px;
    font-size: 16px;
    font-weight: 700;
    width: 100%;
    cursor: pointer;
    transition: all 0.3s ease;
}

#place_order:hover {
    background: #c7043a;
}

/* استایل باکس پرداخت */
.woocommerce-checkout-payment .payment_box {
    background: #f8fafc;
    border-radius: 12px;
    padding: 12px;
    margin-top: 10px;
}


    /* Delivery Time Section */
    .hfx-chkout-wrapper .hfx-delivery-time-area {
      padding-top: 50px;
      border-top: 2px solid #f0f2f6;
    }

    .hfx-chkout-wrapper .hfx-delivery-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 22px;
    }

    .hfx-chkout-wrapper .hfx-delivery-header-title {
      display: flex;
      align-items: center;
      gap: 15px;
    }

    .hfx-chkout-wrapper .hfx-delivery-header-title span {
      color: #021959;
      font-size: 17px;
      font-weight: 700;
    }

    .hfx-chkout-wrapper .hfx-delivery-header-info {
      display: flex;
      align-items: center;
      gap: 30px;
    }

    .hfx-chkout-wrapper .hfx-delivery-selected,
    .hfx-chkout-wrapper .hfx-delivery-max {
      display: flex;
      align-items: center;
      gap: 7px;
      color: #7985a8;
      font-size: 12px;
      font-weight: 600;
    }

    .hfx-chkout-wrapper .hfx-delivery-selected span,
    .hfx-chkout-wrapper .hfx-delivery-max span {
      color: #021959;
      font-size: 12px;
      font-weight: 700;
    }

    .hfx-chkout-wrapper .hfx-delivery-header-divider {
      width: 1px;
      height: 20px;
      background-color: #e6eaf0;
    }

    /* Delivery Date Grid */
    .hfx-chkout-wrapper .hfx-delivery-date-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
      gap: 15px;
      margin-bottom: 23px;
    }

    .hfx-chkout-wrapper .hfx-date-option input {
      display: block;
      width: 0;
      height: 0;
      opacity: 0;
      visibility: hidden;
      position: absolute;
    }

    .hfx-chkout-wrapper .hfx-date-option label {
      display: flex;
      flex-direction: column;
      padding: 14px 18px;
      border-radius: 13px;
      border: 1px solid rgba(234, 238, 244, 0.6);
      background: #fff;
      box-shadow: 0px 3px 1px 0px rgba(2, 25, 89, 0.07);
      gap: 5px;
      cursor: pointer;
    }

    .hfx-chkout-wrapper .hfx-date-option label div,
    .hfx-chkout-wrapper .hfx-date-option label span {
      color: #021959;
      font-size: 12px;
      font-weight: 700;
    }

    .hfx-chkout-wrapper .hfx-date-option label span {
      align-self: flex-end;
    }

    .hfx-chkout-wrapper .hfx-date-option input:checked + label {
      background: #f6f7fa;
      border: none;
    }

    .hfx-chkout-wrapper .hfx-date-option input:checked + label div,
    .hfx-chkout-wrapper .hfx-date-option input:checked + label span {
      color: #6c799c;
    }

    /* Delivery Time Grid */
    .hfx-chkout-wrapper .hfx-delivery-time-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
      gap: 15px;
      margin-bottom: 23px;
    }

    .hfx-chkout-wrapper .hfx-time-option input {
      display: block;
      width: 0;
      height: 0;
      opacity: 0;
      visibility: hidden;
      position: absolute;
    }

    .hfx-chkout-wrapper .hfx-time-option label {
      border-radius: 10px;
      border: 1px solid #dce2eb;
      background: #fff;
      box-shadow: 0px 1px 0px 0px rgba(2, 25, 89, 0.1);
      display: flex;
      padding: 13px 18px;
      cursor: pointer;
      justify-content: center;
    }

    .hfx-chkout-wrapper .hfx-time-option label div {
      color: #021959;
      font-size: 13px;
      font-weight: 600;
    }

    .hfx-chkout-wrapper .hfx-time-option input:checked + label {
      background-color: #f6f7fa;
      border: none;
    }

    /* Order Review Sidebar */
    .hfx-chkout-wrapper .hfx-order-review-title {
    	margin-bottom: 32px;
    	color: #021959;
    	font-size: 17px;
    	font-weight: 500;
    	font-family: var(--font-peyda);
    }

    .hfx-chkout-wrapper .hfx-order-review-box {
      padding: 5px 5px;
      border-radius: 20px;
      border: 1px solid #e6eaf0;
      background: #fff;
      box-shadow: 0px 2px 1px 0px #e6eaf0;
      margin-bottom: 20px;
    }
    .woocommerce table.shop_table {
        border: unset !important;
        margin: unset !important;
        text-align: right;
        width: 100%;
        border-collapse: unset !important;
        border-radius: unset !important;
    }

    /* مخفی کردن کل بخش حمل و نقل در checkout */
.woocommerce-checkout .shipping,
.woocommerce-checkout .woocommerce-shipping-totals,
.woocommerce-checkout tr.shipping,
.woocommerce-checkout .shipping__list,
.woocommerce-checkout #shipping_method {
    display: none !important;
}

    .hfx-chkout-wrapper .hfx-review-products-list {
      margin-bottom: 20px;
    }

    .hfx-chkout-wrapper .hfx-review-item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 14px;
    }

    .hfx-chkout-wrapper .hfx-review-item .hfx-item-name {
      color: #021959;
      font-size: 13px;
      font-weight: 700;
    }

    .hfx-chkout-wrapper .hfx-review-item .hfx-item-total {
      color: #021959;
      font-size: 13px;
      font-weight: 700;
    }

    .hfx-chkout-wrapper .hfx-review-item .hfx-item-total .woocommerce-Price-amount bdi {
      color: #021959;
      font-size: 13px;
      font-weight: 700;
    }

    /* Order Review Rows */
    .hfx-chkout-wrapper .hfx-subtotal-row,
    .hfx-chkout-wrapper .hfx-discount-row,
    .hfx-chkout-wrapper .hfx-shipping-mini-row,
    .hfx-chkout-wrapper .hfx-fee-row,
    .hfx-chkout-wrapper .hfx-tax-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-top: 18px;
      margin-bottom: 18px;
      border-top: 1px solid #e6eaf0;
    }

    .hfx-chkout-wrapper .hfx-subtotal-row .hfx-row-label {
      color: #021959;
      font-size: 13px;
      font-weight: 700;
    }

    .hfx-chkout-wrapper .hfx-subtotal-row .hfx-row-value .woocommerce-Price-amount bdi {
      color: #021959;
      font-size: 17px;
      font-weight: 600;
    }

    .hfx-chkout-wrapper .hfx-discount-row .hfx-row-label {
      color: #f04055;
      font-size: 13px;
      font-weight: 700;
    }

    .hfx-chkout-wrapper .hfx-discount-row .hfx-row-value {
      display: flex;
      align-items: center;
      gap: 5px;
    }

    .hfx-chkout-wrapper .hfx-discount-row .hfx-row-value .hfx-coupon-code-label {
      color: #f04055;
      font-size: 17px;
      font-weight: 600;
    }

    .hfx-chkout-wrapper .hfx-discount-row .hfx-row-value .hfx-remove-coupon-btn {
      border-radius: 5px;
      background: #f04055;
      color: #fff;
      font-size: 11px;
      font-weight: 700;
      padding: 1px 5px 0;
      text-decoration: none;
    }

    .hfx-chkout-wrapper .hfx-shipping-mini-row .hfx-row-label,
    .hfx-chkout-wrapper .hfx-fee-row .hfx-row-label,
    .hfx-chkout-wrapper .hfx-tax-row .hfx-row-label {
      color: #021959;
      font-size: 13px;
      font-weight: 500;
    }

    .hfx-chkout-wrapper .hfx-shipping-mini-row .hfx-row-value,
    .hfx-chkout-wrapper .hfx-fee-row .hfx-row-value,
    .hfx-chkout-wrapper .hfx-tax-row .hfx-row-value {
      color: #021959;
      font-size: 14px;
      font-weight: 600;
    }

    /* Total Row */
    .hfx-chkout-wrapper .hfx-total-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-top: 18px;
      padding-top: 18px;
      border-top: 1px solid #e6eaf0;
    }
    .hfx-chkout-wrapper .hfx-total-row .hfx-row-label {
    	color: #021959;
    	font-size: 20px;
    	font-weight: 500;
    	font-family: var(--font-peyda);
    }

    .hfx-chkout-wrapper .hfx-total-row .hfx-row-value {
    	color: #021959;
    	font-size: 21px;
    	font-weight: 600;
    	font-family: var(--font-peyda);
    }

    .hfx-chkout-wrapper .hfx-total-row .hfx-row-value .woocommerce-Price-amount bdi {
      color: #021959;
      font-size: 20px;
      font-weight: 600;
    }

    /* Reward Points Row */
    .hfx-chkout-wrapper .hfx-reward-points-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-top: 18px;
      padding-top: 18px;
      border-top: 1px solid #e6eaf0;
    }

    .hfx-chkout-wrapper .hfx-reward-points-row .hfx-points-label {
      display: flex;
      align-items: center;
      gap: 6px;
    }

    .hfx-chkout-wrapper .hfx-reward-points-row .hfx-points-label div {
      color: #021959;
      font-size: 12px;
      font-weight: 700;
      display: flex;
      align-items: center;
      gap: 3px;
    }

    .hfx-chkout-wrapper .hfx-reward-points-row .hfx-points-label div span {
      font-size: 16px;
      font-weight: 700;
    }

    .hfx-chkout-wrapper .hfx-reward-points-row .hfx-points-value {
      color: #021959;
      font-size: 10px;
      font-weight: 600;
    }

    #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    	background: none !important;
          /*

          box-shadow: 0px 3px 1px rgba(2, 25, 89, 0.07) !important;
        	border: 1px solid rgba(234, 238, 244, 0.6) !important;
           */

    	border-radius: 13px !important;
    }
    /* Place Order Button */
    .hfx-chkout-wrapper .hfx-place-order-btn, .hfx-chkout-wrapper button#place_order {
    	display: block;
    	width: 100%;
    	padding: 19px;
    	color: #fff !important;
    	font-size: 26px;
    	font-weight: 700;
    	border-radius: 15px;
    	background: #f04055 !important;
    	box-shadow: 7px 7px 13px -3px rgba(240, 64, 85, 0.24) !important;
    	border: none !important;
    	cursor: pointer;
    	transition: all 0.2s ease;
    	font-family: var(--font-peyda);
    }

    .hfx-chkout-wrapper .hfx-place-order-btn:hover,
    .hfx-chkout-wrapper button#place_order:hover {
      background: #d9384a !important;
    }


    /* ===== سایدبار مجموع سبد خرید ===== */
    .hfx-purchase-sidebar {

        overflow: hidden;
    }

    .hfx-order-review-title {
        font-size: 18px;
        font-weight: 700;
        color: #021959;
        padding: 22px 25px 0 25px;
        margin: 0 0 10px 0;
        font-family: var(--font-peyda, inherit);
    }

    .hfx-order-review-box {
        padding: 0 25px 25px 25px;
    }

    /* جدول محصولات */
    .woocommerce-checkout-review-order-table {
        width: 100%;
        margin-bottom: 20px;
    }

    .woocommerce-checkout-review-order-table thead th {
        font-size: 14px;
        font-weight: 700;
        color: #5c688a;
        padding: 12px 0;
    }

    .woocommerce-checkout-review-order-table tbody tr td {
        padding: 14px 0;
    }

    .woocommerce-checkout-review-order-table tbody .product-name {
        font-size: 14px;
        font-weight: 500;
        color: #1e293b;
    }

    .woocommerce-checkout-review-order-table tbody .product-total {
    	font-size: 16px;
    	font-weight: 900;
    	color: #021959;
    	text-align: left;
    }
    /* جمع جزء و سایر ردیف‌ها */
    .cart-subtotals th, .shipping th, .order-total th {
    	font-size: 20px !important;
    	font-weight: 900 !important;
    	color: #021959 !important;
    	padding: 12px 0;
    }

    .cart-subtotals td,
    .shipping td,
    .order-total td {
        font-size: 15px;
        font-weight: 700;
        color: #021959;
        text-align: left;
    }

    /* جمع کل */
    .order-total {
        border-top: 2px solid #eef2f8;
    }

    .order-total th,
    .order-total td {
        padding-top: 18px;
        font-size: 18px;
        font-weight: 800;
        color: #e80645;
    }

    /* روش‌های ارسال داخل سایدبار (اختیاری) */
    #shipping_method {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    #shipping_method li {
        margin-bottom: 10px;
    }

    #shipping_method li label {
        font-size: 13px;
        color: #334155;
    }

    #shipping_method .amount {
        font-weight: 600;
        color: #021959;
    }

    /* کوپن تخفیف در سایدبار */
    .woocommerce-checkout-review-order .coupon-form {
        margin-top: 15px;
    }

    /* ریسپانسیو */
    @media (max-width: 768px) {
        .hfx-order-review-title {
            font-size: 16px;
            padding: 18px 20px 0 20px;
        }
        .hfx-order-review-box {
            padding: 0 20px 20px 20px;
        }
    }
    /* Privacy Policy */
    .hfx-chkout-wrapper .woocommerce-privacy-policy-text p {
      color: #677292;
      font-size: 11px;
      font-weight: 600;
      text-align: justify;
      margin: 15px 0;
    }

    /* Notices */
    .hfx-chkout-wrapper .woocommerce-notices-wrapper .woocommerce-message,
    .hfx-chkout-wrapper .woocommerce-notices-wrapper .woocommerce-error,
    .hfx-chkout-wrapper .woocommerce-notices-wrapper .woocommerce-info {
      border-radius: 10px;
      padding: 15px 20px;
      margin-bottom: 20px;
    }

    /* Responsive */
    @media (max-width: 1200px) {
      .hfx-chkout-wrapper .hfx-purchase-layout {
        flex-direction: column;
        gap: 25px;
      }

      .hfx-chkout-wrapper .hfx-purchase-main {
        width: 100%;
      }

      .hfx-chkout-wrapper .hfx-purchase-sidebar {
        width: 100%;
      }

      .hfx-chkout-wrapper .hfx-checkout-options-row {
        gap: 40px;
      }
    }

    @media (max-width: 992px) {
      .hfx-chkout-wrapper .hfx-checkout-options-row {
        flex-direction: column;
        gap: 30px;
      }

      .hfx-chkout-wrapper .hfx-shipping-methods-area,
      .hfx-chkout-wrapper .hfx-payment-methods-area {
        width: 100%;
      }

      .hfx-chkout-wrapper .hfx-form-fields--with-map {
        width: 100%;
      }

      .hfx-chkout-wrapper .hfx-coupon-toggle {
        flex-direction: column;
        gap: 15px;
        padding: 15px;
      }

      .hfx-chkout-wrapper .hfx-coupon-header {
        justify-content: space-between;
        width: 100%;
      }
    }

    @media (max-width: 768px) {
      .hfx-chkout-wrapper .hfx-page-title {
        font-size: 18px;
        margin-bottom: 18px;
      }

      .hfx-chkout-wrapper .hfx-coupon-header div {
        font-size: 13px;
      }

      .hfx-chkout-wrapper .hfx-coupon-header span {
        font-size: 9px;
      }

      .hfx-chkout-wrapper .hfx-coupon-form input {
        min-width: 150px !important;
      }

      .hfx-chkout-wrapper .hfx-billing-section .woocommerce-billing-fields__field-wrapper {
        grid-template-columns: 1fr !important;
      }

      .hfx-chkout-wrapper .hfx-billing-section .form-row-wide {
        grid-column: span 1 !important;
      }

      .hfx-chkout-wrapper .hfx-delivery-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
      }

      .hfx-chkout-wrapper .hfx-delivery-date-grid,
      .hfx-chkout-wrapper .hfx-delivery-time-grid {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        gap: 10px;
        padding-bottom: 10px;
      }

      .hfx-chkout-wrapper .hfx-date-option,
      .hfx-chkout-wrapper .hfx-time-option {
        flex: 0 0 40%;
        scroll-snap-align: start;
      }

      .hfx-chkout-wrapper .hfx-order-review-box {
        padding: 25px 20px;
      }

      .hfx-chkout-wrapper .hfx-purchase-layout {
        margin-bottom: 40px;
      }
    }

    /* ===== تسویه حساب===== */
/* ====part-10 - 11 ======= */


/* ==single - صفحه وبلاگ==== */
/* ====part-11-2 =======*/


        /* ===== Container ===== */


        /* ===== Grid System ===== */
        .single-blog-grid {
            display: grid;
            grid-template-columns: repeat(12, 1fr);
            gap: 45px;
        }

        /* ===== Post Wrapper ===== */
        .single-blog-post-wrapper {
            margin-bottom: 65px;
        }

        /* ===== Sidebar Right - ابزارهای سمت راست ===== */
        .single-blog-sidebar-right {
            grid-column: span 3;
            direction: ltr;
        }

        .single-blog-items-wrap {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            position: sticky;
            top: 20px;
            width: max-content;
        }

        /* تایمر / زمان مطالعه */
        .single-blog-time {
            height: 66px;
            width: max-content;
            position: relative;
            border-radius: 21px;
            margin-bottom: 30px;
            padding: 0 10px;
            padding-top: 3px;
            background-color: #f4f9f7;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .single-blog-time-number {
            font-size: 38px;
            line-height: 26px;
            color: #143a6b;
            font-weight: 700;
        }

        .single-blog-time-icon {
            display: inline-block;
        }

        .single-blog-time-icon svg {
            width: 17px;
            height: 17px;
            fill: #143a6b;
        }

        /* منوی اشتراک‌گذاری */
        .single-blog-share-wrap {
            padding-left: 15px;
            margin-bottom: 20px;
            list-style: none;
        }

        .single-blog-share-wrap li {
            display: flex;
            align-items: center;
            margin-bottom: 15px;
            cursor: pointer;
        }

        .single-blog-share-icn {
            display: inline-block;
            margin-right: 12px;
        }

        .single-blog-share-icn svg {
            width: 17px;
            height: 17px;
            fill: #ced8e7;
            transition: fill 0.3s;
        }

        .single-blog-share-wrap li:hover .single-blog-share-icn svg {
            fill: #143a6b;
        }

        .single-blog-share-txt {
            font-size: 12px;
            font-weight: bold;
            color: #8b9cb3;
            transform: translateX(7px);
            opacity: 0;
            transition: all 0.3s;
            white-space: nowrap;
        }

        .single-blog-share-wrap li:hover .single-blog-share-txt {
            transform: translateX(0);
            opacity: 1;
            color: #143a6b;
        }

        /* دکمه‌های بالا/پایین */
        .single-blog-up-down {
            padding-left: 15px;
            margin-bottom: 20px;
            list-style: none;
        }

        .single-blog-up-down li {
            display: flex;
            align-items: center;
            margin-bottom: 4px;
            cursor: pointer;
        }

        .single-blog-up-down-icn svg {
            width: 17px;
            height: 17px;
            fill: #ced8e7;
            transition: fill 0.3s;
        }

        .single-blog-up-down li:hover .single-blog-up-down-icn svg {
            fill: #143a6b;
        }

        /* دکمه‌های زوم */
        .single-blog-zoom-wrap {
            padding-left: 15px;
            margin-bottom: 20px;
            list-style: none;
        }

        .single-blog-zoom-wrap li {
            display: flex;
            align-items: center;
            margin-bottom: 4px;
            cursor: pointer;
        }

        .single-blog-zoom-icn svg {
            width: 17px;
            height: 17px;
            fill: #ced8e7;
            transition: fill 0.3s;
        }

        .single-blog-zoom-wrap li:hover .single-blog-zoom-icn svg {
            fill: #143a6b;
        }

        /* ===== Main Content ===== */
        .single-blog-content-main {
            grid-column: span 6;
            width: 770px;
            margin: 0 -15px;
        }

        .single-blog-post-content {
            background: #fff;
            border-radius: 24px;
            padding: 30px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.02);
        }

        .single-blog-post-content h1 {
            font-size: 28px;
            font-weight: 800;
            color: #0c2d5b;
            margin-bottom: 25px;
            line-height: 1.4;
            border-bottom: 2px solid #e2f4ed;
            padding-bottom: 20px;
        }

        .single-blog-post-content h2 {
            font-size: 22px;
            font-weight: 700;
            color: #143a6b;
            margin: 30px 0 20px;
            padding-right: 15px;
            border-right: 4px solid #ee1a45;
        }

        .single-blog-post-content p {
            margin-bottom: 20px;
            text-align: justify;
            color: #475569;
            font-size: 16px;
        }

        /* Audio Player */
        .single-blog-audio-box {
            margin: 30px 0;
            background: #f8fafc;
            border-radius: 60px;
            padding: 10px 20px;
            border: 1px solid #e2e8f0;
        }

        .single-blog-audio-box audio {
            width: 100%;
            height: 40px;
        }

        /* Table */
        .single-blog-post-content table {
            width: 100%;
            border-collapse: collapse;
            margin: 25px 0;
            border-radius: 16px;
            overflow: hidden;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
        }

        .single-blog-post-content table td {
            border: 1px solid #e2f4ed;
            padding: 15px 20px;
            text-align: center;
            font-size: 14px;
        }

        .single-blog-post-content table td:first-child {
            background-color: #f4f9f7;
            font-weight: 700;
            color: #143a6b;
        }

        /* Images */
        .single-blog-post-content img {
            max-width: 100%;
            height: auto;
            border-radius: 20px;
            margin: 20px auto;
            display: block;
        }

        /* Links */
        .single-blog-post-content a {
            color: #008efa;
            text-decoration: none;
            font-weight: 600;
            transition: color 0.3s;
        }

        .single-blog-post-content a:hover {
            color: #143a6b;
            text-decoration: none;
        }

        /* FAQ Section */
        .single-blog-faq-section {
            margin-top: 50px;
            padding-top: 30px;
            border-top: 2px solid #e2f4ed;
        }

        .single-blog-faq-section h2 {
            font-size: 26px;
            color: #0c2d5b;
            margin-bottom: 30px;
            text-align: center;
            border-right: none;
        }

        .single-blog-faq-list {
            display: flex;
            flex-direction: column;
            gap: 15px;
        }

        .single-blog-faq-item {
            background: #f8fafc;
            border-radius: 16px;
            padding: 20px 25px;
            border: 1px solid #e2e8f0;
            transition: all 0.3s;
        }

        .single-blog-faq-item:hover {
            background: #fff;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
            border-color: #68a63f;
        }

        .single-blog-faq-question {
            font-size: 18px;
            font-weight: 700;
            color: #143a6b;
            margin-bottom: 10px;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .single-blog-faq-number {
            background: #68a63f;
            color: white;
            width: 28px;
            height: 28px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            font-weight: bold;
        }

        .single-blog-faq-answer {
            color: #64748b;
            font-size: 15px;
            line-height: 1.8;
            padding-right: 38px;
        }

        /* ===== Sidebar Left - فهرست مطالب ===== */
        .single-blog-sidebar-left {
            grid-column: span 3;
            padding-right: 15px;
        }

        .single-blog-title-boxes {
            position: sticky;
            top: 40px;
        }

        .single-blog-title-boxes ul {
            list-style: none;
        }

        .single-blog-title-boxes li {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
        }

        .single-blog-title-boxes a {
            display: flex;
            align-items: center;
            text-decoration: none;
            font-size: 13px;
            color: #233564;
            font-weight: bold;
            transition: all 0.3s;
        }
        .single-blog-title-boxes a:hover .single-blog-title-txt {
        	color: #143a6b;
        }
        .single-blog-title-boxes a:hover .single-blog-title-icn {
        	border-color: #ff2d55;
        	background-color: #ff2d55;
        }

        .single-blog-title-icn {
            display: inline-block;
            position: relative;
            z-index: 10;
            height: 7px;
            width: 7px;
            border-radius: 4px;
            border: 2px solid #ced5de;
            background-color: white;
            margin-left: 20px;
            transition: all 0.3s;
        }

        .single-blog-title-txt {
            color: #8b9cb3;
            font-size: 13px;
            transition: all 0.3s;
            cursor: pointer;
            flex: 1;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
        }


        .single-blog-grid.no-sidebar-left {
    display: flex;
    justify-content: center;
}

.single-blog-grid.no-sidebar-left .single-blog-sidebar-left {
    display: none;
}

.single-blog-grid.no-sidebar-left .single-blog-content-main {
    max-width: 900px;
    width: 100%;
    flex: none;
}

@media (max-width: 768px) {
    .single-blog-grid.no-sidebar-left .single-blog-content-main {
        max-width: 100%;
        padding: 0 20px;
    }
}

        /* ===== بخش نظرات ===== */
        .single-blog-comments-section {
            margin-top: 60px;
            padding-top: 40px;
            border-top: 2px solid #e2f4ed;
        }

        .single-blog-comments-title {
            font-size: 22px;
            font-weight: 700;
            color: #0c2d5b;
            margin-bottom: 30px;
            display: flex;
            align-items: center;
        }

        .single-blog-comments-title::before {
            content: "";
            width: 4px;
            height: 22px;
            background: #143a6b;
            border-radius: 4px;
            margin-left: 12px;
        }

        .single-blog-comments-list {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
            margin-bottom: 30px;
        }

        .single-blog-comment-item {
            display: flex;
            gap: 15px;
            padding: 20px;
            background: #fafcfc;
            border-radius: 20px;
            border: 1px solid #e8f0ed;
            transition: all 0.3s;
        }

        .single-blog-comment-item:hover {
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
        }

        .single-blog-comment-avatar {
            flex-shrink: 0;
            width: 48px;
            height: 48px;
            border-radius: 50%;
            background: #e2f4ed;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }

        .single-blog-comment-content {
            flex: 1;
            position: relative;
        }

        .single-blog-comment-header {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 8px;
        }

        .single-blog-comment-author {
            font-weight: 700;
            color: #143a6b;
            font-size: 15px;
        }

        /* ===== کامنت مدیر ===== */

        .single-blog-admin-comment {
            background: linear-gradient(180deg, #f8faff 0%, #ffffff 100%);
            border: 1px solid #cfe0ff;
            position: relative;
        }

        .single-blog-admin-comment::before {
            content: "";
            position: absolute;
            right: 0;
            top: 18px;
            width: 4px;
            height: 60%;
            background: #2563eb;
            border-radius: 20px;
        }

        /* ===== بج مدیر ===== */

        .single-blog-admin-badge {
            background: #2563eb;
            color: #fff;
            font-size: 11px;
            font-weight: 700;
            padding: 4px 10px;
            border-radius: 30px;
            line-height: 1;
        }

        /* ===== ردیف نام ===== */

        .single-blog-comment-author-wrap {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        /* ===== پاسخ به کاربر ===== */

        .single-blog-replying-to {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            margin-bottom: 12px;
            padding: 6px 12px;
            background: #f1f5f9;
            border-radius: 30px;
            font-size: 12px;
            color: #64748b;
        }

        .single-blog-replying-to span {
            color: #2563eb;
            font-weight: 700;
        }

        /* ===== حالت پاسخ ===== */

        .single-blog-comment-item.child-comment {
            margin-right: 40px;
            border-right: 2px dashed #dbeafe;
        }

        .single-blog-comment-date {
            font-size: 12px;
            color: #94a3b8;
        }

        .single-blog-comment-text {
            color: #475569;
            font-size: 14px;
            line-height: 1.8;
            margin-bottom: 12px;
            padding-left: 6px;
        }

        .single-blog-comment-actions {
            display: flex;
            align-items: center;
            gap: 20px;
        }

        .single-blog-like-btn, .single-blog-reply-btn {
            display: flex;
            align-items: center;
            gap: 5px;
            background: none;
            border: none;
            color: #8b9cb3;
            font-size: 13px;
            cursor: pointer;
            padding: 5px 10px;
            border-radius: 20px;
            transition: all 0.2s;
        }

        .single-blog-like-btn:hover {
            color: #f04055;
            background: #fef2f4;
        }

        .single-blog-like-btn svg {
            fill: #ced8e7;
            transition: fill 0.2s;
        }

        .single-blog-like-btn:hover svg {
            fill: #f04055;
        }

        .single-blog-reply-btn:hover {
            color: #008efa;
            background: #f0f9ff;
        }

        .single-blog-reply-btn svg {
            fill: #ced8e7;
            transition: fill 0.2s;
        }

        .single-blog-reply-btn:hover svg {
            fill: #008efa;
        }

        .single-blog-helpful-badge {
        	position: absolute;
        	top: 0;
        	left: 0;
        	background: #5b51d8;
        	color: white;
        	font-size: 11px;
        	padding: 3px 12px;
        	border-radius: 5px;
        	font-weight: 500;
        }

        .single-blog-load-more-comments {
            text-align: center;
            margin: 30px 0 40px;
        }

        .single-blog-load-more-btn {
        	background: none;
        	border: 1px solid #d0e6dc;
        	color: #555279;
        	font-size: 14px;
        	font-weight: 600;
        	padding: 7px 30px;
        	border-radius: 40px;
        	cursor: pointer;
        	transition: all 0.3s;
        	font-family: inherit;
        }

        .single-blog-load-more-btn:hover {
            border-color: #ee1a45;
        }

        .single-blog-comment-form-wrapper {
        	border-radius: 24px;
        	padding: 30px;
        	margin-top: 20px;
        	border: 1px solid #f0f0f0;
  }

        .single-blog-comment-form-title {
            font-size: 18px;
            font-weight: 700;
            color: #143a6b;
            margin-bottom: 25px;
        }

        .single-blog-comment-form .single-blog-form-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
            margin-bottom: 20px;
        }

        .single-blog-form-group {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .single-blog-form-group-full {
            grid-column: span 2;
        }

        .single-blog-form-group label {
            font-size: 14px;
            font-weight: 600;
            color: #475569;
        }

        .single-blog-form-group input,
        .single-blog-form-group textarea {
            padding: 14px 18px;
            border: 1px solid #e2e8f0;
            border-radius: 16px;
            font-size: 14px;
            font-family: inherit;
            background: white;
            transition: all 0.3s;
        }

        .single-blog-form-group input:focus,
        .single-blog-form-group textarea:focus {
            outline: none;
            border-color: #68a63f;
            box-shadow: 0 0 0 3px rgba(104, 166, 63, 0.1);
        }

        .single-blog-form-group input::placeholder,
        .single-blog-form-group textarea::placeholder {
            color: #b4c3d7;
        }

        .single-blog-form-submit {
            display: flex;
            justify-content: flex-end;
            margin-top: 20px;
        }

        .single-blog-submit-btn {
        	background: #5b51d8;
        	color: #fff;
        	border: none;
        	padding: 14px 35px;
        	border-radius: 10px;
        	font-size: 21px;
        	font-weight: 500;
        	cursor: pointer;
        	transition: all 0.3s;
        	font-family: var(--tg-body-YekanBakh);
        	width: 100%;
        }

        .single-blog-submit-btn:hover {
      	background: #4a42a6;
      	transform: translateY(-2px);
      	box-shadow: 0 8px 20px rgba(104, 166, 63, 0.3);
      }

        /* ===== بخش مطالب مرتبط ===== */
        .single-blog-related-section {
            margin-top: 60px;
            padding-top: 40px;
            border-top: 2px solid #e2f4ed;
        }

        .single-blog-related-title {
            font-size: 22px;
            font-weight: 700;
            color: #0c2d5b;
            margin-bottom: 30px;
            display: flex;
            align-items: center;
        }

        .single-blog-related-title::before {
            content: "";
            width: 4px;
            height: 22px;
            background: #008efa;
            border-radius: 4px;
            margin-left: 12px;
        }

        .single-blog-related-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
        }

        .single-blog-related-card {
            text-decoration: none;
            background: white;
            border-radius: 16px;
            border: 1px solid #e8f0ed;
            overflow: hidden;
            transition: all 0.3s;
        }

        .single-blog-related-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08);
            border-color: #008efa;
        }

        .single-blog-related-image {
            width: 100%;
            height: 140px;
            background: #f4f9f7;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .single-blog-related-content {
            padding: 15px;
        }

        .single-blog-related-post-title {
            font-size: 14px;
            font-weight: 600;
            color: #143a6b;
            line-height: 1.6;
            margin-bottom: 10px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .single-blog-related-date {
            font-size: 12px;
            color: #94a3b8;
        }


        /* ===== بخش امتیازدهی مقاله ===== */

        /* ===== بخش امتیازدهی مقاله - استایل مینیمال ===== */
        /* ===== بخش امتیازدهی و لینک کوتاه ===== */
.single-blog-rating-wrapper {
    margin: 20px 0 30px;
    display: flex;
    justify-content: center;
}

.single-blog-rating-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 10px 20px;
    background: #fafbfc;
    border-radius: 15px;
    border: 1px solid #e8ecf1;
    transition: all 0.3s ease;
    position: relative;
    width: 100%;
    max-width: 740px;
    flex-wrap: wrap;
}

.single-blog-rating-box.voted .single-blog-rating-result {
    opacity: 0;
    visibility: hidden;
    width: 0;
    margin: 0;
    padding: 0;
    transition: all 0.3s ease;
}

/* بخش ستاره‌ها */
.single-blog-rating-stars-container {
    display: flex;
    align-items: center;
    gap: 10px;
}

.single-blog-rating-label {
    font-size: 13px;
    font-weight: 500;
    color: #5a6a7a;
    white-space: nowrap;
}

.single-blog-rating-stars {
    display: flex;
    align-items: center;
    gap: 3px;
    direction: ltr;
}

.single-blog-rating-star {
    cursor: pointer;
    transition: transform 0.2s ease;
}

.single-blog-rating-star:hover {
    transform: scale(1.15);
}

.single-blog-rating-star svg {
    fill: #d1d9e6;
    stroke: none;
    transition: fill 0.2s ease;
}

.single-blog-rating-star:hover svg,
.single-blog-rating-star.active svg {
    fill: #ffb800;
}

.single-blog-rating-star.voted svg {
    fill: #ffb800;
}

.single-blog-rating-box.voted .single-blog-rating-star {
    cursor: default;
    pointer-events: none;
}

.single-blog-rating-box.voted .single-blog-rating-star:not(.voted) svg {
    fill: #e4e9f2;
}

/* جداکننده */
.single-blog-rating-divider {
    width: 1px;
    height: 25px;
    background: #d1d9e6;
    margin: 0 5px;
}

/* بخش لینک کوتاه */
.single-blog-shortlink-container {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #ffffff;
    padding: 5px 12px;
    border-radius: 30px;
    border: 1px solid #e2e8f0;
}

.single-blog-shortlink-label {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    color: #5a6a7a;
    white-space: nowrap;
}

.single-blog-shortlink-label svg {
    fill: #8a9bb0;
}

.single-blog-shortlink-url {
    font-size: 12px;
    color: #1a2a3a;
    font-weight: 500;
    direction: ltr;
    unicode-bidi: embed;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.single-blog-shortlink-copy-btn {
	display: flex;
	align-items: center;
	gap: 4px;
	background: none;
	border: none;
	padding: 4px 10px;
	font-size: 11px;
	font-weight: 600;
	color: #5a6a7a;
	cursor: pointer;
	font-family: var(--tg-body-YekanBakh);
	transition: all 0.2s ease;
	border-radius: 5px;
}

.single-blog-shortlink-copy-btn:hover {
    background: #1a2a3a;
    color: white;
    border-color: #1a2a3a;
}

.single-blog-shortlink-copy-btn:hover svg {
    fill: white;
}

.single-blog-shortlink-copy-btn svg {
    fill: #5a6a7a;
    transition: fill 0.2s ease;
}

.single-blog-shortlink-copy-btn.copied {
    background: #10b981;
    color: white;
    border-color: #10b981;
}

.single-blog-shortlink-copy-btn.copied svg {
    fill: white;
}

/* بخش نتیجه */
.single-blog-rating-result {
    display: flex;
    align-items: center;
    gap: 15px;
    padding-left: 15px;
    border-left: 1px solid #e2e8f0;
    transition: all 0.3s ease;
}

.single-blog-rating-average-wrapper {
    display: flex;
    align-items: baseline;
    gap: 3px;
}

.single-blog-rating-avg-number {
    font-size: 22px;
    font-weight: 700;
    color: #1a2a3a;
    line-height: 1;
}

.single-blog-rating-out-of {
    font-size: 11px;
    color: #8a9bb0;
    font-weight: 400;
}

.single-blog-rating-count-wrapper {
    display: flex;
    align-items: baseline;
    gap: 3px;
}

.single-blog-rating-count-number {
    font-size: 14px;
    font-weight: 600;
    color: #1a2a3a;
}

.single-blog-rating-count-label {
    font-size: 11px;
    color: #8a9bb0;
}

/* Tooltip */
.single-blog-rating-tooltip {
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    background: #1a2a3a;
    color: white;
    padding: 6px 16px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
    z-index: 100;
    pointer-events: none;
    animation: tooltipFadeIn 0.3s ease;
}

.single-blog-rating-tooltip::after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #1a2a3a;
}

.single-blog-rating-tooltip.success {
    background: #1a2a3a;
}

.single-blog-rating-tooltip.error {
    background: #e53e3e;
}

.single-blog-rating-tooltip.error::after {
    border-top-color: #e53e3e;
}



.single-blog-sidebar-left {
    position: sticky;
    top: 100px;
    width: 280px;
    max-height: calc(100vh - 120px);
    overflow-y: auto;
    padding: 0 10px 0 0;
}

.single-blog-title-boxes {
    background: #fff;
}

.toc-title {
    font-size: 16px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 2px solid #f1f5f9;
}

.toc-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.toc-list li {
    margin-bottom: 8px;
}

.toc-list li:last-child {
    margin-bottom: 0;
}

.toc-number {
    width: 22px;
    height: 22px;
    background: #f1f5f9;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    color: #64748b;
    transition: all 0.2s;
}

.single-blog-toc-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 0;
    color: #475569;
    font-size: 13px;
    text-decoration: none;
    transition: all 0.2s;
}

.single-blog-toc-link:hover {
    color: #dc2626;
}

.single-blog-toc-link:hover .toc-number {
    background: #dc2626;
    color: #fff;
}

.single-blog-toc-link.active {
    color: #dc2626;
    font-weight: 600;
}

.single-blog-toc-link.active .toc-number {
    background: #dc2626;
    color: #fff;
}

.single-blog-title-txt {
    flex: 1;
    line-height: 1.5;
}

/* اسکرول بار */
.single-blog-sidebar-left::-webkit-scrollbar {
    width: 4px;
}

.single-blog-sidebar-left::-webkit-scrollbar-track {
    background: #f1f5f9;
}

.single-blog-sidebar-left::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 10px;
}





@keyframes tooltipFadeIn {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

/* Responsive */
@media (max-width: 768px) {
    .single-blog-rating-box {
        justify-content: center;
        gap: 12px;
        padding: 15px;
    }

    .single-blog-shortlink-container {
        order: 3;
        width: 100%;
        justify-content: center;
        margin-top: 5px;
    }

    .single-blog-shortlink-url {
        max-width: 120px;
    }

    .single-blog-rating-divider {
        display: none;
    }
}

@media (max-width: 480px) {
    .single-blog-rating-stars-container {
        width: 100%;
        justify-content: center;
    }

    .single-blog-rating-result {
        width: 100%;
        justify-content: center;
        border-left: none;
        padding-left: 0;
    }
}

        /* ===== بخش امتیازدهی مقاله ===== */
        /* ===== Responsive ===== */
        @media (max-width: 1536px) {
            .single-blog-grid {
                gap: 35px;
            }
            .single-blog-sidebar-right {
                grid-column: span 2;
            }


            .single-blog-content-main {
                grid-column: span 7;
            }
            .single-blog-sidebar-left {
                grid-column: span 2;
                padding-right: 0;
                margin-right: -10px;
            }
            .single-blog-title-icn {
                margin-left: 10px;
            }
        }

        @media (max-width: 1280px) {
            .single-blog-content-main {
                grid-column: span 9;
                width: auto;
            }
            .single-blog-sidebar-left {
                grid-column: span 2;
            }
        }

        @media (max-width: 1024px) {
            .single-blog-grid {
                gap: 0;
            }

            .single-blog-sidebar-right {
                grid-column: span 12;
                position: sticky;
                top: 80px;
                background-color: white;
                z-index: -1;
                padding: 15px 0;
                border-bottom: 2px solid #f4f9f7;
                margin-bottom: 15px;
            }

            .single-blog-items-wrap {
                flex-direction: row;
                align-items: center;
                width: 100%;
            }

            .single-blog-time {
                flex-direction: row;
                align-items: center;
                height: auto;
                margin-bottom: 0;
                border-radius: 12px;
                margin-right: 5px;
            }

            .single-blog-share-wrap {
                display: flex;
                align-items: center;
                margin-bottom: 0;
                gap: 4px;
            }

            .single-blog-share-wrap li {
                margin-bottom: 0;
            }

            .single-blog-up-down {
                display: flex;
                align-items: center;
                margin-bottom: 0;
                gap: 10px;
                margin-right: auto;
            }

            .single-blog-up-down li {
                margin-bottom: 0;
            }

            .single-blog-zoom-wrap {
                display: flex;
                align-items: center;
                margin-bottom: 0;
                gap: 10px;
            }

            .single-blog-zoom-wrap li {
                margin-bottom: 0;
            }

            .single-blog-content-main {
                grid-column: span 12;
                margin: 0;
            }

            .single-blog-sidebar-left {
                display: none;
            }

            .single-blog-related-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 640px) {
            .single-blog-time-number {
                font-size: 30px;
            }
            .single-blog-related-post-title {

	margin-top: 20px;
}
            .single-blog-post-content {
                padding: 20px 15px;
            }

            .single-blog-post-content h1 {
                font-size: 22px;
            }

            .single-blog-post-content h2 {
                font-size: 18px;
            }

            .single-blog-faq-question {
                font-size: 16px;
            }

            .single-blog-faq-answer {
                font-size: 14px;
                padding-right: 0;
            }

            .single-blog-comment-form .single-blog-form-row {
                grid-template-columns: 1fr;
                gap: 15px;
            }

            .single-blog-form-group-full {
                grid-column: span 1;
            }

            .single-blog-comment-item {
                flex-direction: column;
                text-align: center;
            }

            .single-blog-comment-avatar {
                margin: 0 auto;
            }

            .single-blog-comment-header {
                justify-content: center;
            }

            .single-blog-comment-text {
                padding-left: 0;
            }

            .single-blog-comment-actions {
                justify-content: center;
            }

            .single-blog-helpful-badge {
                position: static;
                display: inline-block;
                margin-top: 10px;
            }

            .single-blog-related-grid {
                grid-template-columns: 1fr;
            }

            .single-blog-comment-form-wrapper {
                padding: 20px 15px;
            }
        }

        .single-blog-comments-list {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
            margin-bottom: 30px;
        }

        .single-blog-comment-item {
        	display: flex;
        	gap: 15px;
        	padding: 20px;
        	background: #fff;
        	border-radius: 20px;
        	/* border: 1px solid #2563eb4f; */
        	transition: all 0.3s;
        	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
        }

        .single-blog-avatar-img{
            width:100%;
            height:100%;
            object-fit:cover;
            border-radius:50%;
            display:block;
        }
        /* ریسپانسیو - موبایل برگرده به تک ستون */
        @media (max-width: 768px) {
            .single-blog-comments-list {
                grid-template-columns: 1fr;
            }
            .single-blog-related-post-title {

  margin-top: 20px;
}
        }
        /* ===== Utilities ===== */
        .single-blog-mb-65 {
            margin-bottom: 65px;
        }


/* ==single - صفحه وبلاگ==== */
/* ====part-11-2 =======*/


/* ====part-12 ======= */
/* ========================================== */
/* FOOTER CSS                */
/* ========================================== */

.footer-main {
	/* width: 100%; */
	background-color: #ffffff;
	font-family: var(--tg-body-YekanBakh);
	/* direction: rtl; */
	/* padding: 0px 15px; */
	max-width: 1400px;
	margin: 0 auto;
	padding: 20px 30px 15px;
	position: relative;
	overflow: visible !important;
	direction: rtl;
}

/* ===== بخش بالایی فوتر ===== */
.footer-top {
    display: flex;
    gap: 80px;
    padding: 48px 0;
    border-top: 1px solid #f1f2f7;
}

/* ستون درباره فروشگاه */
.footer-about {
    flex: 0 0 464px;
    max-width: 464px;
}

.footer-about-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 32px;
}

.footer-title {
	font-size: 21px;
	font-weight: 500;
	color: #516292;
	margin: 0;
	font-family: peyda;
}
.footer-app-link {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    font-weight: 700;
    color: #969fae;
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-app-link:hover {
    color: #021959;
}

.footer-app-link .icon-arrow-left {
    width: 16px;
    height: 16px;
}

.footer-description {
    font-size: 13px;
    font-weight: 700;
    color: #969fae;
    line-height: 2.7;
    text-align: justify;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ستون منوها */
.footer-menus {
    flex: 1;
    min-width: 0;
}

.footer-menus-wrapper {
    display: flex;
    gap: 20px;
}

.footer-menu-columns {
  display: flex;
    flex-wrap: wrap;
    gap: 60px;
}

.footer-menu-columns > * {
    flex: 1 1 calc(33.333% - 10px);
    min-width: 100px;
}

.footer-menu-col {
    flex: 1;
}

.footer-menu-title {
    font-size: 13px;
    font-weight: 700;
    color: #969fae;
    margin-bottom: 44px;
}

.footer-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 19px;
}

.footer-menu-list li {
    margin: 0;
}

.footer-menu-list a {
    font-size: 13px;
    font-weight: 700;
    color: #969fae;
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-block;
    position: relative;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.footer-menu-list a:hover {
    color: #021959;
    transform: translateX(-3px);
}



/* باکس شبکه‌های اجتماعی */
.footer-social-box {
    flex: 0 0 350px;
    max-width: 350px;
}

.footer-social-main-title {
    font-size: 13px;
    font-weight: 700;
    color: #969fae;
    margin-bottom: 48px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.footer-social {
    margin-top: 0;
}

.social-title {
    font-size: 13px;
    font-weight: 700;
    color: #969fae;
    margin-bottom: 16px;
}

.social-list {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 32px;
    list-style: none;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
}

.social-list li {
    margin: 0;
    display: inline-flex;
    align-items: center;
}

/* ========================================== */
/* تنظیم سایز ثابت برای آیکون‌ها */
/* ========================================== */
.social-list a {
    display: inline-flex;
    align-items: center;
    flex-direction: row-reverse;
    text-decoration: none;
    transition: all 0.6s ease;
}

/* تنظیم سایز ثابت عکس */
.social-list a img {
    width: 20px !important;
    height: 20px !important;
    object-fit: contain !important;
    display: inline-block !important;
    flex-shrink: 0;
    transition: all 0.6s ease;
}

/* متن پشت آیکون */
.social-list a span {
    width: 0;
    display: inline-flex;
    flex-direction: row-reverse;
    overflow: hidden;
    transition: all 0.6s ease;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: -2px;
    color: #969fae;
    white-space: nowrap;
}

/* هاور - نمایش متن */
.social-list a:hover span {
    width: 50px;
    margin-left: 7px;
    color: #021959;
}

/* هاور - تغییر اندازه آیکون */
.social-list a:hover img {
    transform: scale(1.1);
}

/* حذف هرگونه استایل اضافی ::before */
.social-list a::before {
    display: none !important;
}

/* ریسپانسیو */
@media (max-width: 768px) {
    .footer-social-box {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .social-list {
        justify-content: center;
        gap: 25px;
    }

    .social-list a img {
        width: 28px !important;
        height: 28px !important;
    }
}

@media (max-width: 480px) {
    .social-list {
        gap: 20px;
    }

    .social-list a img {
        width: 24px !important;
        height: 24px !important;
    }
}

/* ========================================== */
/* نوار تماس - نسخه ریسپانسیو */
/* ========================================== */

.hfx-contact-bar {
    border-top: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
    padding: 28px 0;
}

.hfx-contact-bar-inner {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}

.hfx-contact-bar-intro {
    flex-shrink: 0;
    text-align: right;
}

.hfx-contact-bar-title {
    font-size: 18px;
    font-weight: 800;
    color: #303d61;
    margin: 0 0 6px;
}

.hfx-contact-bar-desc {
    font-size: 12px;
    color: #64748b;
    margin: 0;
    line-height: 1.9;
}

.hfx-contact-bar-items {
    display: flex;
    align-items: center;
    gap: 25px;
    flex-wrap: wrap;
}

.hfx-contact-bar-item {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 15px;
    color: #1e293b;
    font-weight: 500;
    white-space: nowrap;
}

.hfx-contact-bar-item a {
    color: #1e293b;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    transition: color 0.2s;
}

.hfx-contact-bar-item a:hover {
    color: #ee1a45;
}


/* ========================================== */
/* ========================================== */
@media (max-width: 992px) {
    .hfx-contact-bar-inner {
        flex-direction: column;
        text-align: center;
        gap: 20px;
    }

    .hfx-contact-bar-intro {
        text-align: center;
    }

    .hfx-contact-bar-items {
        justify-content: center;
    }
}

/* ========================================== */

/* ========================================== */
@media (max-width: 768px) {
    .hfx-contact-bar {
        padding: 20px 0;
    }

    .hfx-contact-bar-inner {
        padding: 0 15px;
        gap: 15px;
    }

    .hfx-contact-bar-title {
        font-size: 16px;
    }

    .hfx-contact-bar-desc {
        font-size: 11px;
    }

    .hfx-contact-bar-items {
        gap: 12px;
        justify-content: center;
    }

    .hfx-contact-bar-item {
        font-size: 13px;
        gap: 4px;
    }

    .hfx-contact-bar-item a {
        font-size: 12px;
    }

    .hfx-contact-bar-item::before {
        font-size: 16px;
    }
}

/* ========================================== */
/* ========================================== */
@media (max-width: 480px) {
    .hfx-contact-bar {
        padding: 15px 0;
    }

    .hfx-contact-bar-items {
        flex-direction: column;
        align-items: center;
        gap: 12px;
        width: 100%;
    }

    .hfx-contact-bar-item {
        justify-content: center;
    }
}



/* ===== بخش مجوزها - نوار تمام عرض ===== */
.footer-permissions-full {
    width: 100%;
    background-color: #f8f9fb;
    border-radius: 20px;
    margin: 20px 0 10px;
}

.permissions-container {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px 36px;
}

.permissions-header {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
}

.permissions-icon {
    width: 16px;
    height: 16px;
    fill: #969fae;
    flex-shrink: 0;
}

.permissions-title {
    display: flex;
    flex-direction: column;
}

.permissions-title span {
    font-size: 14px;
    font-weight: 700;
    color: #969fae;
}

.permissions-title small {
    font-size: 11px;
    font-weight: 700;
    color: #abb1bc;
}

.permissions-images {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 40px;
}

.permissions-images img {
    max-width: 60px;
    max-height: 60px;
    object-fit: contain;
}

/* ===== بخش پایینی فوتر ===== */
.footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    padding: 32px 0;
    border-top: 1px solid #f1f2f7;
}


/* /////////////   LOGO CODE ///////////// */
.Cntqms-logo
{
    width: 90px;
    float: left;
}

.Cntqms-logo a
{
    background: url(https://hifix.ir/buylo/wp-content/uploads/2026/04/images-3.png) no-repeat;
    background-size: contain; /* کل عکس دیده بشه */
    background-position: center;
    display: block;
    width: 100%;
    height: 60px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.Cntqms-logo a:hover
{
    -webkit-animation: rotatey 400ms ease-out;
    -moz-animation: rotatey 400ms ease-out;
    animation: rotatey 400ms ease-out;
}

@-webkit-keyframes rotatey {
    0% { -webkit-transform: rotate(0deg); }
    25% { -webkit-transform: rotate(10deg); }
    50% { -webkit-transform: rotate(-10deg); }
    100% { -webkit-transform: rotate(0deg); }
}

@-moz-keyframes rotatey {
    0% { -moz-transform: rotate(0deg); }
    25% { -moz-transform: rotate(10deg); }
    50% { -moz-transform: rotate(-10deg); }
    100% { -moz-transform: rotate(0deg); }
}

@keyframes rotatey {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(10deg); }
    50% { transform: rotate(-10deg); }
    100% { transform: rotate(0deg); }
}

/* ریسپانسیو */
@media (max-width: 768px) {
    .Cntqms-logo {
        width: 120px;
    }
    .Cntqms-logo a {
        height: 50px;
    }
}

@media (max-width: 480px) {
    .Cntqms-logo {
        width: 100px;
    }
    .Cntqms-logo a {
        height: 40px;
    }
}
/* /////////////   LOGO CODE ///////////// */

.copyright-info {
    display: flex;
    align-items: center;
    gap: 20px;
}

.copyright-info img {
    width: 36px;
    height: 36px;
    object-fit: contain;
    flex-shrink: 0;
}

.copyright-text {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 11px;
    font-weight: 700;
    color: #969fae;
}


.back-to-top {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    background: #ee1a45;
    color: #fff;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    position: fixed;
    bottom: 30px;
    left: 100px;
    z-index: 9999;
    box-shadow: 0 4px 15px rgba(238,26,69,.3);
    transition: opacity .3s, transform .3s;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
}

.back-to-top.show {
    opacity: 1;
    visibility: visible;
}

.back-to-top:hover {
    background: #d0153a;
    transform: translateY(-3px);
}

.back-to-top:hover .arrow-up {
    animation: arrowUp .6s infinite;
}

@keyframes arrowUp {
    0% { transform: translateY(0); opacity: 1; }
    100% { transform: translateY(-10px); opacity: 0; }
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .back-to-top {
        bottom: 90px;
        left: 15px;
        padding: 8px 14px;
        font-size: 12px;
        gap: 5px;
    }
}

@media (max-width: 480px) {
    .back-to-top {
bottom: 158px;
    left: 20px;
        padding: 8px 10px;
        font-size: 11px;
        border-radius: 25px;
    }
    .back-to-top span {
        display: none;
    }
    .back-to-top svg {
        width: 17px;
        height: 17px;
    }
}


/* ========================================== */
/* RESPONSIVE - ریسپانسیو کامل               */
/* ========================================== */

/* تبلت بزرگ - زیر 1400px */
@media (max-width: 1399.98px) {
    .footer-top {
        gap: 40px;
    }

    .footer-about {
        flex: 0 0 380px;
        max-width: 380px;
    }

    .footer-social-box {
        flex: 0 0 300px;
        max-width: 300px;
    }

    .social-list {
        gap: 20px;
    }

    .permissions-images {
        gap: 20px;
    }
}

/* تبلت - زیر 1200px */
@media (max-width: 1199.98px) {
    .footer-top {
        flex-direction: column;
        gap: 30px;
    }

    .footer-about {
        flex: auto;
        max-width: 100%;
    }

    .footer-menus-wrapper {
        flex-direction: column;
    }

    .footer-social-box {
        flex: auto;
        max-width: 100%;
    }

    .footer-social-main-title {
        margin-bottom: 24px;
    }

    .permissions-container {
        padding: 20px 24px;
    }
}

/* تبلت کوچک - زیر 992px */
@media (max-width: 991.98px) {
    .footer-top {
        padding: 24px 0;
    }

    .footer-about-header {
        margin-bottom: 20px;
    }

    .footer-description {
        line-height: 2;
        font-size: 13px;
    }

    .footer-menu-title {
        margin-bottom: 20px;
    }

    .footer-permissions-full {
        border-radius: 8px;
    }

    .permissions-container {
        flex-direction: column;
        align-items: flex-start;
        padding: 16px;
    }

    .permissions-images {
        justify-content: center;
        gap: 16px;
        width: 100%;
    }

    .social-list {
        justify-content: flex-start;
    }
}

/* موبایل - زیر 768px */
@media (max-width: 767.98px) {
    .footer-top {
        padding: 16px 0;
        gap: 20px;
    }

    .footer-about-header {
        margin-bottom: 16px;
    }

    .footer-title {
        font-size: 15px;
    }

    .footer-description {
        line-height: 2;
    }

    .footer-menu-columns {
           display: grid;
           grid-template-columns: repeat(3, 1fr);
           gap: 8px;
       }

       .footer-menu-columns > * {
           font-size: 11px;
           min-width: auto;
       }

    .footer-menu-col {
        flex: 0 0 calc(50% - 8px);
    }

    .footer-menu-title {
        margin-bottom: 16px;
        color: #626264;
    }

    .footer-menu-list {
        gap: 14px;
    }

    .footer-social-main-title {
        margin-bottom: 4px;
        color: #626264;
    }

    .social-title {
        color: #626264;
    }

    .social-list {
        gap: 16px;
    }

    .permissions-container {
        padding: 12px;
    }

    .permissions-images img {
        max-width: 50px;
    }

    .footer-bottom {
        flex-direction: column;
        align-items: flex-start;
        padding: 16px 0;
    }

    .copyright-info {
        gap: 12px;
    }


}
/* خیلی کوچیک */
@media (max-width: 400px) {
    .footer-menu-columns {
        grid-template-columns: repeat(3, 1fr);
        gap: 5px;
        font-size: 10px;
    }
}

/* موبایل کوچک - زیر 576px */
@media (max-width: 575.98px) {
    .footer-menu-columns {
        gap: 12px;
    }

    .footer-menu-col {
        flex: 0 0 100%;
    }

    .social-list {
        gap: 12px;
    }

    .social-list a:hover span,
    .social-list a.active span {
        width: 40px;
    }

    .permissions-images {
        gap: 10px;
        flex-wrap: wrap;
    }

    .permissions-images img {
        max-width: 45px;
    }

    .copyright-text {
        font-size: 10px;
    }
}


/* فوتر */
/* ====part-12 ======= */


/* part-14 */
/* ====Login account ======= */

/* ==================== RESET & BASE ========    background: #f8f9fc;============ */
.acc-io-wrapper * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.acc-io-wrapper {
    min-height: 90vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    filter: drop-shadow(0px 12px 12px rgba(140, 154, 176, 0.12));
     font-family: var(--tg-body-YekanBakh);
}

.acc-io-container {
    width: 100%;
    max-width: 440px;
    margin: 0 auto;
}

.acc-io-main {
    width: 100%;
}

/* ==================== CARD ==================== */
.acc-io-card {
    width: 100%;
    border-radius: 30px;
    background: #ffffff;
    box-shadow: 0 33px 126px 20px rgba(154, 168, 188, 0.08);
    padding: 48px 40px;
    margin-bottom: 24px;
}
.acc-io-head {
	margin-bottom: 40px;
	font-family: var(--font-peyda);
}

.acc-io-head-title span {
    color: #021959;
    font-size: 18px;
    font-weight: 700;
}

/* ==================== FORM ELEMENTS ==================== */
.acc-io-phone-form {
    margin-bottom: 24px;
}

.acc-io-form-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 25px;
}

.acc-io-form-group label {
	color: #021959;
	font-size: 15px;
	font-weight: 600;
	display: flex;
	align-items: baseline;
	gap: 4px;
	font-family: var(--font-peyda);
}
.acc-io-form-group label span {
    color: #8c94a9;
    font-size: 12px;
    font-weight: 500;
}

.acc-io-form-input {
    display: flex;
    align-items: center;
    gap: 15px;
    border-radius: 15px;
    border: 1.5px solid #e6eaf2;
    padding: 14px 20px;
    transition: border-color 0.2s ease;
    background: #ffffff;
}

.acc-io-form-input:focus-within {
    border-color: #f04055;
}

.acc-io-form-input input {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    color: #021959;
    font-size: 14px;
    font-weight: 500;
}

.acc-io-form-input input::placeholder {
    color: #cbd0df;
    font-weight: 400;
}

.acc-io-form-input input[dir="ltr"] {
    text-align: left;
    direction: ltr;
}

/* ==================== FORGOT PASSWORD ==================== */
.acc-io-forgot-password {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 8px;
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    width: fit-content;
}

.acc-io-forgot-password span {
    color: #081a4d;
    font-size: 12px;
    font-weight: 600;
}

/* ==================== REMEMBER ME ==================== */
.acc-io-remember-me {
    margin-bottom: 28px;
}

.acc-io-remember-me label {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    color: #021959;
    font-size: 13px;
    font-weight: 500;
}

.acc-io-remember-me input[type="checkbox"] {
    width: 18px;
    height: 18px;
    accent-color: #f04055;
    cursor: pointer;
}

/* ==================== SUBMIT BUTTON ==================== */
.acc-io-phone-submit {
    display: flex;
    justify-content: flex-start;
}

.acc-io-btn-send {
	border-radius: 20px;
	background: #f04055;
	box-shadow: 7px 7px 13px -3px rgba(240, 64, 85, 0.24);
	border: none;
	outline: none;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 35px;
	padding: 15px 28px 15px 24px;
	cursor: pointer;
	transition: all 0.2s ease;
	width: 100%;
}

.acc-io-btn-send:hover {
    background: #d9384a;
    box-shadow: 7px 7px 16px -3px rgba(240, 64, 85, 0.35);
    transform: translateY(-1px);
}

.acc-io-btn-send span {
	color: #ffffff;
	font-size: 15px;
	font-weight: 500;
	font-family: var(--tg-body-YekanBakh);
}
/* ==================== FOOTER ==================== */
.acc-io-footer {
    text-align: center;
}

.acc-io-footer p {
	color: #9ea7be;
	font-size: 12px;
	font-weight: 100;
	font-family: var(--tg-body-YekanBakh);
}

.acc-io-footer p a {
    color: #f04055;
    text-decoration: none;
    font-weight: 600;
}

.acc-io-footer p a:hover {
    text-decoration: underline;
}

@media (max-width: 480px) {
    .acc-io-wrapper {
        padding: 16px;
    }

    .acc-io-card {
        padding: 32px 24px;
    }

    .acc-io-head {
        margin-bottom: 32px;
    }

    .acc-io-head-title span {
        font-size: 16px;
    }

    .acc-io-btn-send {
        padding: 13px 22px 13px 20px;
    }

    .acc-io-btn-send span {
        font-size: 16px;
    }
}


/* ====Login account ======= */
/* part-14 */



/* بخش استایل بندی های نهایی سینگل */
/*تنظیمات المنتور */
.elementor-75 .elementor-element.elementor-element-df600cd .product-s-addtocart:hover {
	background-color: #e60443 !important;
}



/* ====taxonomy product ======= */
/* part-15 */

/* ===== استایل کامل صفحه دسته‌بندی - بخش فیلترها ===== */
/* ===== کانتینر اصلی گرید ===== */
.taxonomy-cat-grid {
    display: grid;
    gap: 25px;
    justify-content: center;
    align-items: start;
    margin-bottom: 25px;
}

/* ریسپانسیو gap */
@media (max-width: 992px) {
    .taxonomy-cat-grid {
        gap: 18px;
    }
}

@media (max-width: 576px) {
    .taxonomy-cat-grid {
        gap: 12px;
        margin-bottom: 15px;
    }
}

/* ===== کارت محصول ===== */
.taxonomy-cat-card {
    border-radius: 19px;
    background: #fff;
    box-shadow: 0px 6px 10px 0px rgba(178, 189, 206, 0.2);
    padding: 46px 8px 17px 9px;
    border-bottom: 4px solid #e2e8f0;
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    transition: filter 0.3s ease;
}

.taxonomy-cat-card:hover {
    filter: drop-shadow(0px 20px 15px rgba(140, 154, 176, 0.1));
}

@media (max-width: 768px) {
    .taxonomy-cat-card {
        padding: 40px 12px 15px 12px;
    }
}

/* ===== تصویر محصول ===== */
.taxonomy-cat-image {
    display: block;
    text-align: center;
    margin-bottom: 10px;
}

.taxonomy-cat-image img {
    border-radius: 10px;
    transition: transform 0.3s ease;
    width: 180px;
    height: 180px;
    object-fit: contain;
    object-position: center;
    display: inline;
}

.taxonomy-cat-card:hover .taxonomy-cat-image img {
    transform: scale(1.02);
}

/* ===== عنوان محصول ===== */
.taxonomy-cat-title {
    font-size: 13px;
    margin: 10px 0 8px;
    line-height: 1.5;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #031955;
    font-family: var(--font-YekanBakh-bold, inherit);
    text-decoration: none;
    flex-grow: 1;
    font-weight: 600;
}

.taxonomy-cat-title:hover {
    color: #ee1a45;
}

@media (max-width: 768px) {
    .taxonomy-cat-title {
        font-size: 12px;
        margin: 8px 0 6px;
    }
}

/* ===== امتیاز - چپ پایین ===== */
.taxonomy-cat-rating {
    position: absolute;
    top: 66px;
    left: 0;
    padding: 5px 10px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    z-index: 10;
}

.taxonomy-cat-rating svg {
    width: 14px;
    height: 14px;
    fill: #98a1b1;
}

.taxonomy-cat-rating span {
    color: #98a1b1;
    font-size: 11px;
}

@media (max-width: 768px) {
    .taxonomy-cat-rating {
        top: 50px;
        padding: 3px 8px;
    }
    .taxonomy-cat-rating span {
        font-size: 10px;
    }
}

/* ===== رنگ‌ها - راست پایین ===== */
.taxonomy-cat-colors {
    position: absolute;
    top: 57px;
    right: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    z-index: 10;
}

.taxonomy-cat-colors span {
    width: 11px;
    height: 10px;
    border-radius: 50%;
    display: block;
    cursor: pointer;
    transition: transform 0.2s ease;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.taxonomy-cat-colors span:hover {
    transform: scale(1.1);
}

@media (max-width: 768px) {
    .taxonomy-cat-colors {
        top: 45px;
        right: 8px;
        gap: 5px;
    }
}

/* ===== اطلاعات موجودی ===== */
.taxonomy-cat-stock {
    display: flex;
    justify-content: flex-start;
    margin: 5px 0;
    min-height: 20px;
}

.taxonomy-cat-stock-placeholder {
    opacity: 0;
    visibility: hidden;
}

.taxonomy-cat-stock-text {
    color: #122763;
    font-size: 11px;
    font-weight: 600;
    display: flex;
    align-items: baseline;
    gap: 3px;
}

@media (max-width: 768px) {
    .taxonomy-cat-stock-text {
        font-size: 10px;
    }
}

/* ===== بخش اقدامات (قیمت و دکمه) ===== */
.taxonomy-cat-actions {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: auto;
    padding-top: 12px;
}

/* ===== بخش قیمت ===== */
.taxonomy-cat-price {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.taxonomy-cat-price-main {
    min-height: 47.5px;
    margin-top: 0;
    gap: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* قیمت بدون تخفیف */
.taxonomy-cat-price-regular-wrapper {
    display: flex;
    align-items: center;
    gap: 6px;
}

.taxonomy-cat-price-regular {
    font-size: 11px;
    font-weight: 600;
    color: #bdc3d7;
    text-decoration: line-through;
}

.taxonomy-cat-price-discount-badge {
    border-radius: 6px;
    background: #f04055;
    box-shadow: 3px 1px 4px 0px rgba(240, 64, 85, 0.26);
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 3px 5px 2px;
}

.taxonomy-cat-price-discount-number {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.34px;
    line-height: 13px;
}

.taxonomy-cat-price-discount-svg svg {
    width: 10px;
    height: 10px;
}

/* قیمت تخفیف خورده */
.taxonomy-cat-price-sale-wrapper {
    display: flex;
    align-items: center;
    gap: 4px;
}

.taxonomy-cat-price-sale {
    font-size: 17px;
    font-weight: 600;
    line-height: 17px;
    color: #021959;
}

.taxonomy-cat-price-currency {
    display: flex;
    align-items: center;
}

.taxonomy-cat-price-currency img {
    width: 20px;
    height: auto;
    opacity: 0.8;
    margin-right: 2px;
}

/* قیمت معمولی (بدون تخفیف) */
.taxonomy-cat-price-simple {
    font-size: 17px;
    font-weight: 600;
    line-height: 17px;
    color: #021959;
    text-align: left;
}

/* محصول ناموجود */
.taxonomy-cat-outofstock {
    color: #bdc3d7;
    font-size: 17px;
    font-weight: 600;
    min-height: 47.5px;
    display: inline-flex;
    align-items: end;
    margin-bottom: 0;
}

/* ===== بخش افزودن به سبد خرید ===== */
.taxonomy-cat-addtocart {
    display: flex;
    align-items: center;
    gap: 14px;
}

.taxonomy-cat-addtocart-wrapper {
    position: relative;
}

/* دکمه افزودن به سبد */
.taxonomy-cat-addtocart-btn {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    border-radius: 11px;
    box-shadow: 4px 0px 4px 0px rgba(64, 133, 240, 0.3);
    padding: 12px 10px;
    display: inline-block;
    border: none;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.3s ease;
    font-family: inherit;
}

.taxonomy-cat-addtocart-btn,
a.taxonomy-cat-addtocart-btn {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    border-radius: 11px;
    box-shadow: 4px 0px 4px 0px rgba(64, 133, 240, 0.3);
    padding: 12px 10px;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.3s ease;
    font-family: inherit;
}

.taxonomy-cat-addtocart-btn-icons {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    border-radius: 11px;
    background: #5b51d8;
    box-shadow: 2px 0px 4px 0px rgba(240, 64, 85, 0.3);
    padding: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.3s ease;
    font-family: inherit;
    text-decoration: none;
}

.taxonomy-cat-addtocart-icon {
    width: 20px;
    height: 20px;
    stroke: #fff;
    stroke-width: 1.5;
    flex-shrink: 0;
    display: block;
}

/* ===== دکمه بررسی محصول (متغیر) ===== */
.taxonomy-cat-check-btn-icons {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.3s ease;
    text-decoration: none;
    box-shadow: 2px 0px 4px 0px rgba(0, 142, 250, 0.3);
    background: #008efa;
    padding: 10px;
    border-radius: 11px;
}

.taxonomy-cat-check-btn-icons:hover {
    background: #0077cc;
}

.taxonomy-cat-check-icon {
    width: 20px;
    height: 20px;
    stroke: #fff;
    stroke-width: 1.5;
    flex-shrink: 0;
    display: block;
}

@media (max-width: 768px) {
    .taxonomy-cat-check-btn-icons {
        padding: 8px;
        border-radius: 9px;
    }

    .taxonomy-cat-check-icon {
        width: 18px;
        height: 18px;
    }

    .taxonomy-cat-addtocart {
        gap: 8px;
    }

    .taxonomy-cat-addtocart-btn {
        font-size: 11px;
        padding: 8px 8px;
    }

    .taxonomy-cat-addtocart-btn-icons {
        padding: 8px;
        border-radius: 9px;
    }

    .taxonomy-cat-addtocart-icon {
        width: 18px;
        height: 18px;
    }
}


.taxonomy-cat-wrapper {
    max-width: 1400px;
    margin: 0 auto;
    padding: 30px 20px;
}

.taxonomy-cat-container {
    display: flex;
    gap: 30px;
    direction: rtl;
    position: relative;
}

/* ===== دکمه فیلتر موبایل ===== */
.taxonomy-cat-filter-toggle {
    display: none;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 14px;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    color: #1e293b;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    margin-bottom: 20px;
    transition: all 0.2s;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.taxonomy-cat-filter-toggle:hover {
    background: #f8fafc;
    border-color: #cbd5e1;
}

.taxonomy-cat-filter-toggle svg {
    color: #64748b;
}

/* ===== سایدبار فیلترها (سمت راست) ===== */
.taxonomy-cat-sidebar {
    width: 280px;
    flex-shrink: 0;
    background: #fff;
    border-radius: 20px;
    padding: 0;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    border: 1px solid #edf2f7;
    height: fit-content;
    position: sticky;
    top: 20px;
    /* =====    max-height: calc(100vh - 40px);===== */
    overflow-y: auto;
    direction: rtl;
}

.taxonomy-cat-sidebar::-webkit-scrollbar {
    width: 5px;
}

.taxonomy-cat-sidebar::-webkit-scrollbar-track {
    background: #f1f5f9;
    margin: 10px 0;
}

.taxonomy-cat-sidebar::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 10px;
}

.taxonomy-cat-sidebar::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* هدر سایدبار */
.taxonomy-cat-sidebar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 20px 16px;
    border-bottom: 1px solid #edf2f7;
    background: #fff;
    position: sticky;
    top: 0;
    z-index: 5;
}

.taxonomy-cat-sidebar-header h3 {
    font-size: 18px;
    font-weight: 800;
    color: #1e293b;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.taxonomy-cat-sidebar-header h3::before {
    content: '';
    width: 4px;
    height: 20px;
    background: #dc2626;
    border-radius: 4px;
}

.taxonomy-cat-sidebar-close {
    display: none;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: #f1f5f9;
    border: none;
    color: #64748b;
    font-size: 20px;
    cursor: pointer;
    transition: all 0.2s;
}

.taxonomy-cat-sidebar-close:hover {
    background: #e2e8f0;
    color: #1e293b;
}

/* محتوای فیلترها */
.taxonomy-cat-filters {
    padding: 16px 20px 20px;
}

/* ===== ویجت فیلتر ===== */
.taxonomy-cat-filter-widget {
    margin-bottom: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f1f5f9;
}

.taxonomy-cat-filter-widget:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.taxonomy-cat-filter-title {
    font-size: 15px;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 18px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    letter-spacing: -0.2px;
}

/* لیست فیلترها */
.taxonomy-cat-filter-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.taxonomy-cat-filter-list li {
    margin-bottom: 12px;
}

.taxonomy-cat-filter-list li:last-child {
    margin-bottom: 0;
}

.taxonomy-cat-filter-list a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #475569;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s;
    padding: 2px 0;
}

.taxonomy-cat-filter-list a:hover {
    color: #dc2626;
}

.taxonomy-cat-filter-list li.active a {
    color: #dc2626;
    font-weight: 700;
}

.taxonomy-cat-filter-list .count {
    color: #64748b;
    font-size: 11px;
    font-weight: 500;
    background: #f1f5f9;
    padding: 3px 8px;
    border-radius: 30px;
    transition: all 0.2s;
}

.taxonomy-cat-filter-list a:hover .count {
    background: #fee2e2;
    color: #dc2626;
}

.taxonomy-cat-filter-list li.active .count {
    background: #dc2626;
    color: #fff;
}

/* چک‌باکس */
.taxonomy-cat-filter-list input[type="checkbox"] {
    margin-left: 10px;
    width: 18px;
    height: 18px;
    accent-color: #dc2626;
    cursor: pointer;
}

/* ===== فیلتر قیمت ===== */
.taxonomy-cat-price-filter {
    padding: 5px 0;
}

.taxonomy-cat-price-filter .price_slider_wrapper {
    padding: 0;
}

.taxonomy-cat-price-filter .price_slider {
    background: #e2e8f0;
    height: 5px;
    margin: 25px 0 20px;
    border-radius: 5px;
    position: relative;
}

.taxonomy-cat-price-filter .ui-slider-range {
    background: #dc2626;
    height: 5px;
    border-radius: 5px;
    position: absolute;
}

.taxonomy-cat-price-filter .ui-slider-handle {
    background: #fff;
    border: 3px solid #dc2626;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    top: -7.5px;
    cursor: pointer;
    transition: all 0.2s;
    box-shadow: 0 2px 8px rgba(220, 38, 38, 0.3);
    position: absolute;
}

.taxonomy-cat-price-filter .ui-slider-handle:hover {
    transform: scale(1.15);
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.4);
}

.taxonomy-cat-price-filter .price_slider_amount {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.taxonomy-cat-price-filter .price_slider_amount .button {
    background: #dc2626;
    color: #fff;
    padding: 12px 16px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 700;
    border: none;
    cursor: pointer;
    transition: all 0.2s;
    order: 2;
    text-align: center;
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.2);
}

.taxonomy-cat-price-filter .price_slider_amount .button:hover {
    background: #b91c1c;
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(220, 38, 38, 0.3);
}

.taxonomy-cat-price-filter .price_label {
    font-size: 14px;
    font-weight: 600;
    color: #1e293b;
    order: 1;
    text-align: center;
    padding: 5px 0;
}

.taxonomy-cat-price-filter .price_label span {
    color: #dc2626;
    font-weight: 800;
}

.taxonomy-cat-price-filter .from,
.taxonomy-cat-price-filter .to {
    font-weight: 700;
}

/* ===== دکمه حذف فیلترها ===== */
.taxonomy-cat-clear-filters {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 16px;
    background: #fef2f2;
    color: #dc2626;
    border: 1.5px solid #fecaca;
    border-radius: 14px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    margin-top: 24px;
    transition: all 0.25s;
}

.taxonomy-cat-clear-filters:hover {
    background: #dc2626;
    color: #fff;
    border-color: #dc2626;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(220, 38, 38, 0.25);
}

.taxonomy-cat-clear-filters:active {
    transform: translateY(0);
}

/* ===== بخش محصولات ===== */
.taxonomy-cat-products-area {
    flex: 1;
    min-width: 0;
}

.taxonomy-cat-products-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding: 14px 20px;
    background: #fff;
    border-radius: 16px;
    border: 1px solid #edf2f7;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
}

.taxonomy-cat-products-count {
    font-size: 14px;
    font-weight: 500;
    color: #64748b;
}

.taxonomy-cat-products-count span {
    color: #1e293b;
    font-weight: 700;
}

.taxonomy-cat-sort-select {
    padding: 10px 36px 10px 16px;
    border: 1.5px solid #e2e8f0;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 500;
    color: #1e293b;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b'%3E%3Cpath d='M6 9l6 6 6-6' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat left 14px center;
    appearance: none;
    cursor: pointer;
    direction: rtl;
    transition: all 0.2s;
}

.taxonomy-cat-sort-select:hover {
    border-color: #cbd5e1;
}

.taxonomy-cat-sort-select:focus {
    outline: none;
    border-color: #dc2626;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1);
}

/* ===== گرید محصولات ===== */
.taxonomy-cat-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    justify-content: center;
    align-items: start;
}

/* ===== صفحه‌بندی ===== */
.taxonomy-cat-pagination {
    margin-top: 40px;
}

.taxonomy-cat-pagination .nav-links {
    display: flex;
    justify-content: center;
    gap: 8px;
}

.taxonomy-cat-pagination .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 44px;
    padding: 0 10px;
    border-radius: 14px;
    background: #fff;
    border: 1.5px solid #e2e8f0;
    color: #475569;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s;
}

.taxonomy-cat-pagination .page-numbers:hover {
    background: #f8fafc;
    border-color: #cbd5e1;
    transform: translateY(-2px);
}

.taxonomy-cat-pagination .page-numbers.current {
    background: #dc2626;
    border-color: #dc2626;
    color: #fff;
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.2);
}

.taxonomy-cat-pagination .page-numbers.dots {
    background: transparent;
    border-color: transparent;
    transform: none;
}

.taxonomy-cat-pagination .page-numbers.dots:hover {
    background: transparent;
}

.taxonomy-cat-pagination .prev,
.taxonomy-cat-pagination .next {
    padding: 0 20px;
}

/* ===== پیام خالی ===== */
.taxonomy-cat-no-products {
    grid-column: 1 / -1;
    text-align: center;
    padding: 80px 20px;
    color: #94a3b8;
    font-size: 16px;
    background: #fff;
    border-radius: 20px;
    border: 1px solid #edf2f7;
}

.taxonomy-cat-no-products::before {
    content: "";
    font-size: 48px;
    display: block;
    margin-bottom: 20px;
    opacity: 0.5;
}

/* ===== اورلی موبایل ===== */
.taxonomy-cat-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(3px);
    z-index: 9998;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.taxonomy-cat-overlay.active {
    display: block;
    opacity: 1;
}

/* ===== ریسپانسیو ===== */
@media (max-width: 1024px) {
    .taxonomy-cat-wrapper {
        padding: 20px 16px;
    }

    .taxonomy-cat-container {
        gap: 20px;
    }

    .taxonomy-cat-sidebar {
        width: 260px;
    }

    .taxonomy-cat-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .taxonomy-cat-filter-toggle {
        display: flex;
    }

    .taxonomy-cat-sidebar {
        position: fixed;
        top: 0;
        right: -100%;
        width: 320px;
        max-width: 85vw;
        height: 100vh;
        max-height: 100vh;
        z-index: 9999;
        border-radius: 0;
        transition: right 0.35s cubic-bezier(0.4, 0, 0.2, 1);
        box-shadow: -10px 0 30px rgba(0, 0, 0, 0.1);
    }

    .taxonomy-cat-sidebar.active {
        right: 0;
    }

    .taxonomy-cat-sidebar-close {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .taxonomy-cat-sidebar-header {
        padding: 18px 20px;
    }

    .taxonomy-cat-products-header {
        flex-direction: column;
        gap: 14px;
        align-items: flex-start;
    }

    .taxonomy-cat-sort-select {
        width: 100%;
    }

    .taxonomy-cat-container {
        display: block;
    }

    .taxonomy-cat-grid {
        gap: 16px;
    }
}

@media (max-width: 480px) {
    .taxonomy-cat-wrapper {
        padding: 16px 12px;
    }

    .taxonomy-cat-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .taxonomy-cat-pagination .page-numbers {
        min-width: 40px;
        height: 40px;
        font-size: 13px;
    }

    .taxonomy-cat-pagination .prev,
    .taxonomy-cat-pagination .next {
        padding: 0 14px;
    }

    .taxonomy-cat-filters {
        padding: 12px 16px 16px;
    }

    .taxonomy-cat-filter-title {
        font-size: 14px;
        margin-bottom: 14px;
    }

    .taxonomy-cat-filter-list a {
        font-size: 12px;
    }

    .taxonomy-cat-clear-filters {
        padding: 12px;
        font-size: 13px;
    }
}

/* انیمیشن برای آیتم‌های فیلتر */
.taxonomy-cat-filter-list li {
    animation: fadeInUp 0.3s ease forwards;
    opacity: 0;
}

.taxonomy-cat-filter-list li:nth-child(1) { animation-delay: 0.05s; }
.taxonomy-cat-filter-list li:nth-child(2) { animation-delay: 0.1s; }
.taxonomy-cat-filter-list li:nth-child(3) { animation-delay: 0.15s; }
.taxonomy-cat-filter-list li:nth-child(4) { animation-delay: 0.2s; }
.taxonomy-cat-filter-list li:nth-child(5) { animation-delay: 0.25s; }


.taxonomy-cat-price-filter .price_slider {
    background: #e2e8f0;
    height: 5px;
    margin: 25px 0 20px;
    border-radius: 5px;
    position: relative;
}

.taxonomy-cat-price-filter .ui-slider-range {
    background: #dc2626;
    height: 5px;
    border-radius: 5px;
    position: absolute;
}

.taxonomy-cat-price-filter .ui-slider-handle {
    background: #fff;
    border: 3px solid #dc2626;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    top: -7.5px;
    cursor: pointer;
    position: absolute;
    box-shadow: 0 2px 8px rgba(220, 38, 38, 0.3);
}

.taxonomy-cat-price-filter .price_label {
    font-size: 14px;
    font-weight: 600;
    color: #1e293b;
    text-align: center;
    padding: 5px 0;
}

.taxonomy-cat-price-filter .button {
    background: #dc2626;
    color: #fff;
    padding: 12px 16px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 700;
    border: none;
    cursor: pointer;
    width: 100%;
}

.taxonomy-cat-price-filter .button:hover {
    background: #b91c1c;
}

.taxonomy-cat-filter-list input[type="radio"] {
    margin-left: 10px;
    accent-color: #dc2626;
    width: 18px;
    height: 18px;
}

.price-slider-min::-webkit-slider-thumb,
.price-slider-max::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    background: #fff;
    border: 3px solid #dc2626;
    border-radius: 50%;
    cursor: pointer;
    pointer-events: auto;
    box-shadow: 0 2px 8px rgba(220, 38, 38, 0.3);
    margin-top: -6px;
}



.price-input-group span {
    color: #64748b;
    font-size: 12px;
}

.price-input-group input {
    flex: 1;
    border: none;
    background: transparent;
    font-size: 13px;
    font-weight: 600;
    color: #1e293b;
    outline: none;
    -moz-appearance: textfield;
}

.price-input-group input::-webkit-outer-spin-button,
.price-input-group input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

/* ===== چک‌باکس سفارشی ===== */
.filter-checkbox {
    width: 18px;
    height: 18px;
    border: 2px solid #cbd5e1;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    transition: all 0.2s;
}

.filter-checkbox.checked {
    background: #dc2626;
    border-color: #dc2626;
}

.filter-checkbox.checked::after {
    content: '✓';
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

.filter-label {
    flex: 1;
    font-size: 13px;
    color: #475569;
}

.taxonomy-cat-filter-list li.active .filter-label {
    color: #dc2626;
    font-weight: 600;
}

/* ===== فیلتر رنگ‌ها ===== */
.taxonomy-cat-color-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.taxonomy-cat-color-item {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.2s;
    cursor: pointer;
}

.taxonomy-cat-color-item:hover {
    transform: scale(1.1);
}

.taxonomy-cat-color-item.active {
    box-shadow: 0 0 0 3px #dc2626, 0 2px 8px rgba(0, 0, 0, 0.2);
}
/* ===== رنگ گردی اسلایدر قیمت ===== */
.price-slider-input-v2::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 22px;
    height: 22px;
    background: #fff;                    /* رنگ پس‌زمینه گردی */
    border: 3px solid #dc2626;           /* رنگ حاشیه گردی - اینو عوض کن */
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 3px 10px rgba(220, 38, 38, 0.3);
    transition: transform 0.2s;
}

.price-slider-input-v2::-moz-range-thumb {
    width: 22px;
    height: 22px;
    background: #fff;                    /* رنگ پس‌زمینه گردی */
    border: 3px solid #dc2626;           /* رنگ حاشیه گردی */
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 3px 10px rgba(220, 38, 38, 0.3);
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* part-15 */

/* part-16 */
/* ===== archive shop===== */

/* ===== صفحه فروشگاه archi-shop - استایل کامل ===== */
.archi-shop-wrapper {
    max-width: 1400px;
    margin: 0 auto;
    padding: 30px 20px;
}

.archi-shop-container {
    display: flex;
    gap: 30px;
    direction: rtl;
    position: relative;
}

/* دکمه فیلتر موبایل */
.archi-shop-filter-toggle {
    display: none;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    min-height: 48px;
    padding: 13px 16px;
    background: #111827;
    border: 1px solid #111827;
    border-radius: 12px;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
    margin-bottom: 20px;
    box-shadow: 0 10px 24px rgba(17, 24, 39, 0.16);
    font-family: inherit;
}

/* سایدبار */
.archi-shop-sidebar {
    width: 300px;
    flex-shrink: 0;
    background: #fbfcfe;
    border-radius: 18px;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
    border: 1px solid #e6ebf2;
    height: fit-content;
    position: sticky;
    top: 20px;
    max-height: calc(100vh - 40px);
    overflow-y: auto;
    direction: rtl;
}

.archi-shop-sidebar::-webkit-scrollbar {
    width: 5px;
}

.archi-shop-sidebar::-webkit-scrollbar-track {
    background: transparent;
}

.archi-shop-sidebar::-webkit-scrollbar-thumb {
    background: #d5dde8;
    border-radius: 10px;
}

.archi-shop-sidebar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 23px 20px 20px;
    border-bottom: 1px solid #e9eef5;
    background: #F5F9FA;
    position: sticky;
    top: 0;
    z-index: 5;
    backdrop-filter: blur(12px);
}

.archi-shop-sidebar-header h3 {
    font-size: 16px;
    font-weight: 800;
    color: #111827;
    margin: 0;
}

.archi-shop-sidebar-close {
    display: none;
    width: 36px;
    height: 36px;
    border-radius: 9px;
    background: #eef2f7;
    border: 1px solid #e2e8f0;
    color: #475569;
    font-size: 18px;
    cursor: pointer;
}

.archi-shop-filters {
    padding: 10px 14px 16px;
}

/* ویجت فیلتر */
.archi-shop-filter-widget {
    margin-bottom: 8px;
    padding: 12px 0;
    border-bottom: 1px solid #e9eef5;
}

.archi-shop-filter-widget:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 8px;
}

.archi-shop-filter-title {
    font-size: 14px;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 12px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    min-height: 32px;
    padding: 0 4px;
}

.archi-shop-filter-title span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.archi-filter-icon {
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    padding: 6px;
    color: #64748b;
    background: #eef2f7;
    border-radius: 8px;
    transition: transform 0.2s, background 0.2s, color 0.2s;
}

.archi-shop-filter-widget.collapsed .archi-filter-icon {
    transform: rotate(-90deg);
    background: #f8fafc;
    color: #94a3b8;
}

.archi-shop-filter-widget.collapsed ul,
.archi-shop-filter-widget.collapsed .archi-shop-price-filter,
.archi-shop-filter-widget.collapsed .archi-shop-color-filters {
    display: none;
}

/* لیست فیلتر */
.archi-shop-filter-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 6px;
}

.archi-shop-filter-list li {
    margin-bottom: 0;
}

.archi-shop-filter-list li:last-child {
    margin-bottom: 0;
}

.archi-shop-filter-list a {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #475569;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    min-height: 40px;
    padding: 8px 10px;
    border: 1px solid transparent;
    border-radius: 10px;
    background: transparent;
    transition: background 0.18s, border-color 0.18s, color 0.18s, box-shadow 0.18s;
}

.archi-shop-filter-list a:hover {
    color: #111827;
    background: #fff;
    border-color: #e5eaf1;
}

.archi-shop-filter-list li.active a {
    color: #be123c;
    font-weight: 800;
    background: #fff;
    border-color: #fecdd3;
    box-shadow: 0 8px 20px rgba(190, 18, 60, 0.08);
}

.archi-filter-count {
    color: #64748b;
    font-size: 11px;
    font-weight: 800;
    background: #eef2f7;
    padding: 3px 7px;
    border-radius: 999px;
    line-height: 1.2;
    margin-right: auto;
}

.archi-shop-filter-list li.active .archi-filter-count {
    background: #be123c;
    color: #fff;
}

/* چک‌باکس */
.archi-filter-checkbox {
    width: 19px;
    height: 19px;
    flex: 0 0 19px;
    border: 1.5px solid #cbd5e1;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    background: #fff;
    transition: background 0.18s, border-color 0.18s, box-shadow 0.18s;
}

.archi-filter-checkbox.checked {
    background: #be123c;
    border-color: #be123c;
    box-shadow: 0 4px 10px rgba(190, 18, 60, 0.2);
}

.archi-filter-checkbox.checked::after {
    content: '✓';
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

.archi-filter-label {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* فیلتر قیمت */
.archi-shop-price-filter {
    padding: 4px 4px 2px;
}

.archi-price-slider-wrapper {
    position: relative;
    height: 46px;
    margin: 4px 3px 16px;
    direction: ltr;
}

.archi-price-slider-bg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 7px;
    background: #e5eaf1;
    border-radius: 10px;
}

.archi-price-slider-fill {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 7px;
    background: linear-gradient(90deg, #111827, #e30c47);
    border-radius: 10px;
}

.archi-price-slider-input {
    position: absolute;
    width: 100%;
    height: 6px;
    background: transparent;
    -webkit-appearance: none;
    pointer-events: auto;
    z-index: 3;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
    direction: ltr;
}

.archi-price-slider-input::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 23px;
    height: 23px;
    background: #fff;
    border: 4px solid #e30c47;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(227, 12, 71, 0.24);
}

.archi-price-slider-input::-moz-range-thumb {
    width: 17px;
    height: 17px;
    background: #fff;
    border: 4px solid #e30c47;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(227, 12, 71, 0.24);
}




.archi-clear-loading {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.archi-clear-loading span {
    width: 8px;
    height: 8px;
    background: white;
    border-radius: 50%;
    display: inline-block;
    animation: archiClearPulse 1.4s infinite ease-in-out both;
}

.archi-clear-loading span:nth-child(1) {
    animation-delay: -0.32s;
}

.archi-clear-loading span:nth-child(2) {
    animation-delay: -0.16s;
}

@keyframes archiClearPulse {
    0%, 80%, 100% {
        transform: scale(0.6);
        opacity: 0.5;
    }
    40% {
        transform: scale(1);
        opacity: 1;
    }
}


.archi-price-display {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    margin-bottom: 10px;
    padding: 10px;
    background: #fff;
    border: 1px solid #e5eaf1;
    border-radius: 12px;
}

.archi-price-box {
    display: grid;
    gap: 6px;
    border-radius: 10px;
    padding: 0;
}

.archi-price-box-start {
    background: transparent;
    border: none;
    padding-bottom: 8px;
    border-bottom: 1px dashed #e5eaf1;
}

.archi-price-box-end {
    background: transparent;
    border: none;
}

.archi-price-label {
    display: block;
    font-size: 11px;
    font-weight: 800;
    margin-bottom: 0;
}

.archi-price-box-start .archi-price-label {
    color: #64748b;
}

.archi-price-box-end .archi-price-label {
    color: #64748b;
}

.archi-price-value-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
}

.archi-price-value {
    direction: ltr;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.2;
    color: #111827;
    min-width: 0;
    overflow-wrap: anywhere;
}

.archi-price-box-start .archi-price-value {
    color: #111827;
}

.archi-price-box-end .archi-price-value {
    color: #e30c47;
}

.archi-price-unit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 30px;
    height: 24px;
    padding: 0 7px;
    font-size: 11px;
    font-weight: 800;
    color: #64748b;
    background: #f1f5f9;
    border-radius: 999px;
}

.archi-price-currency-icon {
    width: 18px;
    height: auto;
    display: block;
}

/* فیلتر رنگ */
.archi-shop-color-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    padding: 2px 4px;
}

.archi-shop-color-item {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #fff;
    box-shadow: 0 0 0 1px #d9e1ec, 0 6px 14px rgba(15, 23, 42, 0.08);
    transition: transform 0.18s, box-shadow 0.18s;
    cursor: pointer;
}

.archi-shop-color-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 0 1px #94a3b8, 0 9px 18px rgba(15, 23, 42, 0.12);
}

.archi-shop-color-item.active {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #e30c47, 0 9px 18px rgba(227, 12, 71, 0.18);
}

/* دکمه حذف فیلتر */
.archi-shop-clear-filters {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 46px;
    padding: 13px 16px;
    background: #111827;
    color: #fff;
    border: 1.5px solid #111827;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
    margin-top: 14px;
    box-shadow: 0 10px 24px rgba(17, 24, 39, 0.14);
    transition: transform 0.18s, box-shadow 0.18s, background 0.18s, border-color 0.18s;
}

.archi-shop-clear-filters:hover {
    background: #e30c47;
    color: #fff;
    border-color: #e30c47;
    transform: translateY(-1px);
    box-shadow: 0 12px 28px rgba(227, 12, 71, 0.22);
}

/* بخش محصولات */
.archi-shop-products-area {
    flex: 1;
    min-width: 0;
}

/*هدر جدیدترین ها و...*/
.archi-shop-products-header{
    display:flex;
    align-items:center;

    width:100%;

    margin-bottom:30px;
}

.archi-shop-products-sort-wrap{
    display:flex;
    align-items:center;

    width:100%;

    gap:14px;
}

.archi-shop-sort-icon{
    display:flex;
    align-items:center;
    justify-content:center;

    color:#021959;

    padding-left:20px;

    margin-left:10px;

    border-left:1px solid #E6EAF0;

    flex-shrink:0;
}

.archi-shop-sort-icon svg{
    width:20px;
    height:20px;
}

.archi-sort-title{
    color:#021959;

    font-size:14px;

    font-weight:700;

    white-space:nowrap;

    flex-shrink:0;
}
.archi-sort-trigger {
    display: none;
}
.archi-sort-links{
    display:flex;
    align-items:center;

    gap:28px;

    flex-wrap:wrap;
}

.archi-sort-links a{
    text-decoration:none;

    color:#94A3B8;

    font-size:13px;

    font-weight:600;

    transition:all .2s ease;
}

.archi-sort-links a:hover{
    color:#021959;
}

.archi-sort-links a.active{
    color:#021959;

    font-weight:800;
}

@media(max-width:768px){
    .archi-shop-products-header{
        overflow-x: visible;
    }

    .archi-shop-products-sort-wrap{
        min-width: unset;
        position: relative;
    }

    .archi-shop-sort-icon,
    .archi-sort-title{
        display: none;
    }

    .archi-sort-trigger{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        padding: 12px 16px;
        background: #fff;
        border: 1px solid #E6EAF0;
        border-radius: 12px;
        font-size: 14px;
        font-weight: 600;
        color: #021959;
        cursor: pointer;
        font-family: inherit;
    }

    .archi-sort-trigger svg{
        color: #94A3B8;
        transition: transform 0.2s;
    }

    .archi-sort-trigger.open svg{
        transform: rotate(180deg);
        color: #021959;
    }

    .archi-sort-links{
        display: none;
        position: absolute;
        top: calc(100% + 8px);
        right: 0;
        left: 0;
        flex-direction: column;
        gap: 0;
        background: #fff;
        border: 1px solid #E6EAF0;
        border-radius: 14px;
        box-shadow: 0 20px 40px rgba(2,25,89,0.1);
        padding: 8px;
        z-index: 100;
    }

    .archi-sort-links.open{
        display: flex;
    }

    .archi-sort-links a{
        padding: 14px 16px;
        font-size: 14px;
        border-radius: 10px;
        color: #64748B;
    }

    .archi-sort-links a.active{
        background: #EEF2FF;
        color: #021959;
        font-weight: 700;
    }

    .archi-sort-overlay{
        display: none;
        position: fixed;
        inset: 0;
        background: rgba(0,0,0,0.1);
        z-index: 50;
    }

    .archi-sort-overlay.show{
        display: block;
    }
}

/*هدر جدیدترین ها و...*/

/* گرید محصولات */
.archi-shop-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.archi-shop-grid.loading {
    opacity: 0.5;
    pointer-events: none;
}

/* کارت محصول */
.archi-shop-card {
    border-radius: 19px;
    background: #fff;
    box-shadow: 0px 6px 10px 0px rgba(178, 189, 206, 0.2);
    padding: 46px 8px 17px 9px;
    border-bottom: 4px solid #e2e8f0;
    position: relative;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
}

.archi-shop-card:hover {
    filter: drop-shadow(0px 20px 15px rgba(140, 154, 176, 0.1));
}

.archi-shop-rating {
    position: absolute;
    top: 66px;
    left: 0;
    padding: 5px 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    z-index: 10;
}

.archi-shop-rating svg {
    width: 14px;
    height: 14px;
    fill: #98a1b1;
}

.archi-shop-rating span {
    color: #98a1b1;
    font-size: 11px;
}

.archi-shop-image {
    display: block;
    text-align: center;
    margin-bottom: 10px;
}

.archi-shop-image img {
	border-radius: 10px;
	width: 180px;
	height: 180px;
	object-fit: contain;
	justify-content: center;
	align-items: baseline;
	display: -webkit-inline-box;
}

.archi-shop-title {
    font-size: 14px;
    margin: 10px 0 8px;
    line-height: 1.5;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #031955;
    text-decoration: none;
    flex-grow: 1;
    font-weight: 600;
}

.archi-shop-title:hover {
    color: #ee1a45;
}

.archi-shop-actions {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: auto;
    padding-top: 12px;
}
a.archi-shop-addtocart-btn {
	text-decoration: none;
}

.archi-shop-addtocart-btn {
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	border-radius: 11px;
	background: #5b51d8;
	padding: 12px 10px;
	border: none;
	cursor: pointer;
	white-space: nowrap;
	font-family: var(--tg-body-YekanBakh);
}

.archi-shop-check-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #5b51d8;
    padding: 10px;
    border-radius: 11px;
}

.archi-shop-check-icon {
    width: 20px;
    height: 20px;
    stroke: #fff;
}

.archi-shop-price {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.archi-shop-price-main {
    min-height: 47.5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.archi-shop-price-regular-wrapper {
    display: flex;
    align-items: center;
    gap: 6px;
}

.archi-shop-price-regular {
    font-size: 11px;
    color: #bdc3d7;
    text-decoration: line-through;
}

.archi-shop-price-discount-badge {
    border-radius: 6px;
    background: #f04055;
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 3px 5px 2px;
}

.archi-shop-price-discount-number {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
}

.archi-shop-price-sale-wrapper {
    display: flex;
    align-items: center;
    gap: 4px;
}

.archi-shop-price-sale {
    font-size: 17px;
    font-weight: 600;
    color: #021959;
    text-decoration: none;
}

.archi-shop-price-simple {
    font-size: 17px;
    font-weight: 600;
    color: #021959;
}

.archi-shop-price-currency img {
    width: 20px;
    height: auto;
    opacity: 0.8;
}

.archi-shop-outofstock {
    color: #bdc3d7;
    font-size: 17px;
    font-weight: 600;
}

.archi-shop-no-products {
    grid-column: 1 / -1;
    text-align: center;
    padding: 80px 20px;
    color: #94a3b8;
}

/* صفحه‌بندی */
.archi-shop-pagination {
    margin-top: 40px;
}

.archi-shop-pagination .nav-links {
    display: flex;
    justify-content: center;
    gap: 8px;
}

.archi-shop-pagination .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 44px;
    border-radius: 14px;
    background: #fff;
    border: 1.5px solid #e2e8f0;
    color: #475569;
    font-size: 14px;
    text-decoration: none;
}

.archi-shop-pagination .page-numbers.current {
    background: #dc2626;
    border-color: #dc2626;
    color: #fff;
}

/* اورلی موبایل */
.archi-shop-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9998;
}

.archi-shop-overlay.active {
    display: block;
}

/* ریسپانسیو */
@media (max-width: 1024px) {
    .archi-shop-sidebar {
        width: 260px;
    }
    .archi-shop-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .archi-shop-filter-toggle {
        display: flex;
    }
    .archi-shop-sidebar {
        position: fixed;
        top: 0;
        right: -100%;
        width: 320px;
        max-width: 85vw;
        height: 100vh;
        max-height: 100vh;
        z-index: 9999;
        border-radius: 0;
        transition: right 0.35s;
    }
    .archi-shop-sidebar.active {
        right: 0;
    }
    .archi-shop-sidebar-close {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .archi-shop-products-header {
        flex-direction: column;
        gap: 14px;
    }
    .archi-shop-sort-select {
        width: 100%;
    }
    .archi-shop-container {
        display: block;
    }
}

@media (max-width: 480px) {
    .archi-shop-grid {
        grid-template-columns: 1fr;
    }
}

/* ===== archive shop===== */

/* part-16 */


/* ========================================== */
/* part-17 - سبد خرید خالی */
/* ========================================== */

.hfx-empty-cart-wrapper {
    max-width: 550px;
    margin: 50px auto;
    padding: 20px;
    text-align: center;
    direction: rtl;
}

.hfx-empty-cart-animation {
    position: relative;
    margin: 0 auto 20px;
}

.hfx-empty-cart-icon {
    width: 140px;
    height: 140px;
    display: block;
    margin: 0 auto;
    animation: cartFloat 3s ease-in-out infinite;
}
/* سایه */
.hfx-empty-cart-shadow {
    width: 60px;
    height: 8px;
    background: rgba(0,0,0,0.06);
    border-radius: 50%;
    margin: 5px auto 0;
    animation: shadowPulse 3s ease-in-out infinite;
}

/* انیمیشن‌های SVG */
.cart-handle {
    animation: handleMove 2s ease-in-out infinite;
}

.cart-box {
    animation: boxWiggle 4s ease-in-out infinite;
    transform-origin: center center;
}

.particle {
    animation: particleFloat 2s ease-in-out infinite;
    opacity: 0;
}
.particle:nth-child(1) { animation-delay: 0s; }
.particle:nth-child(2) { animation-delay: 0.4s; }
.particle:nth-child(3) { animation-delay: 0.8s; }
.particle:nth-child(4) { animation-delay: 1.2s; }

.hfx-empty-cart-shadow {
    width: 50px;
    height: 6px;
    background: rgba(0,0,0,0.08);
    border-radius: 50%;
    margin: 8px auto 0;
    animation: shadowPulse 3s ease-in-out infinite;
}

@keyframes cartFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-6px); }
}

@keyframes handleMove {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-2px); }
}

@keyframes boxWiggle {
    0%, 100% { transform: rotate(0deg); }
    25% { transform: rotate(-1.5deg); }
    75% { transform: rotate(1.5deg); }
}

@keyframes particleFloat {
    0% { transform: translate(0, 0) scale(0); opacity: 0; }
    30% { transform: translate(-5px, -10px) scale(1); opacity: 0.7; }
    100% { transform: translate(-10px, -25px) scale(0); opacity: 0; }
}

@keyframes shadowPulse {
    0%, 100% { transform: scaleX(1); opacity: 0.5; }
    50% { transform: scaleX(0.7); opacity: 0.2; }
}

/* متن‌ها */
.hfx-empty-cart-wrapper h2 {
    font-size: 22px;
    font-weight: 800;
    color: #1e293b;
    margin: 0 0 10px;
}

.hfx-empty-cart-wrapper p {
    font-size: 14px;
    color: #64748b;
    margin: 0 0 20px;
}

/* دکمه */
.hfx-empty-cart-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 25px;
    background: #ee1a45;
    color: #fff;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.2s;
}

.hfx-empty-cart-btn:hover {
    background: #d0153a;
    color: #fff;
    transform: translateY(-1px);
}

/* محصولات پیشنهادی */
.hfx-suggested-products {
    margin-top: 40px;
    padding-top: 25px;
    border-top: 1px solid #e2e8f0;
}

.hfx-suggested-products h3 {
    font-size: 16px;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 15px;
}

.hfx-empty-products-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.hfx-empty-product-mini {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 12px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.2s;
}

.hfx-empty-product-mini:hover {
    border-color: #ee1a45;
    background: #fff;
    transform: translateY(-1px);
}

.hfx-empty-product-mini img {
    width: 70px;
    height: 70px;
    border-radius: 8px;
    object-fit: cover;
}

.hfx-empty-product-title {
    font-size: 12px;
    font-weight: 600;
    color: #1e293b;
    text-align: center;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.hfx-empty-product-price {
    font-size: 13px;
    font-weight: 700;
    color: #ee1a45;
}

.hfx-empty-product-price del {
    font-size: 11px;
    color: #94a3b8;
}

@media (max-width: 400px) {
    .hfx-empty-products-row {
        grid-template-columns: 1fr;
    }
    .hfx-empty-cart-icon {
        width: 120px;
        height: 120px;
    }
}










/* =====404 ===== */
.hfx-404-wrapper {
    min-height: 70vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    direction: rtl;
    text-align: center;
}

.hfx-404-content {
    max-width: 550px;
}

.hfx-404-animation {
    width: 450px;
    margin: 0 auto 30px;
}

.num-4, .num-4-2 {
    animation: drawLine 2s ease-in-out infinite;
}

.num-4-2 {
    animation-delay: 0.3s;
}

.circle-404 {
    animation: rotateCircle 3s linear infinite;
    transform-origin: 100px 60px;
}

.question-404 {
    animation: pulse 1.5s ease-in-out infinite;
}

@keyframes drawLine {
    0%, 100% { stroke-dashoffset: 300; opacity: 0.3; }
    50% { stroke-dashoffset: 0; opacity: 1; }
}

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

@keyframes pulse {
    0%, 100% { transform: scale(1); opacity: 0.5; }
    50% { transform: scale(1.3); opacity: 1; }
}

.hfx-404-title {
    font-size: 26px;
    font-weight: 800;
    color: #1e293b;
    margin: 0 0 12px;
}

.hfx-404-desc {
    font-size: 15px;
    color: #64748b;
    margin: 0 0 25px;
}

.hfx-404-actions {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.hfx-404-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 22px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s;
}

.hfx-404-btn.primary {
    background: #ee1a45;
    color: #fff;
}

.hfx-404-btn.primary:hover {
    background: #d0153a;
    transform: translateY(-1px);
}

.hfx-404-btn.secondary {
    background: #f1f5f9;
    color: #475569;
}

.hfx-404-btn.secondary:hover {
    background: #e2e8f0;
}

.hfx-404-search p {
    font-size: 14px;
    color: #64748b;
    margin: 0 0 12px;
}

.hfx-404-search-form {
    display: flex;
    gap: 8px;
    max-width: 400px;
    margin: 0 auto;
}

.hfx-404-search-form input {
    flex: 1;
    padding: 12px 16px;
    border: 2px solid #e2e8f0;
    border-radius: 10px;
    font-size: 14px;
    outline: none;
    text-align: right;
    font-family: inherit;
}

.hfx-404-search-form input:focus {
    border-color: #ee1a45;
}

.hfx-404-search-form button {
    padding: 12px 16px;
    background: #ee1a45;
    color: #fff;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.2s;
}

.hfx-404-search-form button:hover {
    background: #d0153a;
}







.hfx-search-page {
    max-width: 900px;
    margin: 40px auto;
    padding: 0 20px;
    direction: rtl;
}

.hfx-search-header {
    text-align: center;
    margin-bottom: 30px;
}

.hfx-search-title {
    font-size: 22px;
    font-weight: 800;
    color: #1e293b;
    margin: 0 0 8px;
}

.hfx-search-title span {
    color: #ee1a45;
}

.hfx-search-count {
    font-size: 13px;
    color: #64748b;
}

/* تب‌ها */
.hfx-search-tabs {
    display: flex;
    gap: 8px;
    justify-content: center;
    margin-bottom: 25px;
    flex-wrap: wrap;
}

.hfx-tab {
    padding: 8px 18px;
    border-radius: 20px;
    border: 1.5px solid #e2e8f0;
    background: #fff;
    font-size: 13px;
    font-weight: 600;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s;
    font-family: inherit;
}

.hfx-tab.active,
.hfx-tab:hover {
    background: #ee1a45;
    color: #fff;
    border-color: #ee1a45;
}

/* آیتم‌ها */
.hfx-search-item {
    display: flex;
    gap: 16px;
    padding: 16px;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    margin-bottom: 12px;
    transition: all 0.2s;
}

.hfx-search-item.hidden {
    display: none;
}

.hfx-search-item:hover {
    border-color: #ee1a45;
    box-shadow: 0 2px 10px rgba(238,26,69,0.08);
}

.hfx-search-thumb {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
}

.hfx-search-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.hfx-search-info {
    flex: 1;
    min-width: 0;
}

.hfx-search-type {
    display: inline-block;
    font-size: 11px;
    background: #f1f5f9;
    padding: 2px 10px;
    border-radius: 10px;
    margin-bottom: 6px;
    color: #64748b;
}

.hfx-search-item-title {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 6px;
}

.hfx-search-item-title a {
    color: #1e293b;
    text-decoration: none;
}

.hfx-search-item-title a:hover {
    color: #ee1a45;
}

.hfx-search-excerpt {
    font-size: 13px;
    color: #64748b;
    margin-bottom: 8px;
    line-height: 1.5;
}

.hfx-search-price {
    font-size: 15px;
    font-weight: 700;
    color: #ee1a45;
}

.hfx-search-price del {
    font-size: 12px;
    color: #94a3b8;
    margin-left: 6px;
}

.hfx-search-meta {
    font-size: 12px;
    color: #94a3b8;
}

/* خالی */
.hfx-search-empty {
    text-align: center;
    padding: 60px 20px;
}

.hfx-search-empty h3 {
    font-size: 20px;
    color: #1e293b;
    margin: 15px 0 8px;
}

.hfx-search-empty p {
    font-size: 14px;
    color: #64748b;
    margin: 0 0 20px;
}

.hfx-search-btn {
    display: inline-block;
    padding: 10px 22px;
    background: #ee1a45;
    color: #fff;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
}

/* صفحه‌بندی */
.hfx-search-pagination {
    margin-top: 25px;
    text-align: center;
}

.hfx-search-pagination .page-numbers {
    display: inline-block;
    padding: 8px 14px;
    border-radius: 6px;
    margin: 0 3px;
    font-size: 13px;
    color: #64748b;
    text-decoration: none;
    border: 1px solid #e2e8f0;
}

.hfx-search-pagination .page-numbers.current {
    background: #ee1a45;
    color: #fff;
    border-color: #ee1a45;
}

@media (max-width: 600px) {
    .hfx-search-item {
        flex-direction: column;
    }
    .hfx-search-thumb {
        width: 100%;
        height: 150px;
    }
}



/* =====404 ====serch= */


.csf-repeater-helper-inner i.fas,
.csf-repeater-helper-inner i.far {
    color: #fff !important;
    background: #021959;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 5px;
    font-size: 12px;
    margin: 0 3px;
    cursor: pointer;
    transition: all 0.2s;
}

.csf-repeater-helper-inner i.fas:hover,
.csf-repeater-helper-inner i.far:hover {
    background: #ee1a45;
}



.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
  background: rgb(255, 255, 255);
  box-shadow: rgba(2, 25, 89, 0.07) 0px 3px 1px 0px;
  border-radius: 13px;
border: 1px solid rgba(234, 238, 244, 0.6);
font-family: inherit;
}



/* =====علاقه مندی های ووکامرس===== */


.acc-panel__favorits {
    background: #fff;
    border-radius: 16px;
    padding: 20px;
}

.acc-panel__favorits-title {
    border-bottom: 2px solid #f1f5f9;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.acc-panel__favorits-title-r {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    font-weight: 700;
    color: #1e293b;
}

.acc-panel__favorits-title-r i {
    color: #ef4444;
    font-size: 22px;
}

/* لیست */
.acc-panel__favorit-item {
    display: flex;
    gap: 15px;
    padding: 15px;
    border: 1px solid #f1f5f9;
    border-radius: 12px;
    margin-bottom: 10px;
    transition: all 0.2s;
}


.favorit-item__image {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    border-radius: 10px;
    overflow: hidden;
    background: #f8fafc;
    display: flex;
    align-items: center;
    justify-content: center;
}

.favorit-item__image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.favorit-item__info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.favorit-item__name {
	font-size: 14px;
	font-weight: 600;
	color: #1e293b;
	text-decoration: none;
	line-height: 1.6;
}

.favorit-item__name:hover {
    color: #ef4444;
}

.favorit-item__price {
	font-size: 16px;
	font-weight: 400;
	color: #0f172a;
	display: grid;
	/* font-family: yekanbakh; */
}

.favorit-item__actions {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: auto;
}

.btn-buy {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    background: #3b82f6;
    color: #fff;
    border-radius: 8px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    transition: background 0.2s;
}

.btn-buy:hover {
    background: #2563eb;
}

.out-of-stock {
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	background: #ee1a45;
	padding: 10px;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 20px;
}

.btn-remove-wishlist {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 8px 12px;
    background: #fee2e2;
    color: #ef4444;
    border: none;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    font-family: inherit;
    transition: all 0.2s;
}

.btn-remove-wishlist:hover {
    background: #fecaca;
}

/* خالی */
.acc-panel__empty-message {
    text-align: center;
    padding: 60px 20px;
}

.acc-panel__empty-message p {
    font-size: 15px;
    color: #64748b;
    margin-bottom: 20px;
}

.btn-go-shop {
    display: inline-flex;
    align-items: center;
    padding: 10px 24px;
    background: #3b82f6;
    color: #fff;
    border-radius: 10px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
}



.product-grid-para-check-btn-icons.pre-order-btn {
    background: #f59e0b !important;
}

.product-grid-para-check-btn-icons.pre-order-btn:hover {
    background: #d97706 !important;
}

/* Responsive */
@media (max-width: 768px) {
    .acc-panel__favorit-item {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .favorit-item__actions {
        justify-content: center;
    }
}