.card{display:grid;gap:16px;padding:8px 8px 14px;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);font-size:.875rem;transition:transform var(--motion-base) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-base) var(--ease-standard)}.card:hover{transform:translateY(-3px);border-color:var(--color-line-strong);box-shadow:var(--shadow-md)}.card__media{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--color-surface-alt);border:1px solid var(--color-line);border-radius:var(--radius-md)}.card__media img{width:100%;height:100%;object-fit:cover;transition:transform var(--motion-slow) var(--ease-standard)}.card:hover .card__media img,.card:focus-visible .card__media img{transform:scale(1.04)}.card__overlay{position:absolute;inset:auto 0 0 0;padding:10px;display:flex;gap:8px;justify-content:center;opacity:0;transform:translateY(6px);transition:opacity var(--motion-base) var(--ease-standard),transform var(--motion-base) var(--ease-standard)}.card:hover .card__overlay,.card:focus-visible .card__overlay{opacity:1;transform:translateY(0)}.card__quick{background:var(--color-surface);background:color-mix(in srgb,var(--color-surface) 92%,transparent);color:var(--color-ink);min-height:44px;padding:0 18px;border-radius:999px;font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;border:1px solid var(--color-control-border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card__meta{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;color:var(--color-muted)}.card__meta span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card__meta span+span{flex:0 0 auto}.card__title{color:var(--color-ink);font-family:var(--f-display);font-size:20px;line-height:1.18}.card__sub{color:var(--color-muted);font-size:13px;line-height:1.5}.card__price{color:var(--color-ink);font-family:var(--f-mono);font-size:13px;letter-spacing:.06em}.card__price del{color:var(--color-muted);margin-right:8px}.badge{position:absolute;top:12px;left:12px;background:var(--color-surface);background:color-mix(in srgb,var(--color-surface) 92%,transparent);color:var(--color-ink);font-family:var(--f-mono);font-size:10px;letter-spacing:.14em;padding:6px 10px;border:1px solid var(--color-line);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge--sale{background:var(--color-petal);color:var(--color-ink)}.badge--new{background:var(--color-brand-strong);color:var(--color-inverse-text);border-color:var(--color-brand-strong)}.badge--bestseller{background:var(--color-brand);color:var(--color-inverse-text);border-color:var(--color-brand)}.field{display:grid;gap:6px}.field label{font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;color:var(--color-muted)}.input,.select,.textarea{width:100%;height:48px;padding:0 14px;background:var(--color-surface);border:1px solid var(--color-control-border);border-radius:var(--radius-sm);color:var(--color-ink);box-shadow:var(--shadow-sm);font-size:16px;transition:border-color var(--motion-fast) var(--ease-standard),background var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}.textarea{height:auto;min-height:96px;padding:12px 14px}.input::placeholder,.textarea::placeholder{color:var(--color-muted);opacity:1}.input:hover,.select:hover,.textarea:hover{border-color:var(--color-brand)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-brand-strong);background:var(--color-surface);box-shadow:var(--shadow-md)}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--color-surface-alt);color:var(--color-muted);cursor:not-allowed}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{min-height:44px;padding:8px 14px;border:1px solid var(--color-control-border);border-radius:var(--radius-pill);font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;background:var(--color-surface);color:var(--color-ink);transition:background var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard)}.chip:hover{background:var(--color-mint);border-color:var(--color-brand)}.chip[aria-pressed=true]{background:var(--color-brand-strong);color:var(--color-inverse-text);border-color:var(--color-brand-strong)}.pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:40px 0}.pagination a,.pagination span{min-width:44px;min-height:44px;padding:10px 14px;display:inline-grid;place-items:center;font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;background:var(--color-surface);border:1px solid var(--color-control-border);border-radius:var(--radius-sm)}.pagination a:hover{background:var(--color-mint);border-color:var(--color-brand)}.pagination .is-current{background:var(--color-brand-strong);color:var(--color-inverse-text);border-color:var(--color-brand-strong)}.stars{display:inline-flex;gap:2px;color:var(--color-brand-strong);font-size:12px;letter-spacing:.05em}.ph{position:relative;width:100%;height:100%;background:linear-gradient(135deg,var(--color-mint) 0%,var(--color-petal) 100%);display:grid;place-items:center;color:var(--color-muted);font-family:var(--f-mono);font-size:10px;letter-spacing:.25em}.ph:after{content:"";position:absolute;top:16px;right:16px;bottom:16px;left:16px;border:1px dashed var(--color-line-strong);border-radius:var(--radius-sm)}
/*# sourceMappingURL=/cdn/shop/t/30/assets/component.css.map */