.pet-profile-section{--pp-primary: #006a6d;--pp-primary-hover: #00555a;--pp-accent: #7a5ab8;--pp-text: #1a1a1a;--pp-text-muted: #6b7280;--pp-border: #e4e4e7;--pp-border-strong: #d4d4d8;--pp-surface: #ffffff;--pp-surface-alt: #fafafa;--pp-success-bg: #f0faf5;--pp-error-bg: #fef2f2;--pp-error-border: #fca5a5;--pp-error-text: #991b1b;--pp-radius: 12px;--pp-radius-sm: 8px;--pp-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 4px 12px rgba(0, 0, 0, .04);--pp-shadow-lg: 0 4px 24px rgba(0, 106, 109, .12);font-family:Figtree,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--pp-text);padding:32px 0 56px}.pet-profile-section__heading{font-family:Figtree,system-ui,sans-serif;font-size:clamp(28px,4vw,40px);font-weight:800;text-align:center;margin:0 0 8px;line-height:1.15;letter-spacing:-.02em;color:var(--pp-text)}.pet-profile-section__subheading{font-size:16px;text-align:center;color:var(--pp-text-muted);max-width:520px;margin:0 auto 32px;line-height:1.5}.pet-profile-section .pet-profile{max-width:560px;margin:0 auto;padding:28px 24px 32px;background:#fff;border:1px solid #e4e4e7;border-radius:18px;box-shadow:0 1px 2px #0000000a,0 4px 12px #0000000a}.pet-profile__title{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;margin:0 0 6px;line-height:1.2;color:var(--pp-text)}.pet-profile__title:before{content:"\1f43e";font-size:22px}.pet-profile__subtitle{font-size:14px;color:var(--pp-text-muted);margin:0 0 22px;line-height:1.5}.pet-profile__form,.pet-profile__pets{display:flex;flex-direction:column;gap:18px}.pet-profile__card{position:relative;border:1px solid var(--pp-border);border-radius:var(--pp-radius);padding:22px 18px 18px;margin:0;background:var(--pp-surface-alt);display:grid;grid-template-columns:1fr 1fr;gap:14px 14px;transition:border-color .15s ease,box-shadow .15s ease}.pet-profile__card:focus-within{border-color:var(--pp-primary);box-shadow:0 0 0 3px #006a6d14}.pet-profile__card>.pet-profile__field:nth-of-type(1),.pet-profile__card>.pet-profile__field:nth-of-type(2){grid-column:span 2}.pet-profile__card>.pet-profile__field:nth-of-type(5){grid-column:span 2}.pet-profile__legend{position:absolute;top:-10px;left:14px;padding:2px 10px;background:var(--pp-surface);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--pp-primary);border:1px solid var(--pp-border);border-radius:999px}.pet-profile__remove{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:50%;border:none;background:transparent;font-size:20px;line-height:1;color:var(--pp-text-muted);cursor:pointer;transition:background .15s ease,color .15s ease}.pet-profile__remove:hover{background:#fee2e2;color:#b91c1c}.pet-profile__field{display:flex;flex-direction:column;gap:6px;font-size:14px;min-width:0}.pet-profile__label{font-weight:600;font-size:13px;color:var(--pp-text);letter-spacing:.01em}.pet-profile-section input[type=text],.pet-profile-section input[type=number],.pet-profile-section select{width:100%;padding:11px 14px;border:1px solid var(--pp-border-strong)!important;border-radius:var(--pp-radius-sm);font-size:15px;font-family:inherit;background:var(--pp-surface);color:var(--pp-text);box-sizing:border-box;line-height:1.3;transition:border-color .15s ease,box-shadow .15s ease;appearance:none;-webkit-appearance:none;outline:none}.pet-profile-section select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236b7280' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}.pet-profile-section input::placeholder{color:#9ca3af}.pet-profile-section input:hover,.pet-profile-section select:hover{border-color:#9ca3af!important}.pet-profile-section input:focus,.pet-profile-section select:focus{border-color:var(--pp-primary)!important;box-shadow:0 0 0 3px #006a6d26}.pet-profile__breed{position:relative}.pet-profile__age{display:grid;grid-template-columns:1fr 120px;gap:8px}.pet-profile__genders{display:flex;gap:10px}.pet-profile__radio{flex:1;position:relative;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;border:1px solid var(--pp-border-strong);border-radius:var(--pp-radius-sm);background:var(--pp-surface);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:14px;font-weight:500;color:var(--pp-text);transition:all .15s ease}.pet-profile__radio input{position:absolute;opacity:0;pointer-events:none}.pet-profile__radio:hover{border-color:#9ca3af;background:#f9fafb}.pet-profile__radio:has(input:checked){border-color:var(--pp-primary);background:#006a6d0f;color:var(--pp-primary);font-weight:600;box-shadow:inset 0 0 0 1px var(--pp-primary)}.pet-profile__add{align-self:center;background:transparent;border:1px dashed var(--pp-border-strong);color:var(--pp-primary);padding:12px 18px;border-radius:var(--pp-radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit}.pet-profile__add:hover{border-color:var(--pp-primary);background:#006a6d0a}.pet-profile__submit{margin-top:4px;background:var(--pp-primary);color:#fff;border:none;border-radius:var(--pp-radius-sm);padding:15px 24px;font-size:16px;font-weight:700;letter-spacing:.01em;cursor:pointer;font-family:inherit;transition:background .15s ease,transform .08s ease,box-shadow .15s ease;box-shadow:0 1px 2px #006a6d26,0 4px 12px #006a6d1f}.pet-profile__submit:hover:not(:disabled){background:var(--pp-primary-hover);box-shadow:0 2px 4px #006a6d33,0 8px 20px #006a6d26}.pet-profile__submit:active:not(:disabled){transform:translateY(1px)}.pet-profile__submit:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.pet-profile__error{background:var(--pp-error-bg);border:1px solid var(--pp-error-border);color:var(--pp-error-text);padding:11px 14px;border-radius:var(--pp-radius-sm);font-size:14px;line-height:1.5}.pet-profile__success{text-align:center;padding:48px 24px;animation:pet-profile-pop .45s cubic-bezier(.16,1,.3,1)}.pet-profile__success-emoji{font-size:56px;margin-bottom:12px;animation:pet-profile-bounce .9s cubic-bezier(.16,1,.3,1);transform-origin:50% 80%}.pet-profile__success .pet-profile__title{justify-content:center;font-size:24px;margin-bottom:8px}.pet-profile__success .pet-profile__title:before{content:none}.pet-profile__success p{color:var(--pp-text-muted);font-size:15px;line-height:1.5;margin:0 auto;max-width:380px}@keyframes pet-profile-pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes pet-profile-bounce{0%{transform:scale(0) rotate(-10deg)}55%{transform:scale(1.15) rotate(5deg)}75%{transform:scale(.95) rotate(-2deg)}to{transform:scale(1) rotate(0)}}@media(max-width:540px){.pet-profile-section{padding:20px 0 40px}.pet-profile-section .pet-profile{padding:22px 18px 26px;border-radius:14px}.pet-profile__card{grid-template-columns:1fr;padding:20px 16px 16px}.pet-profile__card>.pet-profile__field:nth-of-type(1),.pet-profile__card>.pet-profile__field:nth-of-type(2),.pet-profile__card>.pet-profile__field:nth-of-type(5){grid-column:auto}.pet-profile__age{grid-template-columns:1fr 100px}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/pet-profile-form.css.map */