.elementor-830 .elementor-element.elementor-element-5733b3b{--display:flex;--min-height:40vh;--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;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overlay-opacity:0.4;--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;}.elementor-830 .elementor-element.elementor-element-5733b3b:not(.elementor-motion-effects-element-type-background), .elementor-830 .elementor-element.elementor-element-5733b3b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F5F8;background-image:url("https://gyogyitofuvek.hu/wp-content/uploads/2025/06/gyogynoveny_hero-kep_4-scaled.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-830 .elementor-element.elementor-element-5733b3b::before, .elementor-830 .elementor-element.elementor-element-5733b3b > .elementor-background-video-container::before, .elementor-830 .elementor-element.elementor-element-5733b3b > .e-con-inner > .elementor-background-video-container::before, .elementor-830 .elementor-element.elementor-element-5733b3b > .elementor-background-slideshow::before, .elementor-830 .elementor-element.elementor-element-5733b3b > .e-con-inner > .elementor-background-slideshow::before, .elementor-830 .elementor-element.elementor-element-5733b3b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.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-830 .elementor-element.elementor-element-7d0c501{text-align:center;}.elementor-830 .elementor-element.elementor-element-7d0c501 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:50px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;color:#FFFFFF;}.elementor-830 .elementor-element.elementor-element-eee863b{--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:3rem;--margin-bottom:3rem;--margin-left:0rem;--margin-right:0rem;}.elementor-830 .elementor-element.elementor-element-cb7ce54{--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;--justify-content:center;}.elementor-830 .elementor-element.elementor-element-76be3b8{text-align:center;}.elementor-830 .elementor-element.elementor-element-76be3b8 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:30px;font-weight:400;color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-830 .elementor-element.elementor-element-75bf362{text-align:center;font-family:"Lato", Sans-serif;font-size:20px;font-weight:300;color:#535353;}.elementor-830 .elementor-element.elementor-element-b5f5ec2{--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-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-830 .elementor-element.elementor-element-9e94a94 .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-830 .elementor-element.elementor-element-9e94a94 .jet-list-tree__children{display:block;margin-right:calc(5px/2);margin-left:calc(5px/2);padding-left:10px;}.elementor-830 .elementor-element.elementor-element-9e94a94 .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-830 .elementor-element.elementor-element-9e94a94 .jet-checkboxes-list__label{font-family:"Lato", Sans-serif;}.elementor-830 .elementor-element.elementor-element-9e94a94 .jet-checkboxes-list__decorator{width:15px;height:15px;min-width:15px;min-height:15px;margin-top:10px;margin-right:10px;}.rtl .elementor-830 .elementor-element.elementor-element-9e94a94 .jet-checkboxes-list__decorator{margin-left:10px;}.elementor-830 .elementor-element.elementor-element-9e94a94 .jet-checkboxes-list__checked-icon{font-size:12px;}.elementor-830 .elementor-element.elementor-element-9e94a94 .jet-collapse-icon{width:20px;height:20px;}.elementor-830 .elementor-element.elementor-element-9e94a94 .jet-collapse-none{width:20px;height:20px;}.elementor-830 .elementor-element.elementor-element-9e94a94 .jet-filter+.jet-filter{margin-top:9px;}.elementor-830 .elementor-element.elementor-element-9e94a94 .jet-select[data-hierarchical="1"] + .jet-select[data-hierarchical="1"]{margin-top:9px;}.elementor-830 .elementor-element.elementor-element-1f9fb3f{--spacer-size:50px;}.elementor-830 .elementor-element.elementor-element-79a2544{--display:flex;--margin-top:0rem;--margin-bottom:5rem;--margin-left:0rem;--margin-right:0rem;}.elementor-widget-posts .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-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{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-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .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-830 .elementor-element.elementor-element-8bd04b4{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-830 .elementor-element.elementor-element-8bd04b4 .elementor-post__thumbnail__link{width:100%;}.elementor-830 .elementor-element.elementor-element-8bd04b4 .elementor-post__meta-data span + span:before{content:"•";}.elementor-830 .elementor-element.elementor-element-8bd04b4 .elementor-post__text{margin-top:20px;}.elementor-830 .elementor-element.elementor-element-8bd04b4 .elementor-post__badge{right:0;}.elementor-830 .elementor-element.elementor-element-8bd04b4 .elementor-post__card .elementor-post__badge{margin:20px;}.elementor-830 .elementor-element.elementor-element-8bd04b4 .elementor-post__title, .elementor-830 .elementor-element.elementor-element-8bd04b4 .elementor-post__title a{font-family:"Lora", Sans-serif;font-weight:600;}.elementor-830 .elementor-element.elementor-element-8bd04b4 a.elementor-post__read-more{font-family:"Lato", Sans-serif;font-size:16px;font-weight:500;}.elementor-830 .elementor-element.elementor-element-b34efdc{--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:3rem;--margin-bottom:3rem;--margin-left:0rem;--margin-right:0rem;}.elementor-830 .elementor-element.elementor-element-588bdf5{--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;--justify-content:center;}.elementor-830 .elementor-element.elementor-element-a1c0ed7{text-align:center;}.elementor-830 .elementor-element.elementor-element-a1c0ed7 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:30px;font-weight:400;color:#000000;}.elementor-830 .elementor-element.elementor-element-75f8c25{text-align:center;font-family:"Lato", Sans-serif;font-size:20px;font-weight:300;color:#535353;}@media(max-width:1024px){.elementor-830 .elementor-element.elementor-element-5733b3b{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-830 .elementor-element.elementor-element-7d0c501 .elementor-heading-title{font-size:65px;}}@media(max-width:767px){.elementor-830 .elementor-element.elementor-element-5733b3b:not(.elementor-motion-effects-element-type-background), .elementor-830 .elementor-element.elementor-element-5733b3b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-830 .elementor-element.elementor-element-7d0c501 .elementor-heading-title{font-size:26px;line-height:1em;}.elementor-830 .elementor-element.elementor-element-eee863b{--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}.elementor-830 .elementor-element.elementor-element-76be3b8 .elementor-heading-title{font-size:26px;}.elementor-830 .elementor-element.elementor-element-75bf362{text-align:justify;}.elementor-830 .elementor-element.elementor-element-8bd04b4 .elementor-post__thumbnail__link{width:100%;}.elementor-830 .elementor-element.elementor-element-b34efdc{--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}.elementor-830 .elementor-element.elementor-element-a1c0ed7 .elementor-heading-title{font-size:26px;}.elementor-830 .elementor-element.elementor-element-75f8c25{text-align:justify;}}/* Start custom CSS for jet-smart-filters-checkboxes, class: .elementor-element-9e94a94 */.elementor-830 .elementor-element.elementor-element-9e94a94 fieldset {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
}
.elementor-830 .elementor-element.elementor-element-9e94a94 fieldset > div {
    display: contents !important;
}

