.elementor-4462 .elementor-element.elementor-element-134daa3 .eael-breadcrumbs .eael-breadcrumbs__content{background-color:#f8f8fa;}.elementor-4462 .elementor-element.elementor-element-134daa3 .eael-breadcrumbs .eael-breadcrumb-separator svg path{fill:#A5A4B0;}.elementor-4462 .elementor-element.elementor-element-134daa3 .eael-breadcrumbs .eael-breadcrumb-separator{color:#A5A4B0;margin:0 10px;}.elementor-4462 .elementor-element.elementor-element-e88ccda .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-4462 .elementor-element.elementor-element-e88ccda .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-4462 .elementor-element.elementor-element-e88ccda{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-4462 .elementor-element.elementor-element-e88ccda .elementor-icon-list-text{transition:color 0.3s;}.elementor-4462 .elementor-element.elementor-element-d1e96dd .eael-advance-tabs .eael-tabs-nav > ul li.eael-tab-nav-item:hover:not(.active){background-color:#333;}.elementor-4462 .elementor-element.elementor-element-d1e96dd .eael-advance-tabs .eael-tabs-nav > ul li i{font-size:16px;color:#333;}.elementor-4462 .elementor-element.elementor-element-d1e96dd .eael-advance-tabs .eael-tabs-nav > ul li img{width:16px;}.elementor-4462 .elementor-element.elementor-element-d1e96dd .eael-advance-tabs .eael-tabs-nav > ul li svg{width:16px;height:16px;fill:#333;}.elementor-4462 .elementor-element.elementor-element-d1e96dd .eael-tab-inline-icon li .title-before-icon{margin-right:10px;}.elementor-4462 .elementor-element.elementor-element-d1e96dd .eael-tab-inline-icon li .title-after-icon{margin-left:10px;}.elementor-4462 .elementor-element.elementor-element-d1e96dd .eael-tab-top-icon li i, .elementor-4462 .elementor-element.elementor-element-d1e96dd .eael-tab-top-icon li img, .elementor-4462 .elementor-element.elementor-element-d1e96dd .eael-tab-top-icon li svg{margin-bottom:10px;}.elementor-4462 .elementor-element.elementor-element-d1e96dd .eael-advance-tabs .eael-tabs-nav > ul li{background-color:#f1f1f1;color:#333;}.elementor-4462 .elementor-element.elementor-element-d1e96dd .eael-advance-tabs .eael-tabs-nav > ul li:hover{color:#fff;}.elementor-4462 .elementor-element.elementor-element-d1e96dd .eael-advance-tabs .eael-tabs-nav > ul li:hover > i{color:#fff;}.elementor-4462 .elementor-element.elementor-element-d1e96dd .eael-advance-tabs .eael-tabs-nav > ul li:hover > svg{fill:#fff;}.elementor-4462 .elementor-element.elementor-element-d1e96dd .eael-advance-tabs .eael-tabs-nav > ul .active{background-color:#444;}.elementor-4462 .elementor-element.elementor-element-d1e96dd .eael-advance-tabs .eael-tabs-nav > ul li.active{color:#fff;}.elementor-4462 .elementor-element.elementor-element-d1e96dd .eael-advance-tabs .eael-tabs-nav > ul li.active > i{color:#fff;}.elementor-4462 .elementor-element.elementor-element-d1e96dd .eael-advance-tabs .eael-tabs-nav > ul li.active > svg{fill:#fff;}.elementor-4462 .elementor-element.elementor-element-d1e96dd .eael-advance-tabs .eael-tabs-content > div{color:#333;}.elementor-4462 .elementor-element.elementor-element-d1e96dd .eael-advance-tabs .eael-tabs-nav > ul li:after{border-width:10px;bottom:-10px;}.elementor-4462 .elementor-element.elementor-element-d1e96dd .eael-advance-tabs.eael-tabs-vertical > .eael-tabs-nav > ul li:after{right:-10px;top:calc(50% - 10px) !important;border-left-color:#444;}.rtl .elementor-4462 .elementor-element.elementor-element-d1e96dd .eael-advance-tabs.eael-tabs-vertical > .eael-tabs-nav > ul li:after{right:auto;left:-10px !important;top:calc(50% - 10px) !important;}.elementor-4462 .elementor-element.elementor-element-d1e96dd .eael-advance-tabs:not(.eael-tabs-vertical) > .eael-tabs-nav > ul li:after{border-top-color:#444;}.elementor-4462 .elementor-element.elementor-element-67dc674.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-4462 .elementor-element.elementor-element-67dc674.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-4462 .elementor-element.elementor-element-67dc674.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-4462 .elementor-element.elementor-element-67dc674.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for eael-breadcrumbs, class: .elementor-element-134daa3 *//* ۱. محفظه کلی خرده‌نان */
.bread1 {
    background: rgba(255, 255, 255, 0.6) !important;
    backdrop-filter: blur(5px);
    padding: 12px 25px !important;
    border-radius: 50px !important; /* حالت کپسولی کشیده */
    border: 1px solid rgba(226, 232, 240, 0.8) !important;
    display: inline-block !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02) !important;
}

