:root {
    /* Alapértelmezett téma színek */
    --swiper-theme-color: currentColor;
    --swiper-preloader-color: var(--swiper-theme-color);

    /* Navigáció */
    --swiper-navigation-color: transparent;
    --swiper-navigation-size: 1rem;
    --swiper-navigation-sides-offset: -0.5rem;
    --swiper-navigation-top-offset: 40%;

    /* Pagináció */
    --swiper-pagination-color: currentColor;
    --swiper-pagination-bottom: 0;
    --swiper-pagination-bullet-size: 0.75rem;
    --swiper-pagination-bullet-inactive-color: currentColor;
    --swiper-pagination-bullet-active-color: currentColor;
    --swiper-pagination-bullet-inactive-opacity: 0.5;
    --swiper-pagination-bullet-opacity: 1;
    --swiper-pagination-bullet-horizontal-gap: 0.5rem;
    --swiper-pagination-bullet-vertical-gap: 1rem;

    /* Görgetősáv */
    --swiper-scrollbar-drag-color: currentColor;
    --swiper-scrollbar-drag-size: 4rem;
    --swiper-scrollbar-drag-opacity: 0.5;

    /* Zoom ikon */
    --swiper-zoom-icon-color: currentColor;

    /* Egyéb */
    --swiper-wrapper-transition-timing-function: ease;
    --swiper-slide-opacity: 1;
    --swiper-slide-scale: 1;
    --swiper-slide-shadow-offset: 20px;
    --swiper-slide-shadow-scale: 0.94;
}


swiper-container.marquee .swiper-wrapper {
    --swiper-wrapper-transition-timing-function: linear !important;
}

.wp-block-gallery.masonry {
    --wp--style--block-gap: 0;
    display: block;
}

.wp-block-gallery.masonry .wp-block-image {
    width: 100% !important;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    margin-bottom: var(--wp--style--unstable-gallery-gap) !important;
}

