/* ==========================================================================
   Bridle2Fit · pagina's, blog en artikel (stap 6)
   Borden Over, Maat, Service, Catalogus, Contact, Retour, Voorwaarden,
   Privacy, Ambassadeurs, Blog en Artikel. De patronen zelf staan in
   patterns.css. Mobile first.
   ========================================================================== */

/* ---------- Inhoud van een pagina ---------- */
/* Patronen (.b2f-band) en de fotoblokken lopen over de volle breedte. Losse
   tekstblokken staan in een leeskolom van 68 tekens. Wat een plugin plaatst
   (store locator, herroeping) krijgt de breedte van de inhoud. */

.b2f-page__content{display:flow-root;background:var(--b2f-warm-white)}
body .b2f-page__content > *{margin:0}
.b2f-page__content > :not(.b2f-band):not(.b2f-portraits):not(.b2f-usp){
  width:min(var(--b2f-max) - 2 * var(--b2f-gutter), 100% - 2 * var(--b2f-gutter));
  margin-inline:auto;
}
body .b2f-page__content > :is(p,h2,h3,h4,ul,ol,blockquote,.wp-block-image,.wp-block-quote,.wp-block-table,.b2f-notice,.b2f-inline-cta){
  width:min(68ch, 100% - 2 * var(--b2f-gutter));
  margin-inline:auto;
}
body .b2f-page__content > :not(.b2f-band):not(.b2f-portraits):not(.b2f-usp) + :not(.b2f-band):not(.b2f-portraits):not(.b2f-usp){margin-top:22px}
body .b2f-page__content > :not(.b2f-band):not(.b2f-portraits):not(.b2f-usp):first-child,
body .b2f-page__content > :is(.b2f-band,.b2f-portraits,.b2f-usp) + :not(.b2f-band):not(.b2f-portraits):not(.b2f-usp){margin-top:var(--b2f-section-y)}
body .b2f-page__content > :not(.b2f-band):not(.b2f-portraits):not(.b2f-usp):last-child{margin-bottom:var(--b2f-section-y)}
body .b2f-page__content > :not(.b2f-band):not(.b2f-portraits):not(.b2f-usp) + :is(.b2f-band,.b2f-portraits,.b2f-usp){margin-top:var(--b2f-section-y)}

/* ---------- Lopende tekst ---------- */
/* Voor de leeskolom van een pagina, de juridische tekst, een artikel en de
   tekst naast een zijkolom. Hoofdstuk 3, en de borden Voorwaarden en Artikel. */

.b2f-prose{display:flex;flex-direction:column;gap:20px;min-width:0}
body .b2f-prose > *{margin:0}

:is(.b2f-prose,.b2f-page__content) > p:not([class*="b2f-"]){
  max-width:68ch;
  font-size:var(--b2f-fs-body);
  line-height:1.75;
  text-wrap:pretty;
  color:var(--b2f-muted);
}
:is(.b2f-prose,.b2f-page__content) > :is(h2,h3,h4){color:var(--b2f-graphite);text-wrap:balance}
:is(.b2f-prose,.b2f-page__content) > h2{
  max-width:48ch;
  font-size:22px;
  font-weight:400;
  line-height:1.22;
  letter-spacing:.015em;
}
body :is(.b2f-prose,.b2f-page__content) > h2:not(:first-child){margin-top:24px}
:is(.b2f-prose,.b2f-page__content) > h3{font-size:19px;font-weight:500;line-height:1.3;letter-spacing:.01em}
body :is(.b2f-prose,.b2f-page__content) > h3:not(:first-child){margin-top:12px}
:is(.b2f-prose,.b2f-page__content) > h4{font-size:var(--b2f-fs-body);font-weight:600;line-height:1.4}
:is(.b2f-prose,.b2f-page__content) > :is(p,ul,ol) strong{font-weight:600;color:var(--b2f-graphite)}
:is(.b2f-prose,.b2f-page__content) > :is(p,ul,ol) a:not(.wp-block-button__link){
  color:var(--b2f-gold-deep);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:4px;
  overflow-wrap:anywhere;
}
:is(.b2f-prose,.b2f-page__content) > :is(p,ul,ol) a:not(.wp-block-button__link):hover{color:var(--b2f-charcoal)}

