*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background-color:var(--color-background);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--font-size-body-md);font-weight:var(--font-weight-body);line-height:var(--line-height-body);min-height:100vh;overflow-x:clip}body.sidebar-nav-open,body.cart-drawer-open{overflow:hidden}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}ul,ol{list-style:none}button{background:none;border:none;cursor:pointer;padding:0}[hidden]{display:none!important}.skip-link{background:var(--color-primary);color:var(--color-on-primary);font-family:var(--font-label);font-size:var(--font-size-label-md);font-weight:var(--font-weight-label);left:var(--space-4);padding:var(--space-2) var(--space-4);position:absolute;top:var(--space-4);transform:translateY(-200%);transition:transform var(--transition-base);z-index:var(--z-toast);border-radius:var(--radius-control)}.skip-link:focus{transform:translateY(0)}.page-width{max-width:var(--page-width);margin-inline:auto;padding-inline:var(--space-5)}.page-width--narrow{max-width:var(--page-width-narrow);margin-inline:auto;padding-inline:var(--space-5)}.section-padding{padding-block:var(--space-section)}.visually-hidden{border:0;clip:rect(0,0,0,0);height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn{align-items:center;border-radius:var(--radius-control);display:inline-flex;font-family:var(--font-label);font-size:var(--font-size-label-md);font-weight:var(--font-weight-label);gap:var(--space-2);justify-content:center;line-height:var(--line-height-label);min-height:44px;padding:var(--space-3) var(--space-5);text-transform:uppercase;letter-spacing:.05em;transition:background-color var(--transition-base),color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base);white-space:nowrap;cursor:pointer;border:1px solid transparent;text-decoration:none}.btn:hover{text-decoration:none}.btn--primary{background-color:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.btn--primary:hover{background-color:var(--color-secondary);border-color:var(--color-secondary)}.btn--secondary{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn--secondary:hover{background-color:var(--color-primary);color:var(--color-on-primary)}.btn--surface{background-color:var(--color-surface);color:var(--color-on-surface);border-color:var(--color-surface)}.btn--surface:hover{background-color:var(--color-secondary);border-color:var(--color-secondary)}.btn--pill{border-radius:var(--radius-pill)}.btn--full{width:100%}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:.5}.btn--loading{pointer-events:none;position:relative;color:transparent}.btn--loading:after{border:2px solid currentColor;border-right-color:transparent;border-radius:50%;content:"";height:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;animation:spin .6s linear infinite;color:var(--color-on-primary)}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.grid{display:grid;gap:var(--space-gap)}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex--center{align-items:center;justify-content:center}.flex--between{align-items:center;justify-content:space-between}.flex--gap{gap:var(--space-gap)}.text-center{text-align:center}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-accent{color:var(--color-primary)}.h1,h1{font-family:var(--font-display);font-size:var(--font-size-display-lg);font-weight:var(--font-weight-display);line-height:var(--line-height-display)}.h2,h2{font-family:var(--font-display);font-size:var(--font-size-display-md);font-weight:var(--font-weight-display);line-height:var(--line-height-heading)}.h3,h3{font-family:var(--font-display);font-size:var(--font-size-display-sm);font-weight:var(--font-weight-display);line-height:var(--line-height-heading)}.label{font-family:var(--font-label);font-size:var(--font-size-label-md);font-weight:var(--font-weight-label);letter-spacing:.08em;line-height:var(--line-height-label);text-transform:uppercase}.overlay{background-color:#2d2a1e80;bottom:0;left:0;position:fixed;right:0;top:0;z-index:var(--z-sidebar)}.divider{border:none;border-top:1px solid var(--color-border);opacity:.2}.card{background:var(--color-background);border:1px solid rgba(45,42,30,.1);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden;transition:box-shadow var(--transition-base),transform var(--transition-base)}.card:hover{box-shadow:var(--shadow-elevated);transform:translateY(-2px)}.field{position:relative}.field__label{color:var(--color-text-secondary);display:block;font-family:var(--font-label);font-size:var(--font-size-label-md);font-weight:var(--font-weight-label);letter-spacing:.05em;margin-bottom:var(--space-2);text-transform:uppercase}.field__input{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-text-primary);font-size:var(--font-size-body-md);min-height:44px;padding:var(--space-3) var(--space-4);transition:border-color var(--transition-base);width:100%}.field__input:focus{border-color:var(--color-primary);outline:none}.field__input::placeholder{color:var(--color-text-secondary);opacity:.7}.field__error{color:var(--color-error);font-size:var(--font-size-body-sm);margin-top:var(--space-1)}.form-errors{background-color:#dc262614;border:1px solid var(--color-error);border-radius:var(--radius-control);color:var(--color-error);font-size:var(--font-size-body-sm);margin-bottom:var(--space-4);padding:var(--space-4)}.form-errors ul{padding-left:var(--space-4);list-style:disc}@media screen and (max-width:749px){.hide-mobile{display:none!important}.grid--2,.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:750px){.hide-desktop{display:none!important}}@media(prefers-reduced-motion:no-preference){.reveal-on-scroll{content-visibility:auto}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/base.css.map */