.btn{--btn-bg: var(--color-brand-primary);--btn-bg-hover: color-mix(in srgb, var(--color-brand-primary) 88%, black);--btn-color: var(--color-text-inverse);--btn-border: var(--color-brand-primary);--btn-padding-y: var(--space-4);--btn-padding-x: var(--space-6);--btn-radius: var(--radius-full);--btn-font-weight: 500;--btn-font-size: var(--font-size-sm);--btn-letter-spacing: .02em;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--btn-padding-y) var(--btn-padding-x);background:var(--btn-bg);color:var(--btn-color);border:1px solid var(--btn-border);border-radius:var(--btn-radius);font-family:var(--font-family-body);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);letter-spacing:var(--btn-letter-spacing);line-height:1;text-align:center;text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 100% at 50% 0%,#ffffff38,#fff0 60%);opacity:0;transition:opacity var(--duration-fast) var(--ease-standard);pointer-events:none}.btn:hover{background:var(--btn-bg-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn:hover:before{opacity:1}.btn:active{transform:translateY(0)}.btn[disabled],.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn--primary{--btn-bg: var(--color-brand-primary);--btn-bg-hover: color-mix(in srgb, var(--color-brand-primary) 82%, black);--btn-border: var(--color-brand-primary);--btn-color: var(--color-text-inverse)}.btn--secondary{--btn-bg: transparent;--btn-bg-hover: var(--color-neutral-900);--btn-border: var(--color-neutral-900);--btn-color: var(--color-neutral-900)}.btn--secondary:hover{--btn-color: var(--color-text-inverse)}.btn--ghost{--btn-bg: transparent;--btn-bg-hover: var(--color-neutral-100);--btn-border: transparent;--btn-color: var(--color-text)}.btn--inverse{--btn-bg: var(--color-neutral-0);--btn-bg-hover: var(--color-neutral-100);--btn-border: var(--color-neutral-0);--btn-color: var(--color-neutral-900)}.btn--full{width:100%}.btn--sm{--btn-padding-y: var(--space-2);--btn-padding-x: var(--space-4);--btn-font-size: var(--font-size-xs)}.btn--lg{--btn-padding-y: var(--space-5);--btn-padding-x: var(--space-8);--btn-font-size: var(--font-size-base)}.btn--icon{--btn-padding-y: var(--space-3);--btn-padding-x: var(--space-3);width:44px;height:44px;border-radius:var(--radius-full)}.btn.is-loading{pointer-events:none}.btn.is-loading .btn__label{opacity:0}.btn.is-loading:after{content:"";position:absolute;width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field__label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.field__input{width:100%;height:var(--input-height);padding:0 var(--space-4);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--input-radius);font-family:inherit;font-size:var(--font-size-base);color:var(--color-text);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.field__input::placeholder{color:var(--color-neutral-400)}.field__input:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-brand-primary) 20%,transparent)}.field--error .field__input{border-color:var(--color-error)}.field__error{font-size:var(--font-size-sm);color:var(--color-error)}textarea.field__input{height:auto;padding:var(--space-3) var(--space-4);min-height:120px;resize:vertical}.badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.03em;text-transform:uppercase;border-radius:var(--radius-full);line-height:1.4;font-family:var(--font-family-mono)}.badge--sale{background:var(--color-brand-primary);color:var(--color-text-inverse)}.badge--new{background:var(--color-brand-secondary);color:var(--color-text-inverse)}.badge--sold-out{background:var(--color-neutral-500);color:var(--color-text-inverse)}.badge--dark{background:var(--color-neutral-900);color:var(--color-text-inverse)}.badge--outline{background:transparent;border:1px solid currentColor;color:var(--color-text)}.product-card{display:flex;flex-direction:column;gap:var(--space-3);position:relative}.product-card__media{position:relative;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--radius-lg);background:var(--color-neutral-100)}.product-card__media img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slower) var(--ease-standard)}.product-card:hover .product-card__media img{transform:scale(1.04)}.product-card__badges{position:absolute;top:var(--space-3);left:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);z-index:var(--z-raised)}.product-card__quick-actions{position:absolute;bottom:var(--space-3);left:var(--space-3);right:var(--space-3);display:flex;gap:var(--space-2);opacity:0;transform:translateY(8px);transition:opacity var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard);z-index:var(--z-raised)}.product-card:hover .product-card__quick-actions,.product-card:focus-within .product-card__quick-actions{opacity:1;transform:translateY(0)}.product-card__info{display:flex;flex-direction:column;gap:var(--space-1)}.product-card__title{font-size:var(--font-size-base);font-weight:500;line-height:1.4;color:var(--color-text)}.product-card__price{display:flex;gap:var(--space-2);align-items:baseline;font-size:var(--font-size-sm)}.product-card__price--regular{font-weight:500}.product-card__price--compare{color:var(--color-text-subtle);text-decoration:line-through;font-size:var(--font-size-xs)}.product-card__swatches{display:flex;gap:var(--space-2);margin-top:var(--space-1)}.swatch{width:18px;height:18px;border-radius:50%;border:1px solid var(--color-border);background:var(--swatch-color, var(--color-neutral-200));cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard)}.swatch:hover{transform:scale(1.15)}.swatch.is-active{outline:1px solid var(--color-neutral-900);outline-offset:2px}.tabs{display:flex;flex-direction:column;gap:var(--space-5)}.tabs__list{display:flex;gap:var(--space-6);border-bottom:1px solid var(--color-border);overflow-x:auto;scrollbar-width:none}.tabs__list::-webkit-scrollbar{display:none}.tabs__trigger{position:relative;padding:var(--space-3) 0;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-subtle);white-space:nowrap;background:none;border:0;transition:color var(--duration-fast) var(--ease-standard)}.tabs__trigger:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:var(--color-text);transform:scaleX(0);transform-origin:center;transition:transform var(--duration-base) var(--ease-standard)}.tabs__trigger[aria-selected=true]{color:var(--color-text)}.tabs__trigger[aria-selected=true]:after{transform:scaleX(1)}.tabs__panel[hidden]{display:none}.accordion{display:flex;flex-direction:column;border-top:1px solid var(--color-border)}.accordion__item{border-bottom:1px solid var(--color-border)}.accordion__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) 0;font-size:var(--font-size-base);font-weight:500;text-align:left;background:none;border:0;transition:color var(--duration-fast) var(--ease-standard)}.accordion__trigger:hover{color:var(--color-brand-primary)}.accordion__icon{position:relative;width:20px;height:20px;flex-shrink:0}.accordion__icon:before,.accordion__icon:after{content:"";position:absolute;background:currentColor;transition:transform var(--duration-base) var(--ease-standard)}.accordion__icon:before{top:50%;left:0;right:0;height:1px;transform:translateY(-50%)}.accordion__icon:after{left:50%;top:0;bottom:0;width:1px;transform:translate(-50%)}.accordion__trigger[aria-expanded=true] .accordion__icon:after{transform:translate(-50%) rotate(90deg);opacity:0}.accordion__content{max-height:0;overflow:hidden;transition:max-height var(--duration-slow) var(--ease-standard)}.accordion__content-inner{padding-bottom:var(--space-5);padding-top:var(--space-1);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-subtle)}.accordion__trigger[aria-expanded=true]+.accordion__content{max-height:var(--accordion-max-height, 500px)}.carousel{position:relative;overflow:hidden}.carousel__track{display:flex;gap:var(--space-4);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.carousel__track::-webkit-scrollbar{display:none}.carousel__slide{flex:0 0 auto;scroll-snap-align:start;min-width:0}.carousel__dots{display:flex;justify-content:center;gap:var(--space-2);margin-top:var(--space-4)}.carousel__dot{width:6px;height:6px;border-radius:50%;background:var(--color-border-strong);border:0;padding:0;transition:width var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}.carousel__dot.is-active{width:24px;border-radius:3px;background:var(--color-text)}.carousel__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:var(--z-raised)}.carousel__nav--prev{left:var(--space-3)}.carousel__nav--next{right:var(--space-3)}.price{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.price__regular{font-weight:600;font-size:var(--font-size-lg);font-family:var(--font-family-display)}.price__compare{color:var(--color-text-subtle);text-decoration:line-through;font-size:var(--font-size-sm)}.price__savings{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-brand-primary);font-weight:600;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.quantity{display:inline-flex;align-items:center;border:1px solid var(--color-border-strong);border-radius:var(--input-radius);overflow:hidden;height:var(--input-height)}.quantity__btn{width:48px;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);background:transparent;border:0;transition:background var(--duration-instant) var(--ease-standard)}.quantity__btn:hover{background:var(--color-neutral-100)}.quantity__input{width:48px;height:100%;text-align:center;border:0;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);font-weight:500;background:transparent;-moz-appearance:textfield}.quantity__input::-webkit-inner-spin-button,.quantity__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.skeleton{background:linear-gradient(90deg,var(--color-neutral-100) 0%,var(--color-neutral-200) 50%,var(--color-neutral-100) 100%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.divider{height:1px;background:var(--color-border);width:100%}.pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-neutral-100);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500}@media(prefers-reduced-motion:reduce){.btn.is-loading:after{animation:none!important}.skeleton{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hx-components.css.map */