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

@media(min-width:768px) and (max-width:1150px){
}

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

@media(max-width:767px){
}


/* ----------------------------------------------------------
   OUTER TRUST STRIP
   ---------------------------------------------------------- */

.e24-front-page .e24-hero-trust-strip{
    background:
        linear-gradient(
            100deg,
            rgba(91,184,250,.92) 0%,
            rgba(150,214,255,.94) 24%,
            rgba(207,237,255,.96) 50%,
            rgba(150,214,255,.94) 76%,
            rgba(91,184,250,.92) 100%
        );

    border:1px solid rgba(4,85,222,.10);

    box-shadow:
        0 10px 30px rgba(23,63,115,.10),
        inset 0 1px 0 rgba(255,255,255,.42);

    
    
    

    width:min(1210px,calc(100% - 72px));
    min-height:58px;

    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    align-items:center;

    padding:5px 44px;

    
border-radius:0;
-webkit-backdrop-filter:none;
    backdrop-filter:none;

    isolation:isolate;
    box-sizing:border-box;
}


/* Light-blue Variant-6 wings.
   They terminate with the strip and never reach viewport edges. */

.e24-front-page .e24-hero-trust-strip::before{
    content:"";

    position:absolute;
    inset:0;
    z-index:-2;

    border-radius:24px;

    background:
        linear-gradient(
            90deg,
            rgba(192,226,250,.78) 0%,
            rgba(220,239,253,.88) 8%,
            rgba(235,247,255,.92) 18%,
            rgba(239,249,255,.94) 50%,
            rgba(235,247,255,.92) 82%,
            rgba(220,239,253,.88) 92%,
            rgba(192,226,250,.78) 100%
        );

    box-shadow:
        0 5px 16px rgba(35,91,151,.055);
}


/* White centre — deliberately shorter than blue wings. */

.e24-front-page .e24-hero-trust-strip::after{
    content:"";

    position:absolute;
    top:4px;
    right:31px;
    bottom:4px;
    left:31px;
    z-index:-1;

    border:1px solid rgba(4,85,222,.08);
    border-radius:13px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.97),
            rgba(250,253,255,.95)
        );

    box-shadow:
        0 4px 14px rgba(20,68,124,.055);
}


/* ----------------------------------------------------------
   FOUR QUALITY ITEMS
   ---------------------------------------------------------- */

.e24-front-page .e24-hero-trust-item{
    position:relative;

    min-width:0;
    min-height:46px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;

    padding:2px 10px;

    color:#083b86;
    text-align:left;

    box-sizing:border-box;
}


/* Fine dividers like Variant 6. */

.e24-front-page
.e24-hero-trust-item:not(:last-child)::after{
    content:"";

    position:absolute;
    top:9px;
    right:0;
    bottom:9px;

    width:1px;

    background:rgba(4,85,222,.18);
}


/* ----------------------------------------------------------
   ICONS
   ---------------------------------------------------------- */

.e24-front-page .e24-hero-trust-icon{
    width:34px;
    height:34px;

    flex:0 0 34px;

    display:grid;
    place-items:center;

    border-radius:50%;

    background:
        linear-gradient(
            180deg,
            rgba(233,246,255,.98),
            rgba(220,239,255,.94)
        );

    color:#0455de;

    box-shadow:
        0 2px 7px rgba(4,85,222,.055);
}

.e24-front-page .e24-hero-trust-icon svg{
    display:block;

    width:20px;
    height:20px;
}


/* ----------------------------------------------------------
   COPY — COMPACT / SINGLE LINE ON DESKTOP
   ---------------------------------------------------------- */

.e24-front-page .e24-hero-trust-copy{
    display:flex;
    flex-direction:column;

    min-width:0;

    line-height:1.18;
}

.e24-front-page .e24-hero-trust-copy strong{
    display:block;

    margin:0;

    color:#083b86;

    font-size:12.5px;
    font-weight:800;
    line-height:1.18;

    letter-spacing:-.01em;

    white-space:normal;overflow-wrap:anywhere;
}

