/* Flat species navigation in the site's blue palette. */
.page-products .species--flat{
  margin-top:36px;padding:22px 72px 26px 0;
  border:0;border-radius:0;background:#fff;box-shadow:none;
}
.page-products .species--flat .species__head{
  display:block;padding:0;border:0;
}
.page-products .species--flat .species__title{
  padding-left:15px;border-left:5px solid var(--blue-600);
  font-size:22px;font-weight:500;line-height:1.35;letter-spacing:0;color:var(--blue-900);
}
.page-products .species--flat .species__row{
  grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;margin-top:26px;
}
.page-products .species--flat .spc{
  min-width:0;min-height:106px;align-content:start;gap:9px;padding:5px 2px;
  border-radius:10px;background:transparent;text-align:center;
  transition:background-color .18s ease;
}
.page-products .species--flat .spc__icon{
  display:block;width:min(88px,100%);max-width:100%;height:64px;aspect-ratio:auto;
  border-radius:0;background:none;overflow:visible;box-shadow:none;transform:none;transition:none;
}
.page-products .species--flat .spc__icon img{
  display:block;width:100%;height:100%;object-fit:contain;
}
.page-products .species--flat .spc b{
  max-width:100%;padding:0;font-size:14px;font-weight:500;line-height:1.5;color:var(--blue-800);
}
.page-products .species--flat .spc b::after{display:none}
.page-products .species--flat .spc:hover,
.page-products .species--flat .spc:focus-visible{background:var(--blue-50)}
.page-products .species--flat .spc:hover b{color:var(--blue-600)}
.page-products .species--flat .spc:hover .spc__icon{transform:none;box-shadow:none}
.page-products .species--flat .spc:focus-visible{outline:2px solid var(--blue-600);outline-offset:4px}
.page-products .species--flat .species__note{
  margin:22px 0 0;font-size:12px;line-height:1.7;color:var(--ink-3);
}
.page-products .species--flat .species__note a{margin-left:4px;color:var(--blue-600)}
.page-products .species--flat .species__note a:hover{color:var(--blue-800);text-decoration:underline}
@media(max-width:1100px){
  .page-products .species--flat{padding-right:56px}
}
@media(max-width:900px){
  .page-products .species--flat .species__row{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 14px}
}
@media(max-width:760px){
  .page-products .species--flat{margin-top:28px;padding:16px 0 24px}
  .page-products .species--flat .species__title{font-size:20px;padding-left:12px;border-left-width:4px}
  .page-products .species--flat .species__row{margin-top:22px;gap:18px 8px}
  .page-products .species--flat .spc{min-height:88px;gap:7px}
  .page-products .species--flat .spc__icon{width:min(72px,100%);height:56px}
  .page-products .species--flat .species__note{margin-top:18px}
}