.elementor-30 .elementor-element.elementor-element-c1c7a75 .elementor-repeater-item-45993ac .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://dorsfit1.ir/wp-content/uploads/2026/01/68dd2bc9ad2ec-scaled.webp);background-size:cover;}.elementor-30 .elementor-element.elementor-element-c1c7a75 .elementor-repeater-item-811e93b .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://dorsfit1.ir/wp-content/uploads/2026/01/692aaaaf9cecd-scaled.webp);background-size:cover;}.elementor-30 .elementor-element.elementor-element-c1c7a75 .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-30 .elementor-element.elementor-element-c1c7a75 .swiper-slide-contents{max-width:66%;}.elementor-30 .elementor-element.elementor-element-c1c7a75 .swiper-slide-inner{text-align:center;}.elementor-30 .elementor-element.elementor-element-2b6338d .elementor-repeater-item-beaf58e .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://dorsfit1.ir/wp-content/uploads/2026/01/692aaaaf9cecd-scaled.webp);background-size:cover;}.elementor-30 .elementor-element.elementor-element-2b6338d .elementor-repeater-item-40af5fd .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://dorsfit1.ir/wp-content/uploads/2026/01/68dd2bc9ad2ec-scaled.webp);background-size:cover;}.elementor-30 .elementor-element.elementor-element-2b6338d .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-30 .elementor-element.elementor-element-2b6338d > .elementor-widget-container{background-color:transparent;background-image:linear-gradient(180deg, #4D70ED 0%, #F2F4FB 100%);}.elementor-30 .elementor-element.elementor-element-2b6338d .swiper-slide-contents{max-width:66%;}.elementor-30 .elementor-element.elementor-element-2b6338d .swiper-slide-inner{text-align:center;}.elementor-30 .elementor-element.elementor-element-e7122ca > .elementor-widget-container{--e-transform-skewX:0deg;--e-transform-skewY:0deg;padding:0px 0px 0px 0px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-30 .elementor-element.elementor-element-e7122ca.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-30 .elementor-element.elementor-element-e7122ca a > img{margin-bottom:0px;}.elementor-30 .elementor-element.elementor-element-e7122ca .woocommerce .woocommerce-loop-category__title{color:#000000;}.elementor-30 .elementor-element.elementor-element-e7122ca .woocommerce-loop-category__title .count{color:#000000;}.elementor-30 .elementor-element.elementor-element-ba0392a .swiper-pagination-wrap{justify-content:center;align-items:flex-end;}.elementor-30 .elementor-element.elementor-element-ba0392a .swiper-nav-buttons{justify-content:space-between;align-items:center;}body.elementor-page-30:not(.elementor-motion-effects-element-type-background), body.elementor-page-30 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#5ECCFF;}@media(max-width:767px){.elementor-30 .elementor-element.elementor-element-2b6338d .swiper-slide{height:151px;}}@media(min-width:768px){.elementor-30 .elementor-element.elementor-element-77cf4c0{width:100%;}}/* Start custom CSS for slides, class: .elementor-element-c1c7a75 *//* اسلایدر تمام‌عرض واقعی */
.elementor-30 .elementor-element.elementor-element-c1c7a75 {
  width: 100vw !important;
  max-width: 100vw !important;
  position: relative !important;
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  overflow: hidden !important;
  z-index: 1;
}

.elementor-30 .elementor-element.elementor-element-c1c7a75 .swiper,
.elementor-30 .elementor-element.elementor-element-c1c7a75 .swiper-container,
.elementor-30 .elementor-element.elementor-element-c1c7a75 img {
  width: 100% !important;
  height: auto !important;
  object-fit: cover;
}/* End custom CSS */
/* Start custom CSS for slides, class: .elementor-element-2b6338d *//* اسلایدر تمام‌عرض واقعی */
.elementor-30 .elementor-element.elementor-element-2b6338d {
  width: 100vw !important;
  max-width: 100vw !important;
  position: relative !important;
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  overflow: hidden !important;
  z-index: 1;
}

.elementor-30 .elementor-element.elementor-element-2b6338d .swiper,
.elementor-30 .elementor-element.elementor-element-2b6338d .swiper-container,
.elementor-30 .elementor-element.elementor-element-2b6338d img {
  width: 100% !important;
  height: auto !important;
  object-fit: cover;
}/* End custom CSS */
/* Start custom CSS for wc-categories, class: .elementor-element-e7122ca *//* ۱. گرد کردن هر ۴ گوشه و استایل کلی کادرها */
.elementor-30 .elementor-element.elementor-element-e7122ca .product-category, 
.elementor-30 .elementor-element.elementor-element-e7122ca .elementor-image-box-wrapper,
.elementor-30 .elementor-element.elementor-element-e7122ca .elementor-widget-container {
    border-radius: 30px !important; /* گردی اسپورت */
    overflow: hidden !important; /* برای اینکه لبه‌های پایین حتما گرد دیده شوند */
    transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1) !important; /* حرکت بسیار نرم */
    box-shadow: 0 10px 25px rgba(0,0,0,0.05); /* سایه ملایم در حالت عادی */
    background: #ffffff;
    border: 1px solid #eeeeee !important;
}

/* ۲. گرد کردن لبه‌های تصویر و افکت زوم */
.elementor-30 .elementor-element.elementor-element-e7122ca img {
    border-radius: 30px 30px 0 0 !important; /* بالای عکس گرد */
    transition: all 0.7s ease !important;
    width: 100% !important;
}

/* ۳. کدهای مخصوص "هاور" (وقتی موس روی آن می‌رود) */
.elementor-30 .elementor-element.elementor-element-e7122ca .product-category:hover, 
.elementor-30 .elementor-element.elementor-element-e7122ca .elementor-image-box-wrapper:hover {
    transform: translateY(-12px); /* بالا آمدن جذاب */
    box-shadow: 0 20px 40px rgba(0,0,0,0.15) !important; /* سایه عمیق‌تر زیر کار */
    border-color: #000000 !important; /* تغییر رنگ مرز به مشکی یا رنگ دلخواه */
}

/* ۴. هاور روی عکس (زوم شدن) */
.elementor-30 .elementor-element.elementor-element-e7122ca .product-category:hover img, 
.elementor-30 .elementor-element.elementor-element-e7122ca .elementor-image-box-wrapper:hover img {
    transform: scale(1.1) rotate(1deg); /* کمی زوم و چرخش بسیار ریز برای جذابیت */
}

/* ۵. استایل دادن به متن پایین (نام دسته‌بندی) */
.elementor-30 .elementor-element.elementor-element-e7122ca .woocommerce-loop-category__title, 
.elementor-30 .elementor-element.elementor-element-e7122ca .elementor-image-box-title {
    padding: 20px 0 !important;
    font-weight: bold !important;
    transition: color 0.3s ease !important;
}

/* تغییر رنگ متن در حالت هاور */
.elementor-30 .elementor-element.elementor-element-e7122ca .product-category:hover .woocommerce-loop-category__title {
    color: #ff4500 !important; /* رنگ نارنجی اسپورت برای متن در هاور */
}

/* ۶. اضافه کردن یک لایه درخشش ملایم هنگام هاور */
.elementor-30 .elementor-element.elementor-element-e7122ca .product-category::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%);
    transition: all 0.6s;
    z-index: 1;
}

.elementor-30 .elementor-element.elementor-element-e7122ca .product-category:hover::before {
    left: 100%;
}/* End custom CSS */