.elementor-1018 .elementor-element.elementor-element-0cb005c{--display:flex;}.elementor-1018 .elementor-element.elementor-element-c3f8fd6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1018 .elementor-element.elementor-element-a5d12a5{--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;--border-radius:10px 10px 10px 10px;--margin-top:6px;--margin-bottom:6px;--margin-left:6px;--margin-right:6px;--padding-top:17px;--padding-bottom:17px;--padding-left:17px;--padding-right:17px;}.elementor-1018 .elementor-element.elementor-element-a5d12a5:not(.elementor-motion-effects-element-type-background), .elementor-1018 .elementor-element.elementor-element-a5d12a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}body[data-elementor-device-mode="mobile"] .jet-offcanvas.elementor-element-a5d12a5{width:90vw !important;max-width:90vw !important;}.jet-offcanvas-a5d12a5 .jet-offcanvas-expand{background-color:#017979;color:#FFFFFF;font-family:"Montserrat", Sans-serif;padding:10px 10px 10px 10px;margin:10px 10px 10px 10px;border-style:solid;border-radius:0px 0px 0px 0px;}.jet-offcanvas-a5d12a5 .jet-offcanvas-icon{font-size:18px;}.elementor-1018 .elementor-element.elementor-element-a5d12a5 .jet-offcanvas-collapse{background-color:#017979;color:#F7F7F7;padding:11px 11px 11px 11px;margin:11px 11px 11px 11px;}.elementor-1018 .elementor-element.elementor-element-a5d12a5 .jet-offcanvas-icon{font-size:18px;}.elementor-1018 .elementor-element.elementor-element-341c09f .jet-active-filters__title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:600;}.elementor-1018 .elementor-element.elementor-element-341c09f .jet-smart-filters-active{flex-direction:row;}.elementor-1018 .elementor-element.elementor-element-341c09f .jet-active-filters__list{flex-direction:row;justify-content:flex-start;}.elementor-1018 .elementor-element.elementor-element-341c09f .jet-active-filter{margin-right:5px;margin-bottom:11px;flex-direction:row;color:#FFFFFF;background-color:#017979;border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);padding:8px 8px 8px 8px;}.elementor-1018 .elementor-element.elementor-element-341c09f .jet-active-filter .jet-active-filter__label + .jet-active-filter__val{margin-left:5px;}.elementor-1018 .elementor-element.elementor-element-341c09f .jet-active-filter__label{font-family:"Montserrat", Sans-serif;font-size:15px;}.elementor-1018 .elementor-element.elementor-element-341c09f .jet-active-filter__remove{font-size:16px;top:0px;right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1018 .elementor-element.elementor-element-3c611e4{text-align:start;}.elementor-1018 .elementor-element.elementor-element-3c611e4 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;color:#017979;}.elementor-widget-jet-smart-filters-checkboxes .jet-filter-items-moreless__toggle{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-jet-smart-filters-checkboxes .apply-filters__button, .elementor-widget-jet-smart-filters-checkboxes .jet-filter-items-dropdown__apply-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-1018 .elementor-element.elementor-element-6a0a328 .jet-checkboxes-list__row{display:block;margin-right:calc(5px/2);margin-left:calc(5px/2);padding-top:calc(10px/2);margin-bottom:calc(10px/2);}.elementor-1018 .elementor-element.elementor-element-6a0a328 .jet-list-tree__children{display:block;margin-right:calc(5px/2);margin-left:calc(5px/2);padding-left:10px;}.elementor-1018 .elementor-element.elementor-element-6a0a328 .jet-checkboxes-list-wrapper{margin-left:calc(-5px/2);margin-right:calc(-5px/2);margin-top:calc(-10px/2);margin-bottom:calc(-10px/2);}.elementor-1018 .elementor-element.elementor-element-6a0a328 .jet-checkboxes-list__label{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:600;}.elementor-1018 .elementor-element.elementor-element-6a0a328 .jet-checkboxes-list__decorator{width:16px;height:16px;min-width:16px;min-height:16px;margin-right:5px;}.rtl .elementor-1018 .elementor-element.elementor-element-6a0a328 .jet-checkboxes-list__decorator{margin-left:5px;}.elementor-1018 .elementor-element.elementor-element-6a0a328 .jet-checkboxes-list__checked-icon{font-size:12px;}.elementor-1018 .elementor-element.elementor-element-6a0a328 .jet-collapse-icon{width:20px;height:20px;}.elementor-1018 .elementor-element.elementor-element-6a0a328 .jet-collapse-none{width:20px;height:20px;}.elementor-1018 .elementor-element.elementor-element-6a0a328 .jet-filters-counter{margin-left:initial;padding-left:5px;}.rtl .elementor-1018 .elementor-element.elementor-element-6a0a328 .jet-filters-counter{margin-right:initial;padding-right:5px;}.elementor-1018 .elementor-element.elementor-element-6a0a328 .jet-filter+.jet-filter{margin-top:10px;}.elementor-1018 .elementor-element.elementor-element-6a0a328 .jet-select[data-hierarchical="1"] + .jet-select[data-hierarchical="1"]{margin-top:10px;}.elementor-1018 .elementor-element.elementor-element-deb45ce{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-jet-smart-filters-sorting .apply-filters__button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-1018 .elementor-element.elementor-element-5f8df15 .jet-sorting-select{max-width:150px;align-self:flex-end;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1018 .elementor-element.elementor-element-0d7fe98.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1018 .elementor-element.elementor-element-0d7fe98.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-1018 .elementor-element.elementor-element-00ea113 .jet-filters-pagination__link, .elementor-1018 .elementor-element.elementor-element-00ea113 .jet-filters-pagination__dots{font-family:"Montserrat", Sans-serif;}.elementor-1018 .elementor-element.elementor-element-00ea113 .jet-filters-pagination__link{color:#000000;padding:10px 10px 10px 10px;}.elementor-1018 .elementor-element.elementor-element-00ea113 .jet-filters-pagination__dots{color:#FFFFFF;background-color:#017979;padding:10px 10px 10px 10px;}.elementor-1018 .elementor-element.elementor-element-00ea113 .jet-filters-pagination__link:hover{background-color:#017979;color:#FFFFFF;}.elementor-1018 .elementor-element.elementor-element-00ea113 .jet-filters-pagination__current .jet-filters-pagination__link{background-color:#017979;color:#FFFFFF;}.elementor-1018 .elementor-element.elementor-element-00ea113 .jet-filters-pagination{column-gap:6px;row-gap:6px;justify-content:center;}.elementor-1018 .elementor-element.elementor-element-00ea113 .jet-filters-pagination__load-more{order:initial;}@media(max-width:1024px){.elementor-1018 .elementor-element.elementor-element-0d7fe98.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(min-width:768px){.elementor-1018 .elementor-element.elementor-element-c3f8fd6{--content-width:1300px;}.elementor-1018 .elementor-element.elementor-element-a5d12a5{--width:30%;}.elementor-1018 .elementor-element.elementor-element-deb45ce{--width:80%;}}@media(max-width:767px){.elementor-1018 .elementor-element.elementor-element-c3f8fd6{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.jet-offcanvas-a5d12a5 .jet-offcanvas-expand{border-width:1px 1px 1px 1px;}.elementor-1018 .elementor-element.elementor-element-0d7fe98.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-0d7fe98 *//* ================================================================
   OMEGA KLÍMA – TERMÉKEK WIDGET CSS
   (WooCommerce termékrács – Elementor "Termékek" widget vagy a
   sima WooCommerce shop/archívum loop stílusa)
   HOVA: Globális → Megjelenés → Testreszabás → További CSS
         (ha csak egy oldalon kell, akkor Oldal beállítások → Haladó →
         Egyéni CSS az adott oldalra)
   Paletta: fehér + fekete + #017979 | Montserrat + Poppins
   Prefix: nincs egyedi wrapper – a WooCommerce/Elementor alap
   osztályait célzza (.products, .product, stb.), mert ezeket a
   widget saját maga generálja, nem HTML widgetből tesszük be.
   ================================================================ */

/* ================================================
   00 | TOKENEK
================================================ */
:root{
  --okp-font-head:'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --okp-font-body:'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --okp-teal:#017979;
  --okp-teal-dark:#015E5E;
  --okp-teal-050:#EAF5F5;
  --okp-black:#000000;
  --okp-ink:#111111;
  --okp-body:#5A5A5A;
  --okp-white:#FFFFFF;
  --okp-line:#E4E9EF;
  --okp-radius:14px;
}

/* ================================================
   01 | RÁCS
   A WooCommerce alapból ul.products / li.product szerkezetet ad ki.
   Az Elementor "Termékek" widget ugyanezt a jelölést örökli.
================================================ */
.products{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:28px !important;
  margin:0 !important; padding:0 !important;
  list-style:none !important;
}
.products::before,
.products::after{ display:none !important; } /* a téma float-clearfix elemei felesleges hézagot adnának */
ul.products li.product{
  width:100% !important;         /* a téma inline width%-ait nullázzuk */
  margin:0 !important; padding:0 !important;
  float:none !important;
}

/* ================================================
   02 | KÁRTYA
================================================ */
ul.products li.product{
  position:relative;
  display:flex; flex-direction:column;
  background:var(--okp-white);
  border:1px solid var(--okp-line);
  border-radius:var(--okp-radius);
  overflow:hidden;
  font-family:var(--okp-font-body);
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
ul.products li.product:hover{
  border-color:var(--okp-teal);
  box-shadow:0 24px 44px -28px rgba(1,121,121,.35);
  transform:translateY(-4px);
}

/* 02a | KÉP */
ul.products li.product a.woocommerce-LoopProduct-link{
  display:block;
  color:inherit !important;
  text-decoration:none !important;
}
ul.products li.product img{
  display:block;
  width:100% !important; height:auto !important;
  aspect-ratio:1 / 1;
  object-fit:contain;
  padding:22px;
  background:var(--okp-white);
  border-bottom:1px solid var(--okp-line);
}

/* 02b | AKCIÓS / ÚJ CÍMKE
   A WooCommerce alapból .onsale span-t rak a termékkép fölé. */
ul.products li.product .onsale{
  position:absolute; z-index:2; top:14px; left:14px;
  display:inline-flex; align-items:center; justify-content:center;
  min-width:auto; height:auto;
  margin:0 !important; padding:5px 12px !important;
  font-family:var(--okp-font-head) !important;
  font-size:11px !important; font-weight:700 !important; letter-spacing:.05em; text-transform:uppercase;
  color:var(--okp-white) !important;
  background:var(--okp-teal) !important;
  border-radius:100px !important;
  line-height:1.4 !important;
}

/* 02c | SZÖVEGES TARTALOM */
ul.products li.product .cst-ok-p-body{
  display:flex; flex-direction:column; gap:8px;
  padding:18px 18px 20px;
  flex:1 1 auto;
}
/* Ha a widget nem tesz külön wrappert a cím/ár/gomb köré (ez a WooCommerce
   alapértelmezett viselkedése), az alábbi szabályok közvetlenül a
   li.product gyerekeire vonatkoznak – a fenti .cst-ok-p-body opcionális,
   csak akkor kell, ha egyedi sablonba tesszük be. */
ul.products li.product > *:not(a):not(.onsale){
  padding-left:18px; padding-right:18px;
}
ul.products li.product > *:last-child{ padding-bottom:20px; }

/* Termékcím */
ul.products li.product .woocommerce-loop-product__title{
  margin:14px 0 4px !important; padding:0 18px !important;
  font-family:var(--okp-font-head) !important;
  font-size:15.5px !important; font-weight:600 !important; line-height:1.4 !important;
  color:var(--okp-ink) !important;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}

/* Csillagos értékelés */
ul.products li.product .star-rating{
  margin:0 0 4px 18px !important;
  font-size:13px !important;
  color:var(--okp-teal) !important;
}

/* Ár – a régi és az akciós ár egy sorban, jól elkülönítve:
   régi ár: kicsi, szürke, áthúzott | akciós ár: nagy, félkövér, fekete */
ul.products li.product .price{
  display:flex !important; align-items:baseline; flex-wrap:wrap; gap:0 10px;
  margin:0 0 12px !important; padding:0 18px !important;
  font-family:var(--okp-font-head) !important;
}
ul.products li.product .price del{
  order:1;
  font-size:13px !important; font-weight:400 !important;
  opacity:.55;
  text-decoration:line-through !important;
}
ul.products li.product .price ins{
  order:2;
  text-decoration:none !important;
  font-size:19px !important; font-weight:800 !important;
}
ul.products li.product .price ins .woocommerce-Price-currencySymbol{
  margin-left:3px !important;
  font-size:14px !important; font-weight:600 !important;
}
/* A szín beállítást KÜLÖN, minden lehetséges beágyazott elemre (bdi,
   .woocommerce-Price-amount, .amount, currencySymbol) rászorítjuk –
   az Elementor globális szín-kit gyakran ezekre az elemekre közvetlenül,
   nagyobb CSS-specificitással tesz színt, amit egy sima "ins{color:}"
   szabály nem tud felülütni. Emiatt itt mindegyiket egyenként, .woocommerce
   szülővel megnövelt specificitással, feketére állítjuk. */
.woocommerce ul.products li.product .price del,
.woocommerce ul.products li.product .price del .woocommerce-Price-amount,
.woocommerce ul.products li.product .price del .amount,
.woocommerce ul.products li.product .price del bdi,
.woocommerce ul.products li.product .price del .woocommerce-Price-currencySymbol{
  color:var(--okp-black) !important;
}
.woocommerce ul.products li.product .price ins,
.woocommerce ul.products li.product .price ins .woocommerce-Price-amount,
.woocommerce ul.products li.product .price ins .amount,
.woocommerce ul.products li.product .price ins bdi,
.woocommerce ul.products li.product .price ins .woocommerce-Price-currencySymbol{
  color:var(--okp-black) !important;
}
/* Akció nélküli (nem csökkentett árú) termékeknél nincs <del>/<ins>,
   csak egy sima .amount – azt is a nagy stílus kapja */
.woocommerce ul.products li.product .price > .amount,
.woocommerce ul.products li.product .price > .amount bdi{
  font-size:19px !important; font-weight:800 !important;
  color:var(--okp-black) !important;
}

/* Kosárba gomb – a téma/Elementor globális gomb-stílusait írjuk felül */
ul.products li.product a.add_to_cart_button,
ul.products li.product a.button{
  display:flex !important; align-items:center; justify-content:center;
  margin:auto 18px 18px !important;
  padding:12px 18px !important;
  font-family:var(--okp-font-head) !important;
  font-size:13px !important; font-weight:700 !important; letter-spacing:.05em; text-transform:uppercase;
  color:var(--okp-white) !important;
  background:var(--okp-teal) !important;
  border:none !important; border-radius:9px !important;
  text-decoration:none !important;
  transition:background-color .18s ease !important;
}
ul.products li.product a.add_to_cart_button:hover,
ul.products li.product a.button:hover{
  background:var(--okp-teal-dark) !important;
}
/* "Hozzáadva" állapot ikonja – ha a téma AJAX kosarat használ */
ul.products li.product a.added_to_cart{
  display:block; margin:6px 18px 18px; text-align:center;
  font-size:12.5px !important; font-weight:600 !important;
  color:var(--okp-teal) !important;
}

/* Elfogyott felirat */
ul.products li.product.outofstock{ opacity:.65; }
ul.products li.product .stock.out-of-stock{
  margin:0 0 10px 18px !important;
  font-family:var(--okp-font-head) !important;
  font-size:11px !important; font-weight:700 !important; letter-spacing:.04em; text-transform:uppercase;
  color:var(--okp-body) !important;
}

/* ================================================
   03 | LAPOZÁS
================================================ */
.woocommerce-pagination{ margin-top:44px !important; }
.woocommerce-pagination ul.page-numbers{
  display:flex !important; align-items:center; justify-content:center; gap:8px;
  margin:0 !important; padding:0 !important; list-style:none !important;
}
.woocommerce-pagination .page-numbers li{ margin:0 !important; }
.woocommerce-pagination .page-numbers a,
.woocommerce-pagination .page-numbers span{
  display:inline-flex !important; align-items:center; justify-content:center;
  min-width:40px; height:40px; padding:0 10px;
  font-family:var(--okp-font-head) !important;
  font-size:13.5px !important; font-weight:600 !important;
  color:var(--okp-ink) !important;
  background:var(--okp-white) !important;
  border:1px solid var(--okp-line) !important;
  border-radius:8px !important;
  transition:background-color .18s ease, color .18s ease, border-color .18s ease;
}
.woocommerce-pagination .page-numbers a:hover,
.woocommerce-pagination .page-numbers .current{
  color:var(--okp-white) !important;
  background:var(--okp-teal) !important;
  border-color:var(--okp-teal) !important;
}

/* ================================================
   04 | RESZPONZÍV
================================================ */
@media (max-width:1200px){
  .products{ grid-template-columns:repeat(3, minmax(0,1fr)) !important; }
}
@media (max-width:860px){
  .products{ grid-template-columns:repeat(2, minmax(0,1fr)) !important; gap:16px !important; }
  ul.products li.product .woocommerce-loop-product__title{ font-size:14px !important; }
  ul.products li.product .price ins,
  ul.products li.product .price > .amount{ font-size:16px !important; }
}
@media (max-width:480px){
  .products{ grid-template-columns:1fr !important; }
}/* End custom CSS */