.spikxa-collection{position:relative;overflow:hidden;background:var(--sx-bg, #060810);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.sxc-orb{position:absolute;width:600px;height:600px;border-radius:50%;background:#1e3a8a;opacity:.06;top:50%;left:50%;transform:translate(-50%,-50%);filter:blur(100px);pointer-events:none;z-index:0}.sxc-header{position:relative;z-index:5;display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:28px;margin-bottom:32px;border-bottom:.5px solid rgba(255,255,255,.05)}.sxc-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:14px}.sxc-eyebrow-dot{width:5px;height:5px;border-radius:50%;background:var(--sx-accent, #2563eb);animation:sxcPulse 2s ease-in-out infinite}.sxc-eyebrow-text{font-size:10px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:#ffffff47}.sxc-title{font-size:42px;font-weight:900;color:#fff;letter-spacing:-.02em;line-height:1;margin:0}.sxc-title span{color:transparent;-webkit-text-stroke:.5px rgba(255,255,255,.18)}.sxc-view-all{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#ffffff47;text-decoration:none;transition:color .2s;white-space:nowrap}.sxc-view-all:hover{color:var(--sx-accent, #3b82f6)}.sxc-arrow{transition:transform .2s}.sxc-view-all:hover .sxc-arrow{transform:translate(3px)}.sxc-grid{position:relative;z-index:5;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff0a}.sxc-card{background:var(--sx-bg, #060810);position:relative;overflow:hidden;display:block;transition:background .3s;animation:sxcFadeUp .6s ease both}.sxc-card:hover{background:#080b18}.sxc-card-image{position:relative;height:280px;overflow:hidden;background:#08091a}.sxc-img-link{display:block;width:100%;height:100%}.sxc-img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.sxc-card:hover .sxc-img{transform:scale(1.04)}.sxc-img-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.sxc-ph-svg{width:70px;height:70px;opacity:.1;fill:#fff}.sxc-badge{position:absolute;top:12px;left:12px;z-index:3;font-size:8px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;padding:4px 8px;border-radius:2px}.sxc-badge-new{background:var(--sx-accent, #2563eb);color:#fff}.sxc-badge-sale{background:#dc262626;color:#f87171;border:.5px solid rgba(220,38,38,.2)}.sxc-badge-out{background:#ffffff0f;color:#ffffff80;border:.5px solid rgba(255,255,255,.1)}.sxc-quick{position:absolute;bottom:0;left:0;right:0;z-index:4;padding:12px 12px 14px;background:#060810f0;border-top:.5px solid rgba(37,99,235,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}.sxc-quick-label{display:block;font-size:8px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#ffffff59;margin-bottom:8px}.sxc-quick-sizes{display:flex;gap:6px;flex-wrap:wrap}.sxc-size-btn{min-width:40px;height:34px;padding:0 10px;background:#ffffff0a;border:.5px solid rgba(255,255,255,.15);border-radius:2px;color:#ffffffbf;font-size:10px;font-weight:600;letter-spacing:.08em;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:background .18s,border-color .18s,color .18s,transform .18s}.sxc-size-btn:hover:not(:disabled){background:var(--sx-accent, #2563eb);border-color:var(--sx-accent, #2563eb);color:#fff;transform:translateY(-1px)}.sxc-size-btn.is-loading{background:var(--sx-accent, #2563eb);border-color:var(--sx-accent, #2563eb);color:#fff;cursor:wait}.sxc-size-btn:disabled{cursor:not-allowed}.sxc-size-soldout{color:#ffffff2e;border-color:#ffffff0f;text-decoration:line-through}.sxc-size-wide{flex:1}.sxc-quick-msg{display:block;font-size:9px;font-weight:500;letter-spacing:.06em;color:#6ee7b7;margin-top:8px;min-height:12px;opacity:0;transition:opacity .2s}.sxc-quick-msg.sxc-msg-show{opacity:1}.sxc-quick-msg.sxc-msg-error{color:#f87171}.sxc-quick-toggle{position:absolute;bottom:12px;right:12px;z-index:5;width:34px;height:34px;border-radius:50%;background:var(--sx-accent, #2563eb);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:18px;font-weight:600;line-height:1;display:none;align-items:center;justify-content:center;font-family:inherit;cursor:pointer;box-shadow:0 2px 12px #2563eb66;transition:transform .2s}@media(hover:hover){.sxc-card:hover .sxc-quick,.sxc-card:focus-within .sxc-quick{opacity:1;transform:translateY(0);pointer-events:auto}}@media(hover:none){.sxc-quick-toggle{display:flex}.sxc-card.is-open .sxc-quick{opacity:1;transform:translateY(0);pointer-events:auto}.sxc-card.is-open .sxc-quick-toggle{transform:rotate(45deg)}}.sxc-card-info{padding:16px 16px 20px;border-top:.5px solid rgba(255,255,255,.04)}.sxc-card-cat{font-size:9px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--sx-accent, #3b82f6);opacity:.7;display:block;margin-bottom:5px}.sxc-name-link{text-decoration:none}.sxc-card-name{font-size:14px;font-weight:600;color:#ffffffd9;letter-spacing:.02em;display:block;transition:color .2s}.sxc-card:hover .sxc-card-name{color:#fff}.sxc-card-meta{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.sxc-price-wrap{display:flex;align-items:baseline;gap:7px}.sxc-price{font-size:15px;font-weight:700;color:#fff;letter-spacing:-.01em}.sxc-price-old{font-size:11px;font-weight:400;color:#ffffff38;text-decoration:line-through}.sxc-variant-count{font-size:9px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:#ffffff4d}.sxc-editor-note{grid-column:1 / -1;text-align:center;font-size:11px;color:#ffffff4d;padding:20px;background:var(--sx-bg, #060810);letter-spacing:.04em}@keyframes sxcFadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes sxcPulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.25);opacity:1}}@media screen and (max-width:989px){.sxc-grid{grid-template-columns:repeat(2,1fr)}.sxc-title{font-size:32px}.sxc-card-image{height:240px}}@media screen and (max-width:749px){.sxc-header{flex-direction:column;align-items:flex-start;gap:14px}.sxc-title{font-size:28px}.sxc-card-image{height:220px}.sxc-orb{opacity:.04}.sxc-size-btn{min-width:44px;height:38px}}@media(prefers-reduced-motion:reduce){.spikxa-collection *{animation:none!important;transition:none!important}.sxc-card:hover .sxc-img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-spikxa-collection.css.map */