.yanekara-getting-started{width:90vw;max-width:1200px;margin:0 auto;padding:20px}.getting-started-main-title{text-align:center;font-weight:400;font-size:1.6em;color:#333;margin-bottom:25px}.steps-container{display:flex;flex-direction:column;gap:20px}.step-card{border:1px solid #e0e0e0;border-radius:8px;padding:20px;background-color:#fff;box-shadow:0 2px 8px #00000014;position:relative}.step-card--completed{background-color:#f8f9fa;opacity:.7;border-color:#d4e6f1}.step-card--completed .step-number{background-color:#28a745}.step-card--completed .step-title{color:#6c757d}.completed-status{display:inline-block;background-color:#28a745;color:#fff;padding:6px 15px;border-radius:20px;font-size:.85em;font-weight:500;margin-top:10px}.membership-status-note{color:#6c757d;font-size:.9em;margin-top:10px;font-style:italic}.color-dropdown-container{margin-top:10px;padding:12px;background-color:#f8f9fa;border-radius:6px;border:1px solid #e9ecef;width:100%;max-width:100%;box-sizing:border-box}.color-dropdown-label{display:block;font-size:.8em;color:#333;font-weight:500;margin-bottom:6px;white-space:nowrap;text-align:center}.color-dropdown-select{width:100%;padding:10px 12px;font-size:.9em;color:#333;background-color:#fff;border:1px solid #ced4da;border-radius:6px;box-sizing:border-box;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.color-dropdown-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.color-dropdown-select:hover{border-color:#adb5bd}.color-dropdown-select option:disabled{color:#6c757d;background-color:#f8f9fa}.login-required-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;padding:12px 16px;margin:15px 0;text-align:center}.login-required-content{display:flex;align-items:center;justify-content:center;gap:8px}.login-required-text{color:#721c24;font-size:.9em;font-weight:500}.stock-status-message{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;padding:12px 16px;margin:15px 0;text-align:center}.stock-status-content{display:flex;align-items:center;justify-content:center;gap:8px}.stock-status-icon{font-size:1.1em}.stock-status-text{color:#856404;font-size:.9em;font-weight:500}.button--disabled{background-color:#6c757d!important;color:#fff!important;cursor:not-allowed!important;opacity:.6}.button--disabled:hover{background-color:#6c757d!important}.button--loading{opacity:.5!important;cursor:not-allowed!important;background-color:#999!important;position:relative;color:#fff!important}.button--loading:hover{background-color:#999!important;opacity:.5!important}.button--loading:after{content:"";position:absolute;right:12px;top:50%;width:12px;height:12px;margin:-6px 0 0;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.step-number{position:absolute;top:-15px;left:30px;background-color:#333;color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1em}.step-title{font-size:1.1em;color:#333;margin:8px 0 12px;font-weight:500}.step-description{color:#666;margin-bottom:15px;line-height:1.4;font-size:.9em}.step-button{background-color:#333;color:#fff;border:none;padding:12px 30px;font-size:.9em;font-weight:500;border-radius:6px;cursor:pointer;transition:background-color .3s ease;text-decoration:none;display:inline-block;margin-right:10px;margin-bottom:10px}.step-button:hover{background-color:#555}.step-button--secondary{background-color:#fff;color:#333;border:1px solid #333}.step-button--secondary:hover{background-color:#f5f5f5}.membership-plan-content{background-color:#f9f9f9;border-radius:6px;padding:18px;margin-top:15px}.membership-bundle-title{font-size:1em;color:#333;font-weight:500;text-align:center;margin:0 0 18px}.membership-products-grid{display:flex;justify-content:center;align-items:flex-start;gap:12px;margin-bottom:20px;flex-wrap:wrap}.membership-product-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:0 15px 15px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:140px;width:140px;transition:transform .2s ease,box-shadow .2s ease;box-sizing:border-box}.membership-product-card:hover{transform:translateY(-2px);box-shadow:0 5px 20px #00000026}.product-card-inner{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.product-card-title{font-size:.85em;color:#333;margin-bottom:6px;font-weight:600;line-height:1.2;text-align:center}.product-card-description{font-size:.65em;color:#666;margin-bottom:8px;line-height:1.3;text-align:center;font-weight:400}.membership-product-image{border-radius:6px;object-fit:cover;margin-bottom:8px;box-shadow:0 1px 4px #0000001a;width:90px;height:90px}.membership-product-placeholder{width:90px;height:90px;border:2px dashed #ccc;border-radius:6px;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;margin-bottom:8px}.membership-product-placeholder span{font-size:.85em;color:#666;text-align:center;padding:5px}.product-header-with-toggle{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:6px;width:100%}.product-toggle-container{display:flex;align-items:center;gap:6px}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.toggle-slider{background-color:#007bff}input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-label{font-size:.8em;color:#333;font-weight:500}.product-card-price{font-size:.85em;color:#666;margin:5px 0 10px;font-weight:500}.content-disabled{opacity:.4;transition:opacity .3s ease}.product-content{display:flex;flex-direction:column;align-items:center;width:100%}.total-cost-section{background-color:#f8f9fa;border-radius:6px;padding:15px;margin-top:18px;border:1px solid #e9ecef}.total-cost-title{font-size:1em;color:#333;margin:0 0 12px;font-weight:600;text-align:center}.total-cost-breakdown{display:flex;flex-direction:column;gap:6px}.cost-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:.85em}.cost-item-name{color:#555;font-weight:400}.cost-item-price{color:#333;font-weight:500}.cost-item-disabled{opacity:.4;transition:opacity .3s ease}.cost-item-disabled .cost-item-name,.cost-item-disabled .cost-item-price{text-decoration:line-through}.cost-separator{height:1px;background-color:#dee2e6;margin:8px 0}.cost-total{padding-top:10px;border-top:2px solid #333;font-size:.95em}.cost-total .cost-item-name{color:#333;font-weight:600}.cost-total .cost-item-price{color:#333;font-weight:700;font-size:1.05em}.membership-form{text-align:center;margin-top:15px}.button--store{background-color:#333;color:#fff;border:none;padding:15px 40px;font-size:1em;font-weight:500;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.button--store:hover{background-color:#555}.product-options{display:flex;flex-direction:column;gap:15px}.product-option{background-color:#f9f9f9;border-radius:6px;padding:20px;border:1px solid #e0e0e0;display:flex;align-items:flex-start;gap:15px}.product-option-image{border-radius:6px;object-fit:cover;flex-shrink:0}.product-option-content{flex:1}.product-option h5{margin:0 0 10px;color:#333;font-weight:500}.product-price{color:#666;font-size:1.1em;font-weight:500;margin:5px 0 15px}@media (max-width: 768px){.yanekara-getting-started{width:95vw;padding:15px}.getting-started-main-title{font-size:1.4em}.step-card{padding:18px 15px}.step-number{width:22px;height:22px;font-size:.8em;top:-11px;left:20px}.step-title{font-size:1em}.step-description{font-size:.85em}.step-button{font-size:.85em;padding:10px 25px}.completed-status{font-size:.8em;padding:5px 12px}.membership-status-note{font-size:.85em}.membership-products-grid{justify-content:center;align-items:flex-start;gap:8px;flex-wrap:nowrap;overflow-x:auto;padding:0 5px}.membership-product-card{width:100px;min-width:100px;padding:8px 8px 12px;flex-shrink:0}.product-card-title{font-size:.75em;line-height:1.1}.product-card-description{font-size:.55em}.membership-bundle-title{font-size:.95em}.total-cost-section{padding:12px;margin-top:15px}.total-cost-title{font-size:.9em}.cost-item{font-size:.8em}.cost-total{font-size:.9em}.cost-total .cost-item-price{font-size:.95em}.membership-fee-note{font-size:.75em}.product-toggle-container{gap:6px}.toggle-switch{width:40px;height:22px}.toggle-slider:before{height:16px;width:16px;left:3px;bottom:3px}input:checked+.toggle-slider:before{transform:translate(18px)}.toggle-label{font-size:.75em}.product-options{gap:10px}.product-option{padding:15px;flex-direction:column;text-align:center}.product-option-image{align-self:center}.color-dropdown-container{padding:10px}.color-dropdown-label{font-size:.75em;margin-bottom:5px}.color-dropdown-select{font-size:.85em;padding:8px 10px}.login-required-text,.stock-status-text{font-size:.85em}}@media (min-width: 769px) and (max-width: 1024px){.yanekara-getting-started{width:92vw;padding:25px}.getting-started-main-title{font-size:1.8em}.step-title{font-size:1.2em}.step-description{font-size:.95em}.product-card-title{font-size:.9em}.product-card-description{font-size:.7em}.total-cost-title{font-size:1.05em}.cost-item{font-size:.9em}.toggle-label{font-size:.75em}}@media (max-width: 480px){.yanekara-getting-started{width:98vw;padding:10px;margin:20px auto}.getting-started-main-title{font-size:1.2em;margin-bottom:20px}.step-card{padding:15px 12px}.step-number{width:20px;height:20px;font-size:.75em;top:-10px;left:18px}.step-title{font-size:.95em;margin:6px 0 10px}.step-description{font-size:.8em;margin-bottom:12px}.step-button{font-size:.8em;padding:8px 20px;margin-bottom:8px}.completed-status{font-size:.75em;padding:4px 10px}.membership-status-note{font-size:.8em}.membership-product-card{width:100px;min-width:100px;padding:6px 10px 10px}.product-card-title{font-size:.75em;margin-bottom:4px}.product-card-description{font-size:.55em;margin-bottom:6px}.membership-product-image{width:70px;height:70px}.membership-product-placeholder{width:100px;height:100px}.membership-product-placeholder span{font-size:.75em}.total-cost-section{padding:12px;margin-top:15px}.total-cost-title{font-size:.95em;margin-bottom:12px}.cost-item{font-size:.8em;padding:6px 0}.cost-total{font-size:.9em;padding-top:10px}.cost-total .cost-item-price{font-size:.95em}.membership-fee-note{font-size:.75em}.toggle-switch{width:36px;height:20px}.toggle-slider:before{height:14px;width:14px;left:3px;bottom:3px}input:checked+.toggle-slider:before{transform:translate(16px)}.toggle-label{font-size:.7em}.color-dropdown-container{padding:8px}.color-dropdown-label{font-size:.7em;margin-bottom:4px}.color-dropdown-select{font-size:.8em;padding:7px 8px}.login-required-text,.stock-status-text{font-size:.8em}}@media (min-width: 769px){.product-options{flex-direction:row;justify-content:space-between}.product-option{flex:1;margin-right:15px}.product-option:last-child{margin-right:0}}.membership-fee-note{font-size:.85em;color:#666;margin-top:12px;text-align:center;font-style:italic}.existing-hub-user-banner{background:linear-gradient(135deg,#e8f5e8,#d4edda);border:1px solid #b8dabd;border-radius:8px;padding:20px;margin:20px 0;box-shadow:0 2px 8px #0000000d;position:relative}.existing-hub-user-banner:before{content:"\1f4a1";position:absolute;top:-10px;left:25px;background-color:#28a745;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9em;border:2px solid white}.existing-hub-banner-content{text-align:center}.existing-hub-banner-title{color:#155724;font-size:1.1em;font-weight:600;margin-bottom:8px;margin-top:0}.existing-hub-banner-description{color:#155724;font-size:.95em;margin-bottom:0;line-height:1.4}.existing-hub-banner-link{color:#0c5460;font-weight:600;text-decoration:underline;transition:color .2s ease}.existing-hub-banner-link:hover{color:#062c33;text-decoration:underline}.terms-agreement-checkbox{margin:20px 0;padding:15px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;text-align:center}.checkbox-label{display:flex;align-items:flex-start;cursor:pointer;font-size:.9em;line-height:1.4;color:#333;position:relative;justify-content:flex-start;max-width:fit-content;margin:0 auto}.checkbox-input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-custom{position:relative;display:inline-block;width:18px;height:18px;background-color:#fff;border:2px solid #ced4da;border-radius:3px;margin-right:12px;margin-top:2px;flex-shrink:0;transition:all .2s ease}.checkbox-input:checked~.checkbox-custom{background-color:#007bff;border-color:#007bff}.checkbox-input:checked~.checkbox-custom:after{content:"";position:absolute;left:5px;top:2px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-input:focus~.checkbox-custom{box-shadow:0 0 0 3px #007bff40}.checkbox-text{flex:1}.checkbox-text a{color:#007bff;text-decoration:none;font-weight:500}.checkbox-text a:hover{text-decoration:underline}@media (max-width: 768px){.terms-agreement-checkbox{margin:15px 0;padding:12px}.checkbox-label{font-size:.85em}.checkbox-custom{width:16px;height:16px;margin-right:10px}.checkbox-input:checked~.checkbox-custom:after{left:4px;top:1px;width:5px;height:8px}}@media (max-width: 480px){.terms-agreement-checkbox{margin:12px 0;padding:10px}.checkbox-label{font-size:.8em}.checkbox-custom{width:15px;height:15px;margin-right:8px}.checkbox-input:checked~.checkbox-custom:after{left:3px;top:1px;width:4px;height:7px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-membership-banner.css.map */