a beillesztett kóddal szabom tedtre a keresési szűrőim megjelenését azt szeretném kérni hogy egészítsd ki a kódot úgy ,hogy mobill nézetben a szűrők ne három hanem egy oszlopban helyezkedjenek el és tartsák az oldal és a konténerbeállításokat

Show more
8:32
Íme a kiegészített CSS kód, amely média query segítségével egy oszlopra vált mobilon:

css
.elementor-830 .elementor-element.elementor-element-9e94a94 fieldset {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
}

.elementor-830 .elementor-element.elementor-element-9e94a94 fieldset > div {
    display: contents !important;
}

@media (max-width: 768px) {
    .elementor-830 .elementor-element.elementor-element-9e94a94 fieldset {
        grid-template-columns: 1fr !important;
    }
}
A @media (max-width: 768px) töréspontot a legtöbb mobilos és kisebb tablet képernyőhöz igazítottam. Ha szükséges, ezt az értéket módosíthatod:

480px – csak kisebb telefonokra
600px – telefonok és kis tabletek
768px – ez a szokásos "tablet portrait" határ (javasolt)
1024px – ha tableten is egy oszlopot szeretnél
A display: contents a szülő div-eken megmarad, így a grid rács logikája továbbra is érvényes marad mindkét nézetben.

kéerm egyben a kódot

8:33
css
.elementor-830 .elementor-element.elementor-element-9e94a94 fieldset {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
}

.elementor-830 .elementor-element.elementor-element-9e94a94 fieldset > div {
    display: contents !important;
}

@media (max-width: 768px) {
    .elementor-830 .elementor-element.elementor-element-9e94a94 fieldset {
        grid-template-columns: 1fr !important;
    }
}




Claude is AI and can make mistakes. Please double-check responses./* End custom CSS */