.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--btn-padding-y) var(--btn-padding-x);border:var(--btn-border-width) solid transparent;border-radius:var(--btn-radius);font-family:var(--btn-font);font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:var(--btn-letter);line-height:1;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--color-accent);color:var(--color-accent-fg);border-color:var(--color-accent)}.btn--primary:hover{background:transparent;color:var(--color-accent)}.btn--secondary{background:var(--color-fg);color:var(--color-bg);border-color:var(--color-fg)}.btn--secondary:hover{background:transparent;color:var(--color-fg)}.btn--ghost{background:transparent;color:var(--color-fg);border-color:var(--color-border)}.btn--ghost:hover{border-color:var(--color-fg)}.btn--accent-alt{background:var(--color-accent-alt);color:var(--color-accent-alt-fg);border-color:var(--color-accent-alt)}.btn--accent-alt:hover{background:transparent;color:var(--color-accent-alt)}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--fs-xs)}.btn--lg{padding:var(--space-4) var(--space-6);font-size:var(--fs-md)}.btn--block{width:100%}.card{background:var(--color-bg-elevated);border:var(--card-border-width) solid var(--color-border);border-radius:var(--card-radius);overflow:hidden;transition:border-color var(--transition-base),transform var(--transition-base)}.card:hover{border-color:var(--color-fg-muted)}.card__media{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:var(--color-bg)}.card__media img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.card:hover .card__media img{transform:scale(1.04)}.card__body{padding:var(--space-4)}.card__title{font-family:var(--font-display);font-size:var(--fs-md);text-transform:uppercase;letter-spacing:var(--letter-display);margin-bottom:var(--space-2)}.card__meta{color:var(--color-fg-muted);font-size:var(--fs-xs)}.input,.select,.textarea{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-fg);font-size:var(--fs-sm);transition:border-color var(--transition-fast),background var(--transition-fast)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-accent);background:var(--color-bg)}.input::placeholder,.textarea::placeholder{color:var(--color-fg-muted)}.textarea{resize:vertical;min-height:96px}.label{display:block;font-family:var(--font-display);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--letter-wider);margin-bottom:var(--space-2);color:var(--color-fg-muted)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-family:var(--font-display);font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:var(--letter-wider);border-radius:var(--radius-pill);line-height:1}.badge--sale{background:var(--color-accent);color:var(--color-accent-fg)}.badge--new{background:var(--color-accent-alt);color:var(--color-accent-alt-fg)}.badge--sold-out{background:var(--color-border);color:var(--color-fg-muted)}.badge--success{background:var(--color-success);color:var(--color-bg)}.tag{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--fs-2xs);letter-spacing:var(--letter-wide);text-transform:uppercase}.price{display:inline-flex;align-items:baseline;gap:var(--space-2);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-md);font-weight:700}.price__sale{color:var(--color-accent)}.price__compare{color:var(--color-fg-muted);text-decoration:line-through;font-size:var(--fs-sm);font-weight:400}.link{position:relative;display:inline-block;font-family:var(--font-display);text-transform:uppercase;letter-spacing:var(--letter-wider);font-size:var(--fs-xs);padding-bottom:2px;border-bottom:1px solid var(--color-fg);transition:color var(--transition-fast),border-color var(--transition-fast)}.link:hover{color:var(--color-accent);border-color:var(--color-accent)}.drawer{position:fixed;top:0;inset-inline-end:0;width:min(420px,100vw);height:100vh;background:var(--color-bg-elevated);border-left:1px solid var(--color-border);transform:translate(100%);transition:transform var(--transition-base);z-index:var(--z-drawer);display:flex;flex-direction:column}.drawer[aria-hidden=false]{transform:translate(0)}.drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.drawer__body{flex:1;overflow-y:auto;padding:var(--space-5)}.drawer__footer{padding:var(--space-5);border-top:1px solid var(--color-border)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);opacity:0;pointer-events:none;transition:opacity var(--transition-base);z-index:calc(var(--z-drawer) - 1)}.overlay[aria-hidden=false]{opacity:1;pointer-events:auto}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-sm);color:var(--color-fg);transition:background var(--transition-fast),color var(--transition-fast)}.icon-btn:hover{background:var(--color-bg-elevated);color:var(--color-accent)}.icon-btn svg{width:22px;height:22px}
/*# sourceMappingURL=/cdn/shop/t/5/assets/components.css.map */