:root{--fwg-white:#FFFFFF;--fwg-light-gray:#EDEEEE;--fwg-mid-gray:#7D7D7D;--fwg-dark-gray-2:#212121;--fwg-dark-gray:#1D1D1D;--fwg-black:#000000;--fwg-red:#CE0000;--fwg-red-hover:#A80000;--fwg-red-light:rgba(206, 0, 0, .08);--fwg-red-border:rgba(206, 0, 0, .25);--fwg-green:#1B8C3D;--fwg-green-light:rgba(27, 140, 61, .08);--fwg-green-border:rgba(27, 140, 61, .25);--fwg-orange:#E67E22;--fwg-orange-light:rgba(230, 126, 34, .1);--fwg-orange-border:rgba(230, 126, 34, .3);--fwg-blue:#2B5EA7;--fwg-blue-light:rgba(43, 94, 167, .08);--fwg-blue-border:rgba(43, 94, 167, .25);--font-headline:"Poppins", sans-serif;--font-body:"Poppins", sans-serif;--radius-lg:18px;--radius-md:12px;--radius-sm:8px;--transition:.2s ease}.form-page-cafe *,.form-page-cafe *:before,.form-page-cafe *:after{box-sizing:border-box!important;margin:0!important;padding:0!important}.form-page-cafe{font-family:var(--font-body)!important;font-weight:400!important;background:var(--fwg-white)!important;color:var(--fwg-dark-gray)!important;line-height:1.6!important;-webkit-font-smoothing:antialiased!important;min-height:100vh!important;display:flex!important;flex-direction:column!important;align-items:center!important;padding:40px 20px 80px!important}.form-page-cafe .form-header{width:100%!important;max-width:760px!important;margin-bottom:28px!important;text-align:center!important}.form-page-cafe .form-header__tag{display:inline-block!important;font-family:var(--font-headline)!important;font-size:12px!important;font-weight:600!important;letter-spacing:1.5px!important;text-transform:uppercase!important;color:var(--fwg-red)!important;background:var(--fwg-red-light)!important;border:1px solid var(--fwg-red-border)!important;padding:6px 18px!important;border-radius:var(--radius-sm)!important;margin-bottom:20px!important}.form-page-cafe .form-header__title{font-family:var(--font-headline)!important;font-size:clamp(28px,5vw,40px)!important;font-weight:700!important;letter-spacing:-.5px!important;color:var(--fwg-dark-gray)!important;line-height:1.15!important;margin-bottom:12px!important}.form-page-cafe .form-header__subtitle{font-size:13.5px!important;font-weight:300!important;color:var(--fwg-mid-gray)!important;max-width:480px!important;margin:0 auto!important}.form-page-cafe .stepper{width:100%!important;max-width:760px!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;margin-bottom:28px!important;padding:0 10px!important;position:relative!important}.form-page-cafe .stepper:before{content:""!important;position:absolute!important;top:18px!important;left:40px!important;right:40px!important;height:2px!important;background:#d4d4d4!important;z-index:0!important}.form-page-cafe .step-indicator{display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;cursor:pointer!important;position:relative!important;z-index:1!important;min-width:60px!important;transition:opacity var(--transition)!important}.form-page-cafe .step-indicator__circle{width:36px!important;height:36px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-family:var(--font-headline)!important;font-size:13px!important;font-weight:700!important;border:2.5px solid #D4D4D4!important;background:var(--fwg-white)!important;color:var(--fwg-mid-gray)!important;transition:all .3s ease!important;position:relative!important}.form-page-cafe .step-indicator__label{font-size:11px!important;font-weight:500!important;color:var(--fwg-mid-gray)!important;text-align:center!important;line-height:1.3!important;max-width:80px!important;transition:color var(--transition)!important}.form-page-cafe .step-indicator.active .step-indicator__circle{border-color:var(--fwg-red)!important;background:var(--fwg-red)!important;color:var(--fwg-white)!important;box-shadow:0 0 0 4px var(--fwg-red-light)!important}.form-page-cafe .step-indicator.active .step-indicator__label{color:var(--fwg-red)!important;font-weight:600!important}.form-page-cafe .step-indicator.completed .step-indicator__circle{border-color:var(--fwg-green)!important;background:var(--fwg-green)!important;color:var(--fwg-white)!important}.form-page-cafe .step-indicator.completed .step-indicator__label{color:var(--fwg-green)!important}.form-page-cafe .step-indicator:not(.active):hover .step-indicator__circle{transform:scale(1.08)!important}.form-page-cafe .step-indicator:not(.active):hover .step-indicator__label{color:var(--fwg-dark-gray)!important}.form-page-cafe .step-card{width:100%!important;max-width:760px!important;background:var(--fwg-light-gray)!important;border-radius:var(--radius-lg)!important;box-shadow:0 1px 3px #0000000f,0 8px 30px #0000000a!important;padding:36px 40px!important;display:none!important;animation:cafeCardIn .3s ease!important}.form-page-cafe .step-card.active{display:flex!important;flex-direction:column!important}.form-page-cafe .step-card__footer{margin-top:auto!important;padding-top:24px!important;border-top:1px solid #D4D4D4!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}.form-page-cafe .step-card__footer--end{justify-content:flex-end!important}@keyframes cafeCardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.form-page-cafe .step-card__header{display:flex!important;align-items:center!important;gap:12px!important;margin-bottom:28px!important}.form-page-cafe .step-card__number{flex-shrink:0!important;width:32px!important;height:32px!important;background:var(--fwg-dark-gray)!important;color:var(--fwg-white)!important;font-family:var(--font-headline)!important;font-size:14px!important;font-weight:700!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:var(--radius-sm)!important}.form-page-cafe .step-card__title{font-family:var(--font-headline)!important;font-size:18px!important;font-weight:700!important;letter-spacing:.01em!important;color:var(--fwg-dark-gray)!important}.form-page-cafe .shake{animation:cafeShake .4s ease!important}@keyframes cafeShake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.form-page-cafe .btn-nav{display:inline-flex!important;align-items:center!important;gap:8px!important;font-family:var(--font-headline)!important;font-size:14px!important;font-weight:600!important;border:none!important;border-radius:var(--radius-md)!important;padding:13px 28px!important;cursor:pointer!important;transition:all var(--transition)!important;letter-spacing:.02em!important}.form-page-cafe .btn-nav svg{width:16px!important;height:16px!important;flex-shrink:0!important}.form-page-cafe .btn-nav--back{color:var(--fwg-mid-gray)!important;background:var(--fwg-white)!important;border:1.5px solid #D4D4D4!important}.form-page-cafe .btn-nav--back:hover{color:var(--fwg-dark-gray)!important;border-color:#b0b0b0!important;background:#f5f5f5!important}.form-page-cafe .btn-nav--continue{color:var(--fwg-white)!important;background:var(--fwg-red)!important}.form-page-cafe .btn-nav--continue:hover{background:var(--fwg-red-hover)!important;transform:translateY(-1px)!important}.form-page-cafe .btn-nav--continue:active{transform:translateY(0)!important}.form-page-cafe .field-group{margin-bottom:18px!important}.form-page-cafe .field-label{display:block!important;font-family:var(--font-headline)!important;font-size:13px!important;font-weight:600!important;color:var(--fwg-dark-gray)!important;margin-bottom:8px!important;letter-spacing:.01em!important}.form-page-cafe .field-helper{display:block!important;font-size:12px!important;font-weight:300!important;color:var(--fwg-mid-gray)!important;margin-bottom:10px!important;line-height:1.5!important}.form-page-cafe .required{color:var(--fwg-red)!important;font-weight:600!important}.form-page-cafe .optional{font-size:11px!important;font-weight:400!important;color:var(--fwg-mid-gray)!important;font-style:italic!important}.form-page-cafe .field-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important}.form-page-cafe input[type=text],.form-page-cafe input[type=email],.form-page-cafe input[type=tel],.form-page-cafe select,.form-page-cafe textarea{width:100%!important;font-family:var(--font-body)!important;font-size:14px!important;font-weight:400!important;color:var(--fwg-dark-gray)!important;background:var(--fwg-white)!important;border:1.5px solid #D4D4D4!important;border-radius:var(--radius-md)!important;padding:11px 14px!important;outline:none!important;transition:border-color var(--transition),box-shadow var(--transition)!important;-webkit-appearance:none!important;appearance:none!important}.form-page-cafe input:focus,.form-page-cafe select:focus,.form-page-cafe textarea:focus{border-color:var(--fwg-red)!important;box-shadow:0 0 0 3px var(--fwg-red-light)!important}.form-page-cafe textarea{min-height:100px!important;resize:vertical!important}.form-page-cafe select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%237D7D7D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1l5 5 5-5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 14px center!important;padding-right:36px!important}.form-page-cafe .field-error input,.form-page-cafe .field-error select,.form-page-cafe .field-error textarea{border-color:var(--fwg-red)!important;box-shadow:0 0 0 3px var(--fwg-red-light)!important}.form-page-cafe .field-error .contact-method-group,.form-page-cafe .field-error .equip-type-grid,.form-page-cafe .field-error .brand-btn-group,.form-page-cafe .field-error .delivery-btn-group{outline:2px solid var(--fwg-red)!important;outline-offset:4px!important;border-radius:var(--radius-md)!important}.form-page-cafe .contact-method-group{display:flex!important;gap:10px!important}.form-page-cafe .contact-method-btn{flex:1!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-family:var(--font-body)!important;font-size:13px!important;font-weight:600!important;color:var(--fwg-dark-gray-2)!important;background:var(--fwg-white)!important;border:2px solid #E0E0E0!important;border-radius:var(--radius-md)!important;padding:12px 16px!important;cursor:pointer!important;transition:all var(--transition)!important}.form-page-cafe .contact-method-btn svg{width:18px!important;height:18px!important;flex-shrink:0!important}.form-page-cafe .contact-method-btn:hover{border-color:silver!important;background:#f8f8f8!important}.form-page-cafe .contact-method-btn.selected{border-color:var(--fwg-red)!important;background:var(--fwg-red-light)!important;color:var(--fwg-red)!important;box-shadow:0 0 0 3px #ce00000f!important}.form-page-cafe .equip-type-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.form-page-cafe .equip-type-btn{display:flex!important;align-items:center!important;gap:12px!important;font-family:var(--font-body)!important;font-size:13.5px!important;font-weight:600!important;color:var(--fwg-dark-gray-2)!important;background:var(--fwg-white)!important;border:2px solid #E0E0E0!important;border-radius:var(--radius-md)!important;padding:14px 18px!important;cursor:pointer!important;transition:all var(--transition)!important}.form-page-cafe .equip-type-btn:hover{border-color:silver!important;background:#f8f8f8!important}.form-page-cafe .equip-type-btn.selected{border-color:var(--fwg-red)!important;background:var(--fwg-red-light)!important;color:var(--fwg-red)!important;box-shadow:0 0 0 3px #ce00000f!important}.form-page-cafe .equip-type-btn__checkbox{width:20px!important;height:20px!important;border-radius:5px!important;border:2px solid #D4D4D4!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;transition:all var(--transition)!important;background:var(--fwg-white)!important}.form-page-cafe .equip-type-btn.selected .equip-type-btn__checkbox{border-color:var(--fwg-red)!important;background:var(--fwg-red)!important}.form-page-cafe .equip-type-btn--full{grid-column:1 / -1!important}.form-page-cafe .equip-detail-panel{display:none!important;margin-top:10px!important;padding:18px 20px!important;background:var(--fwg-white)!important;border:1.5px solid #E0E0E0!important;border-radius:var(--radius-md)!important;border-left:3px solid var(--fwg-red)!important}.form-page-cafe .equip-detail-panel.visible{display:block!important}.form-page-cafe .equip-detail-panel__title{font-family:var(--font-headline)!important;font-size:13px!important;font-weight:700!important;color:var(--fwg-red)!important;margin-bottom:14px!important}.form-page-cafe .equip-detail-panel .field-row{margin-bottom:0!important}.form-page-cafe .brand-btn-group{display:flex!important;flex-direction:column!important;gap:10px!important}.form-page-cafe .brand-btn{display:flex!important;align-items:center!important;gap:14px!important;font-family:var(--font-body)!important;font-size:13.5px!important;font-weight:600!important;color:var(--fwg-dark-gray-2)!important;background:var(--fwg-white)!important;border:2px solid #E0E0E0!important;border-radius:var(--radius-md)!important;padding:16px 20px!important;cursor:pointer!important;transition:all var(--transition)!important}.form-page-cafe .brand-btn:hover{border-color:silver!important;background:#f8f8f8!important}.form-page-cafe .brand-btn.selected{border-color:var(--fwg-red)!important;background:var(--fwg-red-light)!important;color:var(--fwg-red)!important;box-shadow:0 0 0 3px #ce00000f!important}.form-page-cafe .brand-btn__radio{width:20px!important;height:20px!important;border-radius:50%!important;border:2px solid #D4D4D4!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;transition:all var(--transition)!important}.form-page-cafe .brand-btn.selected .brand-btn__radio{border-color:var(--fwg-red)!important;border-width:6px!important}.form-page-cafe .brand-btn__content{flex:1!important}.form-page-cafe .brand-btn__label{display:block!important}.form-page-cafe .brand-btn__desc{display:block!important;font-size:12px!important;font-weight:300!important;color:var(--fwg-mid-gray)!important;margin-top:2px!important}.form-page-cafe .brand-btn.selected .brand-btn__desc{color:var(--fwg-red)!important;opacity:.7!important}.form-page-cafe .delivery-btn-group{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.form-page-cafe .delivery-btn{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;font-family:var(--font-body)!important;font-size:13px!important;font-weight:600!important;color:var(--fwg-dark-gray-2)!important;background:var(--fwg-white)!important;border:2px solid #E0E0E0!important;border-radius:var(--radius-md)!important;padding:14px 16px!important;cursor:pointer!important;transition:all var(--transition)!important;min-height:52px!important}.form-page-cafe .delivery-btn:hover{border-color:silver!important;background:#f8f8f8!important}.form-page-cafe .delivery-btn.selected{border-color:var(--fwg-red)!important;background:var(--fwg-red-light)!important;color:var(--fwg-red)!important;box-shadow:0 0 0 3px #ce00000f!important}.form-page-cafe .conditional-panel{display:none!important;margin-top:16px!important;padding:20px!important;background:var(--fwg-white)!important;border:1.5px solid #E0E0E0!important;border-radius:var(--radius-md)!important}.form-page-cafe .conditional-panel.visible{display:block!important}.form-page-cafe .notice-box{display:flex!important;align-items:flex-start!important;gap:10px!important;font-size:12.5px!important;font-weight:400!important;padding:12px 16px!important;border-radius:var(--radius-sm)!important;line-height:1.5!important;margin-bottom:14px!important}.form-page-cafe .notice-box:last-child{margin-bottom:0!important}.form-page-cafe .notice-box--info{color:var(--fwg-blue)!important;background:var(--fwg-blue-light)!important;border:1px solid var(--fwg-blue-border)!important}.form-page-cafe .card-divider{height:1px!important;background:#d4d4d4!important;margin:24px 0!important}.form-page-cafe .file-upload{border:2px dashed #D4D4D4!important;border-radius:var(--radius-md)!important;padding:24px!important;text-align:center!important;cursor:pointer!important;position:relative!important;transition:all var(--transition)!important;background:var(--fwg-white)!important}.form-page-cafe .file-upload:hover{border-color:var(--fwg-red)!important;background:var(--fwg-red-light)!important}.form-page-cafe .file-upload--compact{padding:16px!important}.form-page-cafe .file-upload__icon{width:28px!important;height:28px!important;color:var(--fwg-mid-gray)!important;margin:0 auto 6px!important;display:block!important}.form-page-cafe .file-upload__text{font-size:13px!important;font-weight:400!important;color:var(--fwg-mid-gray)!important}.form-page-cafe .file-upload__text strong{font-weight:600!important;color:var(--fwg-red)!important}.form-page-cafe .file-upload input[type=file]{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;opacity:0!important;cursor:pointer!important;width:100%!important;height:100%!important}.form-page-cafe .file-names{font-size:12px!important;font-weight:500!important;color:var(--fwg-dark-gray)!important;margin-top:8px!important;word-break:break-all!important}.form-page-cafe .summary{margin-bottom:28px!important}.form-page-cafe .summary__section{background:var(--fwg-white)!important;border-radius:var(--radius-md)!important;padding:18px 20px!important;margin-bottom:12px!important}.form-page-cafe .summary__section-header{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:12px!important}.form-page-cafe .summary__section-title{font-family:var(--font-headline)!important;font-size:13.5px!important;font-weight:700!important;color:var(--fwg-dark-gray)!important;display:flex!important;align-items:center!important;gap:8px!important}.form-page-cafe .summary__section-num{width:22px!important;height:22px!important;background:var(--fwg-dark-gray)!important;color:var(--fwg-white)!important;font-size:11px!important;font-weight:700!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:4px!important}.form-page-cafe .btn-edit{display:inline-flex!important;align-items:center!important;gap:4px!important;font-family:var(--font-body)!important;font-size:12px!important;font-weight:600!important;color:var(--fwg-red)!important;background:none!important;border:none!important;cursor:pointer!important;padding:4px 8px!important;border-radius:var(--radius-sm)!important;transition:all var(--transition)!important}.form-page-cafe .btn-edit:hover{background:var(--fwg-red-light)!important}.form-page-cafe .btn-edit svg{width:13px!important;height:13px!important}.form-page-cafe .summary__row{display:flex!important;padding:6px 0!important;font-size:13px!important;line-height:1.5!important;border-bottom:1px solid #F0F0F0!important}.form-page-cafe .summary__row:last-child{border-bottom:none!important}.form-page-cafe .summary__label{flex-shrink:0!important;width:140px!important;font-weight:500!important;color:var(--fwg-mid-gray)!important}.form-page-cafe .summary__value{flex:1!important;font-weight:500!important;color:var(--fwg-dark-gray)!important}.form-page-cafe .summary__divider{height:1px!important;background:#e0e0e0!important;margin:24px 0!important}.form-page-cafe .btn-submit{font-family:var(--font-headline)!important;font-size:16px!important;font-weight:700!important;letter-spacing:.03em!important;color:var(--fwg-white)!important;background:var(--fwg-red)!important;border:none!important;border-radius:var(--radius-md)!important;padding:16px 56px!important;cursor:pointer!important;transition:background var(--transition),transform .15s ease!important}.form-page-cafe .btn-submit:hover{background:var(--fwg-red-hover)!important;transform:translateY(-1px)!important}.form-page-cafe .btn-submit:active{transform:translateY(0)!important}.form-page-cafe .submit-note{margin-top:14px!important;font-size:12.5px!important;font-weight:300!important;color:var(--fwg-mid-gray)!important}.toast{position:fixed!important;bottom:30px!important;left:50%!important;transform:translate(-50%) translateY(20px)!important;font-family:var(--font-body)!important;font-size:13px!important;font-weight:600!important;color:var(--fwg-white)!important;background:var(--fwg-dark-gray)!important;padding:12px 24px!important;border-radius:var(--radius-md)!important;box-shadow:0 4px 20px #0003!important;opacity:0!important;pointer-events:none!important;transition:opacity .3s ease,transform .3s ease!important;z-index:999!important}.toast.show{opacity:1!important;transform:translate(-50%) translateY(0)!important}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:640px){.form-page-cafe{padding:24px 16px 80px!important}.form-page-cafe .step-card{padding:28px 22px!important}.form-page-cafe .field-row{grid-template-columns:1fr!important}.form-page-cafe .contact-method-group{flex-direction:column!important}.form-page-cafe .equip-type-grid,.form-page-cafe .delivery-btn-group{grid-template-columns:1fr!important}.form-page-cafe .brand-btn-group{flex-direction:column!important}.form-page-cafe .btn-submit{width:100%!important;padding:16px 24px!important}.form-page-cafe .stepper{padding:0!important;gap:0!important}.form-page-cafe .stepper:before{left:24px!important;right:24px!important}.form-page-cafe .step-indicator{min-width:0!important;flex:1!important}.form-page-cafe .step-indicator__label{font-size:9px!important;max-width:56px!important}.form-page-cafe .step-indicator__circle{width:32px!important;height:32px!important;font-size:12px!important}.form-page-cafe .summary__row{flex-direction:column!important;gap:2px!important}.form-page-cafe .summary__label{width:auto!important}.form-page-cafe .equip-detail-panel .field-row{grid-template-columns:1fr!important}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/fwg-cafe-form.css.map */