.membership-form-container{margin:1rem 0;padding:1rem;border:1px solid var(--color-border, #e0e0e0);border-radius:var(--style-border-radius-inputs, 4px);background-color:var(--color-background, #ffffff)}.membership-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.membership-modal:not([hidden]){opacity:1;visibility:visible}.membership-modal__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.membership-modal__container{position:relative;width:90%;max-width:600px;max-height:80vh;background-color:var(--color-background, #ffffff);border-radius:var(--style-border-radius-inputs, 8px);box-shadow:0 20px 40px #0000001a;display:flex;flex-direction:column;transform:scale(.9) translateY(20px);transition:transform .3s ease}.membership-modal:not([hidden]) .membership-modal__container{transform:scale(1) translateY(0)}.membership-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--color-border-light, #f0f0f0)}.membership-modal__title{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text, #333)}.membership-modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--color-text-secondary, #666);cursor:pointer;border-radius:50%;transition:background-color .2s ease,color .2s ease}.membership-modal__close:hover{background-color:var(--color-background-hover, #f8f9fa);color:var(--color-text, #333)}.membership-modal__content{flex:1;overflow-y:auto;padding:1.5rem}.membership-modal__actions{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--color-border-light, #f0f0f0);text-align:center}.membership-continue-button{min-width:200px;padding:.75rem 1.5rem}.membership-continue-button:disabled{opacity:.5;cursor:not-allowed}.membership-gift-section{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border-light, #f0f0f0)}.membership-gift-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer}.membership-gift-checkbox input[type=checkbox]{margin:0;width:1.2rem;height:1.2rem}.membership-gift-label{font-weight:500;font-size:1rem;color:var(--color-text, #333);cursor:pointer}.membership-progress-indicator{display:block;margin-bottom:1rem;padding:.75rem 1rem;background-color:var(--color-background-secondary, #f8f9fa);border-radius:var(--style-border-radius-inputs, 4px);font-size:.9rem;font-weight:500;color:var(--color-text-secondary, #666);text-align:center}.membership-accordion-panel{margin-bottom:.75rem;border:1px solid var(--color-border-light, #e8e8e8);border-radius:var(--style-border-radius-inputs, 4px);overflow:hidden;transition:border-color .2s ease}.membership-accordion-panel:hover{border-color:var(--color-border, #d0d0d0)}.membership-accordion-panel.complete{border-color:var(--color-success, #28a745);box-shadow:0 0 0 1px var(--color-success, #28a745)}.membership-accordion-panel.expanded{border-color:var(--color-primary, #007bff)}.membership-accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem;background:transparent;border:none;cursor:pointer;text-align:left;transition:background-color .2s ease}.membership-accordion-header:hover{background-color:var(--color-background-hover, #f8f9fa)}.membership-accordion-panel.expanded .membership-accordion-header{background-color:var(--color-background-active, #f0f8ff);border-bottom:1px solid var(--color-border-light, #e8e8e8)}.membership-accordion-title{font-weight:600;font-size:1rem;color:var(--color-text, #333)}.membership-accordion-status{display:flex;align-items:center;gap:.5rem;margin-left:auto;margin-right:1rem}.status-incomplete{color:var(--color-warning, #ffc107);font-size:.875rem;font-weight:500}.status-complete{color:var(--color-success, #28a745);font-size:.875rem;font-weight:500}.status-complete:before{content:"\2713  ";font-weight:700}.membership-accordion-arrow{display:flex;align-items:center;color:var(--color-text-secondary, #666);transition:transform .2s ease}.membership-accordion-panel.expanded .membership-accordion-arrow{transform:rotate(180deg)}.membership-accordion-content{display:none;padding:1.5rem 1rem 1rem;background-color:var(--color-background, #ffffff)}.membership-accordion-panel.expanded .membership-accordion-content{display:block}.membership-form-fields{display:grid;gap:1rem;grid-template-columns:1fr 1fr}.membership-form-fields .membership-field-group:last-child{grid-column:1 / -1}@media (max-width: 768px){.membership-form-fields{grid-template-columns:1fr}}.membership-field-group{display:flex;flex-direction:column;gap:.5rem}.membership-field-label{font-weight:500;font-size:.9rem;color:var(--color-text, #333);line-height:1.2}.membership-field-input{padding:.75rem;border:1px solid var(--color-input-border, #d0d0d0);border-radius:var(--style-border-radius-inputs, 4px);font-size:1rem;color:var(--color-input-text, #333);background-color:var(--color-input-background, #ffffff);transition:border-color .2s ease,box-shadow .2s ease}.membership-field-input:focus{outline:none;border-color:var(--color-primary, #007bff);box-shadow:0 0 0 2px #007bff40}.membership-field-input:invalid{border-color:var(--color-error, #dc3545)}.membership-field-input:invalid:focus{border-color:var(--color-error, #dc3545);box-shadow:0 0 0 2px #dc354540}.membership-form-incomplete{opacity:.6;cursor:not-allowed}.membership-form-incomplete:hover{opacity:.6}.hidden{display:none!important}@media (prefers-reduced-motion: no-preference){.membership-accordion-content{transition:max-height .3s ease-out,opacity .2s ease;overflow:hidden}.membership-accordion-panel:not(.expanded) .membership-accordion-content{max-height:0;opacity:0}.membership-accordion-panel.expanded .membership-accordion-content{max-height:500px;opacity:1}}@media (max-width: 768px){.membership-modal__container{width:95%;max-height:85vh;margin:1rem}.membership-modal__header{padding:1rem 1rem .75rem}.membership-modal__title{font-size:1.125rem}.membership-modal__content{padding:1rem}}@media (max-width: 480px){.membership-form-container{margin:.75rem 0;padding:.75rem}.membership-accordion-header{padding:.75rem}.membership-accordion-content{padding:1rem .75rem .75rem}.membership-field-input{padding:.625rem}.membership-modal__container{width:100%;height:100%;max-height:100vh;margin:0;border-radius:0}.membership-modal__header{padding:1rem}.membership-modal__content{padding:.75rem 1rem}.membership-continue-button{width:100%;min-width:unset}}.button.membership-form-incomplete{background-color:var(--color-button-disabled-background, #f8f9fa);color:var(--color-button-disabled-text, #6c757d);border-color:var(--color-button-disabled-border, #d0d0d0);cursor:not-allowed}.button.membership-form-incomplete:hover{background-color:var(--color-button-disabled-background, #f8f9fa);color:var(--color-button-disabled-text, #6c757d);border-color:var(--color-button-disabled-border, #d0d0d0);transform:none}
/*# sourceMappingURL=/cdn/shop/t/4/assets/membership-form.css.map */