.elementor-5063 .elementor-element.elementor-element-911d38f{--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-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-5063 .elementor-element.elementor-element-f046c09{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-5063 .elementor-element.elementor-element-f046c09 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-5063 .elementor-element.elementor-element-f046c09:after{content:"0.66";}.elementor-5063 .elementor-element.elementor-element-f046c09 .elementor-post__thumbnail__link{width:100%;}.elementor-5063 .elementor-element.elementor-element-f046c09 .elementor-post__meta-data span + span:before{content:"///";}.elementor-5063 .elementor-element.elementor-element-f046c09.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-5063 .elementor-element.elementor-element-f046c09.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-5063 .elementor-element.elementor-element-f046c09.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}@media(max-width:767px){.elementor-5063 .elementor-element.elementor-element-f046c09 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-5063 .elementor-element.elementor-element-f046c09:after{content:"0.5";}.elementor-5063 .elementor-element.elementor-element-f046c09 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for posts, class: .elementor-element-f046c09 *//* =========================================
   HASCO SAFE GLASS CARDS
   تصویر کاورِ کامل + باکس شیشه‌ای روی تصویر
   نسخه امن با CSS Grid
========================================= */

.hasco-safe-cards {
    --glass-bg: rgba(16, 44, 70, 0.58);
    --glass-border: rgba(255, 255, 255, 0.35);
    --hasco-dark: #102c46;
    --radius: 20px;
    --card-height: 360px;
}

/* فاصله میان کارت‌ها */
.hasco-safe-cards .elementor-posts-container {
    gap: 24px;
}

/* کارت اصلی */
.hasco-safe-cards article.elementor-post {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: var(--card-height) !important;
    overflow: hidden !important;
    height: var(--card-height) !important;
    min-height: var(--card-height) !important;
    border-radius: var(--radius) !important;
    background: var(--hasco-dark) !important;
    box-shadow: 0 12px 30px rgba(12, 35, 54, 0.14);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

/* هاور کارت */
.hasco-safe-cards article.elementor-post:hover {
    transform: translateY(-7px);
    box-shadow: 0 22px 42px rgba(12, 35, 54, 0.22);
}

/* =========================================
   تصویر: کل فضای کارت را بپوشاند
========================================= */

.hasco-safe-cards article.elementor-post .elementor-post__thumbnail,
.hasco-safe-cards article.elementor-post .elementor-post__thumbnail__link {
    grid-area: 1 / 1 !important;
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    padding-bottom: 0 !important;
    overflow: hidden !important;
}

/* تصویر شاخص */
.hasco-safe-cards article.elementor-post .elementor-post__thumbnail img,
.hasco-safe-cards article.elementor-post .elementor-post__thumbnail__link img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: none !important;
    scale: 1 !important;
    transition: none !important;
}

/* جلوگیری از زوم تصویر در هاور المنتور */
.hasco-safe-cards article.elementor-post:hover .elementor-post__thumbnail img,
.hasco-safe-cards article.elementor-post:hover .elementor-post__thumbnail__link img {
    transform: none !important;
    scale: 1 !important;
}

/* گرادینت تیره روی کل تصویر جهت خوانایی بهتر */
.hasco-safe-cards article.elementor-post .elementor-post__thumbnail__link::after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(
        180deg,
        rgba(8, 25, 39, 0.03) 18%,
        rgba(8, 25, 39, 0.25) 50%,
        rgba(8, 25, 39, 0.88) 100%
    );
}

/* مخفی‌کردن بخش‌های اضافی */
.hasco-safe-cards .elementor-post__excerpt,
.hasco-safe-cards .elementor-post__meta-data,
.hasco-safe-cards .elementor-post__read-more {
    display: none !important;
}

/* =========================================
   باکس عنوان: روی پایین تصویر (Glassmorphism)
========================================= */

.hasco-safe-cards article.elementor-post .elementor-post__text {
    grid-area: 1 / 1 !important;
    z-index: 2 !important;
    align-self: end !important;
    justify-self: stretch !important;
    display: block !important;
    width: auto !important;
    margin: 0 16px 20px !important;
    padding: 14px 16px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    background: var(--glass-bg) !important;
    border: 1px solid var(--glass-border) !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* عنوان */
.hasco-safe-cards article.elementor-post .elementor-post__title {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

.hasco-safe-cards article.elementor-post .elementor-post__title a {
    display: block !important;
    color: #ffffff !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.6 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}

/* =========================================
   ریسپانسیو موبایل
========================================= */
@media (max-width: 767px) {
    .hasco-safe-cards {
        --card-height: 300px;
        --radius: 16px;
    }

    .hasco-safe-cards article.elementor-post .elementor-post__text {
        margin: 0 12px 14px !important;
        padding: 10px 12px !important;
        border-radius: 10px !important;
    }

    .hasco-safe-cards article.elementor-post .elementor-post__title a {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }
}/* End custom CSS */