.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.8em 1.75em;font-family:var(--font-body);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);line-height:1;letter-spacing:.01em;text-decoration:none;white-space:nowrap;cursor:pointer;border:2px solid transparent;-webkit-appearance:none;appearance:none;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),box-shadow var(--transition-base)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--loading{position:relative;color:transparent;pointer-events:none}.btn--loading:after{content:"";position:absolute;width:1.1em;height:1.1em;border:2px solid currentcolor;border-top-color:transparent;border-radius:50%;animation:vdg-spin .65s linear infinite;color:var(--color-accent-text)}@keyframes vdg-spin{to{transform:rotate(360deg)}}.btn--primary{background-color:var(--color-accent);color:var(--color-accent-text);border-color:var(--color-accent);border-radius:var(--radius-pill)}.btn--primary:hover:not(:disabled){background-color:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-accent-text)}.btn--primary:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.btn--secondary{background-color:transparent;color:var(--color-text);border-color:var(--color-text-strong);border-radius:var(--radius-editorial)}.btn--secondary:hover:not(:disabled){background-color:var(--color-background);color:var(--color-text-strong)}.btn--secondary:focus-visible{outline:2px solid var(--color-text-strong);outline-offset:3px}.btn--ghost{background-color:transparent;color:var(--color-text-muted);border-color:transparent;border-radius:var(--radius-editorial);padding-inline:var(--space-md)}.btn--ghost:hover:not(:disabled){color:var(--color-text);background-color:var(--color-border)}.btn--sm{font-size:var(--font-size-micro);padding:.6em 1.25em}.btn--lg{font-size:1.0625rem;padding:1em 2.25em}.btn--full{width:100%}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;background:transparent;border:none;border-radius:var(--radius-editorial);color:var(--color-text);cursor:pointer;text-decoration:none;transition:color var(--transition-base),background-color var(--transition-base);position:relative}.btn-icon:hover{color:var(--color-accent);background-color:color-mix(in srgb,var(--color-accent) 10%,transparent)}.btn-icon:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.btn-icon svg{width:1.25rem;height:1.25rem;pointer-events:none}.btn-icon__count{position:absolute;top:0;right:0;min-width:1.1rem;height:1.1rem;padding:0 3px;background-color:var(--color-accent);color:var(--color-accent-text);font-size:.625rem;font-weight:var(--font-weight-strong);line-height:1.1rem;text-align:center;border-radius:999px;font-family:var(--font-body)}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden;transition:box-shadow var(--transition-base)}.card:hover{box-shadow:var(--shadow-card-hover)}.card__media{position:relative;overflow:hidden;aspect-ratio:1 / 1;background-color:var(--color-surface)}.card__media img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.card:hover .card__media img{transform:scale(1.03)}.card__body{padding:var(--space-lg)}.card__eyebrow{font-size:var(--font-size-micro);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-block-end:var(--space-sm)}.card__title{font-family:var(--font-heading);font-size:var(--font-size-h3);font-weight:var(--font-weight-heading);color:var(--color-text-strong);line-height:var(--line-height-tight);margin-block-end:var(--space-sm)}.card__excerpt{font-size:var(--font-size-body);color:var(--color-text-muted);line-height:var(--line-height-body)}.card__footer{padding:var(--space-md) var(--space-lg) var(--space-lg);border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.badge{display:inline-flex;align-items:center;padding:.2em .6em;font-family:var(--font-body);font-size:var(--font-size-micro);font-weight:var(--font-weight-medium);line-height:1.3;border-radius:var(--radius-badge);white-space:nowrap;letter-spacing:.03em}.badge--terracotta{background-color:var(--color-terracotta);color:var(--color-text-strong)}.badge--dark{background-color:var(--color-text-strong);color:var(--color-surface)}.badge--accent{background-color:var(--color-accent);color:var(--color-accent-text)}.badge--sage{background-color:var(--color-sage);color:var(--color-surface)}.badge--muted{background-color:var(--color-border);color:var(--color-text-muted)}.field{display:flex;flex-direction:column;gap:var(--space-xs)}.field__label{font-family:var(--font-body);font-size:var(--font-size-micro);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.field__input,.field__select,.field__textarea{width:100%;padding:.75em 1em;background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-input);font-family:var(--font-body);font-size:var(--font-size-body);line-height:var(--line-height-body);-webkit-appearance:none;appearance:none;transition:border-color var(--transition-base)}.field__input:focus,.field__select:focus,.field__textarea:focus{outline:none;border-color:var(--color-accent)}.field__input::placeholder,.field__textarea::placeholder{color:var(--color-text-muted)}.field__textarea{resize:vertical;min-height:8em}.field__error{font-size:var(--font-size-micro);color:#c0392b;margin-block-start:var(--space-xs)}.field__hint{font-size:var(--font-size-micro);color:var(--color-text-muted)}.quantity-selector{display:inline-flex;align-items:stretch;border:1px solid var(--color-border);border-radius:var(--radius-editorial);overflow:hidden;background-color:var(--color-surface);height:2.75rem}.quantity-selector__btn{display:flex;align-items:center;justify-content:center;width:2.75rem;padding:0;background:transparent;border:none;color:var(--color-text);cursor:pointer;font-size:1.25rem;line-height:1;transition:background-color var(--transition-base),color var(--transition-base);flex-shrink:0}.quantity-selector__btn:hover{background-color:var(--color-border);color:var(--color-text-strong)}.quantity-selector__btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.quantity-selector__input{width:3.5rem;height:100%;padding:0;text-align:center;border:none;border-inline:1px solid var(--color-border);background:transparent;color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.quantity-selector__input::-webkit-outer-spin-button,.quantity-selector__input::-webkit-inner-spin-button{-webkit-appearance:none}.quantity-selector__input:focus{outline:none}.price-wrap{display:flex;align-items:baseline;gap:var(--space-sm);flex-wrap:wrap}.price{font-family:var(--font-body);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text)}.price--large{font-size:1.375rem;font-weight:var(--font-weight-strong)}.price--sale{color:var(--color-accent)}.price--compare{color:var(--color-text-muted);text-decoration:line-through;font-weight:var(--font-weight-body);font-size:var(--font-size-micro)}.price__serving-count{font-size:var(--font-size-micro);color:var(--color-text-muted)}.rating{display:inline-flex;align-items:center;gap:var(--space-xs)}.rating__stars{display:inline-flex;gap:2px;color:var(--color-accent);font-size:.875rem;line-height:1}.rating__count{font-size:var(--font-size-micro);color:var(--color-text-muted)}.rating__score{font-size:var(--font-size-micro);font-weight:var(--font-weight-medium);color:var(--color-text)}.loading-spinner{display:inline-block;width:1.25em;height:1.25em;border:2px solid currentcolor;border-top-color:transparent;border-radius:50%;animation:vdg-spin .65s linear infinite;flex-shrink:0}.vdg-divider{border:none;border-top:1px solid var(--color-border);margin:0}.vdg-divider--accent{border-top-color:var(--color-accent);border-top-width:2px}.vdg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-overlay);z-index:var(--z-overlay);opacity:0;pointer-events:none;transition:opacity var(--transition-slow)}.vdg-overlay--visible{opacity:1;pointer-events:auto}.accordion{border-top:1px solid var(--color-border)}.accordion__item{border-bottom:1px solid var(--color-border)}.accordion__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-lg) 0;background:transparent;border:none;color:var(--color-text-strong);font-family:var(--font-body);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);text-align:left;cursor:pointer;gap:var(--space-lg);transition:color var(--transition-base)}.accordion__trigger:hover{color:var(--color-accent)}.accordion__icon{flex-shrink:0;width:1.25rem;height:1.25rem;color:var(--color-text-muted);transition:transform var(--transition-base),color var(--transition-base)}.accordion__trigger[aria-expanded=true] .accordion__icon{transform:rotate(180deg);color:var(--color-accent)}.accordion__body{overflow:hidden;display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--transition-slow)}.accordion__trigger[aria-expanded=true]+.accordion__body{grid-template-rows:1fr}.accordion__content{overflow:hidden;padding-block-end:var(--space-lg);color:var(--color-text);font-size:var(--font-size-body);line-height:var(--line-height-body)}.proof-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-sm) var(--space-xl);padding:var(--space-lg) var(--page-margin);background-color:var(--color-surface);border-block:1px solid var(--color-border)}.proof-strip__item{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-micro);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.proof-strip__item:before{content:"\25cf";color:var(--color-accent);font-size:.5em}
/*# sourceMappingURL=/cdn/shop/t/6/assets/vdg-components.css.map */