.elementor-22 .elementor-element.elementor-element-94457fb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-22 .elementor-element.elementor-element-1b1329f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-22 .elementor-element.elementor-element-db79cff{--spacer-size:31px;}.elementor-22 .elementor-element.elementor-element-ac767f1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .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-22 .elementor-element.elementor-element-68ed5b5{text-align:center;}.elementor-22 .elementor-element.elementor-element-68ed5b5 .elementor-heading-title{font-family:"Peyda", Sans-serif;font-weight:600;color:#000000;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.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 );}.elementor-widget-woocommerce-products.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-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.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-products.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-products.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-22 .elementor-element.elementor-element-630d67a.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-22 .elementor-element.elementor-element-630d67a.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-22 .elementor-element.elementor-element-09be472{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-22 .elementor-element.elementor-element-ac767f1{--content-width:1191px;}}@media(max-width:1024px){.elementor-22 .elementor-element.elementor-element-630d67a.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-22 .elementor-element.elementor-element-630d67a.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-630d67a *//*
  ======================================================
  بخش ۳: استایل محصولات محبوب (ووکامرس)
  ======================================================
*/

/* کانتینر اصلی محصولات ووکامرس */
.woocommerce ul.products {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); /* گرید واکنش‌گرا */
    gap: 30px;
}

/* حذف استایل‌های پیش‌فرض لیست */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    list-style: none;
    float: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: auto;
}

/* --- استایل هر کارت محصول --- */
.woocommerce ul.products li.product .woocommerce-loop-product__link {
    display: block;
    text-decoration: none;
}

.woocommerce ul.products li.product {
    background: #ffffff; /* پس‌زمینه سفید برای هر کارت */
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.07);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

/* افکت هاور برای کارت */
.woocommerce ul.products li.product:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1), 0 0 25px rgba(142, 45, 226, 0.4); /* سایه رنگی بنفش */
}

/* --- استایل عکس محصول --- */
.woocommerce ul.products li.product img {
    width: 100%;
    height: auto;
    transition: transform 0.5s ease;
}

.woocommerce ul.products li.product:hover img {
    transform: scale(1.1);
}

/* --- استایل عنوان محصول --- */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 1.1rem;
    font-weight: 700;
    color: #333;
    padding: 15px 20px 5px 20px;
    margin: 0;
}

/* --- استایل قیمت محصول --- */
.woocommerce ul.products li.product .price {
    display: block;
    font-size: 1.2rem;
    font-weight: 800;
    color: #8e2de2; /* رنگ بنفش برای قیمت */
    padding: 0 20px 15px 20px;
}

/* --- استایل دکمه "افزودن به سبد خرید" --- */
.woocommerce ul.products li.product .button {
    background: linear-gradient(45deg, #8e2de2, #4a00e0); /* گرادینت بنفش */
    color: #ffffff;
    font-weight: 700;
    text-align: center;
    border-radius: 8px;
    border: none;
    padding: 12px 20px;
    margin: 0 20px 20px 20px;
    width: calc(100% - 40px);
    box-sizing: border-box;
    position: absolute;
    bottom: -60px; /* در حالت عادی مخفی */
    left: 0;
    opacity: 0;
    transition: all 0.4s ease;
}

.woocommerce ul.products li.product:hover .button {
    bottom: 20px; /* در حالت هاور ظاهر می‌شود */
    opacity: 1;
}

.woocommerce ul.products li.product .button:hover {
    background: linear-gradient(45deg, #4a00e0, #8e2de2);
    color: #fff;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Peyda';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://otanawear.com/wp-content/uploads/2025/09/Peyda-Black.ttf') format('truetype');
}
@font-face {
	font-family: 'Peyda';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://otanawear.com/wp-content/uploads/2025/09/Peyda-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Peyda';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://otanawear.com/wp-content/uploads/2025/09/Peyda-ExtraBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Peyda';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://otanawear.com/wp-content/uploads/2025/09/Peyda-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */