.faq-section{background:#fff}.faq-layout{display:grid;grid-template-columns:35% 1fr;gap:8%}.faq-heading>p:not(.eyebrow){font-size:14px;color:#526476;line-height:1.7;max-width:320px}.faq-list{border-top:1px solid #c6d7e4}.faq-list details{border-bottom:1px solid #c6d7e4;padding:0}.faq-list summary{font-size:15px;line-height:1.45;list-style:none;cursor:pointer;padding:23px 32px 23px 0;position:relative;min-height:48px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";font-size:22px;position:absolute;right:4px;top:19px;color:#46667d}.faq-list details[open] summary:after{content:"−"}.faq-list details p{font-size:14px;line-height:1.75;color:#455f74;margin:0 30px 23px 0}.faq-list a{color:#153d5b;text-underline-offset:3px}.catalogue-directory{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.catalogue-directory a{font-size:12px;min-height:44px;border:1px solid #b7cbd9;border-radius:25px;padding:13px 17px;text-decoration:none}.catalogue-directory a:hover{background:#e3eff8}
@media(max-width:1000px){.faq-layout{grid-template-columns:32% 1fr;gap:6%}}
@media(max-width:650px){.faq-layout{display:block}.faq-heading>p:not(.eyebrow){max-width:none}.faq-list{margin-top:28px}.faq-list summary{font-size:14px}.faq-list details p{font-size:13px}.catalogue-directory{gap:8px}.catalogue-directory a{font-size:11px}}

.range-section.products-gateway {
  display: block;
}
.products-gateway-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
}
.products-gateway-heading .dark-button {
  flex-shrink: 0;
  text-decoration: none;
}
.homepage-ranges {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: 23px;
  gap: 8px;
}
.homepage-ranges a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  min-height: 48px;
  padding: 11px 13px;
  border: 1px solid #bfd4e3;
  border-radius: 8px;
  background: #fff;
  font-size: 13px;
  line-height: 1.3;
  text-decoration: none;
}
.homepage-ranges a:hover {
  border-color: #709aba;
  background: #e5f2fc;
}
.homepage-ranges .ui-icon {
  flex: 0 0 17px;
  width: 17px;
  height: 17px;
}
.explore-button {
  text-decoration: none;
  white-space: nowrap;
}
@media (max-width: 850px) {
  .homepage-ranges { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .products-gateway-heading { display: block; }
  .products-gateway-heading .dark-button { margin-top: 14px; }
  .homepage-ranges { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 16px; }
  .homepage-ranges a { padding: 9px 10px; font-size: 12px; }
}