.elementor-796 .elementor-element.elementor-element-2996268 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-796 .elementor-element.elementor-element-2996268:not(.elementor-motion-effects-element-type-background), .elementor-796 .elementor-element.elementor-element-2996268 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#012B79;background-image:url("https://baubla.com/wp-content/uploads/2026/01/cmljZS00OTg2ODhfMTI4MA__.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-796 .elementor-element.elementor-element-2996268 > .elementor-background-overlay{background-color:#350101;opacity:0.9;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-796 .elementor-element.elementor-element-2996268{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-120px;margin-bottom:00px;padding:200px 200px 200px 200px;z-index:11;}.elementor-796 .elementor-element.elementor-element-8be16a9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;text-align:center;}.elementor-796 .elementor-element.elementor-element-8be16a9 .elementor-heading-title{font-size:64px;color:#FFFFFF;}.elementor-796 .elementor-element.elementor-element-2031f82{--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:flex-start;}.elementor-796 .elementor-element.elementor-element-2031f82.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-796 .elementor-element.elementor-element-817f5fc{width:var( --container-widget-width, 108.056% );max-width:108.056%;--container-widget-width:108.056%;--container-widget-flex-grow:0;}.elementor-796 .elementor-element.elementor-element-817f5fc.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-796 .elementor-element.elementor-element-0b9bd50{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-796 .elementor-element.elementor-element-7569255{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-796 .elementor-element.elementor-element-39fc1f3{width:20%;}.elementor-796 .elementor-element.elementor-element-fae3a3c{width:59.333%;}.elementor-796 .elementor-element.elementor-element-0459b28{width:20%;}.elementor-796 .elementor-element.elementor-element-2031f82{--width:111.209%;}}@media(max-width:1024px){.elementor-796 .elementor-element.elementor-element-2996268{padding:100px 0px 130px 0px;}.elementor-796 .elementor-element.elementor-element-26ac6f1{margin-top:40px;margin-bottom:0px;}.elementor-796 .elementor-element.elementor-element-8be16a9 .elementor-heading-title{font-size:36px;}}/* Start custom CSS for shortcode, class: .elementor-element-817f5fc *//* A Filter gomb alap színe */
.woof-wrap .filter-toggle {
    background-color: #737c8c !important;
    border: 1px solid #737c8c !important; /* Keret is legyen ilyen színű */
    color: #ffffff !important; /* A szöveg színe maradjon fehér */
}

/* Hover (amikor ráviszed az egeret) színe */
.woof-wrap .filter-toggle:hover {
    background-color: #AC8778 !important;
    border-color: #AC8778 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2031f82 *//* --- FILTER konténer alap állapot --- */
.woof-wrap .woof_container {
  max-height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: max-height .35s ease, opacity .25s ease, visibility .25s ease;
  padding: 0 !important;
  display: block;
}

/* Nyitott állapot */
.woof-wrap.is-open .woof_container {
  max-height: 2000px !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  padding: 16px !important;
  background: #f9f9f9;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,.05);
}

/* --- Tartalom elrendezése: vertikális verzió --- */
.woof-wrap .woof_container .woof_container_inner {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px;
}

/* --- Inputok, selectek --- */
.woof-wrap .woof_container input[type="text"],
.woof-wrap .woof_container input[type="number"],
.woof-wrap .woof_container select {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 14px;
  box-sizing: border-box;
}

/* Checkbox */
.woof-wrap .woof_container input[type="checkbox"] {
  accent-color: #0ADCFF;
  cursor: pointer;
}

/* Ár slider */
.woof-wrap .woof_container .ui-slider-range { background: #0ADCFF !important; }
.woof-wrap .woof_container .ui-slider-handle {
  background: #0ADCFF !important;
  border-radius: 50%;
  border: none !important;
}

/* --- SZŰRÉS + RESET gomb: egységes stílus --- */
.woof-wrap .woof_submit_search_form_container input[type="submit"],
.woof-wrap .woof_reset_button {
  background: #0ADCFF !important;
  color: #fff !important;
  border: none !important;
  padding: 10px 20px !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  font-size: 14px !important;
  transition: background .3s, transform .15s !important;
  display: inline-block !important;
  margin: 4px 0 !important;
}

.woof-wrap .woof_submit_search_form_container input[type="submit"]:hover,
.woof-wrap .woof_reset_button:hover {
  background: #FFD700 !important;
  transform: translateY(-1px);
}

/* --- Nyit/zár gomb (felül a Filter gomb) --- */
.woof-wrap .filter-toggle {
  background:#0ADCFF;
  color:#fff;
  border:none;
  padding:10px 16px;
  border-radius:8px;
  cursor:pointer;
  font-size:15px;
  margin:0 auto 12px auto;
  display:inline-flex;
  gap:8px;
  align-items:center;
  transition:background .3s,transform .15s;
}
.woof-wrap .filter-toggle:hover { background:#FFD700; }
.woof-wrap .filter-toggle:active { transform:translateY(1px); }/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5fe201a */.center-products ul.products {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;   /* balra igazítva tölti a sort */
  padding: 0;
  list-style: none;
  max-width: 1200px;
  margin: 0 auto;
}

.center-products ul.products li.product {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 6px 16px rgba(0,0,0,.1);
  padding: 12px;
  transition: transform .2s ease, box-shadow .2s ease;

  /* alapértelmezett: max 4 kártya egy sorban */
  flex: 0 0 calc(25% - 24px);
  max-width: calc(25% - 24px);

  min-height: 320px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;

  margin: 12px;
  box-sizing: border-box;
}

/* Hover effekt */
.center-products ul.products li.product:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(0,0,0,.15);
}

/* --- RESPONSIVE BREAKPOINTS --- */

/* Tablet álló nézet: 2 oszlop */
@media (max-width: 991px) {
  .center-products ul.products li.product {
    flex: 0 0 calc(50% - 24px);
    max-width: calc(50% - 24px);
  }
}

/* Mobil: 1 oszlop */
@media (max-width: 600px) {
  .center-products ul.products li.product {
    flex: 0 0 100%;
    max-width: 100%;
  }
}/* End custom CSS */