/* Lijsten: geen opsommingsteken, een rond goudpuntje. */
body :is(.b2f-prose,.b2f-page__content) > ul{
  display:flex;
  flex-direction:column;
  gap:11px;
  max-width:62ch;
  margin-top:-6px;
  padding:0;
  list-style:none;
}
:is(.b2f-prose,.b2f-page__content) > ul > li{
  position:relative;
  padding-left:19px;
  font-size:var(--b2f-fs-body);
  line-height:1.7;
  color:var(--b2f-muted);
}
:is(.b2f-prose,.b2f-page__content) > ul > li::before{
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  width:5px;
  height:5px;
  border-radius:var(--b2f-radius-round);
  background:var(--b2f-gold-deep);
}
body :is(.b2f-prose,.b2f-page__content) > ol{
  display:flex;
  flex-direction:column;
  gap:11px;
  max-width:62ch;
  margin-top:-6px;
  padding-left:1.4em;
  font-size:var(--b2f-fs-body);
  line-height:1.7;
  color:var(--b2f-muted);
}
:is(.b2f-prose,.b2f-page__content) > ol > li::marker{color:var(--b2f-gold-deep);font-size:.9em}

body :is(.b2f-prose,.b2f-page__content) > :is(blockquote,.wp-block-quote){
  max-width:60ch;
  padding-left:24px;
  border-left:1px solid var(--b2f-gold-deep);
}
:is(.b2f-prose,.b2f-page__content) > :is(blockquote,.wp-block-quote) p{font-size:19px;line-height:1.5;color:var(--b2f-graphite)}
:is(.b2f-prose,.b2f-page__content) > :is(blockquote,.wp-block-quote) cite{
  display:block;
  margin-top:10px;
  font-size:var(--b2f-fs-label);
  font-style:normal;
  letter-spacing:var(--b2f-ls-label);
  text-transform:uppercase;
  color:var(--b2f-gold-deep);
}
:is(.b2f-prose,.b2f-page__content) > .wp-block-image{max-width:68ch}
:is(.b2f-prose,.b2f-page__content) > .wp-block-image img{width:100%;height:auto}
:is(.b2f-prose,.b2f-page__content) figcaption{margin-top:10px;font-size:var(--b2f-fs-small);line-height:1.5;color:var(--b2f-muted)}

/* Tabel in de tekst: een eigen schuifkader (hoofdstuk 3a.1). */
.b2f-prose > .wp-block-table,
.b2f-page__content > .wp-block-table{overflow-x:auto}
:is(.b2f-prose,.b2f-page__content) > .wp-block-table table{min-width:400px;border-collapse:collapse;font-size:14.5px}
:is(.b2f-prose,.b2f-page__content) > .wp-block-table :is(th,td){padding:12px 13px;border-bottom:1px solid var(--b2f-line);text-align:left}

/* Een blok uit een patroon in de lopende tekst. */
body .b2f-prose > :is(.b2f-notice,.b2f-inline-cta,.b2f-formcard){margin-block:4px}

@media (min-width:768px){
  :is(.b2f-prose,.b2f-page__content) > h2{font-size:24px}
}
@media (min-width:1100px){
  .b2f-prose{gap:22px}
  :is(.b2f-prose,.b2f-page__content) > p:not([class*="b2f-"]){line-height:1.78}
  :is(.b2f-prose,.b2f-page__content) > h2{font-size:26px}
  body :is(.b2f-prose,.b2f-page__content) > h2:not(:first-child){margin-top:22px}
  :is(.b2f-prose,.b2f-page__content) > ul > li{font-size:16px}
  :is(.b2f-prose,.b2f-page__content) > h3{font-size:var(--b2f-fs-card)}
}

/* ---------- Tekst met plakkende zijkolom: juridisch en artikel ---------- */
/* Onder 1100 px één kolom. Bij de juridische pagina's staat de
   inhoudsopgave dan boven de tekst en de vragenkaart eronder. */

