.elementor-3529 .elementor-element.elementor-element-9eca94a{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3529 .elementor-element.elementor-element-b4787cd > .elementor-widget-container{margin:0px 0px -5px 0px;}.elementor-3529 .elementor-element.elementor-element-b4787cd .jet-woo-builder-archive-category-thumbnail{background-color:#FFFFFF;}.elementor-3529 .elementor-element.elementor-element-b4787cd .jet-woo-builder-archive-category-thumbnail__wrapper{text-align:center;}.elementor-3529 .elementor-element.elementor-element-e55e679 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3529 .elementor-element.elementor-element-e55e679 .jet-woo-builder-archive-category-title{font-size:19px;font-weight:500;line-height:25px;color:#2DC3E6;background-color:#3C3C41;margin:0px 0px 0px 0px;padding:19px 0px 19px 0px;text-align:center;}.elementor-3529 .elementor-element.elementor-element-e55e679 .jet-woo-builder-archive-category-title:hover{color:var( --e-global-color-primary );}@media(max-width:1024px){.elementor-3529 .elementor-element.elementor-element-b4787cd .jet-woo-builder-archive-category-thumbnail__wrapper{text-align:center;}.elementor-3529 .elementor-element.elementor-element-e55e679 .jet-woo-builder-archive-category-title{font-size:17px;}}@media(min-width:768px){.elementor-3529 .elementor-element.elementor-element-9eca94a{--content-width:900px;}}@media(max-width:767px){.elementor-3529 .elementor-element.elementor-element-9eca94a{--content-width:900px;}.elementor-3529 .elementor-element.elementor-element-e55e679 .jet-woo-builder-archive-category-title{font-size:16px;}}/* Start custom CSS for jet-woo-builder-archive-category-thumbnail, class: .elementor-element-b4787cd */.kep {
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 100%; /* Állítsd be a kívánt szélességet */
    height: auto; /* Vagy használj fix magasságot */
}

.kep img {
    transition: transform 0.6s ease; /* A kép nagyítása átmenettel */
}

.kep:hover img {
    transform: scale(1.07); /* 10%-os nagyítás */
}

/* A fekete átlátszó réteg */
.kep::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Alapértelmezett átlátszó */
    transition: background-color 0.6s ease;
}

.kep:hover::after {
    background-color: rgba(0, 0, 0, 0.25); /* 10%-os fekete átlátszóság hoverkor */
}/* End custom CSS */