/* ============================================================
   WIKIBIZ — CANONICAL BANK PRODUCT CATALOGUE 1.3.44
   One structural contract for RKO / Credits / Acquiring /
   Business Cards / Registration. No forced priority.
   ============================================================ */

.wbz-product-catalog{
  margin:0 0 var(--wbz-section-gap);
}
.wbz-product-filters{margin:0}
.wbz-product-filters__top{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
}
.wbz-product-search{
  position:relative;
  display:block;
  min-width:0;
}
.wbz-product-search svg{
  position:absolute;
  z-index:1;
  left:16px;
  top:50%;
  width:18px;
  height:18px;
  transform:translateY(-50%);
  fill:none;
  stroke:var(--wbz-mut);
  stroke-width:1.8;
  pointer-events:none;
}
.wbz-product-search input{
  width:100%;
  height:var(--wbz-control-lg);
  padding:0 16px 0 44px;
  border:1px solid var(--wbz-line);
  border-radius:var(--wbz-radius-md);
  background:var(--wbz-surface);
  color:var(--wbz-ink);
  font:inherit;
  transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease;
}
.wbz-product-search input:hover{border-color:var(--wbz-line-strong)}
.wbz-product-search input:focus{outline:0;border-color:var(--wbz-brand);box-shadow:var(--wbz-focus-ring)}

.wbz-product-morefilters{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-width:120px;
  height:var(--wbz-control-lg);
  padding:0 16px;
  border:1px solid var(--wbz-line);
  border-radius:var(--wbz-radius-md);
  background:var(--wbz-surface);
  color:var(--wbz-ink);
  font:inherit;
  font-weight:750;
  line-height:1;
  cursor:pointer;
  transition:border-color .16s ease,color .16s ease,background-color .16s ease,box-shadow .16s ease;
}
.wbz-product-morefilters__count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  line-height:1;
}

.wbz-product-morefilters:hover,
.wbz-product-morefilters.is-active{border-color:var(--wbz-brand);background:var(--wbz-tint);color:var(--wbz-brand)}
.wbz-product-morefilters:focus-visible{outline:0;border-color:var(--wbz-brand);box-shadow:var(--wbz-focus-ring)}

.wbz-catalog-filterrow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-top:10px;
}
.wbz-product-quick{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  min-width:0;
  margin:0;
  padding:0;
}
.wbz-product-quick button{
  min-height:var(--wbz-control-sm);
  padding:0 14px;
  border:1px solid var(--wbz-line);
  border-radius:var(--wbz-radius-pill);
  background:var(--wbz-surface);
  color:var(--wbz-ink2);
  font:inherit;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
  white-space:nowrap;
  transition:border-color .16s ease,color .16s ease,background-color .16s ease,box-shadow .16s ease;
}
.wbz-product-quick button:hover{border-color:var(--wbz-brand);color:var(--wbz-brand)}
.wbz-product-quick button.is-active{border-color:var(--wbz-brand);background:var(--wbz-tint);color:var(--wbz-brand)}
.wbz-product-quick button:focus-visible{outline:0;box-shadow:var(--wbz-focus-ring)}
.wbz-product-quick button:disabled{opacity:.42;cursor:not-allowed}

.wbz-catalog-sort{
  display:flex;
  flex:0 0 auto;
  align-items:center;
  gap:9px;
  color:var(--wbz-mut);
  font-size:12px;
}
.wbz-catalog-sort select{
  min-width:190px;
  height:var(--wbz-control-md);
  padding:0 34px 0 12px;
  border:1px solid var(--wbz-line);
  border-radius:var(--wbz-radius-md);
  background:var(--wbz-surface);
  color:var(--wbz-ink);
  font:inherit;
  font-size:12px;
  font-weight:650;
}
.wbz-catalog-sort select:focus{outline:0;border-color:var(--wbz-brand);box-shadow:var(--wbz-focus-ring)}

.wbz-product-filterpanel{
  margin-top:12px;
  padding:18px;
  border:1px solid var(--wbz-line);
  border-radius:var(--wbz-radius-lg);
  background:var(--wbz-bg2);
}
.wbz-product-filterpanel[hidden]{display:none}
.wbz-product-filtergrid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:14px;
}
.wbz-product-filtergrid :is(label,.wbz-product-field){
  display:grid;
  align-content:start;
  gap:7px;
  min-width:0;
  color:var(--wbz-ink2);
  font-size:12px;
  font-weight:650;
}
.wbz-product-field > span:first-child{
  min-height:18px;
  display:flex;
  align-items:center;
}
.wbz-product-filtergrid select,
.wbz-product-filtergrid input[type="text"]{
  width:100%;
  min-height:var(--wbz-control-md);
  padding:0 13px;
  border:1px solid var(--wbz-line-strong);
  border-radius:var(--wbz-radius-md);
  background:var(--wbz-surface);
  color:var(--wbz-ink);
  font:inherit;
}
.wbz-product-filtergrid small{
  min-height:14px;
  color:var(--wbz-mut);
  font-size:10px;
  font-weight:500;
  line-height:1.35;
}

