:root{--sfj-gray: #f1f1f1;--sfj-ink: #111;--sfj-mute: #8a8a8a;--sfj-font: "Helvetica Neue", Helvetica, Arial, sans-serif}.sfj-card{position:relative;font-family:var(--sfj-font);color:var(--sfj-ink);min-width:0}.sfj-card a{color:inherit;text-decoration:none}.sfj-card__media{position:relative;aspect-ratio:2 / 3;background:var(--sfj-gray);overflow:hidden}.sfj-card__track{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.sfj-card__track::-webkit-scrollbar{display:none}.sfj-card__slide{flex:0 0 100%;height:100%;scroll-snap-align:start;display:flex;align-items:center;justify-content:center}.sfj-card__slide img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;display:block;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.sfj-card__slide:not(:first-child) img{object-fit:cover}.sfj-card__model{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:opacity .35s}.sfj-card__model img{width:100%;height:100%;object-fit:cover;display:block}.is-model .sfj-card__model{opacity:1;pointer-events:auto}.is-model .sfj-card__dots{opacity:0}.sfj-card__label{position:absolute;top:12px;right:12px;z-index:2;background:#000;color:#fff;font-size:10px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;padding:4px 7px;line-height:1}.sfj-card__dots{position:absolute;left:12px;bottom:12px;z-index:2;display:flex;gap:3px;padding:4px 5px;border-radius:10px;background:#ffffffbf;transition:opacity .3s}.sfj-card__dots i{width:4px;height:4px;border-radius:4px;background:#00000040;transition:width .25s,background .25s}.sfj-card__dots i.is-on{width:14px;background:#000}.sfj-card__add{position:absolute;right:8px;bottom:6px;z-index:3;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:none;border:0;padding:0;cursor:pointer}.sfj-card__add svg{width:18px;height:18px;stroke:#0000008c;stroke-width:1.2;fill:none;transition:transform .25s,stroke .2s}.sfj-card__add:hover svg{stroke:#000;transform:rotate(90deg)}.sfj-card__qa{position:absolute;left:8px;right:8px;bottom:8px;z-index:4;background:#ffffffd1;-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6);border-radius:6px;box-shadow:0 6px 24px #00000014,inset 0 0 0 1px #fff9;padding:10px;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .22s,transform .22s}.sfj-card.is-qa .sfj-card__qa{opacity:1;transform:none;pointer-events:auto}.sfj-card__qa-head{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#555;margin-bottom:8px}.sfj-card__qa-head button{background:none;border:0;font-size:18px;line-height:1;cursor:pointer;color:#000;padding:0 2px}.sfj-card__qa-opts{display:flex;flex-wrap:wrap;gap:5px}.sfj-card__qa-opts button{flex:1 1 auto;min-height:32px;padding:0 10px;border:1px solid rgba(0,0,0,.15);border-radius:5px;background:#fff;font:700 10.5px/1.2 var(--sfj-font);letter-spacing:.04em;text-transform:uppercase;color:#000;cursor:pointer;transition:background .2s,color .2s}.sfj-card__qa-opts button:hover{background:#000;color:#fff}.sfj-card__qa-opts button:disabled{opacity:.35;text-decoration:line-through;cursor:not-allowed}.sfj-card__qa-opts button.is-loading{opacity:.5}.sfj-card__qa-opts button.is-done{background:#000;color:#fff}.sfj-card__info{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;padding:14px 8px 22px}.sfj-card__name{font-size:12.5px;font-weight:700;letter-spacing:.01em;text-transform:uppercase;line-height:1.25}.sfj-card__chip{display:inline-flex;align-items:center;gap:5px;background:#ececec;padding:3px 6px;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.sfj-card__chip i{width:6px;height:6px;border-radius:50%;background:#bfc3c7}.sfj-card__chip--gold i{background:#d2a646}.sfj-card__chip--hematite i{background:#3d3f43}.sfj-card__sub{font-size:10.5px;color:var(--sfj-mute)}.sfj-card__price{font-size:12.5px}.sfj-card__price s{color:var(--sfj-mute);margin-left:6px}.sfj-card--compact{display:flex;gap:12px;align-items:center}.sfj-card__thumb{width:64px;height:64px;background:var(--sfj-gray);flex:none}.sfj-card__thumb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.sfj-card--compact .sfj-card__price{margin-top:3px}.product-grid{gap:3px!important;row-gap:6px!important}.sfj-pt{font-family:var(--sfj-font);color:var(--sfj-ink);padding:64px 0 24px}.sfj-pt__head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 20px}.sfj-pt__titles{text-align:center}.sfj-pt__kicker{font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#777;margin-bottom:6px}.sfj-pt__title{margin:0;font-size:30px;font-weight:800;letter-spacing:-.03em;text-transform:uppercase;line-height:1;font-family:var(--sfj-font)}.sfj-pt__title sup{font-size:11px;font-weight:500;letter-spacing:0;margin-left:3px;vertical-align:top;position:relative;top:-6px}.sfj-pt__toggle{display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:0;cursor:pointer;font:500 13px var(--sfj-font);text-transform:uppercase;color:#000;justify-self:start}.sfj-pt__toggle--right{justify-self:end}.sfj-pt__boxes{display:inline-flex;gap:2px}.sfj-pt__boxes i{width:7px;height:9px;border:1px solid #000}.sfj-pt__boxes i.is-on{background:#000}.sfj-pt__switch{width:22px;height:11px;border:1px solid #000;position:relative}.sfj-pt__switch i{position:absolute;top:1px;left:1px;width:10px;height:7px;background:#000;transition:transform .25s}.sfj-pt.is-model .sfj-pt__switch i{transform:translate(9px)}.sfj-pt__tabs{display:flex;justify-content:center;margin:28px auto 26px;width:max-content;max-width:calc(100% - 32px);padding:3px;gap:3px;border-radius:4px;background:#0000000a;box-shadow:inset 0 0 0 1px #0000000d;overflow-x:auto;scrollbar-width:none}.sfj-pt__tab{flex:none;height:32px;padding:0 18px;border:0;border-radius:3px;background:#fff;box-shadow:0 1px 2px #0000000f;font:700 10.5px var(--sfj-font);letter-spacing:.1em;text-transform:uppercase;color:#000;cursor:pointer;transition:background .2s,color .2s}.sfj-pt__tab.is-active{background:#2b2b2b;color:#fff;box-shadow:0 2px 6px #00000040}.sfj-pt__panel{display:none}.sfj-pt__panel.is-active{display:block;animation:sfjfade .35s ease}@keyframes sfjfade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.sfj-pt__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.sfj-pt[data-view="2"] .sfj-pt__grid{grid-template-columns:repeat(4,1fr)}.sfj-pt[data-view="3"] .sfj-pt__grid{grid-template-columns:repeat(3,1fr)}.sfj-pt__foot{text-align:center;padding-top:20px}.sfj-pt__all{display:inline-flex;align-items:center;height:40px;padding:0 34px;border:1px solid #000;border-radius:4px;font:700 11px var(--sfj-font);letter-spacing:.14em;text-transform:uppercase;color:#000;text-decoration:none;transition:background .2s,color .2s}.sfj-pt__all:hover{background:#000;color:#fff}.sfj-cats{font-family:var(--sfj-font)}.sfj-cats__row{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:3px;padding:3px}.sfj-cats__tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:225px;padding:18px 10px 16px;background:linear-gradient(180deg,#f4f4f4,#ececec);border-radius:4px;box-shadow:inset 0 1px #ffffffe6,inset 0 0 0 1px #0000000a,0 1px 2px #0000000a;color:#000;text-decoration:none;overflow:hidden;transition:box-shadow .25s}.sfj-cats__tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 70% at 50% 0%,rgba(255,255,255,.7),transparent 60%);pointer-events:none}.sfj-cats__tile:hover{box-shadow:inset 0 1px #fff,inset 0 0 0 1px #00000014,0 6px 18px #0000000f}.sfj-cats__img{flex:1;width:100%;display:flex;align-items:center;justify-content:center;min-height:0}.sfj-cats__img img{max-width:78%;max-height:150px;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s}.sfj-cats__tile:hover .sfj-cats__img img{transform:scale(1.06)}.sfj-cats__label{position:relative;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}@media(max-width:989px){.sfj-pt{padding-top:44px}.sfj-pt__head{padding:0 12px}.sfj-pt__title{font-size:24px}.sfj-pt__toggle{font-size:11px}.sfj-pt__grid,.sfj-pt[data-view="2"] .sfj-pt__grid{grid-template-columns:repeat(2,1fr)}.sfj-pt[data-view="3"] .sfj-pt__grid{grid-template-columns:1fr}.sfj-pt__tabs{margin:20px auto 18px}.sfj-pt__tab{padding:0 13px}.sfj-cats__row{grid-auto-columns:38%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.sfj-cats__row::-webkit-scrollbar{display:none}.sfj-cats__tile{height:170px;scroll-snap-align:start}.sfj-cats__img img{max-height:105px}.sfj-card__name{font-size:11.5px}.sfj-card__info{padding:12px 6px 18px}.sfj-card__label{top:8px;right:8px}.sfj-card__dots{left:8px;bottom:9px}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/sfj-cards.css.map */