/* One storefront pager for fragrance, cosmetics and native product lists. */
.store-pagination{width:100%;grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:16px;margin:32px 0 8px;font-family:'Onest',sans-serif;color:#123e32}
.store-pagination nav{max-width:100%}
.pagination.pagination--store{display:flex;align-items:center;justify-content:center;gap:8px;list-style:none;margin:0;padding:0;font-size:16px;line-height:1;font-variant-numeric:tabular-nums}
.pagination--store li{display:block;flex-shrink:0;margin:0;padding:0}
.pagination--store li>a,.pagination--store li>span{position:relative;display:grid;place-items:center;min-width:44px;height:44px;box-sizing:border-box;margin:0;padding:0 10px;border:1px solid #d5ddd8;border-radius:3px;background:#fff;color:#123e32;text-decoration:none;transition:color 160ms,background-color 160ms,border-color 160ms}
.store-pagination .pagination--store .active>span{font-weight:500;background:#123e32;border-color:#123e32;color:#fff}
.pagination--store .ode-link-arrow,.catalog-more__arrow .ode-link-arrow{display:block;width:16px;height:16px;flex-shrink:0}
.pagination--store [aria-disabled=true]{color:#b9c3bd;border-color:#e6ebe7}
.pagination--store .store-page--ellipsis>span{min-width:26px;padding:0;border-color:transparent;background:transparent;color:#74827b}
.pagination--store a:focus-visible{outline:2px solid #0d8b6d;outline-offset:3px}
.store-pagination .store-pagination__results{margin:0;text-align:center;font-size:13px;line-height:1.5;color:#74827b}
@media(hover:hover){.pagination--store a:hover{color:#0d8b6d;background:#eaf0eb;border-color:#92a99b}}
@media(max-width:600px){.store-pagination{margin-top:24px}.pagination.pagination--store{gap:6px}.store-pagination .store-page--desktop{display:none}.store-pagination .store-pagination__results{font-size:12px;max-width:290px}}
@media(prefers-reduced-motion:reduce){.pagination--store li>a{transition:none}}

/* Progressive loading is a separate action from numbered page navigation. */
.store-pagination .catalog-more{display:flex;align-items:center;justify-content:center;gap:20px;width:min(100%,340px);min-height:52px;padding:14px 22px;margin:0;border:1px solid #123e32;border-radius:3px;background:#123e32;color:#fff;text-decoration:none;font:500 15px/1.45 'Onest',sans-serif;cursor:pointer;box-sizing:border-box}
.catalog-more__arrow{display:grid;place-items:center;font-size:20px;line-height:1;width:20px;text-align:center}
.catalog-more[aria-busy=true] .catalog-more__arrow svg{display:none}
.catalog-more[aria-busy=true] .catalog-more__arrow{font-size:0;border:2px solid #ffffff55;border-top-color:#fff;border-radius:50%;width:17px;height:17px;animation:catalog-more-spin .7s linear infinite;box-sizing:border-box}
.catalog-more[aria-disabled=true]{cursor:wait;opacity:.8}
.catalog-more:focus-visible{outline:2px solid #0d8b6d;outline-offset:4px}
.store-pagination .catalog-more__error{max-width:430px;margin:0 0 4px;text-align:center;font:400 14px/1.6 'Onest',sans-serif;color:#805038}
.ode-catalog[data-catalog-loading=replace] .ode-product-grid{opacity:.6}
.ode-catalog[data-catalog-loading=append] .ode-product-grid{opacity:1}
.ode-catalog h1[tabindex="-1"]:focus{outline:none}
@keyframes catalog-more-spin{to{transform:rotate(360deg)}}
@media(hover:hover){.store-pagination .catalog-more:not([aria-disabled=true]):hover{background:#0b5541;border-color:#0b5541;color:#fff}}
@media(max-width:600px){.store-pagination .catalog-more{width:100%;max-width:340px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.catalog-more[aria-busy=true] .catalog-more__arrow{animation:none}}