/* ۲. استایل لینک‌ها و متن‌ها */
.bread1, .bread1 a, .bread1 span {
    color: #64748b !important; /* خاکستری متین */
    font-size: 13px !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
}

/* ۳. استایل لینک‌ها در حالت هاور */
.bread1 a:hover {
    color: #2563eb !important; /* آبی ست با دکمه‌ها */
}

/* ۴. استایل جداکننده (Separator) */
.bread1 .delimiter, 
.bread1 .separator {
    color: #cbd5e1 !important;
    margin: 0 10px !important;
    font-size: 11px !important;
    display: inline-block;
}

/* ۵. استایل آخرین آیتم (صفحه فعلی) */
.bread1 span.current, 
.bread1 b, 
.bread1 strong {
    color: #1e293b !important; /* تیره تر برای تاکید */
    font-weight: 800 !important;
}

/* ۶. اضافه کردن آیکون خانه (Home) به صورت خودکار */
.bread1 a:first-child::before {
    content: "🏠";
    margin-left: 6px;
    font-size: 14px;
    vertical-align: middle;
}

/* ۷. افکت هاور روی کل باکس */
.bread1:hover {
    background: #ffffff !important;
    border-color: #3b82f6 !important;
    box-shadow: 0 8px 20px rgba(59, 130, 246, 0.08) !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-images, class: .elementor-element-09dbd35 *//* ۱. محفظه اصلی تصویر محصول */
.product123 {
    position: relative !important;
    border-radius: 30px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    padding: 10px !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid #f1f5f9 !important;
    transition: all 0.5s ease !important;
}

/* ۲. تصویر اصلی محصول */
.product123 img {
    border-radius: 25px !important;
    width: 100% !important;
    height: auto !important;
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    display: block !important;
}

/* ۳. افکت هاور روی تصویر (بسیار لوکس) */
.product123:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 30px 60px rgba(37, 99, 235, 0.12) !important;
    border-color: #3b82f6 !important;
}

.product123:hover img {
    transform: scale(1.03) !important; /* یک زوم بسیار ملایم */
}

/* ۴. استایل گالری تصاویر کوچک (Thumbnails) */
.product123 .flex-control-thumbs {
    display: flex !important;
    gap: 15px !important;
    margin-top: 20px !important;
    padding: 0 !important;
    list-style: none !important;
}

.product123 .flex-control-thumbs li {
    flex: 1 !important;
}

.product123 .flex-control-thumbs img {
    border-radius: 12px !important;
    border: 2px solid #f1f5f9 !important;
    cursor: pointer !important;
    opacity: 0.7 !important;
    transition: all 0.3s ease !important;
}

.product123 .flex-control-thumbs img.flex-active,
.product123 .flex-control-thumbs img:hover {
    border-color: #3b82f6 !important;
    opacity: 1 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 5px 15px rgba(59, 130, 246, 0.2) !important;
}

/* ۵. اضافه کردن یک هاله نوری در پشت تصویر */
.product123::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at center, rgba(59, 130, 246, 0.05) 0%, transparent 70%);
    pointer-events: none;
    z-index: 1;
}

/* ۶. آیکون بزرگنمایی (Zoom Icon) */
.product123 .woocommerce-product-gallery__trigger {
    background: #ffffff !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.1) !important;
    top: 20px !important;
    left: 20px !important; /* چون سایت راست‌چین است، آیکون سمت چپ می‌رود */
    transition: all 0.3s ease !important;
}

