@layer components{.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.grid{display:grid;gap:var(--gutter)}.grid--1-col{grid-template-columns:1fr}.grid--2,.grid--2-col,.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}@media(min-width:768px){.grid--3,.grid--3-col-desktop,.grid--4,.grid--4-col-desktop{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.grid--4,.grid--4-col-desktop{grid-template-columns:repeat(4,1fr)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);height:48px;padding-inline:var(--s-4);font-size:var(--text-label);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wide);line-height:1;text-align:center;white-space:nowrap;border-radius:var(--r-sm);transition:background-color var(--duration-micro) var(--ease),box-shadow var(--duration-micro) var(--ease),opacity var(--duration-micro) var(--ease);position:relative;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:focus-visible{box-shadow:var(--focus-ring)}.btn[aria-disabled=true],.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn[aria-busy=true]{color:transparent;pointer-events:none}.btn[aria-busy=true]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:20px;height:20px;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn--compact{height:40px;padding-inline:var(--s-3);font-size:var(--text-body-sm)}.btn--lg{height:56px;padding-inline:var(--s-5);font-size:var(--text-body)}.btn--primary{background-color:var(--c-primary);color:#fff}.btn--primary:hover{background-color:var(--c-primary-700)}.btn--primary:active{background-color:var(--c-primary-900)}.btn--cart{background-color:var(--c-accent-strong);color:#fff}.btn--cart:hover{background-color:var(--c-accent-ink)}.btn--cart:active{background-color:#7d3a12}.btn--secondary{background-color:transparent;color:var(--c-primary);box-shadow:inset 0 0 0 1px var(--c-primary)}.btn--secondary:hover{background-color:var(--c-primary);color:#fff}.btn--link{height:auto;padding:0;background:none;color:var(--c-text);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;border-radius:0}.btn--link:hover{text-decoration-thickness:2px}.btn--icon{width:44px;height:44px;padding:0;border-radius:var(--r-sm);flex-shrink:0}.btn--icon svg{width:24px;height:24px}.form-group{display:flex;flex-direction:column;gap:var(--s-1)}.form-label{font-size:var(--text-label);font-weight:var(--fw-medium);color:var(--c-text)}.form-input{height:48px;padding-inline:var(--s-3);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-sm);font-size:1rem;color:var(--c-text);transition:border-color var(--duration-micro) var(--ease),box-shadow var(--duration-micro) var(--ease);width:100%}.form-input::placeholder{color:var(--c-text-muted)}.form-input:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px #1935241f}.form-input--error{border-color:var(--c-error)}.form-input--error:focus{box-shadow:0 0 0 3px #ba1a1a1f}.form-error{display:flex;align-items:center;gap:var(--s-1);font-size:var(--text-body-sm);color:var(--c-error)}.form-error svg{width:16px;height:16px;flex-shrink:0}textarea.form-input{height:auto;min-height:120px;padding-block:var(--s-2);resize:vertical}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%235F5E5A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--s-3) center;padding-inline-end:calc(var(--s-3) + 24px)}.qty-stepper{display:inline-flex;align-items:center;border:1px solid var(--c-border);border-radius:var(--r-sm);overflow:hidden}.qty-stepper__btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--c-text);transition:background-color var(--duration-micro) var(--ease)}.qty-stepper__btn:hover{background-color:var(--c-sand)}.qty-stepper__btn svg{width:16px;height:16px}.qty-stepper__input{width:48px;height:40px;text-align:center;border:none;border-inline:1px solid var(--c-border);font-size:var(--text-body);font-weight:var(--fw-medium);background:var(--c-surface);-moz-appearance:textfield}.qty-stepper__input::-webkit-inner-spin-button,.qty-stepper__input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.form-check{display:flex;align-items:flex-start;gap:var(--s-2);cursor:pointer}.form-check__input{width:18px;height:18px;margin-block-start:2px;flex-shrink:0;accent-color:var(--c-primary)}.badge{display:inline-flex;align-items:center;gap:var(--s-1);padding:2px 8px;font-size:var(--text-caption);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wide);text-transform:uppercase;border-radius:var(--r-badge);line-height:1.4;white-space:nowrap}.badge--sale{background:var(--c-accent);color:#fff}.badge--new{background:var(--c-primary);color:#fff}.badge--sold-out{background:var(--c-sand);color:var(--c-text-muted)}.badge--best-seller{background:var(--c-accent-soft);color:var(--c-accent-ink)}.badge--eco{background:#e8f0e8;color:var(--c-success)}.chip{display:inline-flex;align-items:center;gap:var(--s-1);height:32px;padding-inline:var(--s-3);background:var(--c-sand);border-radius:var(--r-pill);font-size:var(--text-body-sm);font-weight:var(--fw-medium);color:var(--c-text);transition:background-color var(--duration-micro) var(--ease)}.chip:hover{background:var(--c-border)}.chip__remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;margin-inline-start:var(--s-1);border-radius:50%;color:var(--c-text-muted);transition:color var(--duration-micro) var(--ease)}.chip__remove:hover{color:var(--c-text)}.chip__remove svg{width:12px;height:12px}.toast{position:fixed;inset-block-end:var(--s-4);inset-inline-end:var(--s-4);z-index:var(--z-toast);display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--shadow-float);font-size:var(--text-body);max-width:400px;transform:translateY(calc(100% + var(--s-4)));transition:transform var(--duration-panel) var(--ease)}.toast[aria-hidden=false]{transform:translateY(0)}.toast--error{border-color:var(--c-error)}.toast--success{border-color:var(--c-success)}.toast__icon{width:24px;height:24px;flex-shrink:0}.toast__dismiss{margin-inline-start:auto;flex-shrink:0}.tabs{display:flex;gap:var(--s-1);border-block-end:1px solid var(--c-border);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tabs::-webkit-scrollbar{display:none}.tabs__tab{padding:var(--s-2) var(--s-3);font-size:var(--text-label);font-weight:var(--fw-medium);color:var(--c-text-muted);white-space:nowrap;border-block-end:2px solid transparent;margin-block-end:-1px;transition:color var(--duration-micro) var(--ease),border-color var(--duration-micro) var(--ease)}.tabs__tab:hover{color:var(--c-text)}.tabs__tab[aria-selected=true]{color:var(--c-primary);border-block-end-color:var(--c-primary);font-weight:var(--fw-semibold)}.tabs__panel[hidden]{display:none}.accordion{border-block-start:1px solid var(--c-border)}.accordion__item{border-block-end:1px solid var(--c-border)}.accordion__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--s-3) 0;font-size:var(--text-body);font-weight:var(--fw-medium);text-align:start;color:var(--c-text);cursor:pointer}.accordion__trigger svg{width:20px;height:20px;flex-shrink:0;transition:transform var(--duration-micro) var(--ease)}.accordion__trigger[aria-expanded=true] svg{transform:rotate(180deg)}.accordion__content{padding-block-end:var(--s-3);font-size:var(--text-body);color:var(--c-text-muted);line-height:var(--lh-body)}.accordion__content[hidden]{display:none}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-1);font-size:var(--text-body-sm);color:var(--c-text-muted);padding-block:var(--s-3)}.breadcrumbs__separator{width:16px;height:16px;color:var(--c-border)}.breadcrumbs__link:hover{color:var(--c-text);text-decoration:underline;text-underline-offset:3px}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--s-1);padding-block:var(--s-5)}.pagination__item{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding-inline:var(--s-2);border-radius:var(--r-sm);font-size:var(--text-body);font-weight:var(--fw-medium);color:var(--c-text-muted);transition:background-color var(--duration-micro) var(--ease),color var(--duration-micro) var(--ease)}.pagination__item:hover{background:var(--c-sand);color:var(--c-text)}.pagination__item[aria-current=page]{background:var(--c-primary);color:#fff}.rating{display:inline-flex;align-items:center;gap:var(--s-1)}.rating__stars{display:inline-flex;gap:1px;color:var(--c-accent)}.rating__stars svg{width:14px;height:14px}.rating__count{font-size:var(--text-body-sm);color:var(--c-text-muted)}.progress{width:100%;height:6px;background:var(--c-sand);border-radius:var(--r-pill);overflow:hidden}.progress__fill{height:100%;background:var(--c-accent);border-radius:var(--r-pill);transition:width var(--duration-panel) var(--ease)}.skeleton{background:linear-gradient(90deg,var(--c-sand) 0%,var(--c-border) 50%,var(--c-sand) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--r-sm)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton--text{height:1em;width:80%}.skeleton--title{height:1.5em;width:60%}.skeleton--image{aspect-ratio:4 / 5;width:100%}.skeleton--btn{height:48px;width:160px}.eyebrow{font-size:var(--text-label-sm);font-weight:var(--fw-semibold);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--c-text-muted)}.section{padding-block:var(--section-gap)}.section__header{text-align:center;margin-block-end:var(--s-5)}.section__subtitle{margin-block-start:var(--s-2);font-size:var(--text-body-lg);color:var(--c-text-muted);max-width:60ch;margin-inline:auto}.breadcrumbs{padding-block:var(--s-3);margin-block-end:var(--s-3)}.breadcrumbs__list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);list-style:none;font-size:var(--text-body-sm);color:var(--c-text-muted)}.breadcrumbs__link{color:var(--c-text-muted);transition:color var(--duration-micro) var(--ease)}.breadcrumbs__link:hover{color:var(--c-primary);text-decoration:underline;text-underline-offset:2px}.breadcrumbs__separator{display:flex;align-items:center;color:var(--c-border)}.breadcrumbs__current{color:var(--c-text);font-weight:var(--fw-medium)}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/components.css.map */