.elementor-125 .elementor-element.elementor-element-3510e8d{--display:flex;}.elementor-125 .elementor-element.elementor-element-d148ca8{--display:flex;}.elementor-125 .elementor-element.elementor-element-af08f93{--display:flex;}.elementor-125 .elementor-element.elementor-element-af08f93.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-125 .elementor-element.elementor-element-f5378a4.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-125 .elementor-element.elementor-element-31a6ba1{--display:flex;}.elementor-125 .elementor-element.elementor-element-31a6ba1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-125 .elementor-element.elementor-element-597e4ea{--display:flex;}.elementor-125 .elementor-element.elementor-element-597e4ea.e-con{--flex-grow:0;--flex-shrink:0;}.woocommerce .elementor-widget-woocommerce-product-price .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.woocommerce .elementor-125 .elementor-element.elementor-element-9b3a154 .price{color:#FFFCFC;}.woocommerce .elementor-125 .elementor-element.elementor-element-9b3a154 .price ins{color:#EFECEC;}.elementor-125 .elementor-element.elementor-element-9282aec{--display:flex;}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-125 .elementor-element.elementor-element-f33b980 .cart button, .elementor-125 .elementor-element.elementor-element-f33b980 .cart .button{transition:all 0.2s;}.elementor-125 .elementor-element.elementor-element-f5ca203{--display:flex;}.elementor-125 .elementor-element.elementor-element-f5ca203.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-125 .elementor-element.elementor-element-80f8ea9.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-125 .elementor-element.elementor-element-37e885a{--display:flex;}.woocommerce .elementor-125 .elementor-element.elementor-element-c04649d h2{color:#FFFFFF;}.woocommerce .elementor-125 .elementor-element.elementor-element-c04649d .shop_attributes{font-family:"Arad", Sans-serif;font-feature-settings:"numr";}.elementor-125 .elementor-element.elementor-element-1fd925a{--display:flex;}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.woocommerce .elementor-widget-woocommerce-product-related.elementor-wc-products .products > h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-125 .elementor-element.elementor-element-666da8f.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-125 .elementor-element.elementor-element-666da8f.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#FFFFFF;}.elementor-125 .elementor-element.elementor-element-666da8f.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#FFFFFF;}.woocommerce .elementor-125 .elementor-element.elementor-element-666da8f.elementor-wc-products .products > h2{color:#FFFFFF;}.elementor-125 .elementor-element.elementor-element-666da8f.elementor-wc-products ul.products li.product .star-rating{color:#000000;}.elementor-125 .elementor-element.elementor-element-666da8f.elementor-wc-products ul.products li.product .price{color:#FF0000;}.elementor-125 .elementor-element.elementor-element-666da8f.elementor-wc-products ul.products li.product .price ins{color:#FF0000;}.elementor-125 .elementor-element.elementor-element-666da8f.elementor-wc-products ul.products li.product .price ins .amount{color:#FF0000;}.elementor-125 .elementor-element.elementor-element-666da8f.elementor-wc-products ul.products li.product .price del{color:#FF0000;}.elementor-125 .elementor-element.elementor-element-666da8f.elementor-wc-products ul.products li.product .price del .amount{color:#FF0000;}.elementor-125 .elementor-element.elementor-element-666da8f.elementor-wc-products ul.products li.product span.onsale{display:block;}body.elementor-page-125:not(.elementor-motion-effects-element-type-background), body.elementor-page-125 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://bendify.ir/wp-content/uploads/2026/10/images-2-scaled.jpg");}@media(max-width:1024px){.elementor-125 .elementor-element.elementor-element-666da8f.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(min-width:768px){.elementor-125 .elementor-element.elementor-element-597e4ea{--width:57.627%;}}@media(max-width:1024px) and (min-width:768px){.elementor-125 .elementor-element.elementor-element-597e4ea{--width:395.917px;}}@media(max-width:767px){.elementor-125 .elementor-element.elementor-element-af08f93{--width:232.111px;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-125 .elementor-element.elementor-element-f5378a4{width:var( --container-widget-width, 280.549px );max-width:280.549px;--container-widget-width:280.549px;--container-widget-flex-grow:0;}.elementor-125 .elementor-element.elementor-element-49af0d6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:-57px -57px -57px -57px;}.elementor-125 .elementor-element.elementor-element-597e4ea{--width:281.333px;}.elementor-125 .elementor-element.elementor-element-f5ca203{--width:330px;}.elementor-125 .elementor-element.elementor-element-80f8ea9{width:var( --container-widget-width, 314.297px );max-width:314.297px;--container-widget-width:314.297px;--container-widget-flex-grow:0;}.elementor-125 .elementor-element.elementor-element-666da8f.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-breadcrumb, class: .elementor-element-01b88fc *//* ============================================
   مسیر پیمایش ووکامرس (Breadcrumb) - تم دارک و شیشه‌ای
   ============================================ */

/* ۱. کانتینر اصلی مسیر پیمایش */
.woocommerce-breadcrumb {
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    
    background: rgba(15, 15, 18, 0.6) !important; /* شیشه دودی */
    backdrop-filter: blur(25px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(150%) !important;
    
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 50px !important; /* کپسولی */
    
    padding: 10px 22px !important;
    margin: 20px 0 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, sans-serif !important;
    font-size: 13px !important;
    color: rgba(245, 242, 235, 0.6) !important; /* رنگ متن پیش‌فرض (کرم محو) */
    text-decoration: none !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

/* ۲. لینک‌های داخل مسیر */
.woocommerce-breadcrumb a {
    color: rgba(245, 242, 235, 0.8) !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
}

.woocommerce-breadcrumb a:hover {
    color: #2AABEE !important; /* رنگ آبی تلگرام/لینک موقع هاور */
    text-shadow: 0 0 10px rgba(42, 171, 238, 0.4) !important;
}

/* ۳. جداکننده‌ها (فلش یا اسلش) */
.woocommerce-breadcrumb .separator,
.woocommerce-breadcrumb span {
    color: rgba(245, 242, 235, 0.3) !important; /* رنگ محو برای جداکننده‌ها */
    margin: 0 2px !important;
}

/* ۴. متن صفحه فعلی (آخرین بخش مسیر) */
.woocommerce-breadcrumb .current,
.woocommerce-breadcrumb > span:last-child {
    color: #F5F2EB !important; /* سفید کرم پررنگ */
    font-weight: 600 !important;
}

/* ۵. ریسپانسیو (موبایل) */
@media (max-width: 768px) {
    .woocommerce-breadcrumb {
        font-size: 11px !important;
        padding: 8px 16px !important;
        margin: 15px 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-title, class: .elementor-element-f5378a4 *//* ============================================
   استایل عنوان محصول (کشیده، کپسولی و متن وسط‌چین)
   ============================================ */

/* ۱. کانتینر اصلی عنوان */
.woocommerce div.product .product_title,
.elementor-widget-woocommerce-product-title .woocommerce-loop-product__title {
    display: flex !important; 
    align-items: center !important;
    justify-content: center !important; /* 👈 قرار دادن متن دقیقاً در وسط کادر */
    text-align: center !important; /* 👈 اطمینان از وسط‌چین بودن متن */
    
    width: 100% !important; 
    box-sizing: border-box !important; 
    
    /* شیشه دودی (دقیقاً مثل مسیر پیمایش) */
    background: rgba(15, 15, 18, 0.6) !important; 
    backdrop-filter: blur(25px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(150%) !important;
    
    /* حاشیه بسیار نازک و محو */
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 50px !important; /* کاملاً کپسولی */
    
    /* فاصله داخلی */
    padding: 16px 30px !important;
    margin: 0 0 25px 0 !important;
    
    /* فونت و متن */
    font-family: 'Playfair Display', 'Georgia', serif !important;
    font-size: 26px !important;
    font-weight: 600 !important;
    color: #F5F2EB !important; /* سفید کرم پررنگ */
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3) !important;
    
    /* سایه و درخشش ملایم */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
    transition: all 0.3s ease !important;
}

/* ۲. افکت هاور */
.woocommerce div.product .product_title:hover {
    background: rgba(30, 30, 35, 0.8) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}

/* ۳. ریسپانسیو موبایل */
@media (max-width: 768px) {
    .woocommerce div.product .product_title {
        font-size: 20px !important;
        padding: 12px 20px !important;
        margin-bottom: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-images, class: .elementor-element-49af0d6 *//* ============================================
   استایل گالری عکس محصول (عکس اصلی و بندانگشتی)
   ============================================ */

/* ۱. کانتینر اصلی گالری (شیشه‌ای) */
.woocommerce div.product div.images {
    background: rgba(15, 15, 18, 0.6) !important;
    backdrop-filter: blur(25px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(150%) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 24px !important;
    padding: 15px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
    margin-bottom: 20px !important;
}

/* ۲. عکس بزرگ (اصلی) */
.woocommerce div.product div.images img {
    border-radius: 16px !important; /* گوشه‌های گرد عکس */
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* افکت هاور روی عکس اصلی */
.woocommerce div.product div.images img:hover {
    transform: scale(1.02) !important;
}

/* ۳. کانتینر عکس‌های بندانگشتی */
.woocommerce div.product div.images .flex-control-thumbs {
    display: flex !important;
    gap: 10px !important; /* فاصله بین عکس‌های کوچک */
    margin-top: 15px !important;
    padding: 0 !important;
    list-style: none !important;
}

/* ۴. هر عکس بندانگشتی */
.woocommerce div.product div.images .flex-control-thumbs li {
    width: calc(25% - 7.5px) !important; /* ۴ عکس در یک ردیف */
    margin: 0 !important;
    float: none !important;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
    border-radius: 12px !important;
    border: 2px solid transparent !important;
    opacity: 0.5 !important; /* حالت محو برای عکس‌های غیرفعال */
    transition: all 0.3s ease !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2) !important;
    cursor: pointer !important;
    width: 100% !important;
    aspect-ratio: 1 / 1 !important; /* مربع کردن عکس‌ها */
    object-fit: cover !important;
}

/* افکت هاور روی عکس بندانگشتی */
.woocommerce div.product div.images .flex-control-thumbs li img:hover {
    opacity: 0.9 !important;
    transform: translateY(-2px) !important;
}

/* ۵. عکس بندانگشتی فعال (وقتی روش کلیک شده) */
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active {
    opacity: 1 !important;
    border-color: #F5F2EB !important; /* حاشیه سفید کرم */
    box-shadow: 0 0 15px rgba(245, 242, 235, 0.2) !important;
}

/* ۶. ریسپانسیو موبایل */
@media (max-width: 768px) {
    .woocommerce div.product div.images {
        padding: 10px !important;
        border-radius: 18px !important;
    }
    .woocommerce div.product div.images img {
        border-radius: 12px !important;
    }
    .woocommerce div.product div.images .flex-control-thumbs {
        gap: 8px !important;
        margin-top: 10px !important;
    }
    .woocommerce div.product div.images .flex-control-thumbs li {
        width: calc(33.33% - 5.3px) !important; /* ۳ عکس در یک ردیف در موبایل */
    }
    .woocommerce div.product div.images .flex-control-thumbs li img {
        border-radius: 8px !important;
    }
}
/* ============================================
   برچسب تخفیف (Sale) - قرمز نئونی و شیشه‌ای
   ============================================ */

/* ۱. استایل برچسب */
.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* شیشه قرمز نئونی */
    background: rgba(255, 59, 48, 0.75) !important; 
    backdrop-filter: blur(15px) saturate(200%) !important;
    -webkit-backdrop-filter: blur(15px) saturate(200%) !important;
    
    color: #FFFFFF !important; /* متن سفید */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, sans-serif !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0.5px !important;
    
    /* حاشیه کپسولی */
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 50px !important; 
    padding: 6px 14px !important;
    
    /* سایه و درخشش نئونی قرمز */
    box-shadow: 0 0 15px rgba(255, 59, 48, 0.8), 
                0 0 30px rgba(255, 59, 48, 0.4),
                inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
    
    /* موقعیت قرارگیری */
    position: absolute !important;
    top: 20px !important;
    right: 20px !important;
    z-index: 10 !important;
    
    /* ریست کردن استایل‌های پیش‌فرض */
    min-height: auto !important;
    min-width: auto !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    transform: none !important;
    
    /* انیمیشن ضربان نئونی */
    animation: neon-pulse 1.5s infinite alternate !important;
}

/* ۲. انیمیشن درخشش نئونی */
@keyframes neon-pulse {
    0% {
        box-shadow: 0 0 10px rgba(255, 59, 48, 0.6), 
                    0 0 20px rgba(255, 59, 48, 0.3),
                    inset 0 1px 0 rgba(255, 255, 255, 0.4);
    }
    100% {
        box-shadow: 0 0 25px rgba(255, 59, 48, 1), 
                    0 0 50px rgba(255, 59, 48, 0.6),
                    0 0 70px rgba(255, 59, 48, 0.4),
                    inset 0 1px 0 rgba(255, 255, 255, 0.6);
    }
}

/* ۳. تنظیمات صفحه اصلی محصول (یکم بزرگ‌تر) */
.single-product .product .onsale {
    top: 30px !important;
    right: 30px !important;
    font-size: 14px !important;
    padding: 8px 18px !important;
}

/* ۴. موبایل */
@media (max-width: 768px) {
    .woocommerce span.onsale,
    .woocommerce ul.products li.product .onsale {
        font-size: 10px !important;
        padding: 5px 12px !important;
        top: 15px !important;
        right: 15px !important;
    }
    .single-product .product .onsale {
        top: 20px !important;
        right: 20px !important;
        font-size: 12px !important;
    }
}
/* ============================================
   محدود کردن سایز عکس اصلی محصول
   ============================================ */

/* ۱. کانتینر اصلی عکس */
.woocommerce div.product div.images {
    max-width: 100% !important;
    margin-bottom: 20px !important;
}

/* ۲. خود عکس اصلی */
.woocommerce div.product div.images img {
    width: 100% !important;
    max-height: 450px !important; /* 👈 حداکثر ارتفاع عکس (می‌توانی این عدد را کم یا زیاد کنی) */
    object-fit: cover !important; /* برش دادن عکس به جای کشیدگی */
    border-radius: 20px !important; /* گوشه‌های گرد */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
    display: block !important;
}

/* ۳. تنظیمات موبایل */
@media (max-width: 768px) {
    .woocommerce div.product div.images img {
        max-height: 300px !important; /* در موبایل کوچک‌تر می‌شود تا صفحه را نگیرد */
    }
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-price, class: .elementor-element-9b3a154 *//* ============================================
   استایل قیمت (سفید کردن قیمت اصلی با زور)
   ============================================ */

/* ۱. کادر اصلی */
.woocommerce div.product p.price {
    display: block !important;
    text-align: center !important; 
    
    background: rgba(15, 15, 18, 0.85) !important; 
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 50px !important; 
    
    width: 100% !important;
    padding: 18px 20px !important; 
    margin: 0 0 20px 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* ۲. قیمت قبلی (قرمز و خط‌خورده) */
.woocommerce div.product p.price del,
.woocommerce div.product p.price del .amount,
.woocommerce div.product p.price del bdi {
    display: inline-block !important;
    color: #FF3B30 !important; /* قرمز */
    font-size: 15px !important;
    font-weight: 800 !important;
    text-decoration: line-through !important;
    font-family: 'Vazirmatn', 'IRANSans', sans-serif !important;
    margin-left: 10px !important; 
    position: static !important;
    vertical-align: middle !important; 
}

/* ۳. قیمت اصلی (سفید و درشت) */
.woocommerce div.product p.price ins,
.woocommerce div.product p.price ins .amount,
.woocommerce div.product p.price ins bdi,
.woocommerce div.product p.price > .amount,
.woocommerce div.product p.price > bdi,
.woocommerce div.product p.price .woocommerce-Price-amount {
    display: inline-block !important;
    
    /* 👇 سفید کردن با زور تمام کلاس‌های ممکن 👇 */
    color: #FFFFFF !important; 
    font-size: 22px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    font-family: 'Vazirmatn', 'IRANSans', sans-serif !important;
    position: static !important; 
    vertical-align: middle !important;
}

/* ۴. موبایل */
@media (max-width: 768px) {
    .woocommerce div.product p.price {
        padding: 15px !important;
    }
    .woocommerce div.product p.price del,
    .woocommerce div.product p.price del .amount {
        font-size: 13px !important;
    }
    .woocommerce div.product p.price ins,
    .woocommerce div.product p.price > .amount {
        font-size: 18px !important;
    }
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-f33b980 *//* ============================================
   استایل کامل فرم خرید (تعداد + تنوع‌ها + دکمه)
   ============================================ */

/* ---------- ۱. کانتینر اصلی فرم خرید ---------- */
.woocommerce div.product form.cart {
    display: flex !important;
    flex-wrap: wrap !important; /* اجازه به المان‌ها برای رفتن به خط بعد */
    flex-direction: row !important; 
    align-items: flex-end !important; /* تراز کردن از پایین */
    gap: 15px !important;
    background: transparent !important; 
    padding: 0 !important;
    margin: 20px 0 !important;
}

/* ---------- ۲. جدول تنوع‌ها (رنگ، سایز و...) ---------- */
.woocommerce div.product form.cart .variations {
    width: 100% !important; /* کل عرض را بگیرد تا بالای دکمه بیاید */
    margin-bottom: 15px !important;
    border: none !important;
}

.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
    padding: 8px 0 !important;
    vertical-align: middle !important;
}

/* لیبل‌های تنوع (مثل "رنگ شمع") */
.woocommerce div.product form.cart .variations label {
    font-family: 'Vazirmatn', sans-serif !important;
    color: #F5F2EB !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

/* منوی کشویی انتخاب تنوع */
.woocommerce div.product form.cart .variations select {
    background: rgba(15, 15, 18, 0.85) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 12px !important;
    color: #F5F2EB !important;
    padding: 10px 15px !important;
    font-family: 'Vazirmatn', sans-serif !important;
    font-size: 14px !important;
    width: 100% !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath fill='%23F5F2EB' d='M6 7L0 0h12z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: left 15px center !important;
}

/* ---------- ۳. کادر تعداد (شیشه‌ای تیره) ---------- */
.woocommerce div.product form.cart .quantity {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    background: rgba(15, 15, 18, 0.85) !important; 
    backdrop-filter: blur(25px) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 50px !important; 
    
    height: 52px !important; 
    width: 80px !important; 
    margin: 0 !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
}

.woocommerce div.product form.cart .quantity input[type="number"] {
    background: transparent !important;
    color: #FFFFFF !important;
    border: none !important;
    font-family: 'Vazirmatn', sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    height: 100% !important;
    width: 100% !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
    -moz-appearance: textfield !important;
}

/* ---------- ۴. دکمه افزودن به سبد خرید ---------- */
.woocommerce div.product form.cart .button,
.woocommerce div.product .single_add_to_cart_button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-grow: 1 !important; 
    
    height: 52px !important; 
    margin: 0 !important; 
    
    background: rgba(245, 242, 235, 0.1) !important; 
    backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(245, 242, 235, 0.3) !important;
    border-radius: 50px !important; 
    
    color: #F5F2EB !important; 
    font-family: 'Vazirmatn', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    white-space: nowrap !important;
}

.woocommerce div.product form.cart .button:hover {
    background: #F5F2EB !important; 
    color: #111 !important; 
}

/* ---------- ۵. تنظیمات مخصوص موبایل (جلوگیری از بهم ریختگی) ---------- */
@media (max-width: 768px) {
    .woocommerce div.product form.cart {
        flex-direction: column !important; /* چیدمان عمودی */
        align-items: stretch !important; /* کشیده شدن در کل عرض */
    }

    /* کادر تعداد در موبایل */
    .woocommerce div.product form.cart .quantity {
        width: 100% !important; /* تمام عرض */
        margin-bottom: 10px !important;
    }

    /* دکمه خرید در موبایل */
    .woocommerce div.product form.cart .button,
    .woocommerce div.product .single_add_to_cart_button {
        width: 100% !important; /* تمام عرض */
        flex-grow: 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-data-tabs, class: .elementor-element-80f8ea9 *//* ============================================
   استایل تب‌های محصول (توضیحات، تکمیلی، نظرات) - نسخه تمیز
   ============================================ */

/* ۱. کانتینر اصلی تب‌ها */
.woocommerce div.product .woocommerce-tabs {
    clear: both !important;
    margin-top: 30px !important;
    padding: 0 !important;
    background: transparent !important;
}

/* ۲. نوار دکمه‌های تب (بالا) */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 10px !important; /* فاصله بین تب‌ها */
    
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
    border: none !important; /* حذف خط زیرین پیش‌فرض */
    list-style: none !important;
}

/* حذف استایل‌های عجیب و غریب پیش‌فرض ووکامرس */
.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs::after {
    display: none !important;
}

/* ۳. هر دکمه تب (حالت عادی) */
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: rgba(15, 15, 18, 0.6) !important; /* شیشه تیره */
    backdrop-filter: blur(15px) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px !important; /* گوشه‌های گرد */
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
    transition: all 0.3s ease !important;
}

/* حذف خطوط اضافی داخلی دکمه‌ها */
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
    display: none !important;
}

/* ۴. متن داخل دکمه‌ها */
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    display: block !important;
    color: rgba(245, 242, 235, 0.6) !important; /* خاکستری روشن */
    font-family: -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 12px 24px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

/* ۵. تب فعال (وقتی روش کلیک شده) */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: #F5F2EB !important; /* سفید کرم */
    border-color: #F5F2EB !important;
    box-shadow: 0 0 15px rgba(245, 242, 235, 0.2) !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #111 !important; /* متن مشکی در تب فعال */
}

/* افکت هاور روی تب‌های غیرفعال */
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover:not(.active) {
    background: rgba(255, 255, 255, 0.1) !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover:not(.active) a {
    color: #FFFFFF !important;
}

/* ۶. کادر محتوای تب (پایین تب‌ها) */
.woocommerce div.product .woocommerce-tabs .panel {
    background: rgba(15, 15, 18, 0.6) !important; /* شیشه تیره */
    backdrop-filter: blur(25px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(150%) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 20px !important;
    padding: 30px !important;
    margin: 0 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
    color: #F5F2EB !important;
}

/* ۷. استایل متن داخل محتوای تب (خوانا کردن متن‌های تیره) */
.woocommerce div.product .woocommerce-tabs .panel h2 {
    font-family: 'Playfair Display', serif !important;
    color: #F5F2EB !important; /* سفید کرم */
    font-size: 22px !important;
    margin-bottom: 15px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.woocommerce div.product .woocommerce-tabs .panel p,
.woocommerce div.product .woocommerce-tabs .panel li,
.woocommerce div.product .woocommerce-tabs .panel span {
    color: rgba(245, 242, 235, 0.8) !important; /* متن خوانا */
    font-size: 15px !important;
    line-height: 1.8 !important;
}

/* ۸. ریسپانسیو موبایل */
@media (max-width: 768px) {
    .woocommerce div.product .woocommerce-tabs ul.tabs {
        flex-wrap: wrap !important; /* تب‌ها در موبایل زیر هم برن */
        gap: 8px !important;
    }
    .woocommerce div.product .woocommerce-tabs ul.tabs li a {
        font-size: 13px !important;
        padding: 10px 15px !important;
    }
    .woocommerce div.product .woocommerce-tabs .panel {
        padding: 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-additional-information, class: .elementor-element-c04649d *//* ============================================
   استایل توضیحات تکمیلی (با قاب شیشه‌ای و مشخص)
   ============================================ */

/* ۱. کادر اصلی (قاب شیشه‌ای مات و مشخص) */
.woocommerce-Tabs-panel--additional_information {
    background: rgba(10, 10, 12, 0.85) !important; /* شیشه مات */
    backdrop-filter: blur(35px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(35px) saturate(150%) !important;
    
    /* 👇 قاب مشخص و برجسته 👇 */
    border: 1px solid rgba(255, 255, 255, 0.15) !important; 
    border-radius: 24px !important; /* گوشه‌های گرد */
    
    padding: 30px !important;
    margin-top: 20px !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5), /* سایه عمیق */
                inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}

/* ۲. تیتر "توضیحات تکمیلی" */
.woocommerce-Tabs-panel--additional_information h2 {
    display: block !important; /* کل عرض رو بگیره */
    background: transparent !important;
    border: none !important;
    
    /* 👇 خط جداکننده زیر تیتر 👇 */
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; 
    
    padding: 0 0 15px 0 !important;
    margin-bottom: 25px !important;
    
    font-family: 'Vazirmatn', 'IRANSans', sans-serif !important;
    color: #FFFFFF !important; /* سفید درخشان */
    font-size: 20px !important;
    font-weight: 800 !important;
    text-shadow: 0 2px 10px rgba(255, 255, 255, 0.1) !important;
}

/* ۳. جدول ویژگی‌ها */
.woocommerce table.shop_attributes {
    width: 100% !important;
    background: transparent !important; 
    border: none !important;
    border-collapse: collapse !important;
    margin: 0 !important;
}

/* ۴. سطرهای جدول */
.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td {
    padding: 16px 20px !important;
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    font-family: 'Vazirmatn', 'IRANSans', sans-serif !important;
    font-size: 15px !important;
    text-align: right !important;
    vertical-align: middle !important;
    background: transparent !important;
}

/* ستون نام ویژگی */
.woocommerce table.shop_attributes th {
    font-weight: 700 !important;
    color: #F5F2EB !important; 
    width: 30% !important;
}

/* ستون مقدار ویژگی */
.woocommerce table.shop_attributes td {
    font-weight: 600 !important;
    color: #FFFFFF !important; 
}

/* افکت هاور روی سطرها */
.woocommerce table.shop_attributes tr:hover th,
.woocommerce table.shop_attributes tr:hover td {
    background: rgba(255, 255, 255, 0.05) !important; 
}

/* حذف خط آخر جدول */
.woocommerce table.shop_attributes tr:last-child th,
.woocommerce table.shop_attributes tr:last-child td {
    border-bottom: none !important;
}

/* ۵. ریسپانسیو موبایل */
@media (max-width: 768px) {
    .woocommerce-Tabs-panel--additional_information {
        padding: 20px !important;
        border-radius: 18px !important;
    }
    .woocommerce-Tabs-panel--additional_information h2 {
        font-size: 18px !important;
    }
    .woocommerce table.shop_attributes th,
    .woocommerce table.shop_attributes td {
        padding: 12px 15px !important;
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-related, class: .elementor-element-666da8f *//* ============================================
   استایل کارت محصولات (قاب شیشه‌ای مات و مشخص)
   ============================================ */

/* ۱. گرید اصلی */
.woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important; 
    gap: 20px !important;
    margin: 0 0 30px 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* ۲. کادر اصلی کارت محصول (قاب مات و شیشه‌ای) */
.woocommerce ul.products li.product {
    width: 100% !important;
    float: none !important; 
    margin: 0 !important; 
    
    /* 👇 قاب مات و تیره 👇 */
    background: rgba(12, 12, 15, 0.9) !important; 
    backdrop-filter: blur(35px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(35px) saturate(150%) !important;
    
    /* حاشیه درخشان و مشخص */
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 20px !important;
    padding: 15px !important;
    
    /* سایه عمیق برای جدا شدن از پس‌زمینه */
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6), 
                inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
    transition: all 0.3s ease !important;
    
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

/* ۳. عکس محصول */
.woocommerce ul.products li.product a img {
    border-radius: 12px !important;
    width: 100% !important;
    height: 180px !important;
    object-fit: cover !important;
    margin-bottom: 15px !important;
    transition: transform 0.4s ease !important;
}
.woocommerce ul.products li.product:hover a img {
    transform: scale(1.05) !important;
}

/* ۴. اسم محصول */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-family: 'Vazirmatn', 'IRANSans', sans-serif !important; 
    color: #F5F2EB !important; /* سفید کرم */
    font-size: 15px !important;
    font-weight: 700 !important;
    text-align: center !important;
    line-height: 1.4 !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    min-height: 45px !important; 
    transition: color 0.3s ease !important;
}
.woocommerce ul.products li.product:hover .woocommerce-loop-product__title {
    color: #2AABEE !important; 
}

/* ۵. کادر قیمت */
.woocommerce ul.products li.product .price {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    
    background: rgba(255, 255, 255, 0.05) !important; 
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 50px !important; 
    
    padding: 8px 15px !important;
    margin: auto 0 15px 0 !important; 
    width: 100% !important;
    box-sizing: border-box !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

/* قیمت خط‌خورده (قرمز و بولد) */
.woocommerce ul.products li.product .price del {
    font-family: 'Vazirmatn', 'IRANSans', sans-serif !important;
    color: #FF3B30 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    text-decoration: line-through !important;
    margin: 0 !important;
    opacity: 0.9 !important;
    text-shadow: 0 0 10px rgba(255, 59, 48, 0.4) !important; 
}

/* قیمت اصلی (سفید) */
.woocommerce ul.products li.product .price ins,
.woocommerce ul.products li.product .price > .amount {
    font-family: 'Vazirmatn', 'IRANSans', sans-serif !important;
    color: #FFFFFF !important; 
    font-size: 15px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* ۶. دکمه افزودن به سبد خرید */
.woocommerce ul.products li.product .button {
    background: rgba(245, 242, 235, 0.1) !important;
    border: 1px solid rgba(245, 242, 235, 0.2) !important;
    border-radius: 50px !important; 
    color: #F5F2EB !important;
    font-family: 'Vazirmatn', 'IRANSans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-align: center !important;
    padding: 10px !important;
    width: 100% !important;
    margin: 0 !important;
    transition: all 0.3s ease !important;
}

.woocommerce ul.products li.product .button:hover {
    background: #F5F2EB !important;
    color: #111 !important;
}

/* ۷. برچسب تخفیف */
.woocommerce ul.products li.product .onsale {
    background: rgba(255, 59, 48, 0.9) !important;
    color: #FFFFFF !important;
    border-radius: 50px !important;
    padding: 4px 12px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    top: 15px !important;
    right: 15px !important;
    min-height: auto !important;
    min-width: auto !important;
    line-height: 1.5 !important;
    z-index: 10 !important;
    box-shadow: 0 4px 15px rgba(255, 59, 48, 0.4) !important;
}

/* ۸. ریسپانسیو */
@media (max-width: 992px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (max-width: 768px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }
    .woocommerce ul.products li.product {
        padding: 10px !important;
    }
    .woocommerce ul.products li.product a img {
        height: 140px !important;
    }
    .woocommerce ul.products li.product .price {
        flex-direction: column !important; 
        gap: 2px !important;
    }
    .woocommerce ul.products li.product .price del {
        font-size: 11px !important;
    }
    .woocommerce ul.products li.product .price ins,
    .woocommerce ul.products li.product .price > .amount {
        font-size: 13px !important;
    }
}/* End custom CSS */
/* Start custom CSS *//* ============================================
   استایل بدنه صفحه محصول (عکس، قیمت، خرید) - امن و تمیز
   ============================================ */

/* ۱. کانتینر اصلی صفحه (فقط یک پس‌زمینه شیشه‌ای بزرگ) */
.woocommerce div.product {
    background: rgba(15, 15, 18, 0.6) !important;
    backdrop-filter: blur(35px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(35px) saturate(150%) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 32px !important;
    padding: 40px !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5) !important;
    margin-top: 30px !important;
}

/* ۲. عکس محصول (گرد و شیک) */
.woocommerce div.product div.images img {
    border-radius: 20px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
}

/* عکس‌های بندانگشتی */
.woocommerce div.product div.images .flex-control-thumbs li img {
    border-radius: 10px !important;
    opacity: 0.5 !important;
    transition: 0.3s !important;
}
.woocommerce div.product div.images .flex-control-thumbs li img:hover,
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active {
    opacity: 1 !important;
    border: 2px solid #F5F2EB !important;
}

/* ۳. عنوان محصول */
.woocommerce div.product .product_title {
    font-family: 'Playfair Display', serif !important;
    color: #F5F2EB !important;
    font-size: 28px !important;
    font-weight: 600 !important;
    margin-bottom: 15px !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) !important;
}

/* ۴. قیمت محصول (کپسول شیشه‌ای) */
.woocommerce div.product p.price {
    display: inline-flex !important;
    flex-direction: column !important;
    background: rgba(0, 0, 0, 0.4) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 16px !important;
    padding: 12px 24px !important;
    margin-bottom: 20px !important;
}
/* قیمت عادی */
.woocommerce div.product p.price > .amount {
    color: #FFFFFF !important;
    font-size: 24px !important;
    font-weight: 800 !important;
}
/* قیمت خط‌خورده */
.woocommerce div.product p.price del {
    color: rgba(255, 255, 255, 0.4) !important;
    font-size: 14px !important;
    text-decoration: line-through !important;
    margin-bottom: 5px !important;
}
/* قیمت تخفیف‌خورده (قرمز) */
.woocommerce div.product p.price ins {
    text-decoration: none !important;
}
.woocommerce div.product p.price ins .amount {
    color: #FF3B30 !important; /* قرمز */
    font-size: 26px !important;
    text-shadow: 0 0 10px rgba(255, 59, 48, 0.3) !important;
}

/* ۵. توضیحات کوتاه */
.woocommerce div.product .woocommerce-product-details__short-description {
    color: rgba(245, 242, 235, 0.8) !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
    margin-bottom: 25px !important;
}

/* ۶. باکس تعداد و دکمه خرید (بدون بهم زدن چیدمان) */
.woocommerce div.product .stock {
    color: #F5F2EB !important;
    background: rgba(255, 255, 255, 0.05) !important;
    padding: 5px 15px !important;
    border-radius: 50px !important;
    font-size: 13px !important;
    display: inline-block !important;
    margin-bottom: 15px !important;
}

.woocommerce div.product form.cart .quantity {
    background: #FFFFFF !important;
    border-radius: 12px !important;
    display: inline-block !important;
    overflow: hidden !important;
    height: 48px !important;
    vertical-align: middle !important;
}
.woocommerce div.product form.cart .quantity input {
    color: #111 !important;
    font-weight: bold !important;
    height: 100% !important;
    text-align: center !important;
    border: none !important;
}

.woocommerce div.product form.cart .button {
    background: rgba(245, 242, 235, 0.1) !important;
    border: 1px solid rgba(245, 242, 235, 0.3) !important;
    border-radius: 12px !important;
    color: #F5F2EB !important;
    height: 48px !important;
    padding: 0 30px !important;
    font-weight: bold !important;
    vertical-align: middle !important;
    margin-right: 10px !important;
    transition: 0.3s !important;
}
.woocommerce div.product form.cart .button:hover {
    background: #F5F2EB !important;
    color: #111 !important;
}

/* ۷. ریسپانسیو موبایل */
@media (max-width: 768px) {
    .woocommerce div.product {
        padding: 20px !important;
        border-radius: 24px !important;
    }
    .woocommerce div.product .product_title {
        font-size: 22px !important;
    }
    .woocommerce div.product form.cart .button {
        width: 100% !important;
        margin-top: 10px !important;
    }
}/* End custom CSS */