.product123 .woocommerce-product-gallery__trigger:hover {
    background: #3b82f6 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-title, class: .elementor-element-67e9342 *//* ۱. محفظه و استایل کلی عنوان */
.pr1 h1, 
.pr1.product_title {
    font-size: 28px !important;
    font-weight: 900 !important;
    color: #0f172a !important; /* سرمه‌ای خیلی تیره (لوکس) */
    line-height: 1.5 !important;
    margin-bottom: 20px !important;
    position: relative !important;
    display: block !important;
    letter-spacing: -0.5px !important;
    transition: all 0.3s ease !important;
}

/* ۲. خط دکوراتیو زیر عنوان (شاخص اصالت) */
.pr1 h1::after, 
.pr1.product_title::after {
    content: "";
    display: block;
    width: 80px;
    height: 5px;
    background: linear-gradient(90deg, #2563eb, #34d399); /* گرادینت آبی به سبز (ست با قیمت) */
    border-radius: 10px;
    margin-top: 15px;
    transition: width 0.4s ease;
}

/* ۳. افکت هاور روی عنوان */
.pr1:hover h1, 
.pr1.product_title:hover {
    color: #2563eb !important; /* تغییر رنگ ملایم به آبی در هاور */
}

.pr1:hover h1::after, 
.pr1.product_title:hover::after {
    width: 120px; /* کشیده شدن خط زیرین در هاور */
}

/* ۴. استایل برای متون تکمیلی (اگر در عنوان باشد) */
.pr1 span {
    display: block;
    font-size: 14px;
    color: #64748b;
    font-weight: 500;
    margin-bottom: 5px;
    text-transform: uppercase;
}

/* ۵. سایه متن بسیار ملایم برای عمق دادن */
.pr1 h1 {
    text-shadow: 0 2px 10px rgba(15, 23, 42, 0.05);
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-price, class: .elementor-element-4c9ff26 *//* ۱. محفظه اصلی قیمت */
.price123 .price, 
.price123.woocommerce-Price-amount {
    display: flex !important;
    align-items: baseline !important;
    justify-content: center !important; /* یا flex-start اگر می‌خواهی راست‌چین باشد */
    gap: 8px !important;
    padding: 15px 0 !important;
}

/* ۲. استایل عدد قیمت */
.price123 .woocommerce-Price-amount bdi,
.price123 .amount {
    color: #059669 !important; /* سبز زمردی تیره برای حس ثروت و اطمینان */
    font-size: 32px !important; /* سایز بزرگ و خوانا */
    font-weight: 900 !important;
    letter-spacing: -1px !important;
    text-shadow: 0 10px 20px rgba(5, 150, 105, 0.1) !important;
    font-family: 'tahoma', sans-serif !important;
}

/* ۳. استایل واحد پول (تومان) - کوچک‌تر برای تمرکز روی عدد */
.price123 .woocommerce-Price-currencySymbol {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #64748b !important; /* خاکستری متین */
    margin-right: 5px !important;
}

/* ۴. استایل قیمت قبل از تخفیف (اگر حراج باشد) */
.price123 del .woocommerce-Price-amount {
    font-size: 18px !important;
    color: #94a3b8 !important;
    font-weight: 500 !important;
    text-decoration: line-through !important;
    opacity: 0.6 !important;
    filter: grayscale(1) !important;
}

/* ۵. استایل قیمت اصلی در زمان تخفیف (جدید) */
.price123 ins {
    text-decoration: none !important;
    background: transparent !important;
}

/* ۶. افکت های کلاس (یک خط درخشان بسیار نازک زیر قیمت) */
.price123::after {
    content: "";
    display: block;
    width: 60px;
    height: 4px;
    background: linear-gradient(90deg, #059669, #34d399);
    border-radius: 10px;
    margin: 5px auto 0; /* قیمت را در وسط تراز می‌کند */
    opacity: 0.4;
}

/* ۷. افکت هاور روی قیمت */
.price123:hover .woocommerce-Price-amount bdi {
    color: #047857 !important;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-da14db4 *//* استایل دکمه هوشمند ثبت سفارش */
.but1 a.elementor-button {
    background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 50%, #3b82f6 100%) !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    padding: 18px 45px !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    box-shadow: 0 10px 25px rgba(37, 99, 235, 0.4) !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    overflow: hidden !important;
    display: flex !important;
    justify-content: center !important;
}

/* انیمیشن درخشش هنگام هاور */
.but1 a.elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
   
    background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: 0.6s;
}

.but1 a.elementor-button:hover::before {
    left: 100%;
}

.but1 a.elementor-button:hover {
    transform: translateY(-5px) scale(1.03) !important;
    box-shadow: 0 15px 35px rgba(37, 99, 235, 0.6) !important;
}

/* افکت نبض برای دکمه ثبت سفارش */
@keyframes pulseBut1 {
    0% { transform: scale(1); }
    50% { transform: scale(1.02); }
    100% { transform: scale(1); }
}

.but1 {
    animation: pulseBut1 2s infinite ease-in-out;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e88ccda *//* ۱. محفظه اصلی فهرست */
.icon1 .elementor-icon-list-items {
    background: #ffffff !important;
    border-radius: 20px !important;
    padding: 20px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
    border: 1px solid #f1f5f9 !important;
}

/* ۲. استایل هر ردیف از لیست */
.icon1 .elementor-icon-list-item {
    background: #f8fafc !important;
    margin-bottom: 12px !important;
    padding: 12px 15px !important;
    border-radius: 12px !important;
    border-right: 4px solid #3b82f6 !important; /* خط رنگی شاخص سمت راست */
    transition: all 0.3s ease !important;
}

.icon1 .elementor-icon-list-item:last-child {
    margin-bottom: 0 !important;
}

.icon1 .elementor-icon-list-item:hover {
    transform: translateX(-5px) !important; /* حرکت کوچک به سمت چپ در هاور */
    background: #eff6ff !important;
    border-right-color: #1e3a8a !important;
    box-shadow: 0 5px 15px rgba(37, 99, 235, 0.1) !important;
}

/* ۳. استایل آیکون‌ها */
.icon1 .elementor-icon-list-icon {
    background: #ffffff !important;
    width: 32px !important;
    height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 8px !important;
    box-shadow: 0 3px 10px rgba(0,0,0,0.05) !important;
    margin-left: 12px !important;
}

.icon1 .elementor-icon-list-icon i {
    color: #2563eb !important; /* آبی ست با دکمه */
    font-size: 16px !important;
}

/* ۴. استایل متن ویژگی‌ها */
.icon1 .elementor-icon-list-text {
    color: #334155 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    transition: color 0.3s !important;
}

.icon1 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #1e3a8a !important;
}

/* ۵. اضافه کردن یک افکت درخشش ملایم به کل باکس */
.icon1::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent, #3b82f6, transparent);
    margin-top: 10px;
    opacity: 0.3;
}/* End custom CSS */
/* Start custom CSS for eael-adv-tabs, class: .elementor-element-d1e96dd *//* ۱. استایل کلی و حذف خطوط اضافه */
#eael-advance-tabs-d1e96dd.eael-advance-tabs {
    border: none !important;
    background: transparent !important;
}

/* ۲. دکمه‌های تب در حالت عادی */
#eael-advance-tabs-d1e96dd .eael-tabs-nav ul li {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    margin: 0 5px !important;
    padding: 12px 20px !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

/* ۳. استایل متن و آیکون در حالت غیرفعال */
#eael-advance-tabs-d1e96dd .eael-tabs-nav ul li span.eael-tab-title,
#eael-advance-tabs-d1e96dd .eael-tabs-nav ul li i {
    color: #94a3b8 !important;
    font-size: 15px !important;
    font-weight: bold !important;
}

/* ۴. جادوی تب فعال (VIP Style) */
#eael-advance-tabs-d1e96dd .eael-tabs-nav ul li.active {
    background: linear-gradient(135deg, #0f172a 0%, #2563eb 100%) !important; /* گرادینت سرمه‌ای به آبی */
    border: none !important;
    box-shadow: 0 10px 20px rgba(37, 99, 235, 0.3) !important;
    transform: translateY(-3px) scale(1.05);
}

/* ۵. رنگ متن و آیکون در تب فعال */
#eael-advance-tabs-d1e96dd .eael-tabs-nav ul li.active span.eael-tab-title {
    color: #ffffff !important;
}