.b2f-band.b2f-docs{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start}
.b2f-docs__aside{display:flex;flex-direction:column;gap:14px}
.b2f-docs .b2f-prose > h2{scroll-margin-top:calc(var(--b2f-header-h) + var(--wp-admin--admin-bar--height, 0px) + 24px)}

@media (max-width:1099px){
  .b2f-page--legal .b2f-docs__aside{display:contents}
  .b2f-page--legal .b2f-toc{order:-1}
}
@media (min-width:1100px){
  .b2f-band.b2f-docs{grid-template-columns:minmax(0,1fr) 300px;gap:64px;padding-block:56px 72px}
  .b2f-docs--article.b2f-band{padding-block:64px 56px}
  .b2f-docs__aside{
    position:sticky;
    top:calc(var(--b2f-header-h) + var(--wp-admin--admin-bar--height, 0px) + 24px);
    gap:20px;
  }
}

/* Inhoudsopgave uit de h2's. Ingeklapt op mobiel, open vanaf 768 px. */
.b2f-toc{padding:0 18px;border:1px solid var(--b2f-line);background:var(--b2f-paper)}
.b2f-toc summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:52px;
  font-size:10.5px;
  letter-spacing:.2em;
  cursor:pointer;
  list-style:none;
}
.b2f-toc summary::-webkit-details-marker{display:none}
.b2f-toc summary::after{
  content:"";
  flex-shrink:0;
  width:18px;
  height:18px;
  background:var(--b2f-charcoal);
  -webkit-mask:var(--b2f-icon-chevron) center / contain no-repeat;
  mask:var(--b2f-icon-chevron) center / contain no-repeat;
  transition:transform var(--b2f-dur) var(--b2f-ease);
}
.b2f-toc[open] summary::after{transform:rotate(180deg)}
body .b2f-toc__list{margin:0 0 14px;padding:0;list-style:none}
.b2f-toc__list a{
  display:block;
  padding:9px 0;
  border-bottom:1px solid var(--b2f-line);
  font-size:13.5px;
  line-height:1.5;
  color:var(--b2f-muted);
}
.b2f-toc__list li:first-child a{border-top:1px solid var(--b2f-line)}
.b2f-toc__list a:hover{color:var(--b2f-gold-deep)}
@media (min-width:1100px){
  .b2f-toc{padding:24px}
  .b2f-toc summary{min-height:0;padding-bottom:10px;font-size:11px;letter-spacing:.22em;cursor:default;pointer-events:none}
  .b2f-toc summary::after{display:none}
  body .b2f-toc__list{margin:0}
  .b2f-toc__list a{padding:7px 0}
  .b2f-toc__list li:first-child a{border-top:0}
}

