.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:500;letter-spacing:var(--ls-wide);text-transform:uppercase;text-align:center;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-base) var(--ease-out);white-space:nowrap;min-height:48px;text-decoration:none}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--color-ink);color:var(--color-canvas);border-color:var(--color-ink)}.btn-primary:hover:not(:disabled){background:transparent;color:var(--color-ink)}.btn-secondary{background:transparent;color:var(--color-ink);border-color:var(--color-ink)}.btn-secondary:hover:not(:disabled){background:var(--color-ink);color:var(--color-canvas)}.btn-ghost{background:transparent;color:var(--color-ink);padding:var(--space-2) 0;min-height:auto;border:none;border-bottom:1px solid currentColor;border-radius:0;text-transform:none;letter-spacing:var(--ls-normal)}.btn-ghost:hover:not(:disabled){opacity:.65}.btn-block{width:100%}.surface-ink .btn-primary,.btn-inverse{background:var(--color-canvas);color:var(--color-ink);border-color:var(--color-canvas)}.surface-ink .btn-primary:hover:not(:disabled),.btn-inverse:hover:not(:disabled){background:transparent;color:var(--color-canvas)}.form-field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.form-label{font-size:var(--fs-xs);font-weight:500;letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--color-ink)}.form-input,.form-textarea,.form-select{width:100%;padding:var(--space-4);font-size:var(--fs-base);line-height:var(--lh-normal);background:var(--color-white);color:var(--color-body);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);transition:border-color var(--duration-fast) var(--ease-out);min-height:48px}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-ink)}.form-textarea{resize:vertical;min-height:120px}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-muted)}.form-input[aria-invalid=true],.form-textarea[aria-invalid=true]{border-color:var(--color-error)}.form-error{display:block;font-size:var(--fs-sm);color:var(--color-error);margin-top:var(--space-2)}.form-help{font-size:var(--fs-sm);color:var(--color-muted)}.form-inline{display:flex;flex-wrap:wrap;gap:var(--space-2)}.form-inline .form-input{flex:1 1 240px}.accordion-item{border-bottom:1px solid var(--color-border)}.accordion-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:100%;padding:var(--space-5) 0;font-size:var(--fs-md);font-weight:500;color:var(--color-ink);text-align:left;cursor:pointer;transition:color var(--duration-fast) var(--ease-out)}.accordion-trigger:hover{color:var(--color-accent-skincare)}.accordion-icon{flex-shrink:0;width:14px;height:14px;transition:transform var(--duration-base) var(--ease-out)}.accordion-trigger[aria-expanded=true] .accordion-icon{transform:rotate(45deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height var(--duration-slow) var(--ease-out)}.accordion-content-inner{padding-bottom:var(--space-5);color:var(--color-body);line-height:var(--lh-relaxed)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--fs-xs);font-weight:500;letter-spacing:var(--ls-wide);text-transform:uppercase;border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-ink)}.badge-skincare{background:#4a6b5c1a;color:var(--color-accent-skincare)}.badge-wellness{background:#b8864a1f;color:var(--color-accent-wellness)}.badge-sale{background:var(--color-error);color:var(--color-canvas)}.badge-sold-out{background:var(--color-muted);color:var(--color-canvas)}.card{display:flex;flex-direction:column;background:var(--color-white);border-radius:var(--radius-md);overflow:hidden;transition:transform var(--duration-base) var(--ease-out)}.card:hover{transform:translateY(-2px)}.card-media{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:var(--color-surface)}.card-media img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}.card:hover .card-media img{transform:scale(1.03)}.card-body{padding:var(--space-5) 0 0}.divider{width:100%;height:1px;background:var(--color-border);margin:var(--space-6) 0}.divider-short{width:48px;height:1px;background:var(--color-ink);margin:var(--space-5) 0}.skeleton{background:linear-gradient(90deg,var(--color-surface) 0%,rgba(237,232,223,.5) 50%,var(--color-surface) 100%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{width:20px;height:20px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.link-underline{position:relative;display:inline-block;color:var(--color-ink);padding-bottom:2px;border-bottom:1px solid currentColor;transition:opacity var(--duration-fast) var(--ease-out)}.link-underline:hover{opacity:.6}
/*# sourceMappingURL=/cdn/shop/t/17/assets/components.css.map */