/* ===================== Base / Layout ===================== */
.fsrht_img, .fsrht_name, .fsrht_text { overflow:hidden; visibility:visible }
.fsrht_btn, .fsrht_btn_wrapper, .fsrht_item { display:inline-block; direction:rtl }
.fsrht_btn, .fsrht_btn_wrapper { display:flex; text-align:center }

.free_sections_ismc_home_top_wrapper{
  float:left;width:100%;box-sizing:border-box;margin-bottom:60px;margin-top:30px;
  z-index:1;position:relative;will-change:opacity,transform;
}
.fsrht_content, .fsrht_item{ float:right; box-sizing:border-box; display:flex }
.free_sections_items{ float:right; }

.fsrht_item{
  position:relative; overflow:hidden;
  box-shadow:0 0 30px 0 rgba(158,158,160,.1);
  background-color:#fff; padding:0; border-radius:50%;
  --inner-base-delay:.25s; --inner-step:.10s;
}

/* תמונה/מדיה */
.fsrht_img{ position:relative; z-index:1 }
.modul_img_s1{ position:absolute; z-index:0; bottom:0; }

/* Overlay תוכן */
.fsrht_content{
  position:absolute; inset:0; width:100%; height:100%;
  padding:20px 20px 25px; z-index:2;
  background:linear-gradient(to bottom, rgba(69,72,79,.1) 0, rgba(69,72,79,.9) 100%);
  overflow:hidden;
}
.fsrht_content::after{
  content:""; position:absolute; inset:0;
  background:rgba(0,0,0,0);
  transition:background .6s ease .3s;
  z-index:-1;
}
.fsrht_item:hover .fsrht_content::after{ background:rgba(0,0,0,.4); }

/* ===================== מצב התחלתי ===================== */
.fsrht_content .fsrht_name,
.fsrht_content .fsrht_text,
.fsrht_content .fsrht_click_hint{
  position:absolute; inset-inline:0; text-align:center;
  opacity:0; transform:translateY(10px);
  will-change:opacity,transform;
}

/* השם – במרכז כברירת מחדל */
.fsrht_name{ float:left; width:100%; text-decoration:none; margin-bottom:15px }
.fsrht_content .fsrht_name{
  top:50%; transform:translateY(-50%);
  padding:0 12px; box-sizing:border-box; opacity:1;
}

/* הטקסט – יופיע ב-hover */
.fsrht_btn_wrapper, .fsrht_img, .fsrht_text{ float:right; width:100% }
.fsrht_text{ height:auto }
.fsrht_content .fsrht_text{
  top:50%; transform:translateY(calc(-50% + 10px));
  padding:0 16px; box-sizing:border-box; opacity:0;
}

/* החץ – למעלה, במרכז */
.fsrht_click_hint{
  position:absolute; inset-inline:auto !important;
  left:50% !important; right:auto !important;
  top:30px; transform:translate(-50%,10px) rotate(180deg) !important;
  width:34px; height:34px; border-radius:999px; display:inline-flex;
  align-items:center; justify-content:center; pointer-events:none;
  background-color:rgba(0,0,0,.30); color:#fff;
  border:2px solid rgba(255,255,255,.55);
  box-shadow:0 2px 8px rgba(0,0,0,.15);
  transition:background-color .4s ease .8s;
  opacity:0;
}

/* ===================== AOS – חל רק כשלא ב-hover ===================== */
.fsrht_item.aos-animate:not(:hover) .fsrht_name{
  opacity:1; transform:translateY(-50%);
  transition-delay:calc(var(--inner-base-delay) + var(--inner-step)*0);
}
.fsrht_item.aos-animate:not(:hover) .fsrht_text{
  opacity:0; transform:translateY(calc(-50% + 10px)); transition-delay:0s;
}
.fsrht_item.aos-animate:not(:hover) .fsrht_click_hint{
  opacity:0; transform:translate(-50%,10px) rotate(180deg) !important; transition-delay:0s;
}