.e24-front-page .e24-hero-trust-copy > span{
    display:block;

    margin-top:2px;

    color:#526d92;

    font-size:10.8px;
    font-weight:500;
    line-height:1.18;

    white-space:normal;overflow-wrap:anywhere;
}


/* ==========================================================
   TABLET — 2 × 2
   ========================================================== */

@media (max-width:1080px){

    .e24-front-page .e24-hero-trust-strip{
        width:min(720px,calc(100% - 34px));
        min-height:106px;

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

        padding:7px 27px;
    }

    .e24-front-page .e24-hero-trust-strip::before{
        border-radius:22px;
    }

    .e24-front-page .e24-hero-trust-strip::after{
        top:4px;
        right:18px;
        bottom:4px;
        left:18px;

        border-radius:13px;
    }

    .e24-front-page .e24-hero-trust-item{
        min-height:45px;

        justify-content:flex-start;

        padding:4px 14px;
    }

    /* Vertical divider only between columns. */

    .e24-front-page
    .e24-hero-trust-item:nth-child(2)::after{
        display:none;
    }

    /* Fine horizontal separator between rows. */

    .e24-front-page
    .e24-hero-trust-item:nth-child(-n+2)::before{
        content:"";

        position:absolute;
        left:12px;
        right:12px;
        bottom:-1px;

        height:1px;

        background:rgba(4,85,222,.11);
    }

    .e24-front-page .e24-hero-trust-copy strong{
        font-size:12px;
    }

    .e24-front-page .e24-hero-trust-copy > span{
        font-size:10.5px;
    }
}


/* ==========================================================
   MOBILE — 2 × 2
   ========================================================== */

@media (max-width:640px){

    .e24-front-page .e24-hero-trust-strip{
        width:calc(100% - 20px);
        min-height:116px;

        padding:7px 13px;
    }

    .e24-front-page .e24-hero-trust-strip::before{
        border-radius:18px;
    }

    .e24-front-page .e24-hero-trust-strip::after{
        top:4px;
        right:6px;
        bottom:4px;
        left:6px;

        border-radius:11px;
    }

    .e24-front-page .e24-hero-trust-item{
        gap:6px;

        min-height:48px;

        padding:4px 6px;
    }

    .e24-front-page .e24-hero-trust-icon{
        width:30px;
        height:30px;

        flex-basis:30px;
    }

    .e24-front-page .e24-hero-trust-icon svg{
        width:18px;
        height:18px;
    }

    .e24-front-page .e24-hero-trust-copy strong{
        font-size:11px;
        white-space:normal;
    }

    .e24-front-page .e24-hero-trust-copy > span{
        font-size:9.8px;
        white-space:normal;
    }
}

/* ==========================================================

/* Variant 4 premium body:
   no competing white inner panel over the blue gradient. */
.e24-front-page .e24-hero-trust-strip > *{
    background:transparent;
}


/*
 * The canonical r85 trust owner already uses:
 * transform:translate(-50%,50%)
 *
 * With bottom:117px its visual centre is exactly
 * 117px above the Hero bottom — the midpoint of 234px.
 */
.e24-front-page .e24-hero-trust-strip{
    
    
}


/* ----------------------------------------------------------
   TABLET

   288px white base -> midpoint = 144px
   ---------------------------------------------------------- */

@media (max-width:1080px){

    .e24-front-page .e24-hero-trust-strip{
        
    }
}


/* ----------------------------------------------------------
   MOBILE

   312px white base -> midpoint = 156px
   ---------------------------------------------------------- */

@media (max-width:640px){

    .e24-front-page .e24-hero-trust-strip{
        
    }
}


/* Tablet */

@media (min-width:768px) and (max-width:1150px){
}


/* Mobile */

@media (max-width:767px){
}


