.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;line-height:1;padding:var(--space-4) var(--space-8);border-radius:var(--radius-full);border:var(--border-base) solid transparent;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;transition:background-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),transform var(--duration-slow) var(--ease-expo),box-shadow var(--duration-slow) var(--ease-expo)}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0);transition-duration:var(--duration-instant)}.btn:disabled{opacity:.35;pointer-events:none}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.12) 50%,transparent 60%);transform:translate(-100%);transition:transform var(--duration-slow) var(--ease-expo)}.btn:hover:before{transform:translate(100%)}.btn--primary{background-color:var(--hue-brown);color:var(--hue-cream-soft);border-color:var(--hue-brown)}.btn--primary:hover{background-color:var(--hue-brown-deep);border-color:var(--hue-brown-deep);box-shadow:var(--shadow-lg)}.btn--light{background-color:var(--hue-cream-soft);color:var(--hue-brown)}.btn--light:hover{background-color:var(--hue-cream);box-shadow:var(--shadow-md)}.btn--outline{background:transparent;color:var(--hue-brown);border-color:var(--hue-brown)}.btn--outline:hover{background-color:var(--hue-brown);color:var(--hue-cream-soft)}.btn--outline-light{background:transparent;color:var(--hue-cream-soft);border-color:#e9e2d873}.btn--outline-light:hover{background-color:#e9e2d81a;border-color:var(--hue-cream-soft)}.btn--text{background:none;border:none;color:var(--hue-brown);padding:0;gap:var(--space-2)}.btn--text:after{content:"\2192";transition:transform var(--duration-slow) var(--ease-expo)}.btn--text:hover:after{transform:translate(4px)}.btn--sm{padding:var(--space-3) var(--space-6)}.btn--lg{padding:var(--space-5) var(--space-10)}.btn--loading{color:transparent;pointer-events:none}.btn--loading:after{content:"";position:absolute;width:16px;height:16px;border:1.5px solid currentColor;border-top-color:transparent;border-radius:var(--radius-full);animation:rotateSlow .6s linear infinite}.badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-2xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.badge--new{background:var(--hue-brown);color:var(--hue-cream-soft)}.badge--out{background:var(--hue-cream-mid);color:var(--hue-taupe)}.badge--limited{background:var(--hue-beige);color:var(--hue-cream-soft)}.badge--promo{background:var(--color-error);color:#fff}.tag{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-5);border:var(--border-base) solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-xs);text-transform:uppercase;color:var(--color-text-secondary);transition:color var(--transition-fast),border-color var(--transition-fast)}.tag:hover{color:var(--hue-brown);border-color:var(--hue-brown)}.tag.is-active{background-color:var(--hue-brown);color:var(--hue-cream-soft);border-color:var(--hue-brown)}.img-placeholder{background-color:var(--hue-cream);border-radius:var(--radius-md);outline:1px dashed var(--hue-cream-deep);outline-offset:-1px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3)}.img-placeholder__label{font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--hue-beige);opacity:.6}.toast-container{position:fixed;bottom:var(--space-8);left:50%;transform:translate(-50%);z-index:var(--z-toast)}.toast{padding:var(--space-4) var(--space-6);background:var(--hue-brown-deep);color:var(--hue-cream-soft);border-radius:var(--radius-full);animation:toastIn var(--duration-slow) var(--ease-expo) both}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.price{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-accent)}.price--original{text-decoration:line-through;color:var(--color-text-muted);font-size:var(--text-sm)}@media(max-width:640px){.btn{padding:var(--space-4) var(--space-6)}.btn--full-mobile{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/components.css.map */