.wbz-product-filtergrid select:focus,
.wbz-product-filtergrid input[type="text"]:focus{outline:0;border-color:var(--wbz-brand);box-shadow:var(--wbz-focus-ring)}
.wbz-product-filterpanel__actions{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:16px;
}
.wbz-product-reset{
  min-height:var(--wbz-control-md);
  padding:0 14px;
  border:0;
  border-radius:var(--wbz-radius-sm);
  background:transparent;
  color:var(--wbz-ink2);
  font:inherit;
  font-size:12px;
  font-weight:650;
  cursor:pointer;
}
.wbz-product-reset:hover{color:var(--wbz-brand)}
.wbz-product-reset:focus-visible{outline:0;box-shadow:var(--wbz-focus-ring)}

.wbz-catalog-countbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:58px;
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid var(--wbz-line);
  color:var(--wbz-ink);
  font-size:13px;
}
.wbz-product-results{display:grid;gap:16px}

.wbz-product-offer{
  position:relative;
  display:grid;
  grid-template-columns:minmax(190px,.72fr) minmax(340px,1.55fr) 215px;
  gap:26px;
  align-items:start;
  margin:0;
  padding:24px;
  border:1px solid var(--wbz-line);
  border-radius:var(--wbz-radius-lg);
  background:var(--wbz-surface);
  box-shadow:var(--wbz-shadow-xs);
  transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease;
}
.wbz-product-offer:hover{border-color:color-mix(in srgb,var(--wbz-brand) 35%,var(--wbz-line));transform:translateY(-1px);box-shadow:var(--wbz-shadow-sm)}
.wbz-product-offer:focus-visible{outline:0;border-color:var(--wbz-brand);box-shadow:var(--wbz-focus-ring)}
.wbz-product-offer__badge{
  position:absolute;
  left:20px;
  top:-11px;
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 9px;
  border:1px solid color-mix(in srgb,var(--wbz-brand) 32%,var(--wbz-line));
  border-radius:var(--wbz-radius-pill);
  background:var(--wbz-tint);
  color:var(--wbz-brand);
  font-size:10px;
  font-weight:800;
}
.wbz-product-offer__bank{display:flex;align-items:flex-start;gap:14px;padding-top:4px;min-width:0}
.wbz-product-offer__logo{display:flex;align-items:center;justify-content:center;flex:0 0 56px;width:56px;height:56px;border-radius:16px}
.wbz-product-offer__bankmeta{display:flex;flex-direction:column;gap:8px;min-width:0}
.wbz-product-offer__bankmeta h3{margin:0;color:var(--wbz-ink);font-size:22px;line-height:1.1}
.wbz-product-offer__rating{display:inline-flex;align-items:center;gap:5px;color:var(--wbz-ink2);font-size:13px;font-weight:650}
.wbz-product-offer__rating span{color:var(--wbz-gold)}
.wbz-product-offer__verified{display:inline-flex;align-items:center;gap:6px;color:var(--wbz-mut);font-size:11px;line-height:1.35}
.wbz-product-offer__verified span{color:var(--wbz-brand);font-weight:700}
.wbz-product-offer__body{display:flex;min-width:0;flex-direction:column;justify-content:center;gap:11px}
.wbz-product-offer__name{display:block;color:var(--wbz-ink);font-size:20px;line-height:1.2}
.wbz-product-offer__body>p{margin:0;color:var(--wbz-ink2);font-size:13px;line-height:1.55}
.wbz-product-offer__highlights{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.wbz-product-offer__highlights li{position:relative;padding-left:18px;color:var(--wbz-ink2);font-size:13px;line-height:1.55}
.wbz-product-offer__highlights li:before{content:'✓';position:absolute;left:0;top:0;color:var(--wbz-brand);font-weight:800}
.wbz-product-offer__actions{display:flex;flex-direction:column;justify-content:center;gap:10px;align-items:stretch;text-align:center}
.wbz-product-offer__actions .wbz-btn{width:100%;min-height:var(--wbz-control-md)}
.wbz-product-offer__secondary{color:var(--wbz-ink2);font-size:12px;font-weight:700;text-decoration:none}
.wbz-product-offer__secondary:hover,.wbz-product-offer__secondary:focus-visible{color:var(--wbz-brand)}

.wbz-product-variants{grid-column:1/-1;margin:0;border-top:1px solid var(--wbz-line)}
.wbz-product-variants summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0 0;cursor:pointer;list-style:none;color:var(--wbz-ink2);font-size:12px}
.wbz-product-variants summary::-webkit-details-marker{display:none}
.wbz-product-variants summary b{color:var(--wbz-brand)}
.wbz-product-variants__list{display:grid;gap:10px;padding-top:14px}
.wbz-product-variants__item{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);gap:16px;padding:14px;border:1px solid var(--wbz-line);border-radius:var(--wbz-radius-md);background:var(--wbz-bg2)}
.wbz-product-variants__item a{color:var(--wbz-ink);text-decoration:none}
.wbz-product-variants__item a:hover{color:var(--wbz-brand)}
.wbz-product-variants__item ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.wbz-product-variants__item li{color:var(--wbz-ink2);font-size:12px;line-height:1.45}
.wbz-product-variants>small{display:block;padding-top:10px;color:var(--wbz-mut);font-size:10px}

