.elementor-280 .elementor-element.elementor-element-796bf96{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-280 .elementor-element.elementor-element-c12ff7f{--display:flex;--min-height:19vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.49;--border-radius:40px 40px 40px 40px;box-shadow:0px 12px 23px -12px rgba(0, 0, 0, 0.35);}.elementor-280 .elementor-element.elementor-element-c12ff7f:not(.elementor-motion-effects-element-type-background), .elementor-280 .elementor-element.elementor-element-c12ff7f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sivan-hen.co.il/wp-content/uploads/2026/10/הרמוניה-של-בין-הערביים-4.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-280 .elementor-element.elementor-element-c12ff7f::before, .elementor-280 .elementor-element.elementor-element-c12ff7f > .elementor-background-video-container::before, .elementor-280 .elementor-element.elementor-element-c12ff7f > .e-con-inner > .elementor-background-video-container::before, .elementor-280 .elementor-element.elementor-element-c12ff7f > .elementor-background-slideshow::before, .elementor-280 .elementor-element.elementor-element-c12ff7f > .e-con-inner > .elementor-background-slideshow::before, .elementor-280 .elementor-element.elementor-element-c12ff7f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-280 .elementor-element.elementor-element-1b725d4 .elementor-heading-title{font-family:"Noto Sans Hebrew", Noto Sans Hebrew;font-size:52px;font-weight:300;color:var( --e-global-color-8358963 );}.elementor-280 .elementor-element.elementor-element-340daf6{color:var( --e-global-color-8358963 );}.elementor-280 .elementor-element.elementor-element-340daf6 a{color:var( --e-global-color-secondary );}.elementor-280 .elementor-element.elementor-element-e79dc50{--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:90px;--padding-bottom:090px;--padding-left:0px;--padding-right:0px;}.elementor-280 .elementor-element.elementor-element-1e3b4dd{--grid-columns:3;}@media(max-width:1024px){.elementor-280 .elementor-element.elementor-element-1e3b4dd{--grid-columns:2;}}@media(max-width:767px){.elementor-280 .elementor-element.elementor-element-1b725d4 .elementor-heading-title{font-size:30px;}.elementor-280 .elementor-element.elementor-element-e79dc50{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-280 .elementor-element.elementor-element-1e3b4dd{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-e79dc50 *//* ==================================================
   SIVAN HEN - PROJECT LOOP
================================================== */


/* =========================================
   GRID
========================================= */

.vgs_loop_main_main .elementor-loop-container {
    gap: 22px !important;
}


/* =========================================
   כרטיס פרויקט
========================================= */

.vgs_loop_main {
    position: relative;

    overflow: hidden;

    border-radius: 24px;

    background: #ffffff;

    box-shadow:
        0 10px 30px rgba(55, 40, 28, 0.07);

    transition:
        transform 0.45s cubic-bezier(.2,.7,.2,1),
        box-shadow 0.45s ease;
}


/* מבטל רווחים פנימיים מיותרים */
.vgs_loop_main > .e-con-inner {
    position: relative;

    padding: 0 !important;
    margin: 0 !important;

    overflow: hidden;

    border-radius: 24px;
}


/* =========================================
   התמונה
========================================= */

.vgs_loop_img {
    position: relative;

    width: 100%;

    margin: 0 !important;

    overflow: hidden;

    border-radius: 24px;
}


/* Elementor */
.vgs_loop_img .elementor-widget-container {
    width: 100%;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 0 !important;

    overflow: hidden;

    border-radius: 24px;
}


/* התמונה עצמה */
.vgs_loop_img img {
    display: block !important;

    width: 100% !important;
    height: 430px !important;

    object-fit: cover !important;
    object-position: center center;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 24px;

    transition:
        transform 0.8s cubic-bezier(.2,.7,.2,1),
        filter 0.6s ease;
}


/* =========================================
   שכבת גרדיאנט
========================================= */

.vgs_loop_img::after {
    content: "";

    position: absolute;

    inset: 0;

    z-index: 2;

    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,0) 42%,
            rgba(0,0,0,0.08) 60%,
            rgba(0,0,0,0.62) 100%
        );

    border-radius: 24px;

    transition:
        background 0.45s ease;
}


/* =========================================
   קו דקורטיבי נחושת
========================================= */

.vgs_loop_img::before {
    content: "";

    position: absolute;

    top: 22px;
    right: 22px;

    width: 36px;
    height: 1px;

    z-index: 4;

    background: #c79a73;

    transition:
        width 0.4s ease;
}


/* =========================================
   הכותרת
========================================= */

.vgs_loop_title {
    position: absolute !important;

    right: 26px;
    left: 26px;
    bottom: 24px;

    z-index: 5;

    margin: 0 !important;
    padding: 0 !important;

    pointer-events: none;
}


.vgs_loop_title .elementor-heading-title {
    position: relative;

    margin: 0 !important;

    color: #ffffff !important;

    font-family: "Noto Sans Hebrew", sans-serif !important;

    font-size: 18px !important;
    font-weight: 400 !important;

    line-height: 1.35;

    text-align: right;

    text-shadow:
        0 2px 8px rgba(0,0,0,0.25);

    transition:
        transform 0.4s ease,
        color 0.4s ease;
}


/* קו קטן ליד הכותרת */
.vgs_loop_title .elementor-heading-title::before {
    content: "";

    display: inline-block;

    width: 22px;
    height: 1px;

    margin-left: 10px;
    margin-bottom: 5px;

    vertical-align: middle;

    background: #c79a73;

    transition:
        width 0.4s ease;
}


/* =========================================
   HOVER
========================================= */

.vgs_loop_main:hover {
    transform: translateY(-7px);

    box-shadow:
        0 20px 45px rgba(55, 40, 28, 0.14);
}


/* זום בתמונה */
.vgs_loop_main:hover .vgs_loop_img img {
    transform: scale(1.055);

    filter:
        brightness(0.94)
        saturate(0.96);
}


/* שכבה עמוקה יותר */
.vgs_loop_main:hover .vgs_loop_img::after {
    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,0) 32%,
            rgba(0,0,0,0.10) 52%,
            rgba(0,0,0,0.72) 100%
        );
}


