.design-system .c-section-heading{display:flex;flex-direction:column;align-items:var(--c-section-heading-align, flex-start);max-width:var(--c-section-heading-max-width, var(--ui-container-narrow));margin-inline:var(--c-section-heading-margin-inline, 0);text-align:var(--c-section-heading-text-align, start)}.design-system .c-section-heading--center{--c-section-heading-align: center;--c-section-heading-margin-inline: auto;--c-section-heading-text-align: center}.design-system .c-section-heading__eyebrow{margin:0 0 var(--ui-space-3);color:var(--ui-color-brand-on-dark);font-size:var(--ui-font-size-overline);font-weight:var(--ui-font-weight-bold);letter-spacing:var(--ui-letter-spacing-overline);line-height:var(--ui-line-height-functional);text-transform:uppercase}.design-system .c-section-heading__title{margin:0;color:var(--ui-color-heading);font-family:var(--ui-font-family-display);font-size:var(--ui-font-size-heading-1);font-weight:var(--ui-font-weight-display);letter-spacing:var(--ui-letter-spacing-section-heading);line-height:var(--ui-line-height-heading-1);word-spacing:var(--ui-word-spacing-section-heading)}.design-system .c-section-heading__accent{color:var(--ui-color-brand-on-dark)}.design-system .c-section-heading--size-display .c-section-heading__title{font-size:var(--ui-font-size-display);line-height:var(--ui-line-height-display)}.design-system .c-section-heading--size-heading-1 .c-section-heading__title{font-size:var(--ui-font-size-heading-1);line-height:var(--ui-line-height-heading-1)}.design-system .c-section-heading--size-heading-2 .c-section-heading__title{font-size:var(--ui-font-size-heading-2);line-height:var(--ui-line-height-heading-2)}.design-system .c-section-heading--size-heading-3 .c-section-heading__title{font-size:var(--ui-font-size-heading-3);line-height:var(--ui-line-height-heading-3)}.design-system .c-section-heading--size-heading-4 .c-section-heading__title{font-size:var(--ui-font-size-heading-4);line-height:var(--ui-line-height-heading-4)}.design-system .c-section-heading--font-interface .c-section-heading__title{font-family:var(--ui-font-family-heading);font-weight:var(--ui-font-weight-heading)}.design-system .c-section-heading__description{margin-block:var(--ui-space-4) 0;color:var(--ui-color-text-secondary);font-size:var(--ui-font-size-body);line-height:var(--ui-line-height-body)}.design-system .c-link{display:inline-flex;align-items:center;gap:var(--ui-space-2);color:var(--ui-color-link);font-weight:var(--ui-font-weight-medium);text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:.2em;transition:color var(--ui-duration-fast) var(--ui-ease-standard)}.design-system .c-link:hover{color:var(--ui-color-link-hover)}.design-system .c-link__icon{width:var(--ui-icon-size-sm);height:var(--ui-icon-size-sm);flex:0 0 auto}.design-system .c-button{position:relative;display:inline-flex;min-height:var(--ui-control-height-md);padding-inline:var(--ui-space-6);align-items:center;justify-content:center;gap:var(--ui-space-2);border:var(--ui-border-width) solid transparent;border-radius:var(--ui-radius-button);background:transparent;color:inherit;cursor:pointer;font-family:var(--ui-font-family-body);font-size:var(--ui-font-size-button-md);font-weight:var(--ui-font-weight-medium);letter-spacing:var(--ui-letter-spacing-button);line-height:var(--ui-line-height-functional);text-align:center;text-decoration:none;transition:background-color var(--ui-duration-normal) var(--ui-ease-standard),border-color var(--ui-duration-normal) var(--ui-ease-standard),color var(--ui-duration-normal) var(--ui-ease-standard),box-shadow var(--ui-duration-normal) var(--ui-ease-standard),transform var(--ui-duration-fast) var(--ui-ease-standard)}.design-system .c-button:hover{text-decoration:none}.design-system .c-button:active:not(:disabled,[aria-disabled=true]){transform:translateY(1px)}.design-system .c-button--primary{border-color:var(--ui-color-brand);background:var(--ui-color-brand);color:var(--ui-color-on-brand)}.design-system .c-button--primary:hover{border-color:var(--ui-color-brand-hover);background:var(--ui-color-brand-hover);color:var(--ui-color-on-brand)}.design-system .c-button--primary:active{border-color:var(--ui-color-brand-active);background:var(--ui-color-brand-active)}.design-system .c-button--secondary{border-color:var(--ui-color-border-strong);background:var(--ui-color-surface);color:var(--ui-color-text)}.design-system .c-button--secondary:hover{border-color:var(--ui-color-brand);background:var(--ui-color-brand-subtle);color:var(--ui-color-brand-hover)}.design-system .c-button--tertiary{min-height:auto;padding:var(--ui-space-2) 0;border-radius:0;color:var(--ui-color-link);text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:.25em}.design-system .c-button--tertiary:hover{color:var(--ui-color-link-hover)}.design-system .c-button--danger{border-color:var(--ui-color-danger);background:var(--ui-color-danger);color:var(--ui-color-text-inverse)}.design-system .c-button--danger:hover{border-color:var(--ui-color-danger-hover);background:var(--ui-color-danger-hover);color:var(--ui-color-text-inverse)}.design-system .c-button--sm{min-height:var(--ui-control-height-sm);padding-inline:var(--ui-space-5);font-size:var(--ui-font-size-button-sm)}.design-system .c-button--lg{min-height:var(--ui-control-height-lg);padding-inline:var(--ui-space-8);font-size:var(--ui-font-size-button-lg)}.design-system .c-button--full{width:100%}.design-system .c-button__icon{width:var(--ui-icon-size-md);height:var(--ui-icon-size-md);flex:0 0 auto}.design-system .c-button:disabled,.design-system .c-button[aria-disabled=true]{border-color:var(--ui-color-border-disabled);background:var(--ui-color-surface-strong);color:var(--ui-color-text-disabled);cursor:not-allowed;opacity:1;transform:none}.design-system .c-button[aria-busy=true]{cursor:wait}.design-system .c-button[aria-busy=true] .c-button__label{opacity:0}.design-system .c-button[aria-busy=true]:after{position:absolute;width:var(--ui-icon-size-md);height:var(--ui-icon-size-md);border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;content:"";animation:ui-button-spinner .7s linear infinite}@keyframes ui-button-spinner{to{transform:rotate(360deg)}}.design-system .c-icon-button{display:inline-grid;width:var(--ui-control-height-md);height:var(--ui-control-height-md);padding:0;place-items:center;border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-icon-button);background:var(--ui-color-surface);color:var(--ui-color-text);cursor:pointer;transition:background-color var(--ui-duration-normal) var(--ui-ease-standard),border-color var(--ui-duration-normal) var(--ui-ease-standard),color var(--ui-duration-normal) var(--ui-ease-standard)}.design-system .c-icon-button:hover{border-color:var(--ui-color-brand);background:var(--ui-color-brand-subtle);color:var(--ui-color-brand-hover)}.design-system .c-icon-button:disabled{border-color:var(--ui-color-border-disabled);background:var(--ui-color-surface-strong);color:var(--ui-color-text-disabled);cursor:not-allowed}.design-system .c-icon-button__icon{width:var(--ui-icon-size-md);height:var(--ui-icon-size-md)}.design-system .c-field{display:flex;flex-direction:column;gap:var(--ui-space-2)}.design-system .c-field__label{color:var(--ui-color-text);font-size:var(--ui-font-size-body-sm);font-weight:var(--ui-font-weight-medium);line-height:var(--ui-line-height-compact)}.design-system .c-field__required{color:var(--ui-color-danger)}.design-system .c-field__control{width:100%;min-height:var(--ui-control-height-md);padding:var(--ui-space-3) var(--ui-space-4);border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-control);background:var(--ui-color-surface);color:var(--ui-color-text);font:inherit;line-height:var(--ui-line-height-compact);transition:border-color var(--ui-duration-fast) var(--ui-ease-standard),box-shadow var(--ui-duration-fast) var(--ui-ease-standard)}.design-system .c-field__control::placeholder{color:var(--ui-color-text-secondary);opacity:1}.design-system .c-field__control:hover:not(:disabled){border-color:var(--ui-color-border-strong)}.design-system .c-field__control:focus{border-color:var(--ui-color-focus);box-shadow:0 0 0 1px var(--ui-color-focus)}.design-system textarea.c-field__control{min-height:var(--ui-control-textarea-min-height);resize:vertical}.design-system .c-field__control:disabled{border-color:var(--ui-color-border-disabled);background:var(--ui-color-surface-strong);color:var(--ui-color-text-disabled);cursor:not-allowed}.design-system .c-field__control[aria-invalid=true]{border-color:var(--ui-color-danger)}.design-system .c-field__help,.design-system .c-field__error{margin:0;font-size:var(--ui-font-size-caption);line-height:var(--ui-line-height-caption)}.design-system .c-field__help{color:var(--ui-color-text-secondary)}.design-system .c-field__error{color:var(--ui-color-danger)}.design-system .c-choice{display:inline-flex;align-items:flex-start;gap:var(--ui-space-3);color:var(--ui-color-text);cursor:pointer;font-size:var(--ui-font-size-body-sm);line-height:var(--ui-line-height-compact)}.design-system .c-choice__control{width:var(--ui-control-choice-size);height:var(--ui-control-choice-size);margin:.1em 0 0;flex:0 0 auto;accent-color:var(--ui-color-brand)}.design-system .c-choice:has(.c-choice__control:disabled){color:var(--ui-color-text-disabled);cursor:not-allowed}.design-system .c-card{position:relative;display:flex;min-width:0;flex-direction:column;overflow:hidden;border:var(--ui-border-width) solid transparent;border-radius:var(--ui-radius-card);background:var(--ui-color-surface);color:var(--ui-color-text)}.design-system .c-card--outlined{border-color:var(--ui-color-border)}.design-system .c-card--elevated{box-shadow:var(--ui-shadow-card)}.design-system .c-card__media{position:relative;overflow:hidden;background:var(--ui-color-surface-subtle)}.design-system .c-card__media img{display:block;width:100%;height:auto}.design-system .c-card__body{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--ui-space-3);padding:var(--c-card-padding, var(--ui-space-5))}.design-system .c-card__title{margin:0;color:var(--ui-color-heading);font-family:var(--ui-font-family-heading);font-size:var(--ui-font-size-heading-3);font-weight:var(--ui-font-weight-medium);line-height:var(--ui-line-height-heading-3)}.design-system .c-card__text{margin:0;color:var(--ui-color-text-secondary);font-size:var(--ui-font-size-body-sm);line-height:var(--ui-line-height-body-sm)}.design-system .c-card__footer{margin-block-start:auto;padding-block-start:var(--ui-space-2)}.design-system .c-badge{display:inline-flex;min-height:var(--ui-control-badge-height);padding-block:var(--ui-space-0-5);padding-inline:var(--ui-space-2);align-items:center;justify-content:center;border:var(--ui-border-width) solid transparent;border-radius:var(--ui-radius-badge);background:var(--ui-color-surface-strong);color:var(--ui-color-text-secondary);font-size:var(--ui-font-size-badge);font-weight:var(--ui-font-weight-medium);letter-spacing:var(--ui-letter-spacing-normal);line-height:var(--ui-line-height-functional);text-transform:uppercase}.design-system .c-badge--brand{background:var(--ui-color-brand-subtle);color:var(--ui-color-brand-hover)}.design-system .c-badge--sale{background:var(--ui-color-sale);color:var(--ui-color-text-inverse)}.design-system .c-badge--discount{border-color:var(--ui-color-sale);background:transparent;color:var(--ui-color-sale)}.design-system .c-badge--danger{background:var(--ui-color-danger-subtle);color:var(--ui-color-danger)}.design-system .c-badge--success{background:var(--ui-color-success-subtle);color:var(--ui-color-success)}.design-system .c-badge--warning{background:var(--ui-color-warning-subtle);color:var(--ui-color-on-warning)}.design-system .c-badge--info{background:var(--ui-color-info-subtle);color:var(--ui-color-info)}.design-system .c-price{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:var(--ui-space-2);color:var(--ui-color-text);font-variant-numeric:tabular-nums;line-height:var(--ui-line-height-compact)}.design-system .c-price__current{color:var(--c-price-current-color, var(--ui-color-text));font-size:var(--ui-font-size-body-lg);font-weight:var(--ui-font-weight-semibold)}.design-system .c-price--sale .c-price__current{--c-price-current-color: var(--ui-color-sale)}.design-system .c-price__compare{color:var(--ui-color-text-secondary);font-size:var(--ui-font-size-body-sm);text-decoration:line-through}.design-system .c-price__unit{color:var(--ui-color-text-secondary);font-size:var(--ui-font-size-caption)}.design-system .c-skeleton{border-radius:var(--ui-radius-skeleton);background:linear-gradient(90deg,var(--ui-color-surface-strong) 25%,var(--ui-color-surface-subtle) 50%,var(--ui-color-surface-strong) 75%);background-size:200% 100%;animation:ui-skeleton 1.4s ease-in-out infinite}@keyframes ui-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/design-components.css.map */