.jjcard-col{margin-bottom:var(--jj-space-6)}.jjcard-flip{perspective:1200px;height:100%;min-height:240px;text-decoration:none;display:block}.jjcard-flip__inner{width:100%;height:100%;min-height:240px;transform-style:preserve-3d;transition:transform .5s;position:relative}.jjcard-flip:hover .jjcard-flip__inner{transform:rotateY(180deg)}.jjcard-flip__face{backface-visibility:hidden;border:1px solid var(--jj-border);border-radius:var(--jj-radius);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.jjcard-flip__face--front{background:var(--jj-surface-sunk)}.jjcard-flip__img{object-fit:contain;width:100%;height:100%;padding:var(--jj-space-4)}.jjcard-flip__face--back{justify-content:center;gap:var(--jj-space-4);padding:var(--jj-space-5,20px);text-align:center;background:linear-gradient(160deg,var(--jj-accent,#3b82f6)0%,var(--jj-accent-hover,#2563eb)100%);color:var(--jj-accent-contrast);flex-direction:column;transform:rotateY(180deg)}.jjcard-flip__title{font-weight:700;font-size:var(--jj-fs-body,15px);letter-spacing:.01em;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.jjcard-flip__specs{font-size:var(--jj-fs-tiny,12px);opacity:.92;flex-direction:column;gap:3px;margin:0;padding:0;line-height:1.4;list-style:none;display:flex}.jjcard-flip__spec-key{font-weight:700}.jjcard-flip__view{font-weight:700;font-size:var(--jj-fs-small,13px);text-transform:uppercase;letter-spacing:.04em;color:var(--jj-accent,#3b82f6);background:var(--jj-surface,#fff);border-radius:var(--jj-radius-pill,999px);flex-shrink:0;align-items:center;gap:6px;padding:8px 20px;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 2px 8px #0000001f}.jjcard-flip:hover .jjcard-flip__view{transform:translateY(-1px);box-shadow:0 4px 14px #0003}.jjcard-flip--out .jjcard-flip__face--front{opacity:.6}.jjcard{background:var(--jj-surface);border:1px solid var(--jj-border);border-radius:var(--jj-radius);height:100%;transition:border-color var(--jj-transition),transform var(--jj-transition),box-shadow var(--jj-transition);flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000000f}.jjcard:hover{border-color:var(--jj-accent,#3b82f6);transform:translateY(-4px);box-shadow:0 12px 28px #3b82f62e}.jjcard--out{opacity:.62}.jjcard__well{background:var(--jj-surface-sunk);border-bottom:1px solid var(--jj-border);height:176px;position:relative}.jjcard__well-link{width:100%;height:100%;display:block}.jjcard__img{object-fit:contain;width:100%;height:100%;padding:var(--jj-space-4);transition:transform .3s}.jjcard:hover .jjcard__img{transform:scale(1.06)}.jjcard__badge{z-index:2;top:var(--jj-space-3);left:var(--jj-space-3);font-family:var(--jj-ff-mono);letter-spacing:.06em;color:var(--jj-gold);background:var(--jj-gold-wash);border:1px solid var(--jj-gold-line);border-radius:2px;padding:3px 7px;font-size:10px;position:absolute}.jjcard__brand{z-index:2;top:var(--jj-space-3);right:var(--jj-space-3);font-size:var(--jj-fs-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--jj-text-muted);position:absolute}.jjcard__peek,.jjcard__wish{z-index:3;bottom:var(--jj-space-3);cursor:pointer;opacity:0;justify-content:center;align-items:center;width:36px;height:36px;transition:opacity .25s,transform .25s,background .2s;display:flex;position:absolute;transform:translateY(8px);box-shadow:0 3px 10px #0003;background:var(--jj-accent,#3b82f6)!important;border:1px solid var(--jj-accent-hover,#2563eb)!important;color:var(--jj-accent-contrast,#fff)!important;border-radius:50%!important}.jjcard__peek i,.jjcard__wish i{color:var(--jj-accent-contrast,#fff)!important;font-size:15px!important;line-height:1!important}.jjcard__wish{right:var(--jj-space-3)}.jjcard__peek{right:calc(var(--jj-space-3) + 36px + var(--jj-space-2))}.jjcard__peek:hover{background:var(--jj-accent-hover,#2563eb)!important;color:var(--jj-accent-contrast,#fff)!important;transform:translateY(-2px)!important}.jjcard:hover .jjcard__wish,.jjcard:hover .jjcard__peek,.jjcard__wish:focus-visible,.jjcard__peek:focus-visible,.jjcard__wish--on{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}.jjcard__wish:hover,.jjcard__wish--on{background:var(--jj-accent-hover,#2563eb)!important;border-color:var(--jj-accent-hover)!important}.jjcard__wish--on i{color:gold!important}.jjcard__body{gap:var(--jj-space-3);padding:var(--jj-space-4)var(--jj-space-4)0;flex-direction:column;flex-grow:1;display:flex}.jjcard__head{flex-direction:column;gap:5px;display:flex}.jjcard__sku{font-family:var(--jj-ff-mono);font-size:var(--jj-fs-micro);letter-spacing:.05em;color:var(--jj-text-faint)}.jjcard__title{-webkit-line-clamp:2;min-height:2.6em;font-size:var(--jj-fs-title);color:var(--jj-text);transition:color var(--jj-transition);-webkit-box-orient:vertical;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.jjcard__title:hover{color:var(--jj-accent-hover)}.jjcard__specs{font-size:var(--jj-fs-tiny);color:var(--jj-text-muted);flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.jjcard__spec-key{color:var(--jj-text-dim);font-weight:600}.jjcard__status{font-size:var(--jj-fs-tiny);align-items:center;gap:7px;display:flex}.jjcard__dot{border-radius:var(--jj-radius-pill);background:var(--jj-success);width:6px;height:6px}.jjcard__dot--out{background:var(--jj-danger)}.jjcard__stock{color:var(--jj-success)}.jjcard__stock--out{color:var(--jj-danger)}.jjcard__sep{color:var(--jj-text-dim)}.jjcard__configs{color:var(--jj-text-muted)}.jjcard__foot{gap:var(--jj-space-2);padding:var(--jj-space-3)var(--jj-space-4)var(--jj-space-4);flex-direction:column;display:flex}.jjcard__foot-row{justify-content:space-between;align-items:center;gap:var(--jj-space-3);display:flex}.jjcard__prices{flex-direction:column;gap:1px;display:flex}.jjcard__was{font-size:var(--jj-fs-tiny);color:var(--jj-text-dim);align-items:baseline;gap:5px;display:flex}.jjcard__was-label{text-transform:uppercase;letter-spacing:.08em;font-size:10px}.jjcard__was-figure{font-family:var(--jj-ff-mono);text-decoration:line-through}.jjcard__save{font-family:var(--jj-ff-mono);font-size:var(--jj-fs-tiny);color:var(--jj-gold)}.jjcard__price{font-family:var(--jj-ff-mono);font-size:var(--jj-fs-price);letter-spacing:-.01em;color:var(--jj-text);font-weight:600;line-height:1.3;display:block}.jjcard__from{line-height:inherit}.jjcard__status{min-height:calc(var(--jj-fs-tiny)*1.5)}.jjcard__cta{width:var(--jj-control-height);height:var(--jj-control-height);font-size:var(--jj-fs-title);color:var(--jj-accent-contrast);background:var(--jj-accent);border-radius:var(--jj-radius-sm);cursor:pointer;transition:background var(--jj-transition);border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.jjcard__cta:hover:not(:disabled){background:var(--jj-accent-hover)}.jjcard__cta:disabled{background:var(--jj-surface-raised);color:var(--jj-text-dim);cursor:not-allowed}.jjcard :focus-visible{outline:2px solid var(--jj-accent);outline-offset:2px}@media (hover:none){.jjcard__wish,.jjcard__peek{opacity:1}}@media (prefers-reduced-motion:reduce){.jjcard,.jjcard__peek,.jjcard__wish,.jjcard__cta,.jjcard__title{transition:none}.jjcard:hover{transform:none}}@media (max-width:767.98px){.jjcard-col{margin-bottom:var(--jj-space-3,12px)}.jjcard__well{height:145px}.jjcard__img{padding:8px}.jjcard__peek,.jjcard__wish{opacity:1!important;visibility:visible!important;background:var(--jj-accent,#3b82f6)!important;border:1px solid var(--jj-accent-hover,#2563eb)!important;border-radius:50%!important;width:30px!important;height:30px!important;bottom:8px!important;box-shadow:0 2px 8px #0003!important}.jjcard__wish{right:8px!important}.jjcard__peek{right:44px!important}.jjcard__peek i,.jjcard__wish i{color:var(--jj-accent-contrast,#fff)!important;font-size:12px!important}.jjcard__body{gap:4px;padding:10px 10px 0}.jjcard__title{min-height:2.6em;font-size:13px}.jjcard__foot{padding:8px 10px 10px}.jjcard__price{font-size:14px}.jjcard__cta{width:36px;height:36px;font-size:14px;background:var(--jj-accent,#3b82f6)!important;color:var(--jj-accent-contrast,#fff)!important;border-radius:var(--jj-radius-sm,8px)!important;box-shadow:0 3px 10px #3b82f64d!important}.jjcard__badge{padding:2px 5px;font-size:9px;top:6px;left:6px}.jjcard__brand{font-size:9px;top:6px;right:6px}}@media (max-width:429.98px){.jjcard__well{height:130px}.jjcard__title{font-size:12px}.jjcard__price{font-size:13px}.jjcard__cta{width:34px;height:34px;font-size:13px}}.jjcard__from{font-family:var(--jj-ff-body);font-size:var(--jj-fs-tiny);letter-spacing:.06em;text-transform:uppercase;color:var(--jj-text-faint);margin-right:5px;font-weight:400}.jjcard__was--blank,.jjcard__save--blank{visibility:hidden}a.jjcard__cta{text-decoration:none}