/* EMLAK24 TRUST VARIANT 4 FINAL START */
/* ==========================================================
   TARGET:
   - one continuous premium blue body
   - NO white inner capsule
   - soft blue ends
   - four existing Trust items unchanged
   - existing white Hero fade remains untouched
   ========================================================== */


/* ----------------------------------------------------------
   OUTER PREMIUM BLUE BODY
   ---------------------------------------------------------- */

.e24-front-page .e24-hero-trust-strip{
    background:
        linear-gradient(
            100deg,
            rgba(117,201,255,.90) 0%,
            rgba(164,220,255,.93) 18%,
            rgba(205,238,255,.96) 38%,
            rgba(221,244,255,.98) 50%,
            rgba(205,238,255,.96) 62%,
            rgba(164,220,255,.93) 82%,
            rgba(117,201,255,.90) 100%
        ) !important;

    border:0 !important;

    border-radius:26px !important;

    overflow:hidden !important;

    box-shadow:
        0 8px 22px rgba(23,63,115,.09),
        inset 0 1px 0 rgba(255,255,255,.38)
        !important;
}


/* ----------------------------------------------------------
   REMOVE THE WHITE INNER CAPSULE

   Important:
   Earlier rules may come later or use more specific selectors,
   therefore this final canonical owner uses !important.
   ---------------------------------------------------------- */

.e24-front-page .e24-hero-trust-strip > *,
.e24-front-page .e24-hero-trust-strip > div,
.e24-front-page .e24-hero-trust-strip > section,
.e24-front-page .e24-hero-trust-strip > ul{
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;

    border:0 !important;

    box-shadow:none !important;
}


/* Also remove decorative white pseudo-panels belonging directly
   to the strip or its immediate inner wrapper. */

.e24-front-page .e24-hero-trust-strip::before,
.e24-front-page .e24-hero-trust-strip::after,
.e24-front-page .e24-hero-trust-strip > *::before,
.e24-front-page .e24-hero-trust-strip > *::after{
    background:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
}


/* ----------------------------------------------------------
   INDIVIDUAL ITEMS

   Keep content clean and transparent.
   Icons, texts and separators remain visible.
   ---------------------------------------------------------- */

.e24-front-page .e24-hero-trust-item,
.e24-front-page [class*="hero-trust"][class*="item"]{
    background:transparent !important;
    box-shadow:none !important;
}


/* Keep icon circles visible.
   This restores their subtle premium blue bubble even though
   parent backgrounds above are transparent. */

.e24-front-page .e24-hero-trust-strip svg{
    position:relative;
    z-index:2;
}


/* Desktop proportions matching reference 1. */

@media (min-width:1151px){

    .e24-front-page .e24-hero-trust-strip{
        border-radius:26px !important;
    }
}


/* Tablet */

@media (min-width:768px) and (max-width:1150px){

    .e24-front-page .e24-hero-trust-strip{
        border-radius:24px !important;
    }
}


/* Mobile */

@media (max-width:767px){

    .e24-front-page .e24-hero-trust-strip{
        border-radius:20px !important;
    }
}

/* EMLAK24 HERO HANDWRITTEN SLOGAN END */


