/* IST homepage visitor suggestions: intentionally below the main shiurim. */
.ist-suggestions{
  padding:44px 0 70px;
  background:#f5f7fa;
}
.ist-suggestions .container{width:min(1200px,92%);margin-inline:auto}
.ist-suggestions-card{
  position:relative;
  width:min(920px,100%);
  margin-inline:auto;
  padding:clamp(28px,4.8vw,50px) clamp(22px,5vw,64px);
  border:1px solid #e5d5b7;
  border-radius:24px;
  background:linear-gradient(180deg,#fffefa,#fff 46%);
  box-shadow:0 12px 36px rgba(15,31,53,.07);
  text-align:center;
  color:#0f1f35;
}
.ist-suggestions-icon{
  width:54px;height:54px;
  margin:0 auto 18px;
  border-radius:16px;
  background:#f4ecdb;
  border:1px solid #e8d7b8;
  display:grid;place-items:center;
  color:#9b7839;
  font-size:23px;
}
.ist-suggestions-card h2{
  font-family:Merriweather,'Frank Ruhl Libre',Georgia,serif;
  font-size:clamp(24px,3.1vw,34px);
  font-weight:700;
  line-height:1.28;
  margin:0 0 14px;
  color:#0f1f35;
}
.ist-suggestions-description{
  max-width:660px;
  margin:0 auto 24px;
  color:#556578;
  font-size:16px;
  line-height:1.8;
}
.ist-suggestions-trigger,
.ist-suggestions-send{
  appearance:none;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:12px;
  min-height:49px;
  border:1px solid #b99a62;
  border-radius:12px;
  padding:12px 24px;
  background:linear-gradient(180deg,#dec794,#c5a46c);
  color:#14253c;
  font:700 15px/1.3 Inter,Heebo,Arial,sans-serif;
  cursor:pointer;
  box-shadow:0 5px 15px rgba(145,110,49,.13);
  transition:transform .15s ease,box-shadow .15s ease;
}
.ist-suggestions-trigger:hover,
.ist-suggestions-send:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(145,110,49,.2);
}
.ist-suggestions-trigger:focus-visible,
.ist-suggestions-send:focus-visible,
.ist-suggestions-field :is(input,select,textarea):focus-visible{
  outline:3px solid #b48c46;
  outline-offset:3px;
}
.ist-suggestions-send:disabled{opacity:.65;cursor:wait;transform:none}
.ist-suggestions-panel[hidden]{display:none!important}
.ist-suggestions-panel{
  max-width:680px;
  margin:26px auto 0;
  padding-top:26px;
  border-top:1px solid #e9e3d9;
  text-align:start;
}
.ist-suggestions-panel form{
  display:grid;
  gap:17px;
  margin:0;
}
.ist-suggestions-field{display:grid;gap:7px;min-width:0}
.ist-suggestions-field label{
  font-size:14px;
  font-weight:700;
  color:#26384e;
  line-height:1.45;
}
.ist-suggestions-field :is(input,select,textarea){
  box-sizing:border-box;
  width:100%;min-width:0;
  min-height:47px;
  border:1px solid #cbd5e1;
  border-radius:10px;
  padding:11px 13px;
  background:#fff;
  font:500 15px/1.5 Inter,Heebo,Arial,sans-serif;
  color:#0f1f35;
  text-align:start;
  direction:inherit;
  resize:vertical;
}
.ist-suggestions-field textarea{min-height:105px}
.ist-suggestions-field :is(input,select,textarea):focus{
  border-color:#b48c46;
}
.ist-suggestions-contact-fields{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.ist-suggestions-send{justify-self:start;min-width:185px}
.ist-suggestions-status{
  min-height:0;
  margin:0;
  color:#30465d;
  font-size:14px;
  line-height:1.6;
}
.ist-suggestions-status:empty{display:none}
.ist-suggestions-status[data-kind="success"]{color:#18643b}
.ist-suggestions-status[data-kind="error"]{color:#a52828}
.ist-suggestions-honeypot{
  position:absolute;
  width:1px;height:1px;overflow:hidden;clip-path:inset(50%);
  white-space:nowrap;opacity:0;pointer-events:none;
}
html[lang="he"] .ist-suggestions-card{
  direction:rtl;
  font-family:Heebo,Arial,sans-serif;
}
html[lang="he"] .ist-suggestions-card h2{font-family:'Frank Ruhl Libre',Heebo,serif}
html[lang="he"] .ist-suggestions-trigger,
html[lang="he"] .ist-suggestions-send{font-family:Heebo,Arial,sans-serif}
html[lang="he"] .ist-suggestions-trigger i{transform:scaleX(-1)}
html[lang="he"] [data-ist-suggestion-lang="en"]{display:none!important}
html:not([lang="he"]) [data-ist-suggestion-lang="he"]{display:none!important}
@media(max-width:620px){
  .ist-suggestions{padding:36px 0 54px}
  .ist-suggestions-card{border-radius:18px}
  .ist-suggestions-description{font-size:15px;line-height:1.65}
  .ist-suggestions-contact-fields{grid-template-columns:1fr;gap:17px}
  .ist-suggestions-trigger,.ist-suggestions-send{width:100%;min-width:0}
}
