.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:14px 24px;font-family:var(--font-body);font-size:14px;font-weight:600;line-height:1;letter-spacing:var(--tracking-button);border:1.5px solid transparent;border-radius:var(--radius-pill);background:transparent;color:inherit;cursor:pointer;text-align:center;text-decoration:none;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:background-color var(--t-hover) var(--ease-out),color var(--t-hover) var(--ease-out),border-color var(--t-hover) var(--ease-out),opacity var(--t-hover) var(--ease-out)}.btn--sm{padding:10px 18px;font-size:12px}.btn--lg{padding:18px 32px;font-size:15px}.btn--rect{border-radius:var(--radius-rect)}.btn--block{display:flex;width:100%}.btn--primary{background:var(--color-burgundy);color:var(--color-cream);border-color:var(--color-burgundy)}.btn--primary:hover{opacity:.9}.btn--secondary{background:var(--color-ink);color:var(--color-cream);border-color:var(--color-ink)}.btn--secondary:hover{opacity:.9}.btn--outline{background:transparent;color:var(--color-cream);border-color:#f2ede280}.btn--outline:hover{border-color:var(--color-cream);opacity:.9}.btn--outline-burgundy{background:transparent;color:var(--color-burgundy);border-color:var(--color-burgundy)}.btn--outline-burgundy:hover{background:#7a3a361a;border-color:var(--color-burgundy);color:var(--color-burgundy)}.btn--ghost{background:transparent;color:var(--color-burgundy-deep);border-color:transparent;padding-inline:0}.btn--ghost:hover{opacity:.7}.btn[disabled],.btn[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}.btn__icon{display:inline-flex;width:16px;height:16px;flex-shrink:0}.btn__icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5}.input,.textarea,.select{display:block;width:100%;padding:14px 16px;background:var(--color-cream);border:var(--border-input);border-radius:var(--radius-form);font-family:var(--font-body);font-size:14px;line-height:1.4;color:var(--color-ink);transition:border-color var(--t-hover) var(--ease-out)}.input:hover,.textarea:hover,.select:hover{border-color:var(--color-ink-mute)}.input::placeholder,.textarea::placeholder{color:var(--color-ink-mute)}.textarea{min-height:120px;resize:vertical;line-height:1.5}.select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1 1.5L6 6.5L11 1.5' stroke='%23675F54' stroke-width='1.5' stroke-linecap='round'/></svg>");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.input-check,.input-radio{width:18px;height:18px;accent-color:var(--color-burgundy);cursor:pointer;margin:0}.field{display:block}.field+.field{margin-top:var(--space-4)}.field__label{display:block;margin-bottom:var(--space-2);font-family:var(--font-body);font-size:var(--fs-eyebrow);font-weight:500;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-ink-mute)}.field__hint{margin-top:var(--space-2);font-size:var(--fs-body-sm);color:var(--color-ink-mute)}.field__error{margin-top:var(--space-2);font-size:var(--fs-body-sm);color:var(--color-burgundy)}.stepper{display:inline-flex;align-items:center;gap:var(--space-2);padding:4px;border-radius:var(--radius-pill);-webkit-user-select:none;user-select:none}.stepper__btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:0;font-family:var(--font-body);font-size:14px;line-height:1;cursor:pointer;transition:background-color var(--t-hover) var(--ease-out),color var(--t-hover) var(--ease-out)}.stepper__value{min-width:24px;text-align:center;font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--color-ink);font-variant-numeric:tabular-nums}.stepper--ink{background:var(--color-cream-deep)}.stepper--ink .stepper__btn{background:var(--color-ink);color:var(--color-cream)}.stepper--ink .stepper__btn:hover{opacity:.85}.stepper--light{background:var(--color-bone);padding:6px 4px}.stepper--light .stepper__btn{background:transparent;color:var(--color-ink)}.stepper--light .stepper__btn:hover{background:var(--color-cream-deep)}.stepper__btn[disabled],.stepper__btn[aria-disabled=true]{opacity:.3;cursor:not-allowed;pointer-events:none}.price{display:inline-flex;align-items:baseline;gap:var(--space-2);font-family:var(--font-display);font-weight:400;letter-spacing:var(--tracking-display);line-height:1;color:var(--color-ink)}.price__compare{font-size:var(--fs-body-sm);color:var(--color-ink-mute);text-decoration:line-through;text-decoration-thickness:1px;font-family:var(--font-mono);letter-spacing:var(--tracking-mono)}.price__final{font-size:var(--fs-body-lg);color:var(--color-ink)}.price--sale .price__final{color:var(--color-burgundy)}.price--lg .price__compare{font-size:var(--fs-body)}.price--lg .price__final{font-size:var(--fs-card)}.price--sm .price__compare{font-size:10px}.price--sm .price__final{font-size:var(--fs-body)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:4px 10px;background:var(--color-bone);color:var(--color-ink-mute);font-family:var(--font-body);font-size:var(--fs-eyebrow);font-weight:500;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;border-radius:var(--radius-pill);line-height:1;white-space:nowrap}.badge--solid{background:var(--color-burgundy);color:var(--color-cream)}.badge--solid-deep{background:var(--color-burgundy-deep);color:var(--color-cream)}.badge--ink{background:var(--color-ink);color:var(--color-cream)}.badge--terracotta{background:var(--color-terracotta);color:var(--color-cream)}.badge--soft{background:#7a3a361a;color:var(--color-burgundy)}.badge--outline{background:transparent;color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-rule)}.badge--sm{padding:3px 8px;font-size:9.5px}.badge--lg{padding:6px 14px;font-size:12px}.accordion{border-block-end:var(--border-rule)}.accordion:first-of-type{border-block-start:var(--border-rule)}.accordion__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-5);cursor:pointer;list-style:none;font-family:var(--font-body);font-size:var(--fs-body-lg);font-weight:400;color:var(--color-ink)}.accordion__head::-webkit-details-marker{display:none}.accordion__head:hover{color:var(--color-burgundy-deep)}.accordion__title{flex:1}.accordion__icon{position:relative;width:14px;height:14px;flex-shrink:0;transition:transform var(--t-accordion) var(--ease-out)}.accordion__icon:before,.accordion__icon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;background:currentColor}.accordion__icon:before{width:100%;height:1.5px;top:50%;transform:translateY(-50%)}.accordion__icon:after{width:1.5px;height:100%;left:50%;transform:translate(-50%)}.accordion[open] .accordion__icon{transform:rotate(45deg)}.accordion__body{padding-block:0 var(--space-5);font-size:var(--fs-body);line-height:var(--leading-body);color:var(--color-ink-soft);max-width:60ch}.overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#26201a80;opacity:0;pointer-events:none;z-index:var(--z-overlay);transition:opacity var(--t-modal) var(--ease-out)}.overlay-backdrop[data-state=open]{display:block;opacity:1;pointer-events:auto}.drawer{position:fixed;inset-block:0;width:100%;max-width:100vw;background:var(--color-cream);z-index:var(--z-drawer);display:flex;flex-direction:column;box-shadow:var(--shadow-drawer);transition:transform var(--t-drawer) var(--ease-out)}.drawer--right{inset-inline-end:0;transform:translate(100%)}.drawer--left{inset-inline-start:0;transform:translate(-100%)}.drawer[data-state=open]{visibility:visible;transform:translate(0)}@media(max-width:767px){.drawer{width:100%}}.drawer__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-6) var(--space-8) var(--space-4);flex-shrink:0}.drawer__body{flex:1;overflow-y:auto;padding-inline:var(--space-8)}.drawer__foot{flex-shrink:0;padding:var(--space-4) var(--space-8) var(--space-6);border-block-start:var(--border-rule);background:var(--color-cream)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-6);pointer-events:none;opacity:0;transition:opacity var(--t-modal) var(--ease-out)}.modal[data-state=open]{opacity:1;pointer-events:auto}.modal__panel{background:var(--color-cream);border-radius:var(--radius-xl);max-width:560px;width:100%;max-height:calc(100dvh - var(--space-12));display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-modal)}.modal__head{padding:var(--space-6) var(--space-6) var(--space-4);text-align:center;flex-shrink:0}.modal__body{flex:1;overflow-y:auto;padding-inline:var(--space-6)}.modal__foot{padding:var(--space-4) var(--space-6) var(--space-6);flex-shrink:0}.close-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-cream-deep);color:var(--color-ink);border:0;cursor:pointer;flex-shrink:0;transition:background-color var(--t-hover) var(--ease-out)}.close-btn:hover{background:var(--color-bone)}.close-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}.chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:10px 18px;background:transparent;border:1.5px solid var(--color-rule);border-radius:var(--radius-pill);font-family:var(--font-body);font-size:var(--fs-body-sm);font-weight:500;color:var(--color-ink);cursor:pointer;transition:background-color var(--t-hover) var(--ease-out),border-color var(--t-hover) var(--ease-out),color var(--t-hover) var(--ease-out)}.chip:hover{border-color:var(--color-ink)}.chip[aria-pressed=true],.chip.is-active{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-cream)}.meta-row{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);font-family:var(--font-body);font-size:var(--fs-eyebrow);font-weight:500;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-ink-mute)}.meta-row__sep{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.5}.progress{position:relative;width:100%;height:4px;background:var(--color-cream-deep);border-radius:2px;overflow:hidden}.progress__bar{position:absolute;inset-block:0;inset-inline-start:0;width:calc(var(--progress, 0) * 100%);background:var(--color-burgundy);transition:width var(--t-drawer) var(--ease-out)}
/*# sourceMappingURL=/cdn/shop/t/15/assets/naturelle-components.css.map */