.elementor-12913 .elementor-element.elementor-element-7f265fe{--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-12913 .elementor-element.elementor-element-063e885{--display:flex;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);}.elementor-12913 .elementor-element.elementor-element-50beda3{--display:flex;}.elementor-12913 .elementor-element.elementor-element-7421bd0 > .elementor-widget-container{padding:0px 0px 20px 0px;}html .elementor-12913 .elementor-element.elementor-element-7421bd0 .product_title{font-size:24px;font-weight:600;}.elementor-12913 .elementor-element.elementor-element-d6a0db0{--display:flex;}.elementor-12913 .elementor-element.elementor-element-8d9b427{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-12913 .elementor-element.elementor-element-8d9b427 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-12913 .elementor-element.elementor-element-8d9b427 .elementor-divider-separator{width:100%;}.elementor-12913 .elementor-element.elementor-element-8d9b427 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-12913 .elementor-element.elementor-element-d443c95.elementor-element{--align-self:center;}.elementor-12913 .elementor-element.elementor-element-983bf16 > .elementor-widget-container{padding:20px 0px 20px 0px;}.elementor-12913 .elementor-element.elementor-element-77fe716.elementor-element{--align-self:center;}.elementor-12913 .elementor-element.elementor-element-c43b0ca{--display:flex;}.elementor-12913 .elementor-element.elementor-element-dffb150{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-12913 .elementor-element.elementor-element-dffb150 .elementor-divider-separator{width:100%;}.elementor-12913 .elementor-element.elementor-element-dffb150 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-12913 .elementor-element.elementor-element-358dbb6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-12913 .elementor-element.elementor-element-358dbb6.e-con{--align-self:center;}.elementor-12913 .elementor-element.elementor-element-7d2ac09{color:#000000;}.elementor-12913 .elementor-element.elementor-element-7d2ac09 a{color:#0C0186;}.elementor-12913 .elementor-element.elementor-element-c737aed{--display:flex;}@media(min-width:768px){.elementor-12913 .elementor-element.elementor-element-063e885{--width:33.33%;}.elementor-12913 .elementor-element.elementor-element-50beda3{--width:33.33%;}.elementor-12913 .elementor-element.elementor-element-d6a0db0{--width:33.33%;}}/* Start custom CSS for wd_single_product_gallery, class: .elementor-element-f576b12 *//* محدود کردن ارتفاع گالری محصول */
#my-product-gallery .woocommerce-product-gallery__wrapper img {
    height: 480px !important;      
    max-height: 480px !important;
    width: 100% !important;
    object-fit: contain !important; /* حفظ نسبت ابعاد تصویر بدون کشیدگی */
    background-color: #fbfbfb;     
    border-radius: 12px;
}

/* رفع مشکل باکس اسلایدر که ممکن است خودش ارتفاع را دیکته کند */
#my-product-gallery .flex-viewport, 
#my-product-gallery .swiper-slide {
    height: 480px !important;
    max-height: 480px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-063e885 *//* کلاس اصلی برای ویجت تصویر */
.server-image-effect {
    position: relative;
    display: inline-block;
    transition: all 0.4s ease;
    /* این انیمیشن باعث می‌شود تصویر دائماً خیلی آرام بالا و پایین برود */
    animation: floatEffect 6s ease-in-out infinite;
}

/* افکت نبضِ نورانی (جلوه کارکردن سرورها) */
.server-image-effect img {
    border-radius: 10px;
    /* یک درخشش ملایم آبی که حس الکتریسیته می‌دهد */
    filter: drop-shadow(0 0 10px rgba(0, 212, 255, 0.2));
    transition: filter 0.5s ease;
}

/* وقتی موس روی عکس می‌رود، درخشش بیشتر می‌شود (شبیه فعال شدن شبکه) */
.server-image-effect:hover img {
    filter: drop-shadow(0 0 25px rgba(0, 212, 255, 0.6));
}

/* انیمیشن شناور بودن (خیلی نرم و آرام) */
@keyframes floatEffect {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-15px); }
}

/* ایجاد یک "هاله" درخشان در پس زمینه زیر عکس (اختیاری) */
.server-image-effect::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60%;
    height: 60%;
    background: radial-gradient(circle, rgba(0, 212, 255, 0.15) 0%, transparent 70%);
    transform: translate(-50%, -50%);
    z-index: -1;
    opacity: 0.8;
}/* End custom CSS */