/* Deellinks onder een artikel, met een middenpunt ertussen. */
body .b2f-share{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.b2f-share li{display:flex;align-items:center;font-size:14.5px;color:var(--b2f-muted)}
.b2f-share li + li::before{content:"·";padding-inline:8px;color:var(--b2f-greige)}
.b2f-share a{display:inline-flex;align-items:center;min-height:44px;color:var(--b2f-gold-deep);text-decoration:underline;text-underline-offset:4px}
.b2f-share a:hover{color:var(--b2f-charcoal)}

/* Kop van een artikel en het blog: de foto iets lager in beeld. */
.b2f-hero--article .b2f-hero__media img{object-position:56% 42%}

/* ---------- Blog (borden Blog en MBlog) ---------- */

.b2f-postlist__items{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.b2f-postcard{
  position:relative;
  display:flex;
  flex-direction:column;
  border:1px solid var(--b2f-line);
  background:var(--b2f-paper);
  transition:border-color .4s var(--b2f-ease);
}
.b2f-postcard:hover{border-color:var(--b2f-greige)}
.b2f-postcard__media{display:block;height:180px;overflow:hidden;background:var(--b2f-pattern)}
.b2f-postcard__media img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;transition:transform var(--b2f-dur-photo) cubic-bezier(.22,.61,.36,1)}
.b2f-postcard:hover .b2f-postcard__media img{transform:scale(1.04)}
.b2f-postcard__media.is-cutout img{padding:14px;object-fit:contain;mix-blend-mode:multiply}
.b2f-postcard__body{display:flex;flex-direction:column;gap:9px;padding:16px}
body .b2f-postcard__body > *{margin:0}
.b2f-postcard__meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px 14px;
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--b2f-gold-deep);
}
.b2f-postcard__author{display:none;align-items:center;gap:14px;color:var(--b2f-muted)}
.b2f-postcard__author::before{content:"";width:1px;height:11px;background:var(--b2f-line)}
.b2f-postcard__title{font-size:var(--b2f-fs-card);font-weight:400;line-height:1.25;letter-spacing:.01em;text-wrap:balance;color:var(--b2f-graphite)}
/* De hele kaart is aan te klikken: de link van de titel ligt eroverheen. */
.b2f-postcard__title a::after{content:"";position:absolute;inset:0;z-index:1}
.b2f-postcard__title a:focus-visible{outline:none}
.b2f-postcard:has(.b2f-postcard__title a:focus-visible){outline:2px solid var(--b2f-focus);outline-offset:2px}
.b2f-postcard__excerpt{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  font-size:13.5px;
  line-height:1.65;
  color:var(--b2f-muted);
}
.b2f-postcard__more{display:none}
.b2f-postcard__more span{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  font-size:13px;
  font-weight:500;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--b2f-gold-deep);
  text-decoration:underline;
  text-underline-offset:7px;
}
.b2f-postlist__empty{font-size:var(--b2f-fs-body);color:var(--b2f-muted)}

