.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-616 .elementor-element.elementor-element-2381716{--grid-columns:3;--grid-row-gap:40px;--grid-column-gap:24px;--e-loop-nothing-found-message-space-from-top:32px;--e-loop-nothing-found-message-space-from-bottom:32px;--e-loop-nothing-found-message-color:var(--color-ink-2);}.elementor-616 .elementor-element.elementor-element-2381716 .e-loop-nothing-found-message__text{font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;line-height:1.6em;}@media(max-width:1024px){.elementor-616 .elementor-element.elementor-element-2381716{--grid-columns:3;}}@media(max-width:767px){.elementor-616 .elementor-element.elementor-element-2381716{--grid-columns:2;--grid-row-gap:32px;}}/* Start custom CSS *//* results-grid:start */
/* Elementor Pro's loop grid stylesheet loads after this file and shows the spinner, so the resting state is !important; the loading and end-of-list rules below still win. */
.elementor-616 .elementor-widget-loop-grid .e-load-more-spinner { display: none !important; align-items: center; justify-content: center; gap: var(--sp-3); padding: var(--sp-6) 0 var(--sp-2); font-family: var(--font-body); font-size: var(--fs-12); letter-spacing: var(--ls-mid); text-transform: uppercase; color: var(--color-ink-3); }
.elementor-616 .elementor-widget-loop-grid.e-load-more-pagination-loading .e-load-more-spinner { display: flex !important; }
.elementor-616 .elementor-widget-loop-grid .e-load-more-spinner svg,
.elementor-616 .elementor-widget-loop-grid .e-load-more-spinner i { display: none !important; }
.elementor-616 .elementor-widget-loop-grid .e-load-more-spinner::before { content: ""; width: 18px; height: 18px; border: var(--bd-2) solid var(--color-line-2); border-top-color: var(--color-accent); border-radius: var(--r-pill); animation: seranee-spin 800ms linear infinite; }
.elementor-616 .elementor-widget-loop-grid .e-load-more-spinner::after { content: "Loading more styles"; }
.elementor-616 .e-loop-nothing-found-message { margin: 0; padding: var(--sp-7) 0; font-family: var(--font-body); font-size: var(--fs-15); text-align: center; color: var(--color-ink-3); }
@keyframes seranee-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  .elementor-616 .elementor-widget-loop-grid .e-load-more-spinner::before { animation-duration: 2400ms; }
}
/* results-grid:end */
/* Empty state and end of list */
/* The empty state's state classes are added on the server, so no :has() checks run while infinite scroll adds products. */
.elementor-616 .empty-state { display: none; }
.elementor-616 .empty-state.is-visible { display: flex; }
.elementor-616 .e-loop-nothing-found-message { display: none !important; }
.elementor-616 .empty-state:not(.has-filters) a[href$="#clear-filters"] { display: none; }
.elementor-616 .elementor-widget-loop-grid.e-load-more-pagination-end .e-load-more-spinner { display: none !important; }
.elementor-616 .elementor-widget-loop-grid .e-load-more-message { display: none; }
.elementor-616 .elementor-widget-loop-grid.e-load-more-pagination-end .e-load-more-message { display: flex !important; justify-content: center; margin: 0; text-align: center; padding: var(--sp-6) 0 var(--sp-2); }
.elementor-616 .elementor-widget-loop-grid.e-load-more-pagination-end .e-load-more-message::before { content: "You have seen every style"; padding: 0 64px; font-family: var(--font-body); font-size: var(--fs-12); letter-spacing: var(--ls-mid); text-transform: uppercase; color: var(--color-ink-3); background: linear-gradient(var(--color-line-2), var(--color-line-2)) left center / 48px 1px no-repeat, linear-gradient(var(--color-line-2), var(--color-line-2)) right center / 48px 1px no-repeat; }/* End custom CSS */