/* ===================== Hover ===================== */
.fsrht_item:hover .fsrht_text{
  opacity:1; transform:translateY(-50%);
  transition:
    opacity var(--fsrht-fade-dur,.6s) ease var(--fsrht-fade-delay,.3s),
    transform var(--fsrht-fade-dur,.6s) ease var(--fsrht-fade-delay,.3s);
}
.fsrht_item:hover .fsrht_click_hint{
  opacity:1; transform:translate(-50%,0) rotate(180deg) !important;
  background-color:rgba(69,72,79,.70);
  transition:
    opacity var(--fsrht-fade-dur,.6s) ease var(--fsrht-fade-delay,.3s),
    transform var(--fsrht-fade-dur,.6s) ease var(--fsrht-fade-delay,.3s),
    background-color var(--fsrht-fade-dur,.6s) ease var(--fsrht-fade-delay,.3s);
}
.fsrht_item:hover .fsrht_name{
  opacity:0; transform:translateY(-50%);
  transition:
    opacity var(--fsrht-fade-dur,.6s) ease 0s,
    transform var(--fsrht-fade-dur,.6s) ease 0s;
}

/* כפתור (אם פעיל) */
.fsrht_btn_wrapper{ display:none !important }
.fsrht_btn{
  float:none;width:auto;min-width:130px;font-size:18px;background-color:#67afbd;color:#fff;
  box-sizing:border-box;padding:0 20px;height:40px;align-items:center;justify-content:center;
  transition:.2s;border-bottom:1px solid #548c93
}
.fsrht_item:hover .fsrht_btn{ background-color:#000; color:#fff }
.fsrht_item:hover .fsrht_name{ color:#f6f4f3 !important }

/* ===================== גבול – פולס עדין ===================== */
.item_border{
  width:94%; height:94%; position:absolute; left:3%; right:3%; bottom:3%; top:3%;
  z-index:1; border:2px solid #fff; border-radius:50%; box-sizing:border-box;
  transition:border-width .35s ease, transform .35s ease, box-shadow .35s ease;
  pointer-events:none;
}
.fsrht_item:hover .item_border{
  border-width:3px; transform:scale(1.015);
  box-shadow:0 0 0 2px rgba(255,255,255,.15) inset;
}

/* ===================== משתנים גלובליים ===================== */
:root{
  --fsrht-fade-dur:.6s;
  --fsrht-fade-delay:.3s;
  --galnor-extra-delay:250;
  --galnor-fade-length:400;
  --galnor-zoom-delay:140;
  --galnor-zoom-length:520;
  --galnor-line-offset:24;
  --zoom-max-scale:1.7;
  --zoom-max-blur:14;
}

/* ===================== תמונת רקע פנימית ===================== */
.modul_img_s1{
  position:absolute; z-index:0; bottom:0; left:0; right:auto; top:0;
  width:auto; height:100%; overflow:hidden; pointer-events:none;
}
.modul_img_s1 img{
  height:100%; width:auto; object-fit:cover; object-position:left bottom; display:block;
  will-change:transform,filter,opacity;
}
.modul_img_s1.center img{ object-position:center bottom; }

/* ===================== רספונסיביות ===================== */
@media (min-width:1438px){
  .fsrht_item{ width:17.6%; margin-left:3%; margin-bottom:0 }
  .fsrht_item:nth-of-type(5n){ margin-left:0 }
}
@media all and (max-width:1439px) and (min-width:769px){
  .fsrht_item{ width:22.75%; margin-left:3%; margin-bottom:0 }
  .fsrht_item:nth-of-type(4n){ margin-left:0 }
}
@media (max-width:768px) and (min-width:481px){
  .fsrht_item{ width:47.5%; margin-left:5%; margin-bottom:5% }
  .fsrht_item:nth-of-type(2n){ margin-left:0 }
}
@media (max-width:480px) and (min-width:319px){
  .fsrht_item{ width:47.5%; margin-left:5%; margin-bottom:5% }
  .fsrht_item:nth-of-type(2n){ margin-left:0 }
  .fsrht_btn, .fsrht_btn_wrapper{ display:none }
  .fsrht_content{ padding:15px 10px }
  .fsrht_text{ height:auto }
}
@media (max-width:320px){
  .fsrht_item{ width:47.5%; margin-left:5%; margin-bottom:5% }
  .fsrht_item:nth-of-type(2n){ margin-left:0 }
  .fsrht_btn, .fsrht_btn_wrapper{ display:none }
  .fsrht_content{ padding:15px 10px }
  .fsrht_text{ height:auto }
}

/* נגישות */
@media (prefers-reduced-motion:reduce){
  .fsrht_content .fsrht_name,
  .fsrht_content .fsrht_text,
  .fsrht_content .fsrht_click_hint{
    transition:none !important; transform:none !important; opacity:1 !important;
  }
}