.elementor-18 .elementor-element.elementor-element-ffc15c1{--display:flex;--min-height:0px;--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;--margin-top:-42px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-44fb34e .elementor-repeater-item-29ce052 .swiper-slide-bg{background-color:#4054b2;background-image:url(https://elyndra.sadranosrati.ir/wp-content/uploads/2026/10/slider-1-scaled.jpg);background-size:cover;}.elementor-18 .elementor-element.elementor-element-44fb34e .elementor-repeater-item-727f560 .swiper-slide-bg{background-image:url(https://elyndra.sadranosrati.ir/wp-content/uploads/2026/10/slider-2-scaled.jpg);background-size:cover;}.elementor-18 .elementor-element.elementor-element-44fb34e .elementor-repeater-item-0960cc1 .swiper-slide-bg{background-color:#4054b2;background-image:url(https://elyndra.sadranosrati.ir/wp-content/uploads/2026/10/slider-3-scaled.jpg);background-size:cover;}.elementor-18 .elementor-element.elementor-element-44fb34e .swiper-slide{transition-duration:calc(5000ms*1.2);height:572px;}.elementor-18 .elementor-element.elementor-element-44fb34e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-18 .elementor-element.elementor-element-44fb34e .swiper-slide-contents{max-width:100%;}.elementor-18 .elementor-element.elementor-element-44fb34e .swiper-slide-inner{text-align:end;}.elementor-18 .elementor-element.elementor-element-44fb34e .elementor-slide-heading{font-size:52px;}.elementor-18 .elementor-element.elementor-element-44fb34e .elementor-slide-description{font-size:45px;font-weight:700;line-height:1px;}.elementor-18 .elementor-element.elementor-element-9b3a155{--display:flex;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-a7f2c6c{text-align:center;}.elementor-18 .elementor-element.elementor-element-766adcd{--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;--padding-top:3px;--padding-bottom:3px;--padding-left:3px;--padding-right:3px;}.elementor-18 .elementor-element.elementor-element-67ee793{--display:flex;}.elementor-18 .elementor-element.elementor-element-c20ffe4{--display:flex;}.elementor-18 .elementor-element.elementor-element-3285ba8{text-align:center;}.elementor-18 .elementor-element.elementor-element-d5bf1c3{--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-18 .elementor-element.elementor-element-1c7377{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:17px 0px 0px 0px;}.elementor-18 .elementor-element.elementor-element-1c7377 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-18 .elementor-element.elementor-element-b54ade0{--grid-columns:3;}@media(max-width:1024px){.elementor-18 .elementor-element.elementor-element-b54ade0{--grid-columns:2;}}@media(max-width:767px){.elementor-18 .elementor-element.elementor-element-b54ade0{--grid-columns:1;}}/* Start custom CSS for html, class: .elementor-element-b82a784 *//* تنظیمات کلی سکشن دسته‌بندی‌ها */
.ts-categories-section {
    background-color: #ffffff !important;
    font-family: Tahoma, Arial, sans-serif !important;
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    padding: 40px 20px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
}

.ts-categories-section * {
    box-sizing: border-box !important;
}

/* شبکه ۶تایی با ایجاد فاصله (Gap) بین باکس‌ها */
.ts-categories-grid {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    width: 100% !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    gap: 15px !important;
}

/* کارت هر دسته بندی (باکس کاملاً مربع) */
.ts-cat-card {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    aspect-ratio: 1 / 1 !important; /* تبدیل ارتفاع و عرض به مربع کامل ۱:۱ */
    text-decoration: none !important;
    overflow: hidden !important;
    background-color: #1a1a1a !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.03) !important;
}

/* عکس پس‌زمینه کارت */
.ts-cat-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.5s ease !important;
}

.ts-cat-card:hover .ts-cat-img {
    transform: scale(1.05) !important; /* زوم ملایم هنگام هاور */
}

/* لایه تاریک ملایم روی عکس برای خوانایی متن */
.ts-cat-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.1) 100%) !important;
    transition: background 0.3s ease !important;
}

.ts-cat-card:hover .ts-cat-overlay {
    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.2) 100%) !important;
}

/* محتوای متنی داخل کارت (عنوان و لینک) */
.ts-cat-content {
    position: absolute !important;
    bottom: 20px !important;
    left: 0 !important;
    right: 0 !important;
    text-align: center !important;
    z-index: 2 !important;
    padding: 0 10px !important;
}

