/* ============================================================
   WIKIBIZ — BANK PRODUCT HUB RHYTHM 1.3.43
   Only outer layout and editorial cadence live here.
   Catalogue controls/cards are owned by product-catalog.css.
   ============================================================ */

:is(#wbz-rko,#wbz-credit,#wbz-acquiring,#wbz-business-cards,#wbz-registration).wbz-hubx{
  width:min(calc(100% - var(--wbz-page-gutter)),var(--wbz-container));
  margin-inline:auto;
  color:var(--wbz-ink);
}
:is(#wbz-rko,#wbz-credit,#wbz-acquiring,#wbz-business-cards,#wbz-registration).wbz-hubx *{box-sizing:border-box}

/* Hero and product navigation: one vertical starting point on every product. */
:is(#wbz-rko,#wbz-credit,#wbz-acquiring,#wbz-business-cards,#wbz-registration) .wbz-standard-product-hero{
  grid-template-columns:minmax(0,1.45fr) minmax(260px,.62fr);
  gap:32px;
  min-height:194px;
  margin:0;
  padding:18px 0 0;
}
:is(#wbz-rko,#wbz-credit,#wbz-acquiring,#wbz-business-cards,#wbz-registration) .wbz-standard-product-hero .wbz-h1{max-width:none;margin:0 0 12px}
:is(#wbz-rko,#wbz-credit,#wbz-acquiring,#wbz-business-cards,#wbz-registration) .wbz-standard-product-hero .wbz-lead2{max-width:760px;margin:0}
:is(#wbz-rko,#wbz-credit,#wbz-acquiring,#wbz-business-cards,#wbz-registration) .wbz-standard-product-hero .wbz-trust2{gap:10px 20px;margin-top:18px;font-size:12px}
:is(#wbz-rko,#wbz-credit,#wbz-acquiring,#wbz-business-cards,#wbz-registration) .wbz-standard-product-hero__art{min-height:184px}
:is(#wbz-rko,#wbz-credit,#wbz-acquiring,#wbz-business-cards,#wbz-registration) .wbz-hub-categories .wbz-bank-product-nav{margin-top:14px;margin-bottom:24px}

/* One editorial rhythm after the catalogue. */
:is(#wbz-rko,#wbz-credit,#wbz-acquiring,#wbz-business-cards,#wbz-registration) :is(.wbz-bcards-guide,.wbz-bcards-next,.wbz-bcards-faq,.wbz-bcards-knowledge){
  min-width:0;
  margin-bottom:var(--wbz-section-gap);
}
:is(#wbz-rko,#wbz-credit,#wbz-acquiring,#wbz-business-cards,#wbz-registration) :is(.wbz-bcards-guide__grid,.wbz-bcards-knowledge__grid){align-items:stretch}
:is(#wbz-rko,#wbz-credit,#wbz-acquiring,#wbz-business-cards,#wbz-registration) :is(.wbz-bcards-guide__grid article,.wbz-bcards-knowledge__card){height:100%}
:is(#wbz-rko,#wbz-credit,#wbz-acquiring,#wbz-business-cards,#wbz-registration).wbz-hubx > :last-child{margin-bottom:32px}

/* Shared methodology/news/support tail is a sibling of the generated product root. */
.wbz-product-editorial-tail,.wbz-hub-faq-wrap.wbz-hubx{
  width:min(calc(100% - var(--wbz-page-gutter)),var(--wbz-container));
  margin-inline:auto;
}
.wbz-product-editorial-tail>.wbz-hub2col{margin-top:var(--wbz-section-gap-compact)}
.wbz-hub-faq-grid.is-single .wbz-hub-support{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"title action" "text action";
  align-items:center;
  column-gap:28px;
  min-height:0;
  padding:22px 92px 22px 24px;
}
.wbz-hub-faq-grid.is-single .wbz-hub-support h2{grid-area:title;max-width:none;margin:0 0 5px}
.wbz-hub-faq-grid.is-single .wbz-hub-support p{grid-area:text;max-width:680px;margin:0}
.wbz-hub-faq-grid.is-single .wbz-hub-support>a{grid-area:action;white-space:nowrap}
.wbz-hub-faq-grid.is-single .wbz-hub-support-icon{width:72px;height:72px;right:10px}

@media(max-width:980px){
  :is(#wbz-rko,#wbz-credit,#wbz-acquiring,#wbz-business-cards,#wbz-registration) .wbz-standard-product-hero{grid-template-columns:1fr;min-height:0;padding-top:20px}
  :is(#wbz-rko,#wbz-credit,#wbz-acquiring,#wbz-business-cards,#wbz-registration) .wbz-standard-product-hero__art{display:none}
  :is(#wbz-rko,#wbz-credit,#wbz-acquiring,#wbz-business-cards,#wbz-registration) :is(.wbz-bcards-guide__grid,.wbz-bcards-knowledge__grid){grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  :is(#wbz-rko,#wbz-credit,#wbz-acquiring,#wbz-business-cards,#wbz-registration) .wbz-hub-categories .wbz-bank-product-nav{margin-top:12px;margin-bottom:20px}
  :is(#wbz-rko,#wbz-credit,#wbz-acquiring,#wbz-business-cards,#wbz-registration) :is(.wbz-bcards-guide__grid,.wbz-bcards-knowledge__grid){grid-template-columns:1fr}
  :is(#wbz-rko,#wbz-credit,#wbz-acquiring,#wbz-business-cards,#wbz-registration).wbz-hubx > :last-child{margin-bottom:24px}
  .wbz-hub-faq-grid.is-single .wbz-hub-support{display:block;padding:22px 92px 22px 20px}
  .wbz-hub-faq-grid.is-single .wbz-hub-support p{margin-bottom:16px}
}
