/* Application Example — based on Resources Grid, isolated to this widget. */
.bgw-application-example{width:100%;font-family:inherit;color:#555;font-size:12px}
.bgw-application-example .bgw-parts-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:14px;width:100%;box-sizing:border-box;padding:12px 14px 10px;border:1px solid #e8e8e8;background:#fff}
.bgw-application-example .bgw-parts-filter-group{width:100%;min-width:0;flex:none}
.bgw-application-example .bgw-parts-search-group{grid-column:1 / -1;width:100%;min-width:0}
.bgw-application-example .bgw-parts-filter-label{display:block;margin:0 0 6px;font-size:9px;line-height:1.2;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#555}
.bgw-application-example .bgw-parts-select,.bgw-application-example .bgw-parts-search{box-sizing:border-box;width:100%;height:31px;padding:0 10px;border:1px solid #e1e1e1;background:#fff;color:#333;border-radius:0;outline:none;font:inherit;font-size:10px}
.bgw-application-example .bgw-parts-select:focus,.bgw-application-example .bgw-parts-search:focus{border-color:#c32d2e;box-shadow:0 0 0 1px rgba(195,45,46,.08)}
.bgw-application-example .bgw-parts-count{padding:9px 0 10px;font-size:10px;line-height:1.2;color:#333}
.bgw-application-example__items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;box-sizing:border-box}
.bgw-application-example__card{position:relative;background:#fff;border:1px solid #ddd;min-width:0;min-height:108px;display:flex;flex-direction:column;box-sizing:border-box;padding:12px}
.bgw-application-example__topline{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}
.bgw-application-example__category{font-size:17px;line-height:1.15;color:#2b2b2b;text-decoration:none}
.bgw-application-example__category:hover,.bgw-application-example__title:hover,.bgw-application-example__meta a:hover{color:#BE3136}
.bgw-application-example__button{flex:0 0 24px;width:24px;height:24px;background:#BE3136;color:#fff!important;text-decoration:none;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1}
.bgw-application-example__title{display:block;font-size:10px;line-height:1.35;color:#6b6b6b;text-decoration:none;margin-bottom:7px}
.bgw-application-example__meta{margin-top:auto;border-top:1px solid #eee;padding-top:8px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:#777}
.bgw-application-example__meta a{color:#777;text-decoration:none}
.bgw-application-example__meta span{margin-left:auto}
.bgw-application-example__empty{font-size:13px;padding:30px 0;text-align:center}
.bgw-application-example__pagination{display:flex;justify-content:center;gap:5px;margin-top:18px;flex-wrap:wrap}
.bgw-application-example__pagination button{border:1px solid #ddd;background:#fff;color:#444;min-width:30px;height:30px;padding:0 9px;font-size:11px;cursor:pointer}
.bgw-application-example__pagination button.is-active,.bgw-application-example__pagination button:hover{background:#BE3136;border-color:#BE3136;color:#fff}
.bgw-application-example__pagination button:disabled{opacity:.45;cursor:not-allowed}
.bgw-application-example__pagination span{font-size:11px;color:#777;line-height:30px}
@media(max-width:991px){
  .bgw-application-example .bgw-parts-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bgw-application-example__items{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
  .bgw-application-example .bgw-parts-filters{grid-template-columns:1fr;gap:10px;padding:11px}
  .bgw-application-example .bgw-parts-search-group{grid-column:auto}
  .bgw-application-example__items{grid-template-columns:1fr}
  .bgw-application-example__category{font-size:16px}
}

.bgw-application-example__category-stack{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.25}
.bgw-application-example__category-stack a{color:#777;text-decoration:none;display:block}
.bgw-application-example__category-stack a:hover{color:#BE3136}
.bgw-application-example__category-stack:not(.is-stacked){display:block}
.bgw-application-example__category-stack:not(.is-stacked) a{display:inline}
.bgw-application-example__category-stack:not(.is-stacked) a:not(:last-child)::after{content:' / ';color:#aaa}
.bgw-application-example__meta{align-items:flex-start}
.bgw-application-example__meta>span{white-space:nowrap;padding-top:1px}