/* Shop Discovery: storefront categories, simple and independent of the digital cards gallery. */
.nx-shop{--nx-shop-border:rgba(132,198,228,.17);--nx-shop-ink:#f1f9ff;--nx-shop-muted:#91acbc;--nx-shop-accent:#78e9d9;margin:31px auto 34px;position:relative;isolation:isolate}
.nx-shop *{box-sizing:border-box}
.nx-shop-panel{position:relative;overflow:hidden;padding:clamp(21px,3vw,39px);border-radius:32px;background:linear-gradient(146deg,rgba(12,31,48,.94),rgba(8,21,36,.97) 52%,rgba(11,28,48,.95));border:1px solid var(--nx-shop-border);box-shadow:inset 0 1px rgba(255,255,255,.035),0 25px 65px rgba(0,8,22,.14)}
.nx-shop-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(75% 70% at 100% 0%,rgba(57,178,186,.12),transparent 76%),radial-gradient(42% 65% at 0% 100%,rgba(70,114,203,.08),transparent 75%)}
.nx-shop-panel:after{content:"";height:1px;position:absolute;top:0;inset-inline:18% 18%;background:linear-gradient(90deg,transparent,rgba(121,239,218,.65),transparent);pointer-events:none}
.nx-shop-head,.nx-shop-grid,.nx-shop-bottom-link{position:relative;z-index:1}
.nx-shop-head{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;margin-bottom:26px}
.nx-shop-title-area{min-width:0;flex:1 1 300px}
.nx-shop-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#95eadf;font-size:10px;font-weight:850;letter-spacing:.015em}
.nx-shop-pulse{width:7px;height:7px;border-radius:50%;background:var(--nx-shop-accent);box-shadow:0 0 0 5px rgba(106,238,215,.1)}
.nx-shop-title-area h2{margin:12px 0 7px;color:var(--nx-shop-ink);font-size:clamp(28px,2.8vw,42px);line-height:1.22;font-weight:900;letter-spacing:-.015em}
.nx-shop-title-area p{margin:0;color:var(--nx-shop-muted);font-size:13px;line-height:1.85;font-weight:500}
.nx-shop-head-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap}
.nx-shop-total{display:flex;align-items:center;gap:8px;border-inline-end:1px solid rgba(146,196,222,.18);padding-inline-end:16px;color:var(--nx-shop-muted);white-space:nowrap}
.nx-shop-total strong{font-size:21px;line-height:1;color:var(--nx-shop-accent);font-variant-numeric:tabular-nums}
.nx-shop-total span{font-size:11px;font-weight:700}
.nx-shop-all{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:10px 18px;border-radius:14px;background:linear-gradient(110deg,#66e8d4,#85b5ff);color:#092839!important;text-decoration:none!important;font-size:12px;font-weight:900;box-shadow:0 10px 25px rgba(59,194,196,.12);transition:transform .25s,box-shadow .25s}
.nx-shop-all svg{width:18px;height:18px;flex:none;transition:transform .25s}
.nx-shop-all:hover,.nx-shop-all:focus-visible{transform:translateY(-2px);box-shadow:0 14px 32px rgba(62,191,206,.23);outline-offset:4px}
.nx-shop-all:hover svg{transform:translate(2px,-2px)}
.nx-shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.nx-shop-category{min-width:0;position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:22px;border:1px solid rgba(140,205,235,.16);background:linear-gradient(158deg,rgba(19,45,64,.93),rgba(9,23,38,.96));text-decoration:none!important;color:var(--nx-shop-ink)!important;box-shadow:0 10px 30px rgba(0,7,24,.11);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;isolation:isolate}
.nx-shop-category:hover,.nx-shop-category:focus-visible{transform:translateY(-5px);border-color:rgba(127,237,226,.52);box-shadow:0 17px 37px rgba(0,12,32,.25),0 0 0 1px rgba(105,232,222,.07);outline:none}
.nx-shop-image-wrap{display:block;aspect-ratio:1.34;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 70% 18%,rgba(75,148,185,.3),transparent 60%),#10263b}
.nx-shop-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:1;transition:transform .55s cubic-bezier(.2,.75,.3,1),filter .4s;filter:saturate(1.02)}
.nx-shop-category:hover .nx-shop-image,.nx-shop-category:focus-visible .nx-shop-image{transform:scale(1.045)}
.nx-shop-image-sheen{position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 36%,rgba(255,255,255,.13) 48%,transparent 57%);transform:translateX(-130%);transition:transform .7s ease;opacity:.5}
.nx-shop-category:hover .nx-shop-image-sheen{transform:translateX(130%)}
.nx-shop-no-image{position:absolute;inset:0;display:grid;place-items:center;color:#79e2db;background:radial-gradient(circle at 50% 85%,rgba(99,146,249,.2),transparent 63%),linear-gradient(135deg,rgba(70,172,178,.12),rgba(13,38,64,.55))}
.nx-shop-no-image svg{width:95px;height:95px;opacity:.65}
.nx-shop-category-footer{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:17px 15px 18px;min-height:81px;border-top:1px solid rgba(151,201,232,.12)}
.nx-shop-category-copy{display:flex;flex-direction:column;min-width:0;gap:5px}
.nx-shop-category-copy small{font-size:10px;color:#83abae;font-weight:650;line-height:1.3}
.nx-shop-category-copy strong{font-size:15px;line-height:1.5;font-weight:850;color:#e9f8ff;overflow-wrap:anywhere}
.nx-shop-category-arrow{display:grid;place-items:center;width:33px;height:33px;flex:none;border:1px solid rgba(128,226,221,.25);background:rgba(69,176,174,.12);border-radius:10px;color:#87efdf;transition:background .25s,color .25s,transform .25s}
.nx-shop-category-arrow svg{width:17px;height:17px}
.nx-shop-category:hover .nx-shop-category-arrow{background:#77e9d9;color:#06273a;transform:translate(-2px,-2px)}
.nx-shop-bottom-link{display:flex;align-items:center;justify-content:center;gap:9px;width:max-content;max-width:100%;margin:23px auto 0;font-size:12px;font-weight:850;color:#9be9dd!important;text-decoration:none!important}
.nx-shop-bottom-link:hover{text-decoration:underline!important}
@media(min-width:992px) and (max-width:1399px){.nx-shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:991px){.nx-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nx-shop-panel{border-radius:26px}}
@media(max-width:650px){.nx-shop{margin:20px auto 24px}.nx-shop-panel{padding:18px 14px;border-radius:23px}.nx-shop-head{gap:15px;margin-bottom:17px}.nx-shop-title-area{flex-basis:100%}.nx-shop-title-area h2{font-size:27px;margin:8px 0 5px}.nx-shop-title-area p{font-size:11.5px}.nx-shop-head-actions{width:100%;justify-content:space-between;gap:9px}.nx-shop-all{min-height:40px;padding:8px 11px;border-radius:12px;font-size:10.5px;gap:5px}.nx-shop-total{padding-inline-end:9px;gap:4px}.nx-shop-total strong{font-size:18px}.nx-shop-total span{font-size:10px}.nx-shop-grid{gap:9px}.nx-shop-category{border-radius:15px}.nx-shop-image-wrap{aspect-ratio:1.08}.nx-shop-category-footer{min-height:69px;padding:11px 9px 12px;gap:4px}.nx-shop-category-copy small{font-size:9px}.nx-shop-category-copy strong{font-size:12px;line-height:1.45}.nx-shop-category-arrow{width:26px;height:26px;border-radius:9px}.nx-shop-category-arrow svg{width:14px;height:14px}.nx-shop-no-image svg{width:60px;height:60px}}
@media(max-width:345px){.nx-shop-all{font-size:9.5px}.nx-shop-total span{font-size:9px}.nx-shop-category-copy strong{font-size:11px}}
html[data-nx2099-theme="light"] .nx-shop{--nx-shop-ink:#153346;--nx-shop-muted:#58798c;--nx-shop-border:rgba(43,104,139,.18)}
html[data-nx2099-theme="light"] .nx-shop-panel{background:linear-gradient(140deg,#edf9fc,#e7f2fa 75%,#eaf6fb);box-shadow:0 18px 45px rgba(34,92,128,.1)}
html[data-nx2099-theme="light"] .nx-shop-eyebrow{color:#087e7a}
html[data-nx2099-theme="light"] .nx-shop-category{background:#fff;border-color:rgba(66,116,155,.17);box-shadow:0 9px 24px rgba(40,94,131,.08)}
html[data-nx2099-theme="light"] .nx-shop-category-copy strong{color:#193d50}
html[data-nx2099-theme="light"] .nx-shop-category-copy small{color:#658394}
html[data-nx2099-theme="light"] .nx-shop-category-footer{border-top-color:rgba(72,121,151,.11)}
html[data-nx2099-theme="light"] .nx-shop-category-arrow{background:rgba(27,145,148,.09);color:#078887;border-color:rgba(27,138,149,.2)}
html[data-nx2099-theme="light"] .nx-shop-category:hover .nx-shop-category-arrow{background:#38caba;color:#053241}
html[data-nx2099-theme="light"] .nx-shop-total strong{color:#078a86}
html[data-nx2099-theme="light"] .nx-shop-bottom-link{color:#097a79!important}
@media(prefers-reduced-motion:reduce){.nx-shop *, .nx-shop *:before,.nx-shop *:after{transition:none!important;animation:none!important}}
