.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--modal-color-primary: #000;--modal-color-primary-dark: #333;--modal-color-text-main: #333;--modal-color-text-secondary: #666;--modal-color-text-light: #999;--modal-color-border: #ddd;--modal-color-border-light: #eee;--modal-color-bg-light: #f5f5f5;--modal-color-bg-error: #fff5f5;--modal-color-success: #28a745;--modal-color-success-bg: #d4edda;--modal-color-success-text: #155724;--modal-color-error: #dc3545;--modal-color-error-bg: #f8d7da;--modal-color-error-text: #721c24;--modal-color-info: #17a2b8;--modal-color-info-bg: #d1ecf1;--modal-color-info-text: #0c5460;--modal-color-white: #ffffff;--modal-color-overlay: rgba(0, 0, 0, .5);--modal-spacing-xs: 8px;--modal-spacing-sm: 12px;--modal-spacing-md: 15px;--modal-spacing-lg: 20px;--modal-spacing-xl: 30px;--modal-spacing-xxl: 40px;--modal-border-radius: 4px;--modal-font-size-xs: 12px;--modal-font-size-sm: 14px;--modal-font-size-base: 16px;--modal-font-size-lg: 24px;--modal-font-size-xl: 28px;--modal-font-weight-regular: 500;--modal-font-weight-semibold: 600;--modal-font-weight-bold: 700;--modal-transition-fast: .2s ease;--modal-transition-base: .3s ease;--modal-border-width-indicator: 4px;--modal-border-width-standard: 1px;--modal-border-width-focus: 2px;--modal-border-width-focus-large: 3px;--modal-shadow-modal: 0 10px 40px rgba(0, 0, 0, .1)}.modal-gift-card{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;pointer-events:none;opacity:0;transition:opacity var(--modal-transition-base)}.modal-gift-card.is-open{pointer-events:auto;opacity:1}.modal-gift-card__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--modal-color-overlay);cursor:pointer}.modal-gift-card__wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:var(--modal-spacing-lg)}.modal-gift-card__content{position:relative;background-color:var(--modal-color-white);border-radius:var(--modal-border-radius);box-shadow:var(--modal-shadow-modal);width:100%;max-width:600px;max-height:80vh;overflow-y:auto;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-gift-card__close{position:absolute;top:15px;right:15px;width:40px;height:40px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--modal-color-text-main);transition:color var(--modal-transition-fast),background-color var(--modal-transition-fast);padding:0;border-radius:var(--modal-border-radius)}.modal-gift-card__close:hover{color:var(--modal-color-primary);background-color:var(--modal-color-bg-light)}.modal-gift-card__close:focus{outline:none}.modal-gift-card__close:focus-visible{outline:var(--modal-border-width-focus) solid var(--modal-color-primary);outline-offset:2px}.modal-gift-card__inner{padding:var(--modal-spacing-xxl)}.modal-gift-card__title{margin:0 0 var(--modal-spacing-lg) 0;font-size:var(--modal-font-size-xl);font-weight:var(--modal-font-weight-semibold);color:var(--modal-color-text-main)}.gift-card-form{display:flex;flex-direction:column;gap:var(--modal-spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--modal-spacing-xs)}.form-label{font-size:var(--modal-font-size-sm);font-weight:var(--modal-font-weight-semibold);color:var(--modal-color-text-main);display:block}.form-input{width:100%;padding:var(--modal-spacing-sm) var(--modal-spacing-md);border:var(--modal-border-width-standard) solid var(--modal-color-border);border-radius:var(--modal-border-radius);font-size:var(--modal-font-size-sm);font-family:inherit;transition:border-color var(--modal-transition-fast),box-shadow var(--modal-transition-fast)}.form-input:focus{outline:none;border-color:var(--modal-color-primary);box-shadow:0 0 0 3px #0000001a}.form-input:focus-visible{outline:var(--modal-border-width-focus) solid var(--modal-color-primary);outline-offset:2px;box-shadow:none}.form-input::placeholder{color:var(--modal-color-text-light)}.form-input.error{border-color:var(--modal-color-error);background-color:var(--modal-color-bg-error)}.form-error{font-size:var(--modal-font-size-xs);color:var(--modal-color-error);display:none;min-height:18px;font-weight:var(--modal-font-weight-semibold)}.form-error.show{display:block}.form-submit{width:100%;padding:var(--modal-spacing-sm) var(--modal-spacing-md);background-color:var(--modal-color-primary);color:var(--modal-color-white);border:none;border-radius:var(--modal-border-radius);font-size:var(--modal-font-size-sm);font-weight:var(--modal-font-weight-semibold);cursor:pointer;transition:background-color var(--modal-transition-fast)}.form-submit:hover{background-color:var(--modal-color-primary-dark)}.form-submit:focus{outline:none}.form-submit:focus-visible{outline:var(--modal-border-width-focus) solid var(--modal-color-primary);outline-offset:2px}.form-submit:disabled{background-color:#ccc;cursor:not-allowed}.form-submit[aria-busy=true],.form-submit.loading{opacity:.7;pointer-events:none}.balance-info{background-color:var(--modal-color-bg-light);padding:var(--modal-spacing-md);border-radius:var(--modal-border-radius);border-left:var(--modal-border-width-indicator) solid var(--modal-color-primary);border-top:var(--modal-border-width-standard) solid var(--modal-color-border-light)}.balance-info.expired{border-left-color:var(--modal-color-error)}.balance-info.zero-balance{border-left-color:#ff9800}.balance-amount{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--modal-spacing-lg)}.balance-label{font-size:var(--modal-font-size-sm);color:var(--modal-color-text-secondary);font-weight:var(--modal-font-weight-regular)}.balance-value{font-size:var(--modal-font-size-lg);font-weight:var(--modal-font-weight-bold);color:var(--modal-color-primary)}.balance-info.expired .balance-value{color:var(--modal-color-error)}.balance-info.zero-balance .balance-value{color:#ff9800}.balance-status{font-size:var(--modal-font-size-xs);color:var(--modal-color-text-secondary);line-height:1.6;font-weight:var(--modal-font-weight-semibold)}.balance-status.active{color:var(--modal-color-primary)}.balance-status.expired{color:var(--modal-color-error)}.balance-status.zero-balance{color:#ff9800}.expiration-date{display:flex;justify-content:space-between;align-items:center;padding-top:var(--modal-spacing-lg);border-top:var(--modal-border-width-standard) solid var(--modal-color-border-light);font-size:var(--modal-font-size-sm)}.expiration-label{color:var(--modal-color-text-secondary);font-weight:var(--modal-font-weight-regular)}.expiration-value{font-weight:var(--modal-font-weight-semibold);color:var(--modal-color-text-main)}.form-message{padding:var(--modal-spacing-sm) var(--modal-spacing-md);border-radius:var(--modal-border-radius);font-size:var(--modal-font-size-sm);text-align:center;font-weight:var(--modal-font-weight-semibold);border-left:var(--modal-border-width-indicator) solid}.form-message.success{background-color:var(--modal-color-success-bg);color:var(--modal-color-success-text);border-left-color:var(--modal-color-success)}.form-message.error{background-color:var(--modal-color-error-bg);color:var(--modal-color-error-text);border-left-color:var(--modal-color-error)}.form-message.info{background-color:var(--modal-color-info-bg);color:var(--modal-color-info-text);border-left-color:var(--modal-color-info)}@media(max-width:768px){.modal-gift-card__content{max-width:90vw}.modal-gift-card__inner{padding:var(--modal-spacing-xl) var(--modal-spacing-lg)}.modal-gift-card__title{font-size:var(--modal-font-size-lg)}.modal-gift-card__close{width:35px;height:35px;top:10px;right:10px}.form-input:focus-visible{outline-width:var(--modal-border-width-focus-large)}.form-submit:focus-visible{outline-width:var(--modal-border-width-focus-large)}}@media(prefers-contrast:more){.form-input{border-width:var(--modal-border-width-focus)}.form-submit{border:var(--modal-border-width-focus) solid transparent}.modal-gift-card__close:focus-visible{outline-width:var(--modal-border-width-focus-large)}}@media(prefers-reduced-motion:reduce){.modal-gift-card,.modal-gift-card__content,.form-input,.form-submit{animation:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/100/assets/section.modal-gift-card.css.map */