.elementor-8521 .elementor-element.elementor-element-495b814.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-8521 .elementor-element.elementor-element-495b814.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-8521 .elementor-element.elementor-element-495b814.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-8521 .elementor-element.elementor-element-495b814.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for column, class: .elementor-element-43f6ce1 *//* ==========================================================================
   ۱. نوار مرتب‌سازی شیشه‌ای (Sorting Bar)
   ========================================================================== */
.dina-woocommerce-ordering-con {
    background: rgba(255, 255, 255, 0.75) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    border-radius: 18px !important;
    padding: 12px 20px !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.04) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.dina-order-products {
    display: flex !important;
    gap: 6px !important;
    align-items: center !important;
}

.dina-order-item a {
    padding: 8px 16px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #4a5568 !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* آیتم فعال با رنگ قرمز برند */
.dina-order-item.dina-order-is-active a,
.dina-order-item a:hover {
    background: #e30613 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(227, 6, 19, 0.3) !important;
}

/* ==========================================================================
   ۲. کارت محصول مدرن و شیشه‌ای (Product Cards)
   ========================================================================== */
.dina-mini-product {
    background: rgba(255, 255, 255, 0.82) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(229, 231, 235, 0.8) !important;
    border-radius: 22px !important;
    padding: 16px !important;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative !important;
    overflow: hidden !important;
}

.dina-mini-product:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 20px 35px -10px rgba(0, 0, 0, 0.09) !important;
    border-color: rgba(227, 6, 19, 0.35) !important;
}

/* تصویر محصول */
.dina-img-con {
    border-radius: 16px !important;
    overflow: hidden !important;
    background: #fbfbfd !important;
    position: relative !important;
}

.dina-img-con img {
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.dina-mini-product:hover .dina-img-con img {
    transform: scale(1.05) !important;
}

/* عنوان و قیمت */
.product-title a {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1d1d1f !important;
    line-height: 1.6 !important;
    transition: color 0.2s ease !important;
}

.product-title a:hover {
    color: #e30613 !important;
}

.dina-product-price {
    margin-top: 12px !important;
    font-weight: 800 !important;
    font-size: 16px !important;
    color: #e30613 !important;
}

.woocommerce-Price-currencySymbol {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #6e6e73 !important;
    margin-right: 3px !important;
}

/* ==========================================================================
   ۳. دکمه خرید و آیکون‌های اکشن
   ========================================================================== */
.dina-btn-buy {
    background: #e30613 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 14px !important;
    padding: 10px 16px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    width: 100% !important;
    margin-top: 14px !important;
    transition: all 0.25s ease !important;
}

.dina-btn-buy:hover {
    background: #c20410 !important;
    box-shadow: 0 6px 18px rgba(227, 6, 19, 0.35) !important;
    color: #ffffff !important;
}

/* دکمه‌های شناور (علاقه‌مندی و مشاهده سریع) */
.dina-prod-hover-btns .btn {
    background: rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(8px) !important;
    border-radius: 50% !important;
    width: 38px !important;
    height: 38px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important;
    color: #1d1d1f !important;
    transition: all 0.2s ease !important;
}

.dina-prod-hover-btns .btn:hover {
    background: #e30613 !important;
    color: #ffffff !important;
    border-color: #e30613 !important;
}

.dina-prod-hover-btns .btn:hover svg {
    stroke: #ffffff !important;
}/* End custom CSS */