:root{--color-page-surface:#f1f2f5;--color-card-surface:#fff;--color-panel-surface:#f9fafb;--color-border:#e5e7eb;--color-text-title:#000;--color-text-primary:#101827;--color-text-secondary:#6c7280;--color-text-muted:#9da3af;--color-link:#0275ff;--color-input-surface:#f9fafb;--color-input-border:#e5e7eb;--color-button-primary:#171717;--color-button-primary-foreground:#fafafa;--color-button-disabled-bg:#e8eaed;--color-button-disabled-fg:#9da3af;--color-success-surface:#ecfef6;--color-success-border:#d1fae5;--color-error-surface:#fef3f2;--color-error-border:#fee3e5;--radius-card:20px;--radius-panel:16px;--radius-button:12px;--radius-input:12px;--radius-pill:100px;--space-xxs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:20px;--space-xl:26px;--space-2xl:32px;--font-family-base:"Geist", "Inter", "Segoe UI", Roboto, sans-serif;--font-title-size:22px;--font-body-size:14px;--font-caption-size:12px;--font-button-size:16px;--line-height-base:24px;--line-height-caption:normal;--shadow-card:0 4px 28px 6px #00000008;--card-max-width:420px;--motion-duration-enter:.4s;--motion-ease-enter:cubic-bezier(.175, .885, .32, 1.275)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-family-base);color:var(--color-text-primary);background-color:var(--color-page-surface);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}p,h1{margin:0}.payment-page{min-height:100dvh;padding:var(--space-lg);justify-content:center;align-items:center;display:flex}.payment-page__sheet{animation:sheet-enter var(--motion-duration-enter) var(--motion-ease-enter) both;transform-origin:50%;width:min(var(--card-max-width), 100%)}@keyframes sheet-enter{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.payment-page__sheet{animation:none}}.payment-card{background:var(--color-card-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);gap:var(--space-xl);padding:var(--space-2xl) 30px;flex-direction:column;display:flex;overflow:hidden}.payment-card--simple{justify-content:space-between;gap:0;min-height:320px}.payment-card__intro{gap:var(--space-2xl);padding-bottom:var(--space-sm);flex-direction:column;display:flex}.payment-card__intro--simple{padding-block:var(--space-sm)}.brand-mark{border-radius:var(--radius-pill);justify-content:center;align-items:center;margin:0 auto;padding:10px 16px;display:flex}.brand-mark__image{width:160px;height:12px;display:block}.status-icon{border-radius:var(--radius-pill);padding:var(--space-md);justify-content:center;align-items:center;margin:0 auto;display:flex}.status-icon--success{background:var(--color-success-surface);border:1px solid var(--color-success-border)}.status-icon--error{background:var(--color-error-surface);border:1px solid var(--color-error-border)}.status-icon__glyph{width:32px;height:32px;display:block}.payment-card__headline-wrap{gap:var(--space-xs);text-align:center;flex-direction:column;display:flex}.payment-card__title{color:var(--color-text-title);font-size:var(--font-title-size);font-weight:800;line-height:var(--line-height-base)}.payment-card__subtitle{color:var(--color-text-secondary);font-size:var(--font-body-size);font-weight:500;line-height:var(--line-height-base);max-width:354px;margin-inline:auto}.visit-details{background:var(--color-panel-surface);border:1px solid var(--color-border);border-radius:var(--radius-panel);padding:var(--space-md) var(--space-lg);flex-direction:column;gap:0;display:flex}.visit-details__header{flex-direction:column;display:flex}.visit-details__label{color:var(--color-text-secondary);font-size:var(--font-caption-size);font-weight:600;line-height:var(--line-height-base)}.visit-details__visit-info{color:var(--color-text-primary);font-size:var(--font-body-size);font-weight:600;line-height:var(--line-height-base);white-space:nowrap}.visit-details__row{justify-content:space-between;align-items:center;display:flex}.visit-details__service-name{color:var(--color-text-secondary);font-size:var(--font-body-size);font-weight:500;line-height:var(--line-height-base)}.visit-details__divider{width:100%;height:25px;margin:0;position:relative}.visit-details__divider:before{border-top:1px solid var(--color-border);content:"";position:absolute;inset:50% 0 auto;transform:translateY(-50%)}.visit-details__services{gap:var(--space-xxs);flex-direction:column;padding:0;display:flex}.visit-details__service-price{color:var(--color-text-primary);font-size:var(--font-body-size);font-weight:600;line-height:var(--line-height-base)}.visit-details__row--total{padding:10px 0}.visit-details__total-label{color:var(--color-text-secondary);font-size:var(--font-body-size);font-weight:600;line-height:var(--line-height-base)}.visit-details__total-price{color:var(--color-text-title);font-size:var(--font-title-size);font-weight:800;line-height:var(--line-height-base)}.payment-checkout-fields{gap:var(--space-md);flex-direction:column;display:flex}.receipt-email-field{gap:var(--space-xs);flex-direction:column;display:flex}.receipt-email-field__label{color:var(--color-text-secondary);font-size:var(--font-caption-size);font-weight:500;line-height:var(--line-height-base)}.receipt-email-field__input{appearance:none;background:var(--color-input-surface);border:1px solid var(--color-input-border);border-radius:var(--radius-input);color:var(--color-text-primary);font-family:var(--font-family-base);font-size:var(--font-body-size);height:48px;font-weight:500;line-height:var(--line-height-base);padding:0 var(--space-md);width:100%}.receipt-email-field__input::placeholder{color:var(--color-text-muted)}.receipt-email-field__input:focus-visible{outline-offset:2px;outline:2px solid #4b9fff}.offer-consent{align-items:flex-start;gap:var(--space-sm);display:flex}.offer-consent__checkbox{accent-color:var(--color-link);cursor:pointer;flex-shrink:0;width:16px;height:16px;margin:2px 0 0}.offer-consent__text{color:var(--color-text-primary);font-size:var(--font-body-size);font-weight:500;line-height:var(--line-height-base);min-width:0}.offer-consent__label{cursor:pointer}.offer-consent__link{color:var(--color-link);font-weight:500;text-decoration:none}.offer-consent__link:hover{text-decoration:underline}.offer-consent__link:focus-visible{outline-offset:2px;border-radius:2px;outline:2px solid #4b9fff}.primary-button{appearance:none;background:var(--color-button-primary);border-radius:var(--radius-button);color:var(--color-button-primary-foreground);cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-button-size);letter-spacing:0;height:54px;font-weight:600;line-height:var(--line-height-base);padding:var(--space-sm) var(--space-2xl);border:0;justify-content:center;align-items:center;width:100%;transition:transform .18s,filter .18s;display:flex}.primary-button:hover{filter:brightness(1.06)}.primary-button:active{transform:translateY(1px)}.primary-button:focus-visible{outline-offset:2px;outline:2px solid #4b9fff}.primary-button:disabled:not(.primary-button--loading){background:var(--color-button-disabled-bg);color:var(--color-button-disabled-fg);cursor:not-allowed;filter:none;opacity:1;pointer-events:none}.primary-button:disabled:not(.primary-button--loading):hover,.primary-button:disabled:not(.primary-button--loading):active{filter:none;transform:none}.primary-button--loading{cursor:wait;pointer-events:none}.primary-button--loading:disabled{background:var(--color-button-primary);color:var(--color-button-primary-foreground);cursor:wait;filter:none;opacity:1}.primary-button__spinner{border:2.5px solid color-mix(in srgb, var(--color-button-primary-foreground) 30%, transparent);border-top-color:var(--color-button-primary-foreground);box-sizing:border-box;border-radius:50%;flex-shrink:0;width:22px;height:22px;animation:.65s linear infinite primary-button-spin}.primary-button__label-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes primary-button-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.primary-button__spinner{border-color:color-mix(in srgb, var(--color-button-primary-foreground) 45%, transparent);border-top-color:var(--color-button-primary-foreground);opacity:.9;animation:none}}.payment-card__error{border-radius:var(--radius-button);color:#991b1b;font-size:var(--font-caption-size);font-weight:500;line-height:var(--line-height-caption);padding:var(--space-sm) var(--space-md);text-align:center;background:#fef2f2;margin:0}.payment-card__footer{color:var(--color-text-muted);font-size:var(--font-caption-size);font-weight:500;line-height:var(--line-height-caption);text-align:center}@keyframes skeleton-shimmer{0%,to{opacity:1}50%{opacity:.5}}.skeleton-block{background:#e5e7eb;animation:1.5s cubic-bezier(.4,0,.6,1) infinite skeleton-shimmer}.payment-skeleton-card{background:var(--color-card-surface);border:1px solid var(--color-border);border-radius:24px;flex-direction:column;min-height:620px;padding:32px;display:flex;box-shadow:0 20px 40px -15px #0000000d}.payment-skeleton-card__content{flex-direction:column;flex:1;display:flex}.payment-skeleton-card__icon-wrap{justify-content:center;margin-bottom:24px;display:flex}.payment-skeleton-card__icon{border-radius:16px;width:64px;height:64px}.payment-skeleton-card__title-wrap{flex-direction:column;align-items:center;gap:12px;width:100%;margin-bottom:32px;display:flex}.payment-skeleton-card__title{border-radius:8px;width:192px;height:28px}.payment-skeleton-card__subtitle-wrap{flex-direction:column;align-items:center;gap:8px;width:100%;margin-top:4px;display:flex}.payment-skeleton-card__subtitle{background:#f3f4f6;border-radius:6px;height:12px}.payment-skeleton-card__subtitle--wide{width:84%}.payment-skeleton-card__subtitle--short{width:64%}.payment-skeleton-details{background:var(--color-panel-surface);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;gap:16px;margin-bottom:24px;padding:20px;display:flex}.payment-skeleton-details__header{flex-direction:column;gap:12px;display:flex}.payment-skeleton-details__label{border-radius:4px;width:112px;height:12px}.payment-skeleton-details__meta-row{justify-content:space-between;align-items:center;gap:16px;margin-top:4px;display:flex}.payment-skeleton-details__date{border-radius:6px;width:128px;height:20px}.payment-skeleton-details__master{background:#f3f4f6;border-radius:6px;width:96px;height:16px}.payment-skeleton-details__divider{background:var(--color-border);width:100%;height:1px}.payment-skeleton-details__services{flex-direction:column;gap:16px;padding:4px 0;display:flex}.payment-skeleton-details__row{justify-content:space-between;align-items:center;display:flex}.payment-skeleton-details__service,.payment-skeleton-details__price,.payment-skeleton-details__total-label,.payment-skeleton-details__total-value,.payment-skeleton-card__button,.payment-skeleton-card__footer-part{border-radius:6px}.payment-skeleton-details__service{background:#f3f4f6;height:16px}.payment-skeleton-details__service--one{width:144px}.payment-skeleton-details__service--two{width:160px}.payment-skeleton-details__price{height:16px}.payment-skeleton-details__price--one{width:64px}.payment-skeleton-details__price--two{width:80px}.payment-skeleton-details__total{justify-content:space-between;align-items:center;padding-top:4px;display:flex}.payment-skeleton-details__total-label{width:56px;height:16px}.payment-skeleton-details__total-value{border-radius:8px;width:112px;height:28px}.payment-skeleton-card__button{border-radius:12px;width:100%;height:56px;margin-top:8px;margin-bottom:24px}.payment-skeleton-card__footer{justify-content:center;align-items:center;gap:8px;margin-top:auto;padding-bottom:8px;display:flex}.payment-skeleton-card__footer-part{background:#f3f4f6;height:10px}.payment-skeleton-card__footer-part--one{width:96px}.payment-skeleton-card__footer-part--two{width:160px}.payment-skeleton-card__footer-sep{background:#e5e7eb;width:8px;height:1px}.payment-flow-demo{flex-direction:column;min-height:100dvh;display:flex}.payment-flow-demo__controls{justify-content:center;padding:12px 12px 0;display:flex}.payment-flow-demo .payment-page{flex:1;min-height:auto;padding-top:12px}.payment-flow-controls{border:1px solid var(--color-border);background:#ffffffe6;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:6px;display:flex}.payment-flow-controls__button{appearance:none;color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-family-base);background:0 0;border:0;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:600;line-height:1;transition:background-color .12s,color .12s}.payment-flow-controls__button.is-active{background:var(--color-button-primary);color:var(--color-button-primary-foreground)}.payment-flow-controls__status{color:var(--color-text-muted);padding:0 10px;font-size:12px;font-weight:500}@media (width<=768px){.payment-page{justify-content:stretch;align-items:flex-start;padding:17px 12px 32px}.payment-page__sheet{width:100%}.payment-skeleton-card{min-height:auto;padding:30px}.payment-flow-demo__controls{justify-content:flex-start;padding:8px 12px 0}.payment-flow-controls{border-radius:16px}.payment-flow-demo .payment-page{padding-top:8px}}