.qty{display:inline-flex;align-items:center;flex:none;padding:3px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--white);color:var(--aubergine)}.qty__btn{position:relative;display:block;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;transition:background-color .3s var(--ease-seed),opacity .3s var(--ease-seed)}.qty__btn:before,.qty__btn--more:after{content:"";position:absolute;inset:0;margin:auto;background:currentColor}.qty__btn:before{width:14px;height:1.5px}.qty__btn--more:after{width:1.5px;height:14px}.qty__btn:hover:not([disabled]){background:var(--blush)}.qty__btn[disabled]{opacity:.3;cursor:not-allowed}.qty__input{width:2.25rem;height:44px;padding:0;border:0;background:transparent;color:inherit;font-size:1rem;font-weight:500;text-align:center;-moz-appearance:textfield;appearance:textfield}.qty__input::-webkit-outer-spin-button,.qty__input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.qty__input:focus-visible{outline-offset:-2px;border-radius:var(--r-small)}.field{display:grid;gap:.45rem;min-width:0;margin:0;padding:0;border:0}.field__label{padding:0;font-size:var(--fs-small);font-weight:500;letter-spacing:.005em}.field__opt{color:var(--ink-soft);font-weight:400}.field__hint{color:var(--ink-soft);font-size:var(--fs-small);line-height:1.4}.field__control{width:100%;min-height:52px;padding:0 1.1rem;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--white);color:var(--aubergine);transition:border-color .3s var(--ease-seed),box-shadow .3s var(--ease-seed)}textarea.field__control{min-height:96px;padding-block:.9rem;line-height:1.45;resize:vertical}.field__control::placeholder{color:#3a0d2a73}.field__control:hover{border-color:#3a0d2a52}.field__control:focus-visible{border-color:var(--berry);outline:2px solid var(--berry);outline-offset:1px}.field__error{display:flex;gap:.5em;color:var(--berry);font-size:var(--fs-small);line-height:1.4}.field__error:before{content:"";flex:none;width:.5em;height:.5em;margin-top:.45em;border-radius:50%;background:currentColor}.field__error[hidden]{display:none}.field[data-invalid] .field__control{border-color:var(--berry);box-shadow:0 0 0 4px #9b1b5a1a}.choices{display:flex;flex-wrap:wrap;gap:.5rem}.choice{position:relative;display:block}.choice input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.choice span{display:inline-flex;align-items:center;min-height:48px;padding:0 1.25rem;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--white);font-weight:500;transition:background-color .3s var(--ease-seed),color .3s var(--ease-seed),border-color .3s var(--ease-seed)}.choice:hover span{border-color:#3a0d2a66}.choice input:checked+span{border-color:var(--aubergine);background:var(--aubergine);color:var(--blush)}.choice input:focus-visible+span{outline:2px solid var(--berry);outline-offset:3px}.check{display:grid;grid-template-columns:auto 1fr;gap:.85rem;align-items:start;cursor:pointer}.check input{appearance:none;-webkit-appearance:none;flex:none;width:24px;height:24px;margin:10px 0 0 10px;border:1px solid rgb(58 13 42 / .4);border-radius:8px;background:var(--white);cursor:pointer;transition:background-color .25s var(--ease-seed),border-color .25s var(--ease-seed)}.check input:checked{border-color:var(--berry);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 18px no-repeat,var(--berry)}.check input:focus-visible{outline:2px solid var(--berry);outline-offset:3px}.check>span{padding-block:.6rem;font-size:var(--fs-small);line-height:1.5;color:var(--ink-soft)}.field[data-invalid] .check input{border-color:var(--berry)}.notice{display:flex;gap:.7em;padding:.9rem 1.1rem;border-radius:var(--r-small);background:#3a0d2a0f;color:var(--aubergine);font-size:var(--fs-small);line-height:1.5}.notice:before{content:"";flex:none;width:.55em;height:.55em;margin-top:.5em;border-radius:50%;background:var(--apricot)}.notice--warn{background:#9b1b5a14}.notice--warn:before{background:var(--berry)}.notice[hidden]{display:none}[data-tone=dark] .qty,[data-tone=dark] .field__control,[data-tone=dark] .check input{border-color:var(--line-on-dark);background:#f6ecea14;color:var(--blush)}[data-tone=dark] .check input:checked{border-color:var(--blush);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239B1B5A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 18px no-repeat,var(--blush)}[data-tone=dark] .qty__btn:hover:not([disabled]){background:#f6ecea24}[data-tone=dark] .field__control::placeholder{color:#f6ecea80}[data-tone=dark] .field__control:hover{border-color:#f6ecea66}[data-tone=dark] .field__control:focus-visible{border-color:var(--apricot);outline-color:var(--apricot)}[data-tone=dark] .field__error{color:var(--apricot)}[data-tone=dark] .field[data-invalid] .field__control{border-color:var(--apricot);box-shadow:0 0 0 4px #ffb27a24}[data-tone=dark] .notice{background:#f6ecea1a;color:var(--blush)}[data-tone=dark] .notice--warn{background:#ffb27a24}[data-tone=dark] .btn{--btn-bg: var(--blush);--btn-ink: var(--aubergine)}[data-tone=dark] .btn:hover{--btn-bg: var(--white)}[data-tone=dark] :focus-visible{outline-color:var(--apricot)}
