.zs-card{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--zs-white);border:1px solid var(--zs-line);border-radius:var(--zs-r-card);overflow:hidden;color:var(--zs-ink);font-family:var(--zs-font);transition:box-shadow .2s ease}.zs-card:hover{box-shadow:var(--zs-shadow-raised)}.zs-card__media{position:relative;aspect-ratio:1 / 1;background:var(--zs-cream)}.zs-card__media-link{display:block;width:100%;height:100%}.zs-card__media img{display:block;box-sizing:border-box;width:100%;height:100%;padding:4%;object-fit:contain;mix-blend-mode:multiply}.zs-card__badge{position:absolute;top:10px;left:10px;z-index:2;display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:var(--zs-r-pill);font-size:12px;font-weight:var(--zs-fw-bold);letter-spacing:.3px;line-height:1}.zs-card__badge--sale{background:var(--zs-sale);color:#fff}.zs-card__badge--out{background:#ecebe8;color:#595959}.zs-card .zs-card__icon{position:absolute;right:8px;z-index:2;display:grid;place-items:center;width:34px;height:34px;min-width:0;margin:0;padding:0;border:1px solid var(--zs-line);border-radius:50%;background:var(--zs-white);color:var(--zs-ink);box-shadow:none;cursor:pointer;text-decoration:none}.zs-card .zs-card__icon svg{display:block;width:17px;height:17px}.zs-card .zs-card__heart{top:8px}.zs-card .zs-card__heart:not([action=add]){color:var(--zs-sale)}.zs-card .zs-card__heart:not([action=add]) svg{fill:currentColor}.zs-card .zs-card__heart .hdt-svg-pr-icon,.zs-card .zs-card__heart .zs-card__heart-slot{display:none}.zs-card .zs-card__heart:before{content:none}.zs-card .zs-card__cart{bottom:8px;color:var(--zs-green)!important}.zs-card .zs-card__icon:focus-visible{outline:2px solid var(--zs-green);outline-offset:2px}.zs-card__body{display:flex;flex-direction:column;flex:1;gap:4px;padding:10px 10px 12px}.zs-card__brand{overflow:hidden;color:var(--zs-muted);font-size:12px;font-weight:var(--zs-fw-ui);letter-spacing:.8px;line-height:1.3;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.zs-card .zs-card__title{display:-webkit-box;min-height:2.7em;margin:0;overflow:hidden;color:var(--zs-ink);font-family:var(--zs-font);font-size:14px;font-weight:var(--zs-fw-ui);letter-spacing:0;line-height:1.35;text-transform:none;-webkit-box-orient:vertical;-webkit-line-clamp:2}.zs-card .zs-card__title a{color:inherit;text-decoration:none}.zs-card__price{display:flex;flex-direction:column;gap:1px;margin-top:2px;font-variant-numeric:tabular-nums;line-height:1.3}.zs-card__now{color:var(--zs-green);font-size:15px;font-weight:var(--zs-fw-bold)}.zs-card__was{color:var(--zs-muted);font-size:12px;font-weight:var(--zs-fw-regular);text-decoration:line-through}.zs-card__save{display:inline-flex;align-items:center;align-self:flex-start;height:24px;margin-top:6px;padding:0 10px;border-radius:var(--zs-r-pill);background:var(--zs-green-tint);color:var(--zs-green-dark);font-size:11px;font-weight:var(--zs-fw-bold);white-space:nowrap}.zs-card__sizes{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.zs-card__size{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 4px;border:1px solid var(--zs-line);border-radius:6px;background:var(--zs-white);color:var(--zs-ink);font-size:12px;font-weight:var(--zs-fw-ui);font-variant-numeric:tabular-nums;line-height:1}.zs-card__size.is-off{border-color:transparent;background:var(--zs-cream);color:#736d64;text-decoration:line-through;text-decoration-color:#a39d94}.zs-card.is-sold-out .zs-card__media img{opacity:.55}.zs-card.is-sold-out .zs-card__now{color:var(--zs-muted)}.zs-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.products-exact .zs-card{scroll-snap-align:start}@media(min-width:768px){.zs-card__body{padding:14px 14px 16px}.zs-card .zs-card__title{font-size:15px}.zs-card__now{font-size:17px}.zs-card__was{font-size:13px}.zs-card__size{min-width:28px;height:24px;font-size:12px}}.zs-card .zs-card__cart.is-busy{opacity:.5;pointer-events:none}html.zs-qa-open{overflow:hidden}.zs-qa{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;font-family:var(--zs-font);color:var(--zs-text)}.zs-qa[hidden]{display:none}.zs-qa__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#1a1a1a66;opacity:0;transition:opacity .2s ease}.zs-qa__panel{position:absolute;left:0;right:0;bottom:0;max-height:88vh;overflow-y:auto;padding:10px 16px calc(18px + env(safe-area-inset-bottom,0px));border-radius:20px 20px 0 0;background:var(--zs-white);box-shadow:0 -8px 24px #1a1a1a1f;transform:translateY(100%);transition:transform .22s ease}.zs-qa.is-open .zs-qa__backdrop{opacity:1}.zs-qa.is-open .zs-qa__panel{transform:translateY(0)}.zs-qa__panel.is-dragging{transition:none}.zs-qa__panel:focus{outline:none}.zs-qa__handle{width:40px;height:4px;margin:0 auto 14px;border-radius:2px;background:#d8d3cb}.zs-qa .zs-qa__x{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:32px;height:32px;min-width:0;margin:0;padding:0;border:1px solid var(--zs-line);border-radius:50%;background:var(--zs-white);color:var(--zs-muted);cursor:pointer}.zs-qa .zs-qa__x svg{width:16px;height:16px}.zs-qa__product{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;padding-right:36px}.zs-qa__img{display:block;width:72px;height:72px;padding:4px;border:1px solid var(--zs-line);border-radius:12px;background:var(--zs-cream);object-fit:contain;mix-blend-mode:multiply;box-sizing:border-box}.zs-qa__brand{color:var(--zs-muted);font-size:12px;font-weight:var(--zs-fw-ui);letter-spacing:1px;text-transform:uppercase}.zs-qa__name{margin-top:2px;color:var(--zs-ink);font-size:15px;font-weight:var(--zs-fw-ui);line-height:1.3}.zs-qa__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:4px;font-variant-numeric:tabular-nums}.zs-qa__price b{color:var(--zs-green);font-size:16px;font-weight:var(--zs-fw-bold)}.zs-qa__price s{color:var(--zs-muted);font-size:13px}.zs-qa__row{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.zs-qa__label{color:var(--zs-ink);font-size:14px;font-weight:var(--zs-fw-bold)}.zs-qa .zs-qa__guide{color:var(--zs-green);font-size:13px;font-weight:var(--zs-fw-ui);text-decoration:underline;text-underline-offset:3px}.zs-qa__sizes{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px;border-radius:12px}.zs-qa .zs-qa__size{height:44px;min-width:0;margin:0;padding:0;border:1px solid var(--zs-line);border-radius:var(--zs-r-btn);background:var(--zs-white);color:var(--zs-ink);font-family:var(--zs-font);font-size:15px;font-weight:var(--zs-fw-ui);font-variant-numeric:tabular-nums;cursor:pointer}.zs-qa .zs-qa__size:hover{border-color:var(--zs-green)}.zs-qa .zs-qa__size.is-off{border-color:transparent;background:var(--zs-cream);color:#736d64;text-decoration:line-through;text-decoration-color:#a39d94;cursor:not-allowed}.zs-qa .zs-qa__size.is-picked{border:2px solid var(--zs-green);background:var(--zs-green-tint);color:var(--zs-green-dark)}.zs-qa .zs-qa__size:focus-visible{outline:2px solid var(--zs-green);outline-offset:2px}.zs-qa__sizes.is-nudged{animation:zs-nudge .6s ease}@keyframes zs-nudge{0%,to{box-shadow:0 0 #3a7d3200}40%{box-shadow:0 0 0 4px #3a7d3259}}.zs-qa__error{margin:10px 0 0;color:var(--zs-sale);font-size:13px}.zs-qa .zs-qa__add,.zs-qa .zs-qa__cart{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin:16px 0 0;padding:0 20px;border:0;border-radius:var(--zs-r-btn);background:var(--zs-green);color:#fff;font-family:var(--zs-font);font-size:var(--zs-fs-button);font-weight:var(--zs-fw-bold);text-decoration:none;cursor:pointer}.zs-qa .zs-qa__add:hover,.zs-qa .zs-qa__cart:hover{background:var(--zs-green-dark)}.zs-qa .zs-qa__add[aria-disabled=true]{opacity:.55}.zs-qa .zs-qa__add.is-busy{opacity:.7;cursor:progress}.zs-qa .zs-qa__details,.zs-qa .zs-qa__continue{display:flex;justify-content:center;width:100%;margin:12px 0 0;padding:6px 0;border:0;background:none;color:var(--zs-green);font-family:var(--zs-font);font-size:14px;font-weight:var(--zs-fw-bold);text-decoration:none;cursor:pointer}.zs-qa__done{padding-top:6px;text-align:center}.zs-qa__done-title{margin:18px 0 0;color:var(--zs-green-dark);font-size:17px;font-weight:var(--zs-fw-bold)}.zs-qa__done-title span{display:inline-grid;place-items:center;width:26px;height:26px;margin-right:6px;border-radius:50%;background:var(--zs-green-tint)}.zs-qa__done-size{margin:4px 0 0;color:var(--zs-muted);font-size:14px}@media(min-width:768px){.zs-qa__panel{left:50%;right:auto;top:50%;bottom:auto;width:min(440px,calc(100% - 48px));max-height:86vh;padding:24px;border-radius:var(--zs-r-card);box-shadow:var(--zs-shadow-raised);opacity:0;transform:translate(-50%,-46%);transition:transform .2s ease,opacity .2s ease}.zs-qa.is-open .zs-qa__panel{opacity:1;transform:translate(-50%,-50%)}.zs-qa__handle{display:none}}.zs-toast{position:fixed;left:50%;bottom:calc(76px + env(safe-area-inset-bottom,0px));z-index:1300;display:flex;align-items:center;gap:10px;width:max-content;max-width:calc(100% - 32px);padding:12px 14px 12px 16px;border-radius:14px;background:var(--zs-ink);color:#fff;font-family:var(--zs-font);font-size:14px;font-weight:var(--zs-fw-ui);box-shadow:var(--zs-shadow-raised);opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:opacity .2s ease,transform .2s ease}.zs-toast.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%)}.zs-toast.is-error{background:var(--zs-sale)}.zs-toast__check{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--zs-green);color:#fff;font-size:13px}.zs-toast .zs-toast__link{margin-left:4px;color:#b9e3b2;font-weight:var(--zs-fw-bold);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}@media(min-width:768px){.zs-toast{bottom:32px}}@media(prefers-reduced-motion:reduce){.zs-qa__panel,.zs-qa__backdrop,.zs-toast{transition:none}.zs-qa__sizes.is-nudged{animation:none}}dialog.zs-qa{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:visible;color:var(--zs-text)}dialog.zs-qa:not([open]){display:none}dialog.zs-qa::backdrop{background:transparent}.zs-toast[popover]{top:auto;right:auto;margin:0;border:0;overflow:visible}.zs-toast[popover]:not(:popover-open){display:none}
/*# sourceMappingURL=/cdn/shop/t/17/assets/zs-product-card.css.map */