.product-customizer-measure-guide-modal .product-popup-modal__content{background:#fff;border:1px solid #f1f1f1;border-radius:5px;color:#000;box-sizing:border-box;-webkit-overflow-scrolling:touch;width:calc(100% - 2rem);max-width:1080px;height:auto;max-height:min(92vh,calc(100dvh - 2rem));min-height:0;top:auto;margin-top:1rem;padding:0 1rem 2rem 2.5rem;display:flex;flex-direction:column;overflow:hidden}.product-customizer-measure-guide-modal .product-popup-modal__toggle{background-color:#fff;border:.1rem solid rgba(0,0,0,.12);color:#0000008c}.product-customizer-measure-guide-modal .product-popup-modal__toggle:hover{color:#000000d9}.product-customizer-measure-guide-modal .product-popup-modal__toggle .icon{color:inherit}.product-customizer-measure-guide-modal .product-popup-modal__content-info{color:#000;display:flex;flex-direction:column;overflow:hidden;min-height:0;flex:1 1 auto}.product-customizer-measure-guide-modal .product-popup-modal__content-info .measure-guide-form{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}.product-customizer-measure-guide-modal .h2{color:#000}.measure-guide-form .mg-header{flex-shrink:0}.measure-guide-form .mg-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media screen and (min-width:750px){.product-customizer-measure-guide-modal .product-popup-modal__content{width:1080px;max-width:92%;height:80vh;max-height:80vh;margin-top:5rem;top:0;padding:0 1.5rem 2rem 3rem}}.measure-guide-form{max-width:none}.measure-guide-form .mg-title{font-weight:700;font-size:1.8rem;color:#000;margin-bottom:.5rem}.measure-guide-form .mg-instruction{font-size:1.3rem;color:#333;margin-bottom:1.5rem;line-height:1.5}.measure-guide-form .mg-instruction p{margin:0 0 .5rem}.measure-guide-form .mg-instruction p:last-child{margin-bottom:0}.measure-guide-form .mg-layout{display:flex;flex-wrap:wrap;gap:2rem}.measure-guide-form .mg-left,.measure-guide-form .mg-right{flex:0 0 calc(50% - 1rem);min-width:0;border:1px solid rgba(0,0,0,.15);border-radius:8px;padding:1rem;box-sizing:border-box}.measure-guide-form .mg-section-title{font-weight:700;font-size:1.3rem;color:#000;margin:1rem 0 .6rem;text-transform:uppercase;letter-spacing:.02em}.measure-guide-form .mg-unit-row{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.measure-guide-form .mg-unit-label{font-size:1.3rem;margin:0}.measure-guide-form .mg-unit-options{display:flex;gap:.5rem}.measure-guide-form .mg-unit-opt{display:inline-flex;align-items:center;padding:.5rem 1rem;border:2px solid #ccc;border-radius:6px;background:#fff;cursor:pointer;font-size:1.4rem}.measure-guide-form .mg-unit-opt.is-selected{border-color:#2563eb;background:#eff6ff;color:#000}.measure-guide-form .mg-input-group{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;margin-bottom:.8rem}.measure-guide-form .mg-input-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-start;flex-direction:column}.measure-guide-form .mg-input-label{font-size:1.3rem}.measure-guide-form .mg-input{padding:.5rem .8rem;border:1px solid #ccc;border-radius:6px;font-size:1.4rem;width:100%;max-width:120px}.measure-guide-form .mg-note{margin-top:1rem;padding:1rem;background:#f5f5f5;border:1px dashed #999;border-radius:6px;font-size:1.3rem;line-height:1.5;color:#333}.measure-guide-form .mg-summary-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start;margin-top:.5rem}.measure-guide-form .mg-summary-line{display:flex;align-items:flex-start;gap:.5rem;font-size:1.4rem;color:#000;max-width:100%}.measure-guide-form .mg-summary-line .mg-summary-order-width,.measure-guide-form .mg-summary-line .mg-summary-order-height,.measure-guide-form .mg-summary-line .mg-summary-recess{flex:1 1 12rem;min-width:0;line-height:1.4}.measure-guide-form .mg-summary-dot{width:10px;height:10px;border-radius:50%;background:#9ca3af;flex-shrink:0;margin-top:.35em}.measure-guide-form .mg-summary-line--empty{color:#6b7280}.measure-guide-form .mg-summary-line--empty .mg-summary-dot{background:#9ca3af}.measure-guide-form .mg-summary-line--ok{color:#166534}.measure-guide-form .mg-summary-line--ok .mg-summary-dot{background:#22c55e}.measure-guide-form .mg-summary-line--error{color:#b91c1c;font-weight:600}.measure-guide-form .mg-summary-line--error .mg-summary-dot{background:#dc2626}.measure-guide-form .mg-preview-header{border-radius:8px;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;border-bottom:1px solid #e5e5e5;background:#f6f7fbe6;padding:.5rem 0}.measure-guide-form .mg-preview-title{font-weight:700;font-size:1.5rem;color:#000}.measure-guide-form .mg-preview-hint{font-size:1.2rem;color:#666}.measure-guide-form .mg-diagram{margin:0 auto 1.5rem}.measure-guide-form .mg-diagram svg{display:block;width:100%;height:auto;max-width:330px;margin:0 auto}.measure-guide-form .mg-cards{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1rem;align-items:stretch}.measure-guide-form .mg-card{flex:1 1 0;min-width:0;padding:1rem .75rem;border:1px solid rgba(91,107,130,.35);border-radius:8px;background:#fff;text-align:center}.measure-guide-form .mg-card-title{font-size:1.05rem;font-weight:500;color:#5b6b80;margin-bottom:.5rem;line-height:1.35}.measure-guide-form .mg-card-value{font-size:1.75rem;font-weight:700;color:#000;line-height:1.2;min-height:1.2em}.measure-guide-form .mg-card-desc{font-size:1rem;color:#5b6b80;margin-top:.5rem;line-height:1.35}.measure-guide-form .mg-card.mg-card--error{border-color:#dc2626;box-shadow:0 0 0 1px #dc262640}.measure-guide-form .mg-validation-list{margin-top:.75rem;margin-bottom:.25rem}.measure-guide-form .mg-error-line{display:flex;align-items:flex-start;gap:.5rem;font-size:1.25rem;color:#b91c1c;margin-bottom:.4rem;line-height:1.35}.measure-guide-form .mg-error-dot{width:8px;height:8px;border-radius:50%;background:#dc2626;flex-shrink:0;margin-top:.42em}.measure-guide-form .mg-tip{font-size:1.2rem;color:#5b6b80;margin:0;line-height:1.5}.measure-guide-form .mg-tip strong{color:#000;font-weight:700}.measure-guide-section{color:#e8eaed}.measure-guide-section__inner{max-width:1080px;margin:0 auto}.measure-guide-section .measure-guide-form--page{background:#fff;color:#111827;border-radius:12px;padding:1.5rem 1.25rem 2rem;box-shadow:0 8px 32px #00000059;border:1px solid rgba(255,255,255,.08)}.measure-guide-section .measure-guide-form--page .mg-title{color:#000}.measure-guide-section .measure-guide-form--page .mg-instruction{color:#374151}.measure-guide-section .measure-guide-form--page .mg-instruction strong{color:#000}.measure-guide-section .measure-guide-form--page .mg-section-title,.measure-guide-section .measure-guide-form--page .mg-input-label,.measure-guide-section .measure-guide-form--page .mg-unit-label{color:#111827}.measure-guide-section .measure-guide-form--page .mg-left,.measure-guide-section .measure-guide-form--page .mg-right{background:#f8fafc;border-color:#0f172a1f}.measure-guide-section .measure-guide-form--page .mg-input,.measure-guide-section .measure-guide-form--page select.mg-direction,.measure-guide-section .measure-guide-form--page .mg-unit-opt{background:#fff;color:#111827;border-color:#cbd5e1}.measure-guide-section .measure-guide-form--page .mg-unit-opt.is-selected{border-color:#2563eb;background:#eff6ff;color:#111827}.measure-guide-section .measure-guide-form--page .mg-note{background:#f1f5f9;border-color:#cbd5e1;color:#334155}.measure-guide-section .measure-guide-form--page .mg-note strong{color:#111827}.measure-guide-section .measure-guide-form--page .mg-preview-header{background:#f6f7fbfa;border-bottom-color:#e2e8f0}.measure-guide-section .measure-guide-form--page .mg-preview-title{color:#000}.measure-guide-section .measure-guide-form--page .mg-preview-hint{color:#64748b}.measure-guide-section .measure-guide-form--page .mg-card{background:#fff;border-color:#5b6b8259}.measure-guide-section .measure-guide-form--page .mg-card-title,.measure-guide-section .measure-guide-form--page .mg-card-desc{color:#5b6b80}.measure-guide-section .measure-guide-form--page .mg-card-value{color:#000}.measure-guide-section .measure-guide-form--page .mg-summary-line{color:#111827}.measure-guide-section .measure-guide-form--page .mg-summary-line--empty{color:#64748b}.measure-guide-section .measure-guide-form--page .mg-summary-line--ok{color:#166534}.measure-guide-section .measure-guide-form--page .mg-summary-line--error{color:#b91c1c}.measure-guide-section .measure-guide-form--page .mg-tip{color:#64748b}.measure-guide-section .measure-guide-form--page .mg-tip strong{color:#111827}.measure-guide-section .measure-guide-form--page .mg-body{overflow:visible}@media screen and (max-width:749px){.product-customizer-measure-guide-modal .product-popup-modal__content{position:fixed;left:.75rem;right:.75rem;width:auto;max-width:none;transform:none;margin-left:0;margin-right:0;top:max(.75rem,env(safe-area-inset-top,0px));bottom:max(.75rem,env(safe-area-inset-bottom,0px));margin-top:0;height:auto;max-height:none;min-height:0;border-radius:8px;padding:2.5rem 1rem 1.25rem;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;display:block}.product-customizer-measure-guide-modal .product-popup-modal__content-info{display:block;overflow:visible;flex:none}.product-customizer-measure-guide-modal .product-popup-modal__content-info .measure-guide-form{display:block;overflow:visible;min-height:0}.product-customizer-measure-guide-modal .measure-guide-form .mg-body{overflow:visible;flex:none}.product-customizer-measure-guide-modal .product-popup-modal__toggle{position:sticky;top:0;margin-left:auto;z-index:2}.measure-guide-form .mg-layout{flex-direction:column;gap:1.2rem}.measure-guide-form .mg-left,.measure-guide-form .mg-right{flex:1 1 100%;width:100%;max-width:100%}.measure-guide-form .mg-input{max-width:100%}.measure-guide-form select.mg-direction{max-width:100%;width:100%}.measure-guide-form .mg-cards{flex-direction:column}.measure-guide-form .mg-card{flex:1 1 auto;width:100%}.measure-guide-form .mg-preview-header{flex-wrap:wrap;gap:.5rem}.measure-guide-form .mg-summary-row{flex-direction:column;align-items:stretch}.measure-guide-form .mg-title,.measure-guide-form .mg-card-value{font-size:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-measure-guide.css.map */