.snusify-product{position:relative;isolation:isolate;display:flex;flex-direction:column;min-inline-size:0;block-size:100%}.snusify-product__name:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:5}.snusify-product__meta>.snusify-qbuy{position:relative;z-index:6}.snusify-product:has(.snusify-product__name:focus-visible){outline:2px solid var(--c-accent);outline-offset:2px}.snusify-product .snusify-product__name:focus-visible{outline:none;box-shadow:none}@media(forced-colors:active){.snusify-product:has(.snusify-product__name:focus-visible){outline:3px solid LinkText}}.snusify-product__media{position:relative;display:flex;aspect-ratio:1;align-items:center;justify-content:center;overflow:hidden;background:var(--c-surface);border:1px solid var(--c-line-soft)}.snusify-product__art{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.snusify-product__media img,.snusify-product__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover;transition:transform .45s var(--snusify-ease)}.snusify-product__placeholder{fill:var(--c-faint);background:var(--c-surface)}.snusify-product:hover .snusify-product__media img{transform:scale(1.03)}:root{--snusify-spec-size: 3.4rem}.snusify-spec{--snusify-level-on: var(--c-accent);position:absolute;inset-block-start:0;inset-inline:0;z-index:3;block-size:var(--snusify-spec-size)}.snusify-spec__fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--c-surface-2)}.snusify-spec__ink{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;margin:0;align-items:center;justify-content:space-between;gap:1.2rem;padding-inline:1.4rem;color:var(--c-text);font:600 1rem/1 var(--ff-body);letter-spacing:.14em;text-transform:uppercase}.snusify-spec__ink>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.snusify-spec__ink>span:first-child{min-inline-size:0}.snusify-spec__ink>span:last-child{flex:none}.snusify-spec__value{display:inline-flex;align-items:center;gap:.6rem}.snusify-level{display:inline-flex;gap:.2rem}.snusify-level__dot{inline-size:.5rem;block-size:.5rem;background:color-mix(in srgb,currentColor 30%,transparent)}.snusify-level__dot.is-on{background:var(--snusify-level-on, currentColor)}.is-sold-out .snusify-spec{--snusify-level-on: var(--c-muted)}.is-sold-out .snusify-spec__ink{color:var(--c-muted)}.snusify-sold-out{position:absolute;inset-block-start:50%;inset-inline:0;z-index:4;margin:0;padding-block:1.3rem;padding-inline:.8rem;translate:0 -50%;background:var(--c-bg);color:var(--c-text);text-align:center;font:600 1.2rem/1 var(--ff-body);letter-spacing:.24em;text-transform:uppercase}.snusify-product__rating{font-size:1.2rem}.snusify-product__rating .snusify-rating__stars{--snusify-star: 1.2rem}.snusify-product__meta{display:flex;flex:1;flex-direction:column;gap:1rem;padding-block:1.8rem 2rem;padding-inline:2rem;background:var(--c-surface-2)}.snusify-product__meta>.snusify-qbuy{margin-block-start:auto;padding-block-start:1.6rem}.snusify-product__row{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;min-inline-size:0}.snusify-product__name{display:block;min-inline-size:0;overflow:hidden;color:var(--c-text);font:500 1.6rem/1.3 var(--ff-display);text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.snusify-product__name:hover{color:var(--c-text)}.snusify-product__price{margin-block-start:auto;font-size:2.2rem;line-height:1}.snusify-price{display:inline-flex;margin:0;flex-wrap:wrap;align-items:baseline;gap:.2rem .8rem;color:inherit;font-variant-numeric:tabular-nums}.snusify-price--sale{color:var(--c-accent)}.snusify-price__from{color:var(--c-text-3);font:500 1.3rem/1 var(--ff-body)}.snusify-price__now{color:inherit;font:700 1em/1 var(--ff-display);letter-spacing:-.02em}.snusify-price__was{color:var(--c-muted);font:400 1.4rem/1 var(--ff-body);text-decoration-thickness:1px}.snusify-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.4rem;margin:0;padding:0;list-style:none}@media screen and (max-width:989px){.snusify-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:640px){.snusify-product-grid{gap:1.6rem}}.snusify-product-grid__empty{grid-column:1 / -1;padding-block:4.8rem;color:var(--c-muted);font-size:1.5rem}.is-sold-out .snusify-product__media img{filter:grayscale(1);opacity:.45}.is-sold-out .snusify-product__name,.is-sold-out .snusify-price{color:var(--c-muted)}.snusify-can{position:absolute;top:0;right:0;bottom:0;left:0;container-type:size;background:var(--snusify-can-key)}.snusify-can .snusify-can__image{position:absolute;inset:calc(50% + var(--snusify-spec-size) / 2) auto auto 50%;inline-size:calc(var(--snusify-can-size) * var(--snusify-can-fit) * 100%);inline-size:calc(var(--snusify-can-size) * var(--snusify-can-fit) * 100cqmin);max-inline-size:none;block-size:auto;padding:0;object-fit:contain;translate:calc(var(--snusify-can-cx) * -100%) calc(var(--snusify-can-cy) * -100%);transform-origin:calc(var(--snusify-can-cx) * 100%) calc(var(--snusify-can-cy) * 100%);transition:transform .45s var(--snusify-ease),opacity .3s ease}.snusify-can__shadow{position:absolute;inset-block-start:calc(50% + var(--snusify-spec-size) / 2 + var(--snusify-can-size) * var(--snusify-can-fh) * 50%);inset-block-start:calc(50% + var(--snusify-spec-size) / 2 + var(--snusify-can-size) * var(--snusify-can-fh) * 50cqmin);left:50%;inline-size:calc(var(--snusify-can-size) * var(--snusify-can-fw) * 88%);inline-size:calc(var(--snusify-can-size) * var(--snusify-can-fw) * 88cqmin);block-size:calc(var(--snusify-can-size) * 16%);block-size:calc(var(--snusify-can-size) * 16cqmin);translate:-50% -50%;background:radial-gradient(closest-side,rgb(0 0 0 / calc(var(--snusify-can-shadow) * .75)),transparent);border-radius:50%;filter:blur(.3rem);transition:opacity .3s ease}.snusify-can-fade .snusify-can:not(.is-in) :is(.snusify-can__image,.snusify-can__shadow){opacity:0}@supports (color: oklch(from red l c h)){.snusify-can{background:linear-gradient(180deg in oklch,oklch(from var(--snusify-can-key) max(.14,calc(l - var(--snusify-can-depth))) calc(c*.58) h),var(--snusify-can-key))}.snusify-can__shadow{background:radial-gradient(closest-side,oklch(from var(--snusify-can-key) calc(l*.28) calc(c*.55) h / calc(var(--snusify-can-shadow) * .85)),transparent)}}.is-sold-out .snusify-can{filter:grayscale(1);opacity:.45}.is-sold-out .snusify-can .snusify-can__image{filter:none;opacity:1}.snusify-product__media--can{border:0}:is(.snusify-product,.snusify-cf) .snusify-spec__ink{gap:.8rem;letter-spacing:.06em}:is(.snusify-product,.snusify-cf) .snusify-spec__ink>.snusify-spec__label{display:flex;flex:1 1 auto;justify-content:space-between;gap:1.2rem;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;text-overflow:clip}:is(.snusify-product,.snusify-cf) .snusify-spec__ink>.snusify-spec__label::-webkit-scrollbar{display:none}.snusify-spec__item{flex:none;white-space:nowrap}.snusify-product .snusify-spec{z-index:6}.snusify-cf .snusify-spec__label{pointer-events:auto}.snusify-spec__icon{inline-size:1.4rem;block-size:1.4rem;margin-inline-end:.4rem;vertical-align:-.35rem;opacity:.8}.snusify-product__media--can .snusify-spec{border-block-end:1px solid color-mix(in srgb,currentColor 22%,transparent)}.snusify-product__media--can .snusify-spec__fill{display:none}@media screen and (max-width:640px){:root{--snusify-spec-size: 2.8rem}.snusify-spec__ink{gap:.8rem;padding-inline:1rem;font-size:.9rem;letter-spacing:.08em}.snusify-sold-out{padding-block:1rem;padding-inline:.6rem;font-size:1rem;letter-spacing:.18em}.snusify-product__name{font-size:1.4rem}.snusify-product__meta{padding-block:1.2rem 1.4rem;padding-inline:1.2rem}.snusify-product__meta>.snusify-qbuy{padding-block-start:1.2rem}}@media screen and (max-width:480px){:root{--snusify-spec-size: 2.6rem}.snusify-spec__ink{gap:.6rem;padding-inline:.8rem;font-size:.8rem;letter-spacing:.04em}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/snusify-product-card.css.map */