/* 1.14.13 hydration contract: native [hidden] always wins over component display rules.
   No Load More/Infinite/Pagination text may flash before the runtime resolves
   the active device and mode. */
.suc-product-display [hidden]{display:none!important}
.suc-product-display[data-suc-ready="0"]>*{display:none!important}

.suc-product-display{width:min(100%,var(--suc-grid-canvas-width,1440px));max-width:100%;box-sizing:border-box;margin:18px auto 0;color:var(--suc-page-text,#2D3142);font-family:inherit}
.suc-shop-pagination{width:100%;max-width:100%;box-sizing:border-box;margin:0;color:inherit;font-family:inherit}
.suc-pagination-numbers,.suc-pagination-compact{width:100%;display:flex;align-items:center;justify-content:var(--suc-page-justify,center);gap:var(--suc-page-gap,8px)}
.suc-page-list{display:flex;align-items:center;gap:var(--suc-page-gap,8px)}
.suc-page-number,.suc-page-nav{width:var(--suc-page-size,42px);height:var(--suc-page-size,42px);box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:var(--suc-page-border-width,1px) solid var(--suc-page-border,#E5E7EF);border-radius:var(--suc-page-radius,12px);background:var(--suc-page-bg,#FFF);color:var(--suc-page-text,#2D3142);font-size:var(--suc-page-font-size,12px);font-weight:var(--suc-page-font-weight,600);transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.suc-page-number:hover,.suc-page-nav:hover{background:var(--suc-page-hover-bg,#F3F1FF);color:var(--suc-page-hover-text,#6657D9);border-color:var(--suc-page-active-border,#6657D9)}
.suc-page-number.is-active{background:var(--suc-page-active-bg,#6657D9);color:var(--suc-page-active-text,#FFF);border-color:var(--suc-page-active-border,#6657D9)}
.suc-product-display.has-active-glow .suc-page-number.is-active{box-shadow:0 7px 20px var(--suc-page-active-glow,rgba(102,87,217,.24))}
.suc-page-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:18px;color:var(--suc-page-ellipsis,#9CA1B1)}
.suc-page-nav{width:var(--suc-page-nav-size,42px);height:var(--suc-page-nav-size,42px);color:var(--suc-page-nav-color,#6657D9)}
.suc-page-nav-icon{width:var(--suc-page-nav-icon-size,16px);height:var(--suc-page-nav-icon-size,16px);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.suc-page-nav-icon svg,.suc-page-nav-icon img{display:block;width:100%;height:100%;object-fit:contain}
.suc-page-nav-icon svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.suc-page-prev{margin-inline-end:var(--suc-page-nav-gap,14px)}.suc-page-next{margin-inline-start:var(--suc-page-nav-gap,14px)}.suc-page-nav.is-disabled{opacity:.35;pointer-events:none}
.suc-page-compact-status{min-height:var(--suc-page-size,38px);padding:0 14px;display:inline-flex;align-items:center;gap:7px;border:var(--suc-page-border-width,1px) solid var(--suc-page-border,#E5E7EF);border-radius:999px;background:var(--suc-page-bg,#FFF);font-size:var(--suc-page-font-size,12px)}.suc-page-compact-status b{color:var(--suc-page-active-bg,#6657D9)}
.suc-pagination-compact{display:none}

.suc-load-more-wrap,.suc-infinite-wrap{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.suc-load-more-button{min-width:var(--suc-load-more-min-width,190px);height:var(--suc-load-more-height,46px);padding:0 22px;border:var(--suc-load-more-border-width,1px) solid var(--suc-load-more-border,#DDD8F4);border-radius:var(--suc-load-more-radius,16px);background:var(--suc-load-more-bg,#FFF);color:var(--suc-load-more-text,#5B4FC2);display:inline-flex;align-items:center;justify-content:center;gap:9px;font:inherit;font-weight:600;cursor:pointer;transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.suc-load-more-button:hover{background:var(--suc-load-more-hover-bg,#F3F1FF);color:var(--suc-load-more-hover-text,#4D3FBA)}
.suc-load-more-button:disabled{opacity:.65;cursor:wait}
.suc-product-display-spinner{width:16px;height:16px;border:2px solid currentColor;border-inline-start-color:transparent;border-radius:50%;display:none;animation:suc-product-display-spin .72s linear infinite}
.suc-product-display.is-loading .suc-load-more-button .suc-product-display-spinner,.suc-infinite-loader:not([hidden]) .suc-product-display-spinner{display:inline-block}
.suc-product-display-end{margin:0;padding:8px 12px;color:#8B8E9D;font-size:12px;text-align:center}
.suc-infinite-sentinel{width:100%;height:1px;pointer-events:none}
.suc-infinite-loader{min-height:38px;display:flex;align-items:center;justify-content:center;gap:9px;color:#7469C9;font-size:12px}
.suc-product-display-notice{position:fixed;left:50%;bottom:28px;z-index:999999;transform:translate(-50%,18px);opacity:0;padding:10px 16px;border-radius:14px;background:#2D3142;color:#fff;box-shadow:0 10px 30px rgba(45,49,66,.2);font-size:12px;transition:.2s ease;pointer-events:none}.suc-product-display-notice.is-show{transform:translate(-50%,0);opacity:1}
.suc-product-display.has-entrance-animation .suc-product-display-new-card{animation:suc-product-display-card-in .32s ease both}
@keyframes suc-product-display-spin{to{transform:rotate(360deg)}}
@keyframes suc-product-display-card-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.suc-product-display-spinner,.suc-product-display-new-card{animation:none!important}.suc-load-more-button{transition:none}}