/* הקו העליון מתארך */
.vgs_loop_main:hover .vgs_loop_img::before {
    width: 70px;
}


/* הכותרת עולה מעט */
.vgs_loop_main:hover
.vgs_loop_title .elementor-heading-title {
    transform: translateY(-4px);
}


/* הקו ליד הכותרת מתארך */
.vgs_loop_main:hover
.vgs_loop_title .elementor-heading-title::before {
    width: 42px;
}


/* =========================================
   PROJECT
========================================= */

.vgs_loop_main::after {
    content: "PROJECT";

    position: absolute;

    left: 22px;
    top: 22px;

    z-index: 5;

    color: rgba(255,255,255,0.88);

    font-family: "Noto Sans Hebrew", sans-serif;

    font-size: 9px;
    font-weight: 500;

    letter-spacing: 3px;

    pointer-events: none;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1024px) {

    .vgs_loop_main_main .elementor-loop-container {
        gap: 18px !important;
    }


    .vgs_loop_main,
    .vgs_loop_main > .e-con-inner,
    .vgs_loop_img,
    .vgs_loop_img .elementor-widget-container,
    .vgs_loop_img img,
    .vgs_loop_img::after {
        border-radius: 20px;
    }


    .vgs_loop_img img {
        height: 360px !important;
    }


    .vgs_loop_title {
        right: 20px;
        left: 20px;
        bottom: 20px;
    }


    .vgs_loop_title .elementor-heading-title {
        font-family: "Noto Sans Hebrew", sans-serif !important;

        font-size: 17px !important;
        font-weight: 400 !important;

        line-height: 1.35;
    }


    .vgs_loop_main::after {
        font-size: 8.5px;
        letter-spacing: 2.5px;
    }

}


/* =========================================
   MOBILE - 2 PROJECTS PER ROW
========================================= */

@media (max-width: 767px) {

    /* 2 כרטיסים בשורה */
    .vgs_loop_main_main .elementor-loop-container {
        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 10px !important;
    }


    /* כל item תופס עמודה אחת */
    .vgs_loop_main_main
    .elementor-loop-container
    > .e-loop-item {

        width: 100% !important;
        min-width: 0 !important;
    }


    .vgs_loop_main,
    .vgs_loop_main > .e-con-inner,
    .vgs_loop_img,
    .vgs_loop_img .elementor-widget-container,
    .vgs_loop_img img,
    .vgs_loop_img::after {

        border-radius: 14px;
    }


    /* תמונה נמוכה יותר כדי להתאים ל-2 בשורה */
    .vgs_loop_img img {

        height: 210px !important;

        object-fit: cover !important;
    }


    /* מיקום הכותרת */
    .vgs_loop_title {

        right: 11px;
        left: 11px;
        bottom: 12px;
    }


    /* שם הפרויקט */
    .vgs_loop_title
    .elementor-heading-title {

        font-family:
            "Noto Sans Hebrew",
            sans-serif !important;

        font-size: 13px !important;

        font-weight: 400 !important;

        line-height: 1.3;

        text-align: right;
    }


    /* קו ליד שם הפרויקט */
    .vgs_loop_title
    .elementor-heading-title::before {

        width: 14px;

        margin-left: 6px;
        margin-bottom: 4px;
    }


    /* הקו העליון */
    .vgs_loop_img::before {

        top: 12px;
        right: 12px;

        width: 24px;
    }


    /* PROJECT */
    .vgs_loop_main::after {

        left: 12px;
        top: 12px;

        font-family:
            "Noto Sans Hebrew",
            sans-serif;

        font-size: 7.5px;

        letter-spacing: 1.5px;
    }


    /* Hover פחות אגרסיבי במובייל */
    .vgs_loop_main:hover {
        transform: translateY(-3px);
    }


    .vgs_loop_main:hover
    .vgs_loop_img img {

        transform:
            scale(1.035);
    }


    .vgs_loop_main:hover
    .vgs_loop_img::before {

        width: 36px;
    }


    .vgs_loop_main:hover
    .vgs_loop_title
    .elementor-heading-title::before {

        width: 24px;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 390px) {

    .vgs_loop_main_main
    .elementor-loop-container {

        gap: 8px !important;
    }


    .vgs_loop_img img {

        height: 190px !important;
    }


    .vgs_loop_title {

        right: 9px;
        left: 9px;
        bottom: 10px;
    }


    .vgs_loop_title
    .elementor-heading-title {

        font-size:
            12px !important;
    }


    .vgs_loop_main::after {

        left: 10px;
        top: 10px;

        font-size:
            7px;
    }


    .vgs_loop_img::before {

        top: 10px;
        right: 10px;
    }

}/* End custom CSS */