@media screen and (min-width: 1024px) {
    .wp-block-gallery.masonry.columns-2 {
        column-count: 2;
    }

    .wp-block-gallery.masonry.columns-3 {
        column-count: 3;
    }

    .wp-block-gallery.masonry.columns-4 {
        column-count: 4;
    }

    .wp-block-gallery.masonry.columns-5 {
        column-count: 5;
    }

    .wp-block-gallery.masonry.columns-6 {
        column-count: 6;
    }

    .wp-block-gallery.masonry.columns-7 {
        column-count: 7;
    }

    .wp-block-gallery.masonry.columns-8 {
        column-count: 8;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .wp-block-gallery.masonry.columns-2 {
        column-count: 2;
    }

    .wp-block-gallery.masonry.columns-3 {
        column-count: 2;
    }

    .wp-block-gallery.masonry.columns-4 {
        column-count: 3;
    }

    .wp-block-gallery.masonry.columns-5 {
        column-count: 3;
    }

    .wp-block-gallery.masonry.columns-6 {
        column-count: 3;
    }

    .wp-block-gallery.masonry.columns-7 {
        column-count: 4;
    }

    .wp-block-gallery.masonry.columns-8 {
        column-count: 4;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .wp-block-gallery.masonry.columns-2 {
        column-count: 1;
    }

    .wp-block-gallery.masonry.columns-3 {
        column-count: 1;
    }

    .wp-block-gallery.masonry.columns-4 {
        column-count: 2;
    }

    .wp-block-gallery.masonry.columns-5 {
        column-count: 2;
    }

    .wp-block-gallery.masonry.columns-6 {
        column-count: 2;
    }

    .wp-block-gallery.masonry.columns-7 {
        column-count: 3;
    }

    .wp-block-gallery.masonry.columns-8 {
        column-count: 3;
    }
}

button.lightbox-trigger {
    width: 100%;
    height: 100%;
    top: 0 !important;
    right: 0 !important;
    bottom: 0;
    left: 0;
    border-radius: 0 !important;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:serif="http://www.serif.com/" width="100%" height="100%" viewBox="0 0 512 512" version="1.1" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path d="M25.6,512l128,-0c14.138,-0 25.599,-11.461 25.599,-25.6c0,-14.138 -11.461,-25.6 -25.599,-25.6l-66.202,-0l109.901,-109.901c9.822,-10.17 9.54,-26.376 -0.629,-36.198c-9.92,-9.582 -25.649,-9.582 -35.569,-0l-109.901,109.901l0,-66.202c0,-14.138 -11.461,-25.599 -25.599,-25.599c-14.139,-0 -25.601,11.461 -25.601,25.599l0,128c0,14.138 11.461,25.6 25.6,25.6Zm307.199,-307.2c6.79,-0.001 13.3,-2.7 18.1,-7.501l109.901,-109.901l-0,66.202c-0,14.138 11.461,25.599 25.599,25.599c14.139,0 25.6,-11.461 25.6,-25.599l-0,-128c0.001,-14.139 -11.461,-25.6 -25.6,-25.6l-127.999,-0c-14.138,-0 -25.599,11.461 -25.599,25.6c-0,14.138 11.461,25.599 25.599,25.599l66.202,0l-109.901,109.901c-9.996,9.998 -9.994,26.208 0.006,36.204c4.799,4.799 11.306,7.494 18.092,7.496Z" style="fill: white; fill-rule:nonzero;"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1rem;
}

button.lightbox-trigger svg {
    display: none;
}


swiper-container::part(button-prev),
swiper-container::part(button-next) {
    padding: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

swiper-container::part(button-prev):before,
swiper-container::part(button-next):after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-size: calc(100% - 1rem);
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
}

swiper-container::part(button-prev):before {
  background-image: url("data:image/svg+xml;utf8,<svg width='27' height='10' viewBox='0 0 27 10' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1.23608 4.35C0.877099 4.35 0.586084 4.64101 0.586084 5C0.586084 5.35899 0.877099 5.65 1.23608 5.65L1.23608 4.35ZM26.4596 5.45962C26.7135 5.20578 26.7135 4.79422 26.4596 4.54038L22.3231 0.403806C22.0692 0.149965 21.6577 0.149965 21.4038 0.403806C21.15 0.657647 21.15 1.0692 21.4038 1.32304L25.0808 5L21.4038 8.67696C21.15 8.9308 21.15 9.34235 21.4038 9.59619C21.6577 9.85003 22.0692 9.85003 22.3231 9.59619L26.4596 5.45962ZM1.23608 5L1.23608 5.65L26 5.65V5V4.35L1.23608 4.35L1.23608 5Z' fill='%23ffffff'/></svg>");
  transform: scaleX(-1);
}

swiper-container::part(button-next):after {
  background-image: url("data:image/svg+xml;utf8,<svg width='27' height='10' viewBox='0 0 27 10' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1.23608 4.35C0.877099 4.35 0.586084 4.64101 0.586084 5C0.586084 5.35899 0.877099 5.65 1.23608 5.65L1.23608 4.35ZM26.4596 5.45962C26.7135 5.20578 26.7135 4.79422 26.4596 4.54038L22.3231 0.403806C22.0692 0.149965 21.6577 0.149965 21.4038 0.403806C21.15 0.657647 21.15 1.0692 21.4038 1.32304L25.0808 5L21.4038 8.67696C21.15 8.9308 21.15 9.34235 21.4038 9.59619C21.6577 9.85003 22.0692 9.85003 22.3231 9.59619L26.4596 5.45962ZM1.23608 5L1.23608 5.65L26 5.65V5V4.35L1.23608 4.35L1.23608 5Z' fill='%23ffffff'/></svg>");
}

swiper-container::part(bullet){
background:rgba(246, 244, 241, 0.55) !important;
    border:1px solid rgba(246, 244, 241, 0.6);
    border-radius: 0;
    width:0.5rem;
         height: 0.4rem
}

swiper-container::part(bullet-active){
    border:1px solid var(--wp--preset--color--primary);
    background:var(--wp--preset--color--primary) !important;
    border-radius: 0;
    width:0.5rem;
    height: 0.4rem
}



.wp-block-cb-review img{
    width: clamp(5rem, 4.604rem + 1.319vw, 6.188rem)!important
}

.review-txt{
    font-style: italic
}

.review-title{
    font-weight: 500
}

.thumb-swiper swiper-slide:before{
position: absolute;
    content:"";
    background: #000000;
    opacity: 0.7;
    top:0;
    left: 0;
    width: 100%
}

/* Általános beállítás minden gallery-ratio-* osztályhoz */
[class*="gallery-ratio-"] swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}



/* 4:3 */
.gallery-ratio-4-3 swiper-slide img{
  aspect-ratio: 4 / 3;
}

/* 16:9 */
.gallery-ratio-16-9 swiper-slide img{
  aspect-ratio: 16 / 9;
}

/* 1:1 */
.gallery-ratio-1-1 swiper-slide img{
  aspect-ratio: 1 / 1;
}

/* 3:2 */
.gallery-ratio-3-2 swiper-slide img{
  aspect-ratio: 3 / 2;
}

/* 2:3 (álló) */
.gallery-ratio-2-3 swiper-slide img{
  aspect-ratio: 2 / 3;
}

/* 9:16 (álló mobil) */
.gallery-ratio-9-16 swiper-slide img{
  aspect-ratio: 9 / 16;
}

/* Extra: négyzetes, ha külön kéred */
.gallery-ratio-square swiper-slide img{
  aspect-ratio: 1 / 1;
}

.wp-block-image img{
    width: 100%
}


    





::slotted(swiper-slide){
    height: auto !important;
}

.thumb-swiper swiper-slide img{
    width: 100%;
    object-fit: cover;
    cursor: pointer;
    height: 100%
}



.main-swiper swiper-slide img {
  width: auto;
  height: auto;
  object-fit: cover;
}

    .swiper-slide-thumb-active {
  opacity: 0;
  transform: scale(0.3);
  pointer-events: none;
  visibility: hidden;
  transition: opacity 0.5s ease, transform 0.5s ease;
    position: absolute
}

@media screen and (min-width: 768px) {
    
    .thumb-swiper swiper-slide:before{
height: 100%;
}

    
.thumb-swiper swiper-slide{
    overflow: hidden;
    width: 100% !important;
}
    
    .wp-block-cb-review{
           min-height: 20rem;
            padding:0 14vw!important;
}
    
    .thumb-swiper::part(wrapper) {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
        padding-bottom: 1rem !important;
         grid-auto-rows: 1fr; /* vagy konkrét érték */
}

    .swiper-gallery-wrapper {
  display: flex;
  gap: 0.5rem;
  align-items: stretch;
}

.main-swiper {
  flex:0 0 42%;
    overflow: hidden
}

/* THUMBNAIL SWIPER */
.thumb-swiper {
flex:1;
  flex-shrink: 0;
}
}

    
    @media screen and (max-width: 768px) {
        
        .main-swiper swiper-slide img {
  width: 100%
}
        
        .thumb-swiper {

    margin-right: -30px; /* ha kell kicsit visszahúzni */
  }

        .is-layout-constrained > .alignwide{
            max-width: 100% !important
        }
    
.wp-block-cb-reviews::part(wrapper){
    padding-bottom: calc( var(--wp--preset--spacing--93-175) + 1rem) !important
}
   .main-swiper::part(wrapper){
    padding-bottom: 1.25rem !important
} 
        :root {
        --swiper-navigation-sides-offset: 35%;
         --swiper-navigation-top-offset: calc(100% - 1rem);
}
        
        .reviews-group{
            padding-bottom:3.3125rem !important
        }
        
        .thumb-swiper swiper-slide:before, .thumb-swiper swiper-slide img{
aspect-ratio: 1/1.25
}
    
}