@media (min-width:768px){
  .b2f-postlist__items{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .b2f-postcard__media{height:220px}
  .b2f-postcard__body{gap:12px;padding:22px}
  .b2f-postcard__author{display:inline-flex}
  .b2f-postcard__excerpt{-webkit-line-clamp:4;font-size:14.5px}
}
@media (min-width:1100px){
  /* Eén brede kaart per rij: foto links, tekst rechts. */
  .b2f-postlist__items{grid-template-columns:minmax(0,1fr)}
  .b2f-postcard{display:grid;grid-template-columns:420px minmax(0,1fr);align-items:center;gap:36px;padding:28px}
  .b2f-postcard__media{height:260px}
  .b2f-postcard__body{gap:14px;padding:0}
  .b2f-postcard__meta{font-size:12px;letter-spacing:.16em}
  .b2f-postcard__title{max-width:32ch;font-size:28px;line-height:1.2;letter-spacing:.015em}
  .b2f-postcard__excerpt{display:block;max-width:62ch;font-size:15.5px;line-height:1.75}
  .b2f-postcard__more{display:block;margin-top:4px}
  .b2f-postcard:hover .b2f-postcard__title{color:var(--b2f-gold-deep)}
}

/* Paginering, pas nodig als er meer artikelen zijn. */
.b2f-pagination .nav-links{display:flex;flex-wrap:wrap;gap:8px}
.b2f-pagination .page-numbers{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:44px;
  min-height:44px;
  padding:0 12px;
  border:1px solid var(--b2f-line);
  background:var(--b2f-paper);
  font-size:14px;
  color:var(--b2f-charcoal);
}
.b2f-pagination .page-numbers.current{border-color:var(--b2f-gold-deep);color:var(--b2f-gold-deep)}
.b2f-pagination a.page-numbers:hover{border-color:var(--b2f-greige)}

/* ---------- Volgende artikel ---------- */

.b2f-band.b2f-nextpost{gap:18px;border-top:1px solid var(--b2f-line);background:var(--b2f-stone)}
.b2f-nextpost__text{display:flex;flex-direction:column;gap:10px}
body .b2f-nextpost__text > *{margin:0}
.b2f-nextpost .b2f-kicker{font-size:11px;letter-spacing:.22em}
.b2f-nextpost__title{max-width:36ch;font-size:20px;line-height:1.25;text-wrap:balance;color:var(--b2f-graphite)}
@media (max-width:767px){
  .b2f-nextpost .b2f-btn{width:100%}
}
@media (min-width:768px){
  .b2f-band.b2f-nextpost{flex-direction:row;align-items:center;justify-content:space-between;gap:40px}
  .b2f-nextpost__title{font-size:26px;line-height:1.22}
}
@media (min-width:1100px){
  .b2f-band.b2f-nextpost{padding-block:56px}
}

/* ==========================================================================
   Zoeken en 404 (stap 7, borden Zoeken en NotFound)
   ========================================================================== */

/* ---------- Zoekformulier ---------- */
/* Licht: paper met vergrootglas (zoekpagina). Donker: doorzichtig met een
   haarlijn (404). De knop is de gouden knop van het thema. */

.b2f-searchform{display:flex;flex-wrap:wrap;gap:10px;width:100%;max-width:680px}
.b2f-searchform__field{
  display:flex;
  flex:1 1 220px;
  align-items:center;
  gap:12px;
  min-height:56px;
  padding:0 16px;
  border:1px solid var(--b2f-line);
  background:var(--b2f-paper);
  color:var(--b2f-charcoal);
}
.b2f-searchform__field svg{flex-shrink:0;color:var(--b2f-gold-deep)}
.b2f-searchform__field input{
  flex:1;
  min-width:0;
  min-height:44px;
  padding:0;
  border:0;
  background:none;
  color:inherit;
  font:16px/1.4 var(--b2f-font);
  -webkit-appearance:none;
  appearance:none;
}
.b2f-searchform__field input::-webkit-search-cancel-button{-webkit-appearance:none}
.b2f-searchform__field input::placeholder{color:var(--b2f-muted);opacity:1}
.b2f-searchform__field input:focus{outline:none}
.b2f-searchform__field:focus-within{border-color:var(--b2f-gold-deep);box-shadow:inset 0 0 0 1px var(--b2f-gold-deep)}
.b2f-searchform .b2f-btn{flex:1 1 100%}

.b2f-searchform--dark{max-width:520px}
.b2f-searchform--dark .b2f-searchform__field{border-color:var(--b2f-line-dark);background:transparent;color:var(--b2f-warm-white)}
.b2f-searchform--dark .b2f-searchform__field input::placeholder{color:var(--b2f-muted-dark)}
.b2f-searchform--dark .b2f-searchform__field:focus-within{border-color:var(--b2f-gold);box-shadow:inset 0 0 0 1px var(--b2f-gold)}

@media (min-width:768px){
  .b2f-searchform{flex-wrap:nowrap;gap:0}
  .b2f-searchform__field{border-right:0}
  .b2f-searchform .b2f-btn{flex:0 0 auto}
  .b2f-searchform--light .b2f-searchform__field{min-height:62px;padding:0 18px;gap:14px}
  .b2f-searchform--light .b2f-searchform__field input{font-size:17px}
  .b2f-searchform--light .b2f-btn{min-height:62px;padding-inline:26px}
  .b2f-searchform--dark .b2f-searchform__field input{font-size:15px}
}

/* ---------- Zoekpagina ---------- */

.b2f-band.b2f-hero--search{justify-content:center;min-height:0}
@media (min-width:1100px){
  .b2f-band.b2f-hero--search{padding-block:64px}
}

.b2f-results__bar{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  justify-content:space-between;
  gap:6px 24px;
  padding-bottom:18px;
  border-bottom:1px solid var(--b2f-line);
}
body .b2f-results__bar p{margin:0}
.b2f-results__count{font-size:var(--b2f-fs-lead);color:var(--b2f-graphite)}
.b2f-results__split{font-size:var(--b2f-fs-small);color:var(--b2f-muted)}

body .b2f-results__list{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:0;padding:0;list-style:none}
.b2f-result{
  position:relative;
  display:grid;
  grid-template-columns:80px minmax(0,1fr);
  grid-template-areas:"media body" "media price" "action action";
  align-items:center;
  gap:6px 16px;
  padding:16px;
  border:1px solid var(--b2f-line);
  background:var(--b2f-paper);
  transition:border-color .4s var(--b2f-ease);
}
.b2f-result:hover{border-color:var(--b2f-greige)}
.b2f-result__media{
  grid-area:media;
  display:flex;
  align-items:center;
  justify-content:center;
  width:80px;
  height:80px;
  padding:8px;
  background:var(--b2f-stone);
}
.b2f-result__media img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.b2f-result__media--icon{padding:0;background:var(--b2f-graphite);color:var(--b2f-gold)}
.b2f-result__body{grid-area:body;display:flex;flex-direction:column;gap:5px;min-width:0}
body .b2f-result__body > *,
body .b2f-result__price{margin:0}
.b2f-result__label{font-size:var(--b2f-fs-label);letter-spacing:.16em;text-transform:uppercase;color:var(--b2f-gold-deep)}
.b2f-result__title{font-size:16px;font-weight:400;line-height:1.3;letter-spacing:.01em;color:var(--b2f-graphite)}
.b2f-result__title a:hover{color:var(--b2f-gold-deep)}
.b2f-result__price{grid-area:price;font-size:15px;color:var(--b2f-graphite);white-space:nowrap}
.b2f-result:not(.b2f-result--product){grid-template-areas:"media body" "action action"}
.b2f-result__action{grid-area:action;margin-top:6px}

.b2f-results__help{display:flex;flex-wrap:wrap;align-items:center;gap:4px 18px;margin:0}
.b2f-results__help > span{font-size:14px;color:var(--b2f-muted)}

@media (min-width:768px){
  .b2f-results__list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1100px){
  /* Eén rij per resultaat: beeld, tekst, prijs, knop (bord Zoeken). */
  .b2f-band.b2f-results{padding-block:56px 72px}
  body .b2f-results__list{grid-template-columns:minmax(0,1fr)}
  .b2f-result{
    grid-template-columns:110px minmax(0,1fr) auto auto;
    grid-template-areas:"media body price action";
    gap:20px;
    padding:18px;
  }
  .b2f-result:not(.b2f-result--product){grid-template-areas:"media body body action"}
  .b2f-result__media{width:110px;height:110px;padding:10px}
  .b2f-result__media--icon{padding:0}
  .b2f-result__title{font-size:17px}
  .b2f-result__price{font-size:16px}
  .b2f-result__action{margin-top:0}
}

/* ---------- 404 ---------- */

.b2f-band.b2f-notfound{
  align-items:center;
  gap:18px;
  padding-block:56px;
  text-align:center;
}
body .b2f-notfound > *{margin:0}
.b2f-notfound__mark{height:60px;width:auto;opacity:.9}
.b2f-notfound__title{max-width:24ch;font-size:var(--b2f-fs-hero-page);font-weight:400;line-height:1.12;letter-spacing:.02em;text-wrap:balance;color:var(--b2f-warm-white)}
.b2f-notfound__text{max-width:52ch;font-size:var(--b2f-fs-body);line-height:1.75;color:var(--b2f-muted-dark)}
.b2f-notfound .b2f-searchform{margin-top:4px;text-align:left}
@media (min-width:1100px){
  .b2f-band.b2f-notfound{gap:26px;padding-block:90px}
  .b2f-notfound__title{font-size:42px}
}

body .b2f-routes__list{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin:0;padding:0;list-style:none}
.b2f-route{
  display:flex;
  flex-direction:column;
  gap:9px;
  height:100%;
  padding:22px;
  border:1px solid var(--b2f-line);
  background:var(--b2f-paper);
  transition:border-color .4s var(--b2f-ease);
}
.b2f-route:hover{border-color:var(--b2f-greige)}
.b2f-route__title{font-size:16.5px;color:var(--b2f-graphite)}
.b2f-route__text{font-size:var(--b2f-fs-small);line-height:1.6;color:var(--b2f-muted)}
@media (min-width:768px){
  .b2f-routes__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
}
@media (min-width:1100px){
  body .b2f-routes__list{grid-template-columns:repeat(4,minmax(0,1fr))}
  .b2f-band.b2f-routes{padding-block:64px}
  .b2f-route{padding:24px}
}