.elementor-1064 .elementor-element.elementor-element-6262794{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1064 .elementor-element.elementor-element-8f601d8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1064 .elementor-element.elementor-element-8f601d8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1064 .elementor-element.elementor-element-f678a71{--display:flex;--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;--overlay-opacity:0.5;}.elementor-1064 .elementor-element.elementor-element-f678a71:not(.elementor-motion-effects-element-type-background), .elementor-1064 .elementor-element.elementor-element-f678a71 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#56532F;}.elementor-1064 .elementor-element.elementor-element-f678a71::before, .elementor-1064 .elementor-element.elementor-element-f678a71 > .elementor-background-video-container::before, .elementor-1064 .elementor-element.elementor-element-f678a71 > .e-con-inner > .elementor-background-video-container::before, .elementor-1064 .elementor-element.elementor-element-f678a71 > .elementor-background-slideshow::before, .elementor-1064 .elementor-element.elementor-element-f678a71 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1064 .elementor-element.elementor-element-f678a71 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#56542E;--background-overlay:'';}.elementor-1064 .elementor-element.elementor-element-c1c2eea{--display:flex;--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;}.elementor-1064 .elementor-element.elementor-element-2812497{width:var( --container-widget-width, 122.462% );max-width:122.462%;--container-widget-width:122.462%;--container-widget-flex-grow:0;}.elementor-1064 .elementor-element.elementor-element-2812497.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1064 .elementor-element.elementor-element-9fcf59e{--display:flex;}@media(min-width:768px){.elementor-1064 .elementor-element.elementor-element-8f601d8{--width:100%;}.elementor-1064 .elementor-element.elementor-element-f678a71{--width:22%;}}/* Start custom CSS for shortcode, class: .elementor-element-2812497 *//* =========================================
   ۱. کارت‌ها: ستون عمودی + وسط‌چین اجباری کل محتوا
   ========================================= */
.woocommerce ul.products {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    justify-content: center !important;
}
 
.woocommerce ul.products li.product {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
    direction: rtl !important;
    float: none !important;
}
 
.woocommerce ul.products li.product,
.woocommerce ul.products li.product * {
    text-align: center !important;
    float: none !important;
}
 
.woocommerce ul.products li.product a {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
 
/* =========================================
   ۲. عنوان محصول
   ========================================= */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3 {
    text-align: center !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 2.8em !important;
    line-height: 1.4em !important;
    margin: 0 auto 6px auto !important;
    width: 100% !important;
    float: none !important;
}
 
/* =========================================
   ۳. قیمت محصول
   ========================================= */
.woocommerce ul.products li.product .price {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: 100% !important;
    min-height: 1.6em !important;
    margin: 0 auto !important;
    text-align: center !important;
    float: none !important;
}
 
.woocommerce ul.products li.product .price .woocommerce-Price-amount,
.woocommerce ul.products li.product .price bdi {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: auto !important;
    float: none !important;
    margin: 0 auto !important;
}
 
.woocommerce ul.products li.product .price del,
.woocommerce ul.products li.product .price ins {
    display: inline-flex !important;
    justify-content: center !important;
    margin: 0 !important;
    float: none !important;
}
.woocommerce ul.products li.product .price del {
    text-decoration-line: line-through !important;
}
.woocommerce ul.products li.product .price ins {
    text-decoration: none !important;
}
 
/* =========================================
   ۴. دکمه خرید
   ========================================= */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.add_to_cart_button {
    display: table !important;
    margin-top: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 0 !important;
    text-align: center !important;
    border: 1px solid #56542e
 !important;    border-radius: 6px !important;
    padding: 8px 16px !important;
    background-color: transparent !important;
    color: #56542e
 !important;    text-decoration: none !important;
    font-weight: bold !important;
    float: none !important;
    width: auto !important;
}
 
/* =========================================
   ۵. حالت هاور دکمه
   ========================================= */
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product a.add_to_cart_button:hover {
    border-color: #56542e
 !important;    background-color: #56542e
 !important;    color: #ffffff
 !important;}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9fcf59e *//* ۱. انتقال قیمت به سمت چپ */
.woocommerce ul.products li.product .price {
    text-align: left !important;
    display: block !important;
}

/* ۲. کادربندی دکمه افزودن به سبد خرید */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.add_to_cart_button {
    border: 1px solid #888888 !important; /* ضخامت و رنگ کادر */
    border-radius: 6px !important;       /* میزان گردی گوشه‌های کادر */
    padding: 8px 16px !important;        /* فاصله متن از کادر */
    background-color: transparent !important; /* پس‌زمینه شفاف (در صورت نیاز می‌توانید رنگ دهید) */
    color: #333333 !important;           /* رنگ متن دکمه */
    display: inline-block !important;
    margin-top: 10px !important;
    text-decoration: none !important;
}

/* ۳. تغییر ظاهر دکمه هنگام رفتن موس روی آن (Hover) */
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product a.add_to_cart_button:hover {
    border-color: #000000 !important;
    background-color: #000000 !important;
    color: #ffffff !important;
}/* End custom CSS */