.elementor-5648 .elementor-element.elementor-element-700aaef.elementor-wc-products ul.products li.product{text-align:center;}.elementor-5648 .elementor-element.elementor-element-700aaef.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-5648 .elementor-element.elementor-element-700aaef.elementor-wc-products ul.products li.product .button{color:#000000;background-color:#F6F6F6;font-family:"azarmehr", Sans-serif;font-weight:400;}.elementor-5648 .elementor-element.elementor-element-700aaef.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px){.elementor-5648 .elementor-element.elementor-element-700aaef.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-5648 .elementor-element.elementor-element-700aaef.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-700aaef *//* کانتینر اصلی محصولات */
.products-new {
    direction: rtl;
    padding: 20px 0;
}

/* استایل هر کارت محصول */
.products-new ul.products li.product {
    background: #ffffff !important;
    border: 3px solid #000000 !important;
    border-radius: 20px !important;
    padding: 15px !important;
    box-shadow: 6px 6px 0px #FFCC00 !important; /* سایه زرد امضا */
    transition: all 0.3s ease-in-out !important;
    overflow: hidden;
}

/* هاور کردن روی محصول */
.products-new ul.products li.product:hover {
    transform: translate(-4px, -4px) !important;
    box-shadow: 12px 12px 0px #000000 !important; /* تغییر سایه به مشکی در هاور */
}

/* استایل تصویر محصول */
.products-new ul.products li.product img {
    border-radius: 12px !important;
    margin-bottom: 15px !important;
    border: 1px solid #eee;
}

/* عنوان محصول */
.products-new ul.products li.product .woocommerce-loop-product__title {
    font-size: 16px !important;
    font-weight: 900 !important;
    color: #000 !important;
    margin-bottom: 10px !important;
    line-height: 1.4 !important;
    height: 45px; /* تراز کردن عنوان‌ها */
    overflow: hidden;
}

/* استایل قیمت */
.products-new ul.products li.product .price {
    background: #fdf6d8 !important;
    display: inline-block !important;
    padding: 5px 12px !important;
    border-radius: 8px !important;
    color: #000 !important;
    font-weight: bold !important;
    border: 1px dashed #000;
    margin-bottom: 15px !important;
}

/* دکمه افزودن به سبد خرید / مشاهده محصول */
.products-new ul.products li.product .button {
    background-color: #FFCC00 !important;
    color: #000 !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    border: 2px solid #000 !important;
    border-radius: 10px !important;
    padding: 12px 20px !important;
    transition: 0.2s !important;
    width: 100%;
    text-align: center;
}

.products-new ul.products li.product .button:hover {
    background-color: #000 !important;
    color: #FFCC00 !important;
}

/* لیبل حراج (Sale) */
.products-new ul.products li.product .onsale {
    background-color: #000 !important;
    color: #FFCC00 !important;
    top: 10px !important;
    right: 10px !important;
    font-weight: bold !important;
    padding: 5px 12px !important;
    border-radius: 50px !important;
    min-height: unset !important;
    line-height: 1 !important;
}

/* چیدمان برای ۷ محصول (یکی بزرگتر یا چیدمان منظم) */
@media (min-width: 1025px) {
    .products-new ul.products {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important; /* ۴ ستون در دسکتاپ */
        gap: 25px !important;
    }
}

@media (max-width: 768px) {
    .products-new ul.products {
        grid-template-columns: repeat(2, 1fr) !important; /* ۲ ستون در موبایل */
    }

    /* افزایش و انعطاف‌پذیر کردن ارتفاع عنوان در موبایل */
    .products-new ul.products li.product .woocommerce-loop-product__title {
        height: 75px; !important; /* حذف محدودیت ۴۵ پیکسل */
        min-height: 65px !important; /* یک حداقل ارتفاع میدهیم تا دکمه‌ها و قیمت‌ها تراز بمانند */
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'azarmehr';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://bazarlastik.com/wp-content/uploads/2025/04/AzarMehr.eot');
	src: url('https://bazarlastik.com/wp-content/uploads/2025/04/AzarMehr.eot?#iefix') format('embedded-opentype'),
		url('https://bazarlastik.com/wp-content/uploads/2025/04/AzarMehr.woff2') format('woff2'),
		url('https://bazarlastik.com/wp-content/uploads/2025/04/AzarMehr.woff') format('woff'),
		url('https://bazarlastik.com/wp-content/uploads/2025/04/AzarMehr.ttf') format('truetype');
}
/* End Custom Fonts CSS */