.wbz-product-loadmore{text-align:center;margin:18px 0 0}
.wbz-product-loadmore button{min-height:var(--wbz-control-md);padding:0 18px;border:1px solid var(--wbz-line);border-radius:var(--wbz-radius-md);background:var(--wbz-surface);color:var(--wbz-ink);font:inherit;font-weight:700;cursor:pointer}
.wbz-product-loadmore button:hover{border-color:var(--wbz-brand);color:var(--wbz-brand)}

@media(max-width:980px){
  .wbz-product-offer{grid-template-columns:1fr;gap:18px}
  .wbz-product-offer__actions{align-items:flex-start;text-align:left}
  .wbz-product-offer__actions .wbz-btn{width:auto;min-width:220px}
}
@media(max-width:700px){
  .wbz-product-filters__top{grid-template-columns:1fr}
  .wbz-product-morefilters{width:100%}
  .wbz-catalog-filterrow{align-items:stretch;flex-direction:column}
  .wbz-product-quick{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}
  .wbz-catalog-sort{justify-content:space-between;width:100%}
  .wbz-catalog-sort select{min-width:0;width:min(230px,62vw)}
  .wbz-product-filterpanel__actions{align-items:stretch;flex-direction:column}
  .wbz-product-filterpanel__actions .wbz-btn,.wbz-product-filterpanel__actions .wbz-product-reset{width:100%}
  .wbz-product-offer{padding:18px}
  .wbz-product-offer__actions{align-items:stretch;text-align:center}
  .wbz-product-offer__actions .wbz-btn{width:100%;min-width:0}
  .wbz-product-variants__item{grid-template-columns:1fr}
  .wbz-product-variants__item ul{grid-template-columns:1fr}
}

/* 1.3.43 — final shared states used by rebuilt RKO/Credit hubs. */
.wbz-product-catalog__ad{margin:0 0 16px}
.wbz-product-offer.is-top{border-color:color-mix(in srgb,var(--wbz-brand) 62%,var(--wbz-line))}
.wbz-catalog-note{display:flex;align-items:flex-start;gap:10px;margin:0 0 14px;padding:12px 14px;border:1px solid var(--wbz-line);border-radius:var(--wbz-radius-md);background:var(--wbz-bg2);color:var(--wbz-mut);font-size:11px;line-height:1.5}
.wbz-catalog-note b{flex:none;color:var(--wbz-ink2)}
.wbz-product-empty{margin-top:16px;padding:26px;border:1px dashed var(--wbz-line-strong);border-radius:var(--wbz-radius-lg);background:var(--wbz-bg2)}
.wbz-product-empty strong{display:block;color:var(--wbz-ink);font-size:16px}
.wbz-product-empty p{margin:7px 0 0;color:var(--wbz-mut);font-size:13px;line-height:1.55}
.wbz-product-empty[hidden]{display:none}
@media(max-width:700px){.wbz-catalog-note{flex-direction:column;gap:3px}}

/* 1.3.45 — product title remains the quiet internal details route when CTA is commercial. */
.wbz-product-offer__name a{color:inherit;text-decoration:none}
.wbz-product-offer__name a:hover,.wbz-product-offer__name a:focus-visible{color:var(--wbz-brand);text-decoration:none}

/* WikiBiz Monetization system slots inside generated catalogues. */
.wbz-catalog-ad-slot {
  grid-column: 1 / -1;
  width: 100%;
  min-width: 0;
}
.wbz-catalog-ad-slot[hidden],
.wbz-catalog-ad-slot-row[hidden] {
  display: none !important;
}
.wbz-catalog-ad-slot-row > td {
  padding: 14px 0;
}
.wbz-catalog-ad-slot-row .wbz-catalog-ad-slot {
  display: block;
}
