@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Hebrew:wght@100;200;300;400;500;600;700&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

html, body, input, button, textarea, select, table, th, td, h1, h2, h3, h4, h5, h6, a, p, ul, ol, li, label, span, div {
  font-family: 'IBM Plex Sans Hebrew', 'Open Sans', Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body { background: #f8f9fa; margin:0; }
.site-header { height:70px; background:#022134; border-bottom:1px solid #e5e5e5; display:flex; align-items:center; justify-content:space-between; padding:0 32px; position:sticky; top:0; z-index:100; }
.site-logo { height:48px; }
.site-nav { display:flex; gap:24px; align-items:center; }
.site-nav a { color:#222; text-decoration:none; font-weight:500; font-size:1.08em; transition:color 0.2s; }
.site-nav a:hover { color:#007bff; }
.main-content { max-width:1200px; margin:40px auto 0 auto; padding:0 16px; }
.product-grid { display:grid; grid-template-columns:repeat(3,1fr); grid-gap:32px; margin-top:32px; }
.product-card { background:#fff; border-radius:12px; box-shadow:0 2px 8px #0001; padding:32px 18px; text-align:center; font-size:1.18em; font-weight:500; min-height:120px; display:flex; align-items:center; justify-content:center; transition:box-shadow 0.2s; }
.product-card:hover { box-shadow:0 4px 16px #0002; }
.site-footer { background:#222; color:#fff; text-align:center; padding:18px 0 12px 0; margin-top:60px; font-size:1em; letter-spacing:0.5px; }
.company-name {
  font-size: 0.79em;
  color: #666;
  line-height: 1.1;
  margin-top: -4px;
  display: inline-block;
}
.fund-name {
  font-size: 1em;
  line-height: 1.1em;
  font-weight: 400;
  padding-bottom: 0;
  margin-bottom: 0;
}
.masonry-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(420px, 1fr));
  gap: 32px;
  align-items: stretch;
}
.masonry-item {
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
#fund-search-input {
  width: 650px;
  max-width: 100%;
  font-size: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: right;
  margin: 0 auto 3px auto;
  display: block;
}
@media (max-width:700px) {
  #fund-search-input {
    width: 98vw;
    font-size: 17px;
  }
}
@media (max-width:900px) {
  .product-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:600px) {
  .main-content { margin-top:16px; }
  .product-grid { grid-template-columns:1fr; grid-gap:18px; }
  .site-header { flex-direction:column; height:auto; padding:10px 8px; }
  .site-logo { height:38px; }
}