.sfs{padding-block:var(--sfs-pt, 72px) var(--sfs-pb, 72px);background:var(--sfs-bg, #f5f4f1);color:var(--sfs-fg, #1a1a1a)}.sfs__inner{padding-inline:var(--page-margin, 16px);max-width:var(--page-width, 1520px);margin-inline:auto}.sfs__head{margin-block-end:34px}.sfs__title{margin:0;font-family:var(--font-heading--family);font-weight:700;font-size:clamp(34px,6vw,68px);line-height:.98;letter-spacing:-.035em;max-width:12ch;text-wrap:balance}.sfs__grid{display:grid;gap:28px}@media(min-width:900px){.sfs__grid{grid-template-columns:1fr 1fr;gap:56px;align-items:start}}.sfs__stage{position:relative;aspect-ratio:1 / 1;display:grid;place-items:center;overflow:hidden;background:transparent;padding:0;box-sizing:border-box}.sfs__eyebrow{display:none}.sfs__shot{width:100%;height:100%;object-fit:contain;display:block;transition:opacity .16s ease}.sfs__shot.is-fading{opacity:0}.sfs__nav{position:absolute;inset-block-start:50%;transform:translateY(-50%);width:36px;height:36px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:var(--sfs-fg, #1a1a1a);opacity:.7;cursor:pointer;z-index:2;transition:opacity .15s ease}.sfs__nav:hover{opacity:1}.sfs__nav:focus-visible{outline:2px solid currentColor;outline-offset:2px}.sfs__nav[hidden]{display:none}.sfs__nav--prev{inset-inline-start:2px}.sfs__nav--next{inset-inline-end:2px;transform:translateY(-50%) scaleX(-1)}.sfs__navicon{width:11px;height:19px}.sfs__thumbs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-block-start:14px}.sfs__thumbs[hidden]{display:none}.sfs__thumb{width:72px;height:72px;flex:none;padding:0;border:1px solid rgb(0 0 0 / .12);border-radius:10px;overflow:hidden;background:var(--sfs-stage, #ebeae6);cursor:pointer;transition:border-color .15s ease}.sfs__thumb img{width:100%;height:100%;object-fit:cover;display:block}.sfs__thumb:hover{border-color:#00000059}.sfs__thumb.is-on{border-color:var(--sfs-fg, #1a1a1a)}.sfs__thumb:focus-visible{outline:2px solid currentColor;outline-offset:2px}@media(max-width:640px){.sfs__thumbs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;justify-content:flex-start}.sfs__thumbs::-webkit-scrollbar{display:none}.sfs__thumb{width:60px;height:60px}}.sfs__panel{display:flex;flex-direction:column}.sfs__namerow{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.sfs__name{margin:0;font-family:var(--font-heading--family);font-weight:700;font-size:clamp(21px,2.4vw,28px);letter-spacing:-.02em;line-height:1.1}.sfs__price{font-family:var(--font-body--family);font-size:24px;font-weight:400;white-space:nowrap}.sfs__reviews{display:inline-flex;align-items:center;gap:9px;margin-block-start:10px;align-self:flex-start;color:inherit;text-decoration:none}.sfs__stars{position:relative;display:inline-block;line-height:0}.sfs__stars-off{opacity:.22}.sfs__stars-on{position:absolute;inset-block-start:0;inset-inline-start:0;overflow:hidden;white-space:nowrap;width:var(--pct, 100%)}.sfs__star{width:15px;height:15px;display:inline-block}.sfs__rcount{font-size:14px;text-decoration:underline;text-underline-offset:3px}.sfs__reviews:hover .sfs__rcount{opacity:.65}.sfs__desc{margin:10px 0 0;font-size:14.5px;line-height:1.5;opacity:.62;min-height:1.5em}.sfs__lbl{font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;opacity:.45}.sfs__filterrow{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-block-start:30px}.sfs__selectwrap{position:relative;display:inline-flex;align-items:center}.sfs__select{appearance:none;-webkit-appearance:none;border:1px solid rgb(0 0 0 / .16);background:transparent;border-radius:100px;padding:9px 34px 9px 15px;font:inherit;font-size:13.5px;color:inherit;cursor:pointer}.sfs__select:focus-visible{outline:2px solid currentColor;outline-offset:2px}.sfs__chev{position:absolute;inset-inline-end:14px;width:10px;height:6px;pointer-events:none;opacity:.5}.sfs__count{margin:14px 0 0;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;opacity:.4}.sfs__swatches{display:flex;flex-wrap:wrap;gap:10px;margin-block-start:12px}.sfs__sw{width:30px;height:30px;flex:none;padding:0;border:0;border-radius:50%;cursor:pointer;background:var(--c, #ccc);box-shadow:inset 0 0 0 1px #00000024,0 0 0 3px var(--sfs-bg, #f5f4f1);transition:transform .15s ease,box-shadow .15s ease}.sfs__sw:hover{transform:scale(1.1)}.sfs__sw[aria-pressed=true]{box-shadow:inset 0 0 0 1px #00000024,0 0 0 3px var(--sfs-bg, #f5f4f1),0 0 0 4.5px var(--sfs-accent, #0171e3)}.sfs__sw:focus-visible{outline:2px solid currentColor;outline-offset:4px}.sfs__sw[hidden]{display:none}.sfs__modelhead{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-block-start:30px}.sfs__help{font-size:12.5px;color:inherit;opacity:.6;text-decoration:none;border-bottom:1px solid currentColor}.sfs__help:hover{opacity:1}.sfs__models{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-block-start:12px}.sfs__model{padding:13px 10px;border:1px solid rgb(0 0 0 / .14);border-radius:100px;background:transparent;font:inherit;font-size:13.5px;color:inherit;cursor:pointer;transition:border-color .15s ease,background .15s ease}.sfs__model:hover:not(:disabled){border-color:currentColor}.sfs__model[aria-pressed=true]{background:var(--sfs-fg, #1a1a1a);border-color:var(--sfs-fg, #1a1a1a);color:var(--sfs-bg, #f5f4f1)}.sfs__model:disabled{opacity:.32;cursor:not-allowed;text-decoration:line-through}.sfs__add{margin-block-start:26px;width:100%;min-height:52px;display:inline-flex;align-items:center;justify-content:center;text-align:center;font-size:16px;font-weight:700}.sfs__addtext{display:inline-flex;align-items:center;gap:12px}.sfs__adddiv{width:1px;height:18px;flex:none;background:#ffffff73}.sfs__adddiv[hidden]{display:none}.sfs__sel{margin:12px 0 0;text-align:center;font-size:12.5px;color:var(--sfs-accent, #0171e3)}.sfs__note{margin:8px 0 0;text-align:center;font-size:12px;opacity:.45}.sfs__toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,14px);z-index:60;padding:11px 18px;border-radius:999px;background:#1a1a1a;color:#fff;font-size:13.5px;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.sfs__toast.is-on{opacity:1;transform:translate(-50%)}@media(prefers-reduced-motion:reduce){.sfs__shot,.sfs__sw,.sfs__model,.sfs__thumb,.sfs__nav,.sfs__toast{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/87/assets/suti-finish-studio.css.map */