/* EMLAK24 R119: canonical responsive Hero. Header and search controls have separate owners. */
.e24-front-page .e24-native-hero-reference{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:675px;margin:0;padding:0 0 24px;box-sizing:border-box;overflow:hidden;background:url('/emlak24-native-assets/images/hero-background.webp') 49% 85.5%/cover no-repeat;}
.e24-front-page .e24-native-hero-reference::after{content:"";position:absolute;z-index:0;inset:auto 0 0;height:300px;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.18) 16%,rgba(255,255,255,.42) 32%,rgba(255,255,255,.70) 50%,rgba(255,255,255,.90) 67%,rgba(255,255,255,.98) 82%,#fff 100%);}
.e24-front-page .e24-native-hero-reference__inner{position:relative;z-index:1;display:flex;align-items:center;flex:1 0 auto;box-sizing:border-box;width:min(1185px,calc(100% - 44px));min-height:390px;margin:0 auto;padding:48px 0;isolation:isolate;}
.e24-front-page .e24-native-hero-reference__col{position:relative;z-index:2;box-sizing:border-box;width:fit-content;max-width:min(640px,68%);margin:0;padding:0 0 0 12px;border-left:9px solid transparent;text-align:left;}
.e24-front-page .e24-native-hero-reference__eyebrow{margin:0 0 12px;color:#173f73;font-family:var(--e24-font-primary,"Inter",Arial,sans-serif);font-size:13px;line-height:1.3;font-weight:800;letter-spacing:.12em;text-align:left;position:relative;z-index:0;isolation:isolate;width:fit-content;}
.e24-front-page .e24-native-hero-reference__title{margin:0;color:#173f73;font-family:var(--e24-font-primary,"Inter",Arial,sans-serif);font-size:clamp(36px,3.55vw,52px);line-height:1.09;font-weight:800;letter-spacing:-.025em;text-align:left;white-space:normal;overflow-wrap:break-word;text-wrap:balance;text-shadow:0 1px 2px rgba(255,255,255,.35);}
.e24-front-page .e24-native-hero-reference__subtitle{margin:16px 0 0;color:#173f73;font-family:var(--e24-font-primary,"Inter",Arial,sans-serif);font-size:17px;line-height:1.5;font-weight:500;max-width:480px;text-align:left;white-space:normal;position:relative;z-index:0;isolation:isolate;width:fit-content;}
/* R119: 10% smaller than R118, lowered into the sea; original mask retained. */
.e24-front-page .e24-hero-mark-r118{position:absolute;z-index:0;left:77%;top:calc(50% - 5px);width:clamp(170.55675px,12.07017vw,225.6597px);aspect-ratio:1;transform:translate(-50%,-50%);background:#075ce5;opacity:.55;pointer-events:none;-webkit-mask:url('/emlak24-native-assets/emlak24-property-mask.png?v=2.3.77') center/contain no-repeat;mask:url('/emlak24-native-assets/emlak24-property-mask.png?v=2.3.77') center/contain no-repeat;}
.e24-front-page .e24-native-home-search-stage{position:relative;z-index:40;width:100%;box-sizing:border-box;margin:0;padding:0;overflow:visible;background:transparent;}
.e24-front-page .e24-native-home-search-stage>.e24-native-home-container{width:100%;max-width:none;margin:0;padding:0;}
.e24-front-page .e24-hero-trust-strip{position:relative;z-index:1;left:auto;right:auto;top:auto;bottom:auto;transform:none;margin:30px auto 0;flex-shrink:0;}
@media(min-width:768px) and (max-width:1150px){
 .e24-front-page .e24-hero-mark-r118{width:clamp(118.07775px,14.43141vw,162.6849px);opacity:.55;}
}
/* R160: tablet Hero composition, including landscape. */
@media(min-width:768px) and (max-width:1199px){
 .e24-front-page .e24-native-hero-reference{
   background-color:#fff;
   background-image:
     linear-gradient(to bottom,
       transparent calc(100% - 270px),
       #fff calc(100% - 110px)),
     url("/emlak24-native-assets/images/hero-background.webp");
   background-size:100% 100%,cover;
   background-position:0 0,calc(8% - var(--e24-tablet-hero-shift, 0px)) -110px;
   background-repeat:no-repeat;
 }
 .e24-front-page .e24-native-hero-reference__inner{
   width:calc(100% - 96px);
   min-height:350px;
   padding:38px 0;
 }
 .e24-front-page .e24-native-hero-reference__col{
   margin-left:120px;
 }
 .e24-front-page .e24-hero-mark-r118{
   left:calc(77% - 12px);
   top:calc(50% + 7px);
 }
 .e24-front-page .e24-native-hero-reference__title{
   font-size:36px;
 }
 .e24-front-page .e24-native-hero-reference__subtitle{
   font-size:16px;
 }
}
@media(max-width:767px){
 .e24-front-page .e24-native-hero-reference{min-height:0;padding-bottom:22px;background-position:0 0, min(0px, calc(4.069264% + 1.930736vw)) calc(76.5% - 376px);
  background-size:100% 100%, auto max(52.5%, 56.28vw);
  background-color:#fff;
  background-image:linear-gradient(to bottom,transparent calc(88.8375% - 536px),#fff calc(88.8375% - 376px)),url("/emlak24-native-assets/images/hero-background.webp");}
 .e24-front-page .e24-native-hero-reference__inner{width:calc(100% - 32px);max-width:520px;min-height:0;padding:56px 0 44px;
  flex:0 0 auto;}
 .e24-front-page .e24-native-hero-reference__col{width:fit-content;max-width:100%;padding-left:8px;}
 .e24-front-page .e24-native-hero-reference__title{max-width:420px;font-size:clamp(28px,7.5vw,36px);line-height:1.13;}
 .e24-front-page .e24-native-hero-reference__eyebrow{font-size:11px;margin-bottom:10px;}
 .e24-front-page .e24-native-hero-reference__subtitle{max-width:350px;margin-top:12px;font-size:15px;
  line-height:1.45;}
 .e24-front-page .e24-hero-mark-r118{left:auto;right:12px;top:48px;width:min(19.94202vw,94.4622px);transform:none;opacity:.75;}
 .e24-front-page .e24-native-home-search-stage{padding:0 16px;}
 .e24-front-page .e24-native-hero-reference::after{height:320px;}
 .e24-front-page .e24-hero-trust-strip{margin:26px auto 0;}
}


/* R127: soft halo follows the translated copy's actual dimensions. */
.e24-front-page .e24-native-hero-reference__col::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-36px -32px -34px -42px;
  pointer-events:none;
  background-image:url("/emlak24-native-assets/images/hero-cloud-halo-wide.webp");
  background-repeat:no-repeat;
  background-position:center;
  background-size:100% 100%;
  opacity:.98;
  filter:
    drop-shadow(0 0 0 rgba(255,255,255,.50))
    drop-shadow(0 0 15px rgba(255,255,255,.42))
    drop-shadow(0 4px 24px rgba(240,249,255,.30));
}

/* Keep the existing 9px blue accent in front of the halo. */
.e24-front-page .e24-native-hero-reference__col::after{
  content:"";
  position:absolute;
  z-index:1;
  left:-9px;
  top:0;
  bottom:0;
  width:9px;
  background:#0455de;
  pointer-events:none;
}

@media(max-width:767px){
  .e24-front-page .e24-native-hero-reference__col::before{
    inset:-20px 48px -20px -20px;
  
  -webkit-mask-image:linear-gradient(to right,#000 0%,#000 70%,transparent 100%);
  mask-image:linear-gradient(to right,#000 0%,#000 70%,transparent 100%);}
}

/* R131: natural cloud highlights follow each translated text line. */
.e24-front-page .e24-native-hero-reference__eyebrow::before,
.e24-front-page .e24-native-hero-reference__subtitle::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-24px -28px;
  pointer-events:none;
  background-image:url("/emlak24-native-assets/images/hero-cloud-halo-wide.webp");
  background-repeat:no-repeat;
  background-position:center;
  background-size:100% 100%;
  opacity:1;
  filter:drop-shadow(0 0 0 rgba(255,255,255,.60));
}

@media(max-width:767px){
.e24-front-page .e24-native-hero-reference__eyebrow::before,
.e24-front-page .e24-native-hero-reference__subtitle::before{inset:-18px -8px;}
}

/* R169: tablet portrait background shifted 40px left. */
@media (min-width:768px) and (max-width:1199px) and (orientation:portrait) {
    .e24-front-page .e24-native-hero-reference {
        --e24-tablet-hero-shift: 40px;
    }
}