/* Readable breadcrumbs and city switching, without page-wide fading. */
.seo-nav { display:flex; flex-wrap:wrap; align-items:center; gap:10px 12px; padding:12px 16px; margin-bottom:24px; background:#fff; border:1px solid #dce8e0; border-radius:12px; color:#34473e; font-size:14px; font-weight:700; line-height:1.5; }
.seo-nav a { display:inline-flex; align-items:center; min-height:44px; color:#07622d; }
.seo-nav>a:first-child { padding:9px 12px; border-radius:8px; background:#edf7ef; }
.seo-nav>a:last-child:not(:first-child) { margin-left:auto; }
.seo-nav>span:nth-of-type(1) { color:#53675a; }
.seo-nav>span:nth-of-type(2) { flex:1 1 180px; min-width:0; color:#163d2b; overflow-wrap:anywhere; }
.seo-nav label { margin-left:auto; }
.seo-nav select { max-width:100%; min-width:200px; min-height:46px; padding:10px 12px; border:1px solid #b7cebf; border-radius:8px; background:#fff; color:#163d2b; font:700 16px/1.5 'DM Sans',Arial,sans-serif; cursor:pointer; }
@media(max-width:680px) {
  .seo-nav { padding:12px; gap:10px; margin-bottom:20px; }
  .seo-nav>span:nth-of-type(1) { display:none; }
  .seo-nav>span:nth-of-type(2) { flex-basis:calc(100% - 96px); }
  .seo-nav label { flex-basis:100%; margin-left:0; }
  .seo-nav select { width:100%; min-width:0; }
  .seo-nav>a:last-child:not(:first-child) { margin-left:0; }
}
