.elementor-262 .elementor-element.elementor-element-dd71b19{--display:flex;--min-height:300px;--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;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:90px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-262 .elementor-element.elementor-element-dd71b19:not(.elementor-motion-effects-element-type-background), .elementor-262 .elementor-element.elementor-element-dd71b19 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-secondary ) 65%, var( --e-global-color-d712090 ) 0%);}.elementor-262 .elementor-element.elementor-element-3bac9a9{--display:flex;}.elementor-262 .elementor-element.elementor-element-acf76e9{width:var( --container-widget-width, 75% );max-width:75%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;--container-widget-width:75%;--container-widget-flex-grow:0;}.elementor-262 .elementor-element.elementor-element-acf76e9.elementor-element{--align-self:center;}.elementor-262 .elementor-element.elementor-element-acf76e9 .elementor-icon-box-wrapper{text-align:center;}.elementor-262 .elementor-element.elementor-element-acf76e9 .elementor-icon-box-title{margin-block-end:15px;color:var( --e-global-color-d712090 );}.elementor-262 .elementor-element.elementor-element-acf76e9 .elementor-icon-box-description{font-family:var( --e-global-typography-b75d221-font-family ), Sans-serif;font-size:var( --e-global-typography-b75d221-font-size );font-weight:var( --e-global-typography-b75d221-font-weight );text-transform:var( --e-global-typography-b75d221-text-transform );font-style:var( --e-global-typography-b75d221-font-style );text-decoration:var( --e-global-typography-b75d221-text-decoration );line-height:var( --e-global-typography-b75d221-line-height );color:var( --e-global-color-d712090 );}.elementor-262 .elementor-element.elementor-element-fe3f02d{--spacer-size:500px;background-image:url("https://komfortsystem.hu/wp-content/uploads/2025/10/5-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;border-radius:10px 10px 100px 10px;}.elementor-262 .elementor-element.elementor-element-855331b{--display:flex;}.elementor-262 .elementor-element.elementor-element-54e04ca{--grid-row-gap:20px;--grid-column-gap:20px;}.elementor-262 .elementor-element.elementor-element-54e04ca .elementor-portfolio-item__img, .elementor-262 .elementor-element.elementor-element-54e04ca .elementor-portfolio-item__overlay{border-radius:10px 10px 100px 10px;}.elementor-262 .elementor-element.elementor-element-54e04ca a .elementor-portfolio-item__title{color:var( --e-global-color-accent );}.elementor-262 .elementor-element.elementor-element-54e04ca .elementor-portfolio__filter{color:var( --e-global-color-secondary );font-weight:500;}.elementor-262 .elementor-element.elementor-element-54e04ca .elementor-portfolio__filter:not(:last-child){margin-right:calc(0px/2);}.elementor-262 .elementor-element.elementor-element-54e04ca .elementor-portfolio__filter:not(:first-child){margin-left:calc(0px/2);}.elementor-262 .elementor-element.elementor-element-54e04ca .elementor-portfolio__filters{margin-bottom:20px;}.elementor-262 .elementor-element.elementor-element-95f64b7{--display:flex;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-262 .elementor-element.elementor-element-95f64b7:not(.elementor-motion-effects-element-type-background), .elementor-262 .elementor-element.elementor-element-95f64b7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-262 .elementor-element.elementor-element-6380ade{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-262 .elementor-element.elementor-element-acf76e9 .elementor-icon-box-description{font-size:var( --e-global-typography-b75d221-font-size );line-height:var( --e-global-typography-b75d221-line-height );}}@media(min-width:768px){.elementor-262 .elementor-element.elementor-element-dd71b19{--content-width:1000px;}}@media(max-width:767px){.elementor-262 .elementor-element.elementor-element-acf76e9{width:100%;max-width:100%;}.elementor-262 .elementor-element.elementor-element-acf76e9 .elementor-icon-box-description{font-size:var( --e-global-typography-b75d221-font-size );line-height:var( --e-global-typography-b75d221-line-height );}.elementor-262 .elementor-element.elementor-element-fe3f02d{--spacer-size:300px;}}/* Start custom CSS for portfolio, class: .elementor-element-54e04ca *//* Szűrősáv teljes stílus újragondolva */
.elementor-262 .elementor-element.elementor-element-54e04ca .elementor-portfolio__filters {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  padding: 10px 15px;
}

/* Filter gombok */
.elementor-262 .elementor-element.elementor-element-54e04ca .elementor-portfolio__filter {
  display: inline-block;
  background: #F5F6FA;
  color: #002A66;
  border: 1px solid #E1E4EA;
  border-radius: 25px;
  font-size: 14px;
  font-weight: 600;
  padding: 8px 16px;
  transition: all 0.3s ease;
  text-align: center;
  min-width: 160px;
}

/* Aktív filter */
.elementor-262 .elementor-element.elementor-element-54e04ca .elementor-portfolio__filter.elementor-active {
  background-color: #CE203B;
  color: #fff;
  border-color: #CE203B;
  box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}

/* Hover effect */
.elementor-262 .elementor-element.elementor-element-54e04ca .elementor-portfolio__filter:hover {
  background-color: #002A66;
  color: #fff;
  border-color: #002A66;
}

/* Mobil optimalizáció */
@media (max-width: 768px) {
  .elementor-262 .elementor-element.elementor-element-54e04ca .elementor-portfolio__filter {
    font-size: 13px;
    min-width: auto;
    padding: 8px 12px;
  }
  .elementor-262 .elementor-element.elementor-element-54e04ca .elementor-portfolio__filters {
    gap: 8px;
  }
}/* End custom CSS */