.elementor-3821 .elementor-element.elementor-element-22ab191{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-3821 .elementor-element.elementor-element-06c7e86 .e-search-input{background-color:#02010100;font-size:20px;border-style:solid;border-color:#AAAAAA;border-radius:2px 2px 2px 2px;}.elementor-3821 .elementor-element.elementor-element-06c7e86{width:var( --container-widget-width, 98% );max-width:98%;--container-widget-width:98%;--container-widget-flex-grow:0;--e-search-results-columns:1;--e-search-placeholder-color:#545454;--e-search-input-color:#545454;--e-search-icon-label-color:#818181;--e-search-input-padding-block-start:1px;--e-search-input-padding-inline-start:30px;--e-search-input-padding-block-end:1px;--e-search-input-padding-inline-end:30px;--e-search-icon-label-size:16px;--e-search-input-gap:13px;--e-search-submit-margin-inline-start:0px;}.elementor-3821 .elementor-element.elementor-element-06c7e86.elementor-element{--align-self:center;}.elementor-3821 .elementor-element.elementor-element-fa75a29{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:5px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3821 .elementor-element.elementor-element-4e7f361{width:100%;max-width:100%;}.elementor-3821 .elementor-element.elementor-element-4e7f361 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3821 .elementor-element.elementor-element-4e7f361.elementor-element{--align-self:center;}.elementor-3821 .elementor-element.elementor-element-40fae414{--display:flex;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3821 .elementor-element.elementor-element-f47617e{--grid-columns:4;--load-more-spinner-color:#E7E7E7;--grid-column-gap:1.24rem;}@media(min-width:768px){.elementor-3821 .elementor-element.elementor-element-22ab191{--content-width:1277px;}.elementor-3821 .elementor-element.elementor-element-fa75a29{--content-width:1277px;}.elementor-3821 .elementor-element.elementor-element-40fae414{--content-width:1277px;}}@media(max-width:1024px){.elementor-widget-search .elementor-pagination{font-size:var( --e-global-typography-primary-font-size );}.elementor-3821 .elementor-element.elementor-element-06c7e86{--container-widget-width:95%;--container-widget-flex-grow:0;width:var( --container-widget-width, 95% );max-width:95%;}.elementor-3821 .elementor-element.elementor-element-f47617e{--grid-columns:2;}}@media(max-width:767px){.elementor-widget-search .elementor-pagination{font-size:var( --e-global-typography-primary-font-size );}.elementor-3821 .elementor-element.elementor-element-06c7e86{--container-widget-width:95%;--container-widget-flex-grow:0;width:var( --container-widget-width, 95% );max-width:95%;}.elementor-3821 .elementor-element.elementor-element-f47617e{--grid-columns:2;}}/* Start custom CSS for html, class: .elementor-element-4e7f361 */.elementor-3821 .elementor-element.elementor-element-4e7f361 .category-filter {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px;
}

/* Category groups (parent + subcategories) */
.elementor-3821 .elementor-element.elementor-element-4e7f361 .category-group {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Parent buttons */
.elementor-3821 .elementor-element.elementor-element-4e7f361 .category-group .category-button.parent {
  width: 100%;
  text-align: center;
  margin-bottom: 4px;
  background-color: #fff;
  color: #333;
  border: 1px solid #808080;
  border-radius: 2px;
  padding: 0px 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* Subcategory grid */
.elementor-3821 .elementor-element.elementor-element-4e7f361 .subcategories {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  justify-items: center;
}

/* Subcategory buttons */
.elementor-3821 .elementor-element.elementor-element-4e7f361 .subcategories .category-button {
  font-size: 0.8em;
  color: #333;
  width: 100%;
  padding: 0px 10px;
  border: 1px solid #aaa;
  border-radius: 3px;
  background-color: #fff;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* Standalone category buttons (All, Consoles, etc.) */
.elementor-3821 .elementor-element.elementor-element-4e7f361 .category-button:not(.parent):not(.subcategory) {
  padding: 8px 32px;
  color: #333;
  border: 1px solid #808080;
  border-radius: 4px;
  background-color: #fff;
  font-weight: 500;
  transition: all 0.3s ease;
  cursor: pointer;
}

/* ---------- HOVER STYLES ---------- */
.elementor-3821 .elementor-element.elementor-element-4e7f361 .category-button:hover {
  background-color: #7d7d7d !important;
  color: #fff !important;
}

/* ---------- ACTIVE STATE ---------- */
.elementor-3821 .elementor-element.elementor-element-4e7f361 .category-button.active {
  background-color: #404040 !important;
  color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-f47617e */.e-fas-circle-notch{
    width: 1rem;
}
.e-load-more-spinner {
  display: flex;
  justify-content: center;
  align-items: center;

}/* End custom CSS */