.form{width:100%}.form__field{margin-bottom:var(--spacing-md)}.form__label{display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs);color:var(--color-text)}.form__label--required:after{content:" *";color:var(--color-accent)}.form__input,.form__select,.form__textarea{width:100%;padding:.875rem 1rem;font-family:var(--font-body);font-size:var(--fs-base);color:var(--color-text);background-color:var(--color-background);border:2px solid var(--color-background-light);border-radius:var(--radius-md);transition:all var(--transition-fast)}.form__input:hover,.form__select:hover,.form__textarea:hover{border-color:var(--color-primary)}.form__input:focus,.form__select:focus,.form__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1800ad1a}.form__input::placeholder,.form__textarea::placeholder{color:var(--color-text);opacity:.5}.form__textarea{min-height:120px;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='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%232D3142' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:12px;padding-right:3rem;cursor:pointer}.form__checkbox,.form__radio{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer}.form__checkbox input[type=checkbox],.form__radio input[type=radio]{width:20px;height:20px;cursor:pointer;accent-color:var(--color-primary)}.form__field--error .form__input,.form__field--error .form__select,.form__field--error .form__textarea{border-color:var(--color-accent)}.form__error{display:block;margin-top:var(--spacing-xs);font-size:var(--fs-small);color:var(--color-accent)}.form__field--success .form__input,.form__field--success .form__select,.form__field--success .form__textarea{border-color:var(--color-accent-secondary)}.form__success{display:block;margin-top:var(--spacing-xs);font-size:var(--fs-small);color:var(--color-accent-secondary)}.form__input:disabled,.form__select:disabled,.form__textarea:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-background-light)}.form__help{display:block;margin-top:var(--spacing-xs);font-size:var(--fs-small);color:var(--color-text);opacity:.7}.quantity{display:flex;align-items:center;gap:var(--spacing-xs);width:fit-content}.quantity__button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--color-background-light);border:2px solid var(--color-background-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:1.25rem;font-weight:var(--font-weight-bold);color:var(--color-primary)}.quantity__button:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.quantity__button:disabled{opacity:.3;cursor:not-allowed}.quantity__input{width:60px;text-align:center;padding:.5rem;border:2px solid var(--color-background-light);border-radius:var(--radius-md);font-weight:var(--font-weight-medium)}.search-form{position:relative;width:100%}.search-form__input{padding-right:3rem}.search-form__button{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;padding:.5rem;cursor:pointer;color:var(--color-primary);transition:color var(--transition-fast)}.search-form__button:hover{color:var(--color-accent-secondary)}.search-form__button svg{width:20px;height:20px;fill:currentColor}.newsletter-form{display:flex;gap:var(--spacing-sm);max-width:500px}.newsletter-form .form__input{flex:1}@media screen and (max-width:749px){.newsletter-form{flex-direction:column}.newsletter-form .button{width:100%}}.form-message{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.form-message--success{background-color:#7ed9571a;border:2px solid var(--color-accent-secondary);color:var(--color-accent-secondary)}.form-message--error{background-color:#ff66c41a;border:2px solid var(--color-accent);color:var(--color-accent)}.form-message--info{background-color:#5ce1e61a;border:2px solid var(--color-secondary);color:var(--color-primary)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-form.css.map */