.page-appointment{padding:48px 0;background:linear-gradient(180deg,#f7f3ef,#f4efe9)}.page-appointment__header{max-width:720px;margin:0 auto 32px;text-align:center}.page-appointment__header .page-title{margin:0 0 10px;color:#2b1f18;font-size:2rem;line-height:1.2;letter-spacing:.01em}.page-appointment__subtitle{margin:0 0 16px;color:#5c4a40;font-size:1.1rem;line-height:1.5}.page-appointment__header .page-content{color:#5c4a40}.page-appointment__card{max-width:720px;margin:0 auto;padding:28px;border-radius:16px;border:1px solid #eadfd6;background:#fff;box-shadow:0 20px 60px #1e19141f}.page-appointment__fields{display:grid;gap:16px;margin-top:8px}.field-form label{display:block;margin-bottom:6px;color:#3b2f2a;font-weight:600}.field-form label:after{content:" *";color:#b8895b}.field-form input,.field-form select{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #d8c9bd;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.field-form input::placeholder{color:#9a877b}.field-form input:focus,.field-form select:focus{outline:none;border-color:#b8895b;box-shadow:0 0 0 3px #b8895b33}.field-form input:focus-visible,.field-form select:focus-visible{outline:none}.field-form select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12'%3E%3Cpath fill='%236b574a' d='M8 12 0 0h16z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;padding-right:36px}.page-appointment__actions{margin-top:20px;text-align:right}.page-appointment__actions .button{padding:12px 26px;border-radius:999px;border:none;background:#2b1f18;color:#fff;font-weight:600;transition:box-shadow .2s ease,background-color .2s ease}.page-appointment__actions .button:hover{background:#3a2b22}.page-appointment__actions .button:disabled{opacity:.6;cursor:not-allowed}.page-appointment__actions .button:focus-visible{box-shadow:0 0 0 3px #2b1f1840}.form-status{margin-bottom:16px;padding:12px 14px;border-radius:10px;font-size:.95rem}.form-status[hidden]{display:none}.form-status--success{border:1px solid #b6e2c8;background:#e7f6ef;color:#1b5e3a}.form-status--error{border:1px solid #f5bcbc;background:#fde8e8;color:#8b1d1d}@media screen and (min-width: 750px){.page-appointment__fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width: 749px){.page-appointment__actions{text-align:left}.page-appointment__actions .button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/page-appointment.css.map */