.sp-cgrid{background:var(--sp-panel-ground, var(--sp-cream, #EFEADB));border-radius:var(--sy-r-panel, 24px) var(--sy-r-panel, 24px) 0 0;margin-top:12px;padding:14px var(--sy-gutter, 16px) 30px}@media(min-width:1024px){.sp-cgrid{margin-top:24px;padding-top:28px;padding-bottom:44px}}.sp-cgrid__list{--sp-cgrid-cap: 380px;--sp-cgrid-maxcols: 4;--sp-cgrid-share: calc( (100% - (var(--sp-cols, 2) - 1) * var(--sp-cgrid-gap, 12px)) / var(--sp-cols, 2));--sp-cgrid-bound: calc( (100% - (var(--sp-cgrid-maxcols) - 1) * var(--sp-cgrid-gap, 12px)) / var(--sp-cgrid-maxcols));display:grid;grid-template-columns:repeat(auto-fill,minmax(max(var(--sp-cgrid-bound),min(var(--sp-cgrid-cap),var(--sp-cgrid-share))),1fr));gap:var(--sp-cgrid-gap, 12px);align-items:stretch}.sp-cgrid__item{position:relative;z-index:0;container-type:inline-size;--sp-cgrid-r: var(--sp-card-radius, 14px);border-radius:var(--sp-cgrid-r, 20px);background:var(--sp-card-bg, var(--sp-cream, #EFEADB));transition:box-shadow .32s var(--sp-ease-out, ease)}.sp-cgrid__item:hover{box-shadow:0 8px 32px #0000000f}.sp-cgrid__card{position:relative;display:flex;flex-direction:column;height:100%;padding:0;border-radius:inherit}.sp-cgrid__media{display:block;position:relative;overflow:hidden;border-radius:var(--sp-cgrid-r, 20px) var(--sp-cgrid-r, 20px) 0 0;aspect-ratio:3 / 4;background:#0000000a}.sp-cgrid__img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .22s var(--sp-ease-out, ease)}.sp-cgrid__img--hover{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}@media(hover:hover)and (pointer:fine){.sp-cgrid__item:hover .sp-cgrid__img--hover,.sp-cgrid__media:focus-visible .sp-cgrid__img--hover{opacity:1}}.sp-cgrid__mark{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--sp-serif, Charter, Georgia, serif);font-size:64px;font-weight:700;opacity:.22}.sp-cgrid__eye{display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;cursor:pointer;z-index:3;transition:transform .22s var(--sp-ease-out, ease)}@media(min-width:768px){.sp-cgrid__eye{position:absolute;right:6px;bottom:100%;margin-bottom:6px;width:var(--sp-cgrid-eye, 38px);height:var(--sp-cgrid-eye, 38px);color:var(--sp-ink, #0e2f35)}.sp-cgrid__eye:before{content:"";position:absolute;left:50%;top:50%;width:26px;height:26px;border-radius:50%;background:var(--sp-card-bg, var(--sp-cream, #EFEADB));box-shadow:0 1px 4px #0e2f3547;transform:translate(-50%,-50%);transition:box-shadow .22s var(--sp-ease-out, ease)}.sp-cgrid__eye:hover:before,.sp-cgrid__eye:focus-visible:before{box-shadow:0 2px 9px #0e2f3557}}@media(max-width:767px){.sp-cgrid__eye{grid-area:eye;justify-self:end;align-self:center;width:var(--sp-cgrid-line);height:var(--sp-cgrid-line);color:#000}.sp-cgrid__eye svg{width:100%;height:100%}}.sp-cgrid__eye:hover,.sp-cgrid__eye:focus-visible{transform:scale(1.08)}.sp-cgrid__eye svg{position:relative;z-index:1;display:block;width:20px;height:20px}.sp-cgrid__meta{padding:14px 14px 16px;display:grid;grid-template-columns:minmax(min-content,1fr) auto;grid-template-areas:"name  price" "name2 eye";--sp-cgrid-line: calc(1.15*clamp(14px, 5.2cqi, 21px)) ;grid-template-rows:var(--sp-cgrid-line) var(--sp-cgrid-line);column-gap:10px;align-items:center;position:relative}.sp-cgrid__title{grid-area:name / name / name2 / name2;align-self:start;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.sp-cgrid__price{grid-area:price}.sp-cgrid__title{margin:0;min-width:0;font-family:var(--sp-serif, Charter, "Bitstream Charter", Georgia, serif);font-weight:700;font-size:clamp(14px,5.2cqi,21px);line-height:1.15;letter-spacing:-.015em}.sp-cgrid__band{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;margin:0;padding:0;border:0;background:none;cursor:pointer;border-radius:0 0 var(--sp-cgrid-r, 20px) var(--sp-cgrid-r, 20px)}.sp-cgrid__band:focus-visible{outline:2px solid var(--sp-ink, #0e2f35);outline-offset:-2px}.sp-cgrid__price{justify-self:end;margin:0;white-space:nowrap;font-family:var(--sp-sans, Montserrat, "Montserrat Fallback", sans-serif);font-size:clamp(13px,4.06cqi,16.4px);font-weight:500;opacity:.72;padding-top:2px;display:flex;flex-wrap:wrap-reverse;align-content:flex-end;align-items:baseline;justify-content:flex-end;box-sizing:content-box;height:1.6em;height:1lh;overflow:hidden}.sp-cgrid__from{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;opacity:.7}.sp-cgrid__was{margin-inline-start:6px;opacity:.5}.sp-cgrid__actions{position:relative;z-index:2;display:flex;justify-content:flex-end;padding:0 10px 8px}.sp-cgrid__actions:not(:has(*)){display:none}.sp-cgrid__sentinel{min-height:40px;display:flex;align-items:center;justify-content:center;padding:32px 0 8px}.sp-cgrid__spinner{--sy-shroom-size: 30px;color:var(--sp-ink, #0e2f35);opacity:0;transition:opacity .2s var(--sp-ease-out, ease)}.sp-cgrid__spinner--active,.blog-card-grid__spinner--active{opacity:.5}.sp-cgrid .blog-card-grid__end,.sp-cgrid__empty{font-family:var(--sp-sans, Montserrat, "Montserrat Fallback", sans-serif);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.55;text-align:center}.sp-cgrid__empty{padding:48px 0}@media(prefers-reduced-motion:reduce){.sp-cgrid__item,.sp-cgrid__eye,.sp-cgrid__spinner{transition:none;animation:none}}.sp-cgrid__set{position:absolute;z-index:2;font-family:var(--sp-sans, Montserrat, "Montserrat Fallback", sans-serif);font-size:11px;font-weight:600;letter-spacing:.06em;line-height:1.3;text-transform:uppercase;pointer-events:none;color:var(--sp-cream, #EFEADB)}.sp-cgrid__set--strip{left:0;right:0;bottom:100%;justify-self:stretch;padding:7px 12px 6px;background:var(--sp-onpic-ground, rgb(255 254 250 / .7));-webkit-backdrop-filter:var(--sp-onpic-blur, blur(14px));backdrop-filter:var(--sp-onpic-blur, blur(14px));color:var(--sp-onpic-ink, #0e2f35);text-align:left}.sp-cgrid__set--box-left,.sp-cgrid__set--box-right,.sp-cgrid__set--box-top{padding:5px 8px 4px;border-radius:var(--sp-step-radius, 4px);background:var(--sp-onpic-ground, rgb(255 254 250 / .7));-webkit-backdrop-filter:var(--sp-onpic-blur, blur(14px));backdrop-filter:var(--sp-onpic-blur, blur(14px));box-shadow:var(--sp-onpic-edge, none);color:var(--sp-onpic-ink, #0e2f35);white-space:nowrap}.sp-cgrid__set--box-left,.sp-cgrid__set--text{left:10px;bottom:calc(100% + 10px)}.sp-cgrid__set--box-right{right:10px;bottom:calc(100% + 10px)}.sp-cgrid__set--text{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.55),0 0 10px rgba(0,0,0,.35);white-space:nowrap}.sp-cgrid__set--box-top{left:10px;top:10px}.sp-cgrid__set-short{display:none}@media(max-width:767px){.sp-cgrid__set{white-space:nowrap}.sp-cgrid__set-long{display:none}.sp-cgrid__set-short{display:inline}}.sp-cgrid__item{--sp-cgrid-eye: 38px}@media(min-width:768px){.sp-cgrid__set{font-size:14px;min-height:var(--sp-cgrid-eye, 38px);display:flex;align-items:center;padding-top:0;padding-bottom:0}.sp-cgrid__item:has(.sp-cgrid__set--strip) .sp-cgrid__eye{margin-bottom:calc(var(--sp-cgrid-eye, 38px) + 6px)}.sp-cgrid__set--box-right{right:calc(var(--sp-cgrid-eye, 38px) + 14px);bottom:calc(100% + 6px)}.sp-cgrid__set--box-left,.sp-cgrid__set--text{bottom:calc(100% + 6px)}}.sp-cgrid__meta{flex:1 0 auto}.sp-cgrid__item:has(.sp-cgrid__set--card) .sp-cgrid__meta{--sp-cgrid-setline: 24px;grid-template-areas:"name  price" "name2 eye" "set   set";grid-template-rows:var(--sp-cgrid-line) var(--sp-cgrid-line) var(--sp-cgrid-setline)}.sp-cgrid__set--card{position:static;grid-area:set;align-self:end;justify-self:start;max-width:100%;line-height:16px;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width:768px){.sp-cgrid__set--card{display:block;min-height:0;font-size:12px}}.sp-cgrid__item{--sp-card-tonal: 14%}.sp-cgrid__item[data-sp-card-tonal]{background:color-mix(in oklab,var(--sp-card-bg, var(--sp-cream, #EFEADB)),#000 var(--sp-card-tonal))}.sp-cgrid__media--cut{background:var(--sp-card-bg, var(--sp-cream, #EFEADB))}.sp-cgrid__cut{position:absolute;display:block;max-width:none;width:auto;pointer-events:none}.sp-cut-pick{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px calc(var(--sp-cgrid-eye, 32px) + 22px) 0 14px}.sp-cut-pick__dots{display:flex;flex-wrap:wrap;gap:5px;margin-right:auto}.sp-cut-pick__dot{width:15px;height:15px;padding:0;border:0;border-radius:50%;cursor:pointer;box-shadow:inset 0 0 0 1px #0000002e}.sp-cut-pick__dot[aria-pressed=true]{outline:2px solid var(--sp-ink, #0e2f35);outline-offset:2px}.sp-cut-pick__seg{display:inline-flex;border-radius:7px;overflow:hidden;box-shadow:inset 0 0 0 1px #0e2f3540}.sp-cut-pick__seg button{border:0;background:transparent;color:var(--sp-ink, #0e2f35);cursor:pointer;padding:6px 8px;font:600 10px/1 var(--sp-sans, Montserrat, sans-serif);letter-spacing:.06em;text-transform:uppercase}.sp-cut-pick__seg button[aria-pressed=true]{background:var(--sp-ink, #0e2f35);color:var(--sp-cream, #f2efe8)}.sp-cut-pick__seg button:disabled{opacity:.3;cursor:default}@media(max-width:749px){.sp-cut-pick{gap:6px;padding:8px calc(var(--sp-cgrid-eye, 28px) + 14px) 0 10px}.sp-cut-pick__dot{width:13px;height:13px}.sp-cut-pick__seg button{padding:5px 6px}}.sp-cgrid__cut{transition:opacity .3s ease}.sp-cgrid__cut--out{opacity:0}.sp-cgrid__item[data-sp-card-tonal] .sp-cgrid__media--cut{transition:background-color .5s ease}.sp-cgrid__cut[data-c=White]{filter:url(#sp-shadow-white)}
/*# sourceMappingURL=/cdn/shop/t/86/assets/sp-collection.css.map */