.gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%}.gallery-columns-2 .gallery-item{max-width:50%}.gallery-columns-3 .gallery-item{max-width:33.33%}.gallery-columns-4 .gallery-item{max-width:25%}.gallery-columns-5 .gallery-item{max-width:20%}.gallery-columns-6 .gallery-item{max-width:16.66%}.gallery-columns-7 .gallery-item{max-width:14.28%}.gallery-columns-8 .gallery-item{max-width:12.5%}.gallery-columns-9 .gallery-item{max-width:11.11%}.gallery-caption{display:block}.ast-blog-featured-section .gallery{margin-bottom:0}.single .entry-content .gallery{margin-left:-10px;margin-right:-10px}.gallery-caption{color:var(--ast-gallery-block-color);padding:10px;border-radius:0 0 2px 2px;border:1px solid var(--ast-border-color);border-top:none;font-size:.9em}.gallery-icon{border-bottom:0;border-radius:2px 2px 0 0;border:1px solid var(--ast-border-color);overflow:hidden}.gallery-item{margin:0;padding:10px;border-radius:2px}.gallery-item:last-child{margin-bottom:2em}.elementor-image-gallery .gallery-icon{border:none}.eps-slider {
position: relative;
overflow: hidden;
width: 100%;
padding: 8px 0 4px;
} .eps-track {
display: flex;
gap: 20px;
scroll-behavior: auto;
overflow-x: auto;
scrollbar-width: none; scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
} .eps-track::-webkit-scrollbar {
display: none;
} .eps-card { min-width: 320px;
max-width: 360px;
flex: 0 0 auto;
display: flex;
flex-direction: column;
border: 1px solid rgba(0, 0, 0, .12);
border-radius: 16px;
background: #fff;
box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
overflow: hidden;
scroll-snap-align: start;
} .eps-imgwrap {
display: block;
aspect-ratio: 4 / 3;
overflow: hidden;
}
.eps-imgwrap img,
.eps-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.eps-img--ph {
display: flex;
align-items: center;
justify-content: center;
background: #f3f3f3;
color: #777;
} .eps-meta {
--eps-meta-h: 120px;          */
position: relative;
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
gap: 16px;
padding: 18px;
height: var(--eps-meta-h); background: #f8f6f2;
} .eps-cat {
grid-column: 1 / 2;
font-size: 12px;
letter-spacing: .08em;
text-transform: uppercase;
color: #6b6b6b;
margin-bottom: 6px;
line-height: 1.2;
} .eps-title {
grid-column: 1 / 2;
margin: 0;
font-size: 22px;
line-height: 1.2;
font-weight: 800;
color: #111;
display: -webkit-box;
-webkit-line-clamp: 2; -webkit-box-orient: vertical;
overflow: hidden;
} .eps-btn {
grid-column: 2 / 3;
grid-row: 1 / 3;
justify-self: end;
width: 56px;
height: 56px;
border: 0;
background: transparent; background-image: url(//bruno-tassi.pl/wp-content/plugins/external-products-slider/assets/ikona_arrow_karuzela.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: block;
text-decoration: none;
transition: none;
} .eps-btn:hover {
background-image: url(//bruno-tassi.pl/wp-content/plugins/external-products-slider/assets/ikona_arrow_hover.svg);
} .eps-nav{
position: absolute;
top: 40%;
transform: translateY(-50%); z-index: 5;
width: 48px;
height: 48px;
border-radius: 12px;
background: #f1e8cf; border: 2px solid #cdbf8c; box-shadow: 0 2px 8px rgba(0,0,0,.08);
display: flex; align-items: center;
justify-content: center;
cursor: pointer;
padding: 0;
margin: 0; color: transparent;
font-size: 0;
}
.eps-prev{ left: 6px; }
.eps-next{ right: 6px; } .eps-nav::before{
content: "";
display: block;
width: 18px; height: 18px;
background-repeat: no-repeat;
background-position: center;
background-size: contain; background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b5d2c' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'>\
<path d='M15 6 L9 12 L15 18'/>\
</svg>");
} .eps-next::before{
transform: scaleX(-1);
} .eps-nav:hover{
background: #e9dfc3;
}
.eps-nav:active{
transform: translateY(-50%) scale(0.98);
} @media (max-width: 780px) { .eps-track {
gap: 0;
padding: 0;
}
.eps-card {
min-width: 100%;
max-width: 100%;
flex: 0 0 100%;
scroll-snap-align: start;
}
.eps-meta { --eps-meta-h: 132px; }
.eps-title { -webkit-line-clamp: 3; }
}
.eps-meta { --eps-meta-h: 132px; } .eps-title { -webkit-line-clamp: 3; } }