.elementor-widget-loop-grid .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-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .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-17 .elementor-element.elementor-element-a1c3e5f{--grid-columns:4;--grid-row-gap:12px;--grid-column-gap:12px;}.elementor-17 .elementor-element.elementor-element-a1c3e5f .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-17 .elementor-element.elementor-element-a1c3e5f .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-17 .elementor-element.elementor-element-a1c3e5f .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-17 .elementor-element.elementor-element-a1c3e5f .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-17 .elementor-element.elementor-element-a1c3e5f .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-17 .elementor-element.elementor-element-b2d4f60{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-17 .elementor-element.elementor-element-a1c3e5f{--grid-columns:3;--grid-row-gap:10px;--grid-column-gap:10px;}}@media(max-width:767px){.elementor-17 .elementor-element.elementor-element-a1c3e5f{--grid-columns:2;--grid-row-gap:8px;--grid-column-gap:8px;}}/* Start custom CSS for loop-grid, class: .elementor-element-a1c3e5f */.elementor-17 .elementor-element.elementor-element-a1c3e5f .elementor-pagination { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px 16px; margin-block-start: clamp(40px, 5vw, 72px); font-family: var(--sp-font-heebo), sans-serif; font-size: 17px; }
.elementor-17 .elementor-element.elementor-element-a1c3e5f .elementor-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 0 8px; color: var(--sp-text-secondary); text-decoration: none; }
.elementor-17 .elementor-element.elementor-element-a1c3e5f .elementor-pagination a.page-numbers:hover { color: var(--sp-ink); text-decoration: underline; text-underline-offset: 0.35em; }
.elementor-17 .elementor-element.elementor-element-a1c3e5f .elementor-pagination .page-numbers.current { color: var(--sp-ink); font-weight: 600; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 0.35em; }
.elementor-17 .elementor-element.elementor-element-a1c3e5f .elementor-pagination a.page-numbers:focus-visible { outline: 3px solid var(--sp-dark-surface); outline-offset: 2px; }
/* wall layout: native CSS columns (no JS masonry): item heights come from each image's width/height attributes, so the layout is final at first paint and does not wait for images */
.elementor-17 .elementor-element.elementor-element-a1c3e5f .elementor-loop-container { display: block; column-count: 4; column-gap: 12px; }
.elementor-17 .elementor-element.elementor-element-a1c3e5f .elementor-loop-container > .e-loop-item { break-inside: avoid; margin-block-end: 12px; }
@media (max-width: 1024px) { .elementor-17 .elementor-element.elementor-element-a1c3e5f .elementor-loop-container { column-count: 3; column-gap: 10px; } .elementor-17 .elementor-element.elementor-element-a1c3e5f .elementor-loop-container > .e-loop-item { margin-block-end: 10px; } }
@media (max-width: 767px) { .elementor-17 .elementor-element.elementor-element-a1c3e5f .elementor-loop-container { column-count: 2; column-gap: 8px; } .elementor-17 .elementor-element.elementor-element-a1c3e5f .elementor-loop-container > .e-loop-item { margin-block-end: 8px; } }
/* while an image is still loading, show a quiet neutral tile instead of the browser's alt-text fallback (alt stays in the DOM) */
.elementor-17 .elementor-element.elementor-element-a1c3e5f .e-loop-item img { color: transparent; }
/* tile feedback: the whole tile (image + title) lifts slightly with a soft shadow on hover (fine pointers) and on keyboard focus; reduced motion: no movement, static shadow/ring */
.elementor-17 .elementor-element.elementor-element-a1c3e5f .e-loop-item { position: relative; }
.elementor-17 .elementor-element.elementor-element-a1c3e5f .e-loop-item a { transition: transform 0.25s ease, box-shadow 0.25s ease; }
.elementor-17 .elementor-element.elementor-element-a1c3e5f .e-loop-item a::after { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; opacity: 0; }
.elementor-17 .elementor-element.elementor-element-a1c3e5f .e-loop-item a h2 { z-index: 1; }
@media (hover: hover) and (pointer: fine) { .elementor-17 .elementor-element.elementor-element-a1c3e5f .e-loop-item:hover { z-index: 3; } .elementor-17 .elementor-element.elementor-element-a1c3e5f .e-loop-item a:hover { transform: scale(1.02); box-shadow: 0 10px 26px rgba(16,24,38,0.32); } }
.elementor-17 .elementor-element.elementor-element-a1c3e5f .e-loop-item:focus-within { z-index: 3; }
.elementor-17 .elementor-element.elementor-element-a1c3e5f .e-loop-item a:focus-visible { transform: scale(1.02); box-shadow: 0 10px 26px rgba(16,24,38,0.32); }
.elementor-17 .elementor-element.elementor-element-a1c3e5f .e-loop-item a:focus-visible::after { opacity: 1; box-shadow: inset 0 0 0 3px rgba(255,255,255,0.95); }
@media (prefers-reduced-motion: reduce) { .elementor-17 .elementor-element.elementor-element-a1c3e5f .e-loop-item a { transition: none; } .elementor-17 .elementor-element.elementor-element-a1c3e5f .e-loop-item a:hover, .elementor-17 .elementor-element.elementor-element-a1c3e5f .e-loop-item a:focus-visible { transform: none; box-shadow: 0 0 0 2px rgba(255,255,255,0.9), 0 4px 12px rgba(16,24,38,0.3); } }/* End custom CSS */