.elementor-290 .elementor-element.elementor-element-27a1db6{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-303de59 *//* ============================================
   استایل ساده و تضمینی دسته‌بندی محصولات
   ============================================ */

/* ۱. ظاهر کارت‌ها */
ul.products li.product-category {
    background: rgba(15, 15, 18, 0.85) !important; /* شیشه تیره */
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 20px !important;
    padding: 15px !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    /* جلوگیری از باریک شدن بیش از حد */
    min-width: 200px !important; 
    box-sizing: border-box !important;
}

ul.products li.product-category:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

/* ۲. اندازه عکس */
ul.products li.product-category img {
    width: 100% !important;
    height: 180px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    margin-bottom: 15px !important;
}

/* ۳. اسم دسته‌بندی */
ul.products li.product-category .woocommerce-loop-category__title {
    color: #F5F2EB !important;
    font-family: 'Playfair Display', serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

/* ۴. تعداد محصولات */
ul.products li.product-category .count {
    color: rgba(245, 242, 235, 0.5) !important;
    font-size: 13px !important;
    display: block !important;
    margin-top: 5px !important;
}/* End custom CSS */
/* Start custom CSS *//* ============================================
   پس‌زمینه اصلی سایت (مات و بلور شده)
   ============================================ */

/* ۱. لایه پس‌زمینه (عکس ثابت) */
body::after {
    content: "" !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    
    /* 👇 لینک عکسی که خودت دادی 👇 */
    background-image: url('https://s6.uupload.ir/files/images_xkxt.jpg') !important;
    background-size: cover !important;
    background-position: center center !important;
    
    /* افکت بلور و تاریکی (اگر می‌خوای واضح‌تر باشه، عدد 15 رو کمتر کن) */
    filter: blur(15px) brightness(0.3) !important; 
    
    transform: scale(1.05) !important; /* جلوگیری از سفیدی حاشیه‌ها */
    z-index: -9999 !important; 
    pointer-events: none !important;
}

/* ۲. شفاف کردن پس‌زمینه‌های پیش‌فرض قالب و المنتور */
html, body, 
.elementor-page, 
.elementor-section, 
.elementor-container,
.elementor-widget-wrap {
    background-color: transparent !important;
    background-image: none !important;
}

/* ۳. رنگ پایه سایت (مشکی) */
body {
    background-color: #08080A !important;
}/* End custom CSS */