#eael-advance-tabs-d1e96dd .eael-tabs-nav ul li.active i {
    color: #34d399 !important; /* سبز درخشان برای آیکون تب فعال */
    filter: drop-shadow(0 0 5px rgba(52, 211, 153, 0.5));
}

/* ۶. افکت هاور روی تب‌ها */
#eael-advance-tabs-d1e96dd .eael-tabs-nav ul li:hover:not(.active) {
    background: #eff6ff !important;
    border-color: #3b82f6 !important;
}

/* ۷. استایل باکس محتوا */
#eael-advance-tabs-d1e96dd .eael-tabs-content {
    background: #ffffff !important;
    border: 2px solid #f1f5f9 !important;
    border-radius: 20px !important;
    padding: 30px !important;
    margin-top: 20px !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05) !important;
}

/* ۸. حذف خط زیرین پیش‌فرض المنتور */
#eael-advance-tabs-d1e96dd .eael-tabs-nav ul {
    border: none !important;
}/* End custom CSS */
/* Start custom CSS for post-comments, class: .elementor-element-5ffff25 *//* ۱. ظرف کلی با فونت تمیز و فاصله استاندارد */
.com1 {
    direction: rtl;
    font-family: 'tahoma', sans-serif;
    padding: 20px;
}

/* ۲. باکس هر کامنت - طراحی شناور و مدرن */
.com1 .comment-body {
    background: rgba(255, 255, 255, 0.8) !important;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    border-radius: 24px !important;
    padding: 30px !important;
    margin-bottom: 30px !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.04) !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
}