.ts-cat-title {
    font-size: 18px !important;
    font-weight: bold !important;
    color: #ffffff !important;
    margin: 0 0 6px 0 !important;
    text-shadow: 0 2px 5px rgba(0,0,0,0.5) !important;
}

.ts-cat-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 12px !important;
    color: #dddddd !important;
    transition: color 0.3s ease !important;
}

.ts-cat-card:hover .ts-cat-link {
    color: #ffffff !important;
}

.ts-cat-svg {
    width: 14px !important;
    height: 14px !important;
    transform: rotate(180deg) !important;
    transition: transform 0.3s ease !important;
}

.ts-cat-card:hover .ts-cat-svg {
    transform: rotate(180deg) translateX(-4px) !important;
}

/* ریسپانسیو برای تبلت و موبایل */
@media (max-width: 1200px) {
    .ts-categories-grid {
        grid-template-columns: repeat(3, 1fr) !important; /* ۳ ستونه در تبلت بزرگ */
    }
}

@media (max-width: 768px) {
    .ts-categories-grid {
        grid-template-columns: repeat(2, 1fr) !important; /* ۲ ستونه در تبلت کوچک و موبایل */
        gap: 10px !important;
        padding: 20px 10px !important;
    }
}

@media (max-width: 480px) {
    .ts-categories-grid {
        grid-template-columns: 1fr !important; /* تک ستونه در گوشی‌های کوچک */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-97a62a7 *//* تنظیمات کلی بخش (دارک مود) */
.why-tshock-section {
    background-color: #0c0c0c !important; /* پس‌زمینه تیره */
    font-family: Tahoma, Arial, sans-serif !important;
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    padding: 60px 20px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
}

.why-tshock-section * {
    box-sizing: border-box !important;
}

/* هدر سکشن */
.section-header {
    text-align: center !important;
    margin-bottom: 40px !important;
}

.main-heading {
    font-size: 24px !important;
    font-weight: 900 !important;
    color: #ffffff !important; /* متن سفید */
    margin: 0 0 8px 0 !important;
}

.text-primary {
    color: #ffffff !important;
}

.subtitle {
    font-size: 13px !important;
    color: #999999 !important; /* خاکستری روشن برای زیرنویس */
    margin: 0 !important;
}

/* کانتینر کارت‌ها */
.features-container {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

/* استایل کارت ویژگی (دارک و بدون گردی) */
.feature-card {
    background: #141414 !important; /* پس‌زمینه کارت تیره */
    padding: 25px !important;
    border-radius: 0 !important; /* بدون گردی (تیز) */
    display: flex !important;
    align-items: flex-start !important;
    gap: 15px !important;
    text-align: right !important;
    border: 1px solid #222222 !important; /* حاشیه تیره و ملایم */
    transition: transform 0.3s ease, border-color 0.3s ease !important;
}

.feature-card:hover {
    transform: translateY(-3px) !important;
    border-color: #555555 !important;
    background: #181818 !important;
}

/* آیکون کارت‌ها */
.feature-icon {
    width: 45px !important;
    height: 45px !important;
    flex-shrink: 0 !important;
    background: #222222 !important; /* پس‌زمینه آیکون */
    color: #ffffff !important;
    border-radius: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background 0.3s ease !important;
}

.feature-icon svg {
    width: 22px !important;
    height: 22px !important;
    stroke: #ffffff !important;
}

.feature-card:hover .feature-icon {
    background: #333333 !important;
}

/* متون داخل کارت */
.feature-content {
    display: flex !important;
    flex-direction: column !important;
}

.feature-title {
    font-size: 15px !important;
    font-weight: bold !important;
    color: #ffffff !important; /* عنوان سفید */
    margin: 0 0 6px 0 !important;
}

.feature-desc {
    font-size: 13px !important;
    color: #aaaaaa !important; /* توضیحات خاکستری خوانا روی زمینه تیره */
    line-height: 1.7 !important;
    margin: 0 !important;
}

/* ریسپانسیو برای تبلت و موبایل */
@media (max-width: 992px) {
    .features-container {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 768px) {
    .why-tshock-section {
        padding: 40px 15px !important;
    }

    .main-heading {
        font-size: 20px !important;
    }

    .features-container {
        grid-template-columns: 1fr !important;
    }
}/* End custom CSS */