.zb-card{--zb-card-ivory: var(--zb-ivory, #FAF7F2);--zb-card-stone: var(--zb-stone, #E4DDD4);--zb-card-ink: var(--zb-ink, #1C1612);--zb-card-taupe: var(--zb-taupe, #6E625A);--zb-card-error: var(--zb-error, #A23B2A);--zb-card-fade: .25s;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:stretch;row-gap:12px;box-sizing:border-box;inline-size:100%;min-inline-size:0;block-size:100%;margin:0;padding:0;list-style:none;background:var(--zb-card-ivory);text-align:start}.zb-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border:1px solid var(--zb-card-stone);pointer-events:none;transition:border-color var(--zb-card-fade) ease}.zb-card .zb-card__photo-link{display:block;flex:0 0 auto;color:inherit;text-decoration:none}.zb-card .zb-card__media{position:relative;display:block;inline-size:100%;aspect-ratio:4 / 5;overflow:hidden;background:#f7efe0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='h'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9 0.035' numOctaves='2' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.36 0 0 0 0 0.26 0 0 0 0 0.14 0 0 0 0.13 0'/%3E%3C/filter%3E%3Cfilter id='v'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.035 0.9' numOctaves='2' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.36 0 0 0 0 0.26 0 0 0 0 0.14 0 0 0 0.13 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23h)'/%3E%3Crect width='100%25' height='100%25' filter='url(%23v)'/%3E%3C/svg%3E") repeat 0 0 / 240px 240px}.zb-card .zb-card__photo,.zb-card .zb-card__hover,.zb-card .zb-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;max-inline-size:none;margin:0;object-fit:contain}.zb-card .zb-card__photo{background:transparent;mix-blend-mode:multiply;transition:opacity var(--zb-card-fade) ease}.zb-card .zb-card__hover{opacity:0;transition:opacity var(--zb-card-fade) ease}.zb-card .zb-card__placeholder{fill:var(--zb-card-taupe);opacity:.35}@media(hover:none){.zb-card .zb-card__hover{display:none}}.zb-card .zb-card__details{display:flex;flex:1 1 auto;flex-direction:column;align-items:stretch;box-sizing:border-box;min-block-size:0;padding-block:14px 12px;padding-inline:12px;background:var(--zb-card-ivory)}.zb-card .zb-card__name{flex:0 0 auto;min-inline-size:0;margin:0 0 14px;padding:0;font-family:var(--zb-font-serif, "Crimson Text", Georgia, "Times New Roman", serif);font-size:21px;font-style:normal;font-weight:400;line-height:23px;letter-spacing:normal;text-transform:none;text-align:start;color:var(--zb-card-ink)}.zb-card .zb-card__name a{display:block;box-sizing:border-box;min-block-size:44px;margin-block:-10.5px;padding-block:10.5px;font:inherit;letter-spacing:inherit;color:inherit;text-decoration:none;text-underline-offset:4px;text-decoration-thickness:1px}.zb-card .zb-card__name a:focus-visible{outline:2px solid var(--zb-card-ink);outline-offset:0}@media(min-width:1024px){.zb-card .zb-card__name{font-size:24px;line-height:26px}.zb-card .zb-card__name a{margin-block:-9px;padding-block:9px}}.zb-card .zb-card__material{flex:0 0 auto;margin:0 0 14px;padding:0;font-family:var(--zb-font-sans, Outfit, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif);font-size:12.5px;font-weight:400;line-height:1.35;letter-spacing:.01em;text-transform:none;text-align:start;color:var(--zb-card-taupe)}.zb-card .zb-card__name+.zb-card__material{margin-block-start:-9px}.zb-card .zb-card__stock{flex:0 0 auto;margin:0 0 14px;padding:0;font-family:var(--zb-font-sans, Outfit, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif);font-size:12px;font-weight:400;line-height:18px;letter-spacing:.02em;text-transform:none;text-align:start;color:var(--zb-card-error)}.zb-card .zb-card__name+.zb-card__stock{margin-block-start:-9px}.zb-card .zb-card__material+.zb-card__stock{margin-block-start:-12px}.zb-card .zb-card__row{display:flex;flex-wrap:nowrap;align-items:baseline;justify-content:space-between;column-gap:10px;margin-block:auto 0;margin-inline:0;padding-block:10px 0;padding-inline:0;border-block-start:1px solid var(--zb-card-stone)}.zb-card .zb-card__label{flex:1 1 0;min-inline-size:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:start;font-family:var(--zb-font-sans, Outfit, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif);font-size:12px;font-weight:400;line-height:18px;letter-spacing:.02em;color:var(--zb-card-taupe)}.zb-card .zb-card__price{flex:0 0 auto;margin-inline-start:auto;white-space:nowrap;text-align:end;font-family:var(--zb-font-sans, Outfit, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif);font-size:14px;font-weight:600;line-height:18px;letter-spacing:normal;font-variant-numeric:tabular-nums;color:var(--zb-card-ink)}@media(min-width:769px){.zb-card:has(.zb-card__name a:focus-visible):after{border-color:var(--zb-card-ink)}.zb-card:has(.zb-card__name a:focus-visible) .zb-card__name a{text-decoration:underline}}@media(hover:hover)and (pointer:fine)and (min-width:769px){.zb-card:hover:after{border-color:var(--zb-card-ink)}.zb-card:hover .zb-card__name a{text-decoration:underline}.zb-card:is(:hover,:has(:focus-visible)) .zb-card__media:has(.zb-card__hover) .zb-card__photo{opacity:0}.zb-card:is(:hover,:has(:focus-visible)) .zb-card__hover{opacity:1}}@media(prefers-reduced-motion:reduce){.zb-card:after,.zb-card .zb-card__photo,.zb-card .zb-card__hover{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/zerbay-card.css.map */