.com1 .comment-body:hover {
    transform: translateY(-5px);
    box-shadow: 0 30px 60px rgba(37, 99, 235, 0.1) !important;
    border-color: #3b82f6 !important;
}

/* ۳. استایل نویسنده و آواتار (High-End Look) */
.com1 .comment-meta {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.com1 .comment-meta img {
    width: 65px !important;
    height: 65px !important;
    border-radius: 20px !important; /* آواتار مربعی نرم (مثل iOS) */
    margin-left: 15px !important;
    object-fit: cover;
    border: 2px solid #fff;
    box-shadow: 0 8px 15px rgba(0,0,0,0.1);
}

.com1 .comment-author cite {
    font-style: normal;
    font-weight: 800;
    color: #1e293b;
    font-size: 16px;
    letter-spacing: -0.5px;
}

/* ۴. تاریخ کامنت با استایل مینیمال */
.com1 .comment-metadata {
    margin-right: auto;
    background: #f1f5f9;
    padding: 4px 12px;
    border-radius: 8px;
    font-size: 11px;
    color: #64748b;
}

/* ۵. متن کامنت - خوانایی فوق‌العاده */
.com1 .comment-content {
    color: #334155;
    line-height: 1.9;
    font-size: 15px;
    background: rgba(248, 250, 252, 0.5);
    padding: 15px 20px;
    border-radius: 15px;
    border-right: 4px solid #3b82f6;
}

/* ۶. دکمه پاسخ (Reply) لوکس */
.com1 .reply a {
    background: #1e293b !important;
    color: #ffffff !important;
    padding: 8px 24px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    transition: 0.3s !important;
    display: inline-block;
    margin-top: 15px;
    text-decoration: none !important;
}

.com1 .reply a:hover {
    background: #3b82f6 !important;
    box-shadow: 0 10px 20px rgba(59, 130, 246, 0.4) !important;
}

/* ۷. فرم ارسال نظر - جایی که جادو اتفاق می‌افتد */
.com1 #respond {
    background: #ffffff !important;
    border: 2px solid #e2e8f0 !important;
    border-radius: 30px !important;
    padding: 40px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.02) !important;
}

.com1 #reply-title {
    font-size: 22px;
    font-weight: 900;
    color: #0f172a;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
}

.com1 #reply-title::before {
    content: "✍️";
    margin-left: 10px;
}

/* ۸. فیلد‌های ورودی (Inputs) */
.com1 #commentform input[type="text"], 
.com1 #commentform input[type="email"], 
.com1 #commentform textarea {
    background: #f8fafc !important;
    border: 2px solid #f1f5f9 !important;
    border-radius: 15px !important;
    padding: 15px 20px !important;
    font-size: 14px !important;
    transition: all 0.3s !important;
}

.com1 #commentform textarea:focus, 
.com1 #commentform input:focus {
    background: #fff !important;
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 5px rgba(59, 130, 246, 0.1) !important;
}

/* ۹. دکمه ثبت نظر (The Grand Button) */
.com1 .submit {
    width: 100%;
    background: linear-gradient(90deg, #1e3a8a, #2563eb) !important;
    color: #fff !important;
    padding: 16px !important;
    border-radius: 15px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    border: none !important;
    cursor: pointer !important;
    box-shadow: 0 15px 30px rgba(37, 99, 235, 0.3) !important;
    transition: 0.3s !important;
}

.com1 .submit:hover {
    transform: scale(1.01);
    box-shadow: 0 20px 40px rgba(37, 99, 235, 0.4) !important;
}

/* ۱۰. استایل ویژه برای پاسخ ادمین (Admin Highlight) */
.com1 .bypostauthor > .comment-body {
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%) !important;
    border: 1px solid #bae6fd !important;
}

.com1 .bypostauthor > .comment-body::after {
    content: "پاسخ مدیریت";
    position: absolute;
    top: 20px;
    left: 20px;
    background: #0369a1;
    color: #fff;
    font-size: 10px;
    padding: 4px 10px;
    border-radius: 20px;
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-67dc674 *//* ۱. محفظه کلی شبکه محصولات */
.produ1 .products {
    gap: 30px !important;
    padding: 20px 0;
}

/* ۲. کارت محصول - طراحی مینیمال و لوکس */
.produ1 .product {
    background: #ffffff !important;
    border-radius: 25px !important;
    padding: 20px !important;
    border: 1px solid #f1f5f9 !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    overflow: hidden;
    position: relative;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
}

.produ1 .product:hover {
    transform: translateY(-10px);
    box-shadow: 0 25px 50px rgba(37, 99, 235, 0.1) !important;
    border-color: #3b82f6 !important;
}

/* ۳. تصویر محصول با افکت زوم */
.produ1 .product img {
    border-radius: 18px !important;
    margin-bottom: 20px !important;
    transition: transform 0.6s ease !important;
}

.produ1 .product:hover img {
    transform: scale(1.05);
}

/* ۴. عنوان محصول - تایپوگرافی تمیز */
.produ1 .woocommerce-loop-product__title {
    font-size: 17px !important;
    font-weight: 800 !important;
    color: #1e293b !important;
    line-height: 1.6 !important;
    min-height: 54px;
    margin-bottom: 15px !important;
    transition: color 0.3s !important;
}

.produ1 .product:hover .woocommerce-loop-product__title {
    color: #2563eb !important;
}

/* ۵. استایل قیمت - واضح و باکلاس */
.produ1 .price {
    display: block !important;
    margin-bottom: 20px !important;
    color: #059669 !important; /* سبز زمردی برای حس مثبت خرید */
    font-size: 18px !important;
    font-weight: 700 !important;
}

.produ1 .price ins {
    text-decoration: none !important;
}

.produ1 .price del {
    color: #94a3b8 !important;
    font-size: 14px !important;
    margin-left: 8px;
}

/* ۶. دکمه افزودن به سبد خرید (High-Conversion Button) */
.produ1 .button.add_to_cart_button, 
.produ1 .button.product_type_simple {
    width: 100% !important;
    background: #f1f5f9 !important; /* حالت عادی خنثی */
    color: #1e293b !important;
    border-radius: 15px !important;
    padding: 15px !important;
    font-weight: 700 !important;
    text-align: center !important;
    transition: all 0.3s !important;
    border: none !important;
    text-transform: uppercase;
    font-size: 14px !important;
}

.produ1 .product:hover .button.add_to_cart_button {
    background: linear-gradient(135deg, #2563eb 0%, #1e3a8a 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 20px rgba(37, 99, 235, 0.3) !important;
}

/* ۷. نشان حراج (Sale Flash) لوکس */
.produ1 .onsale {
    background: #ef4444 !important;
    top: 15px !important;
    right: 15px !important;
    font-size: 12px !important;
    padding: 5px 12px !important;
    border-radius: 50px !important;
    min-height: auto !important;
    min-width: auto !important;
    line-height: 1 !important;
}

/* ۸. حذف خطوط و استایل‌های اضافه ووکامرس */
.produ1 .product::before {
    display: none !important;
}/* End custom CSS */