.shipping-modal-overlay{position:fixed;inset:0;z-index:2000;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;overscroll-behavior:contain}.shipping-modal-container{width:700px;max-height:95vh;background:#ffffff;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 12px rgba(0,0,0,.1)}.shipping-modal-header{width:100%;min-height:76px;background:var(--CI-200,#FFF7C5);padding:16px 24px;display:flex;justify-content:space-between;gap:16px;box-sizing:border-box}.shipping-modal-header-content{display:flex;flex-direction:column;gap:4px;padding-top:0}.shipping-modal-title{font-family:Thonburi,sans-serif;font-weight:700;font-size:20px;line-height:28px;color:#111827;margin:0}.shipping-modal-description{font-family:Thonburi,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#525252;margin:0}.shipping-modal-close{background:none;border:none;border-radius:0;outline:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:#525252;flex-shrink:0}.shipping-modal-back{display:none}.shipping-modal-close:hover{color:#262626}.shipping-modal-close:focus{outline:none}.shipping-modal-body{flex:1;max-height:584px;padding:16px 24px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.shipping-modal-field{display:flex;flex-direction:column;width:100%}.shipping-modal-label{font-family:Thonburi,sans-serif;font-weight:700;font-size:var(--Font-Size-Microcopy-S,14px);line-height:var(--Line-Height-Microcopy-S,20px);letter-spacing:var(--Letter-Spacing-Microcopy-S,.2px)}.shipping-modal-input-wrap{width:100%;height:48px;background:#ffffff;border:1px solid #d4d4d4;border-radius:8px;display:flex;align-items:center;box-sizing:border-box}.shipping-modal-input-wrap--error{border-color:var(--Error-Default,#FB2C36);background:var(--Surface-Error,#FFE2E2)}.shipping-modal-input{width:100%;border:none;background:transparent;font-family:Thonburi,sans-serif;font-size:16px;line-height:24px;color:var(--Text-Onbrand,#262626);outline:none;padding:0;min-width:0;overflow:visible;text-overflow:clip}.shipping-modal-input::placeholder{color:var(--Text-Input,#737373)}.shipping-modal-field-error{margin:0;color:var(--Error-Default,#FB2C36);font-family:Thonburi,sans-serif;font-size:var(--Font-Size-Microcopy-S,14px);font-weight:700;line-height:var(--Line-Height-Microcopy-S,20px);letter-spacing:var(--Letter-Spacing-Microcopy-S,.2px)}.shipping-modal-error-banner{width:100%}.shipping-modal-error-banner__icon{width:20px;height:20px;grid-row:1/span 2;object-fit:contain}.shipping-modal-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.shipping-modal-footer{min-height:80px;padding:16px 24px 24px;background:#FFFFFF;box-sizing:border-box;border-top:.5px solid #d4d4d4}.shipping-modal-footer,.shipping-modal-submit{width:100%;display:flex;justify-content:center;align-items:center;gap:8px}.shipping-modal-submit{height:40px;min-width:90px;border-radius:9999px;padding:8px 16px;background:var(--Button-Primary-Default,#FFE664);border:none;font-family:Thonburi,sans-serif;font-weight:700;font-size:14px;cursor:pointer;transition:opacity .2s;color:#111827}.shipping-modal-submit:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.shipping-modal-container{width:100%;max-width:700px}.shipping-modal-row{grid-template-columns:1fr}}.shipping-modal-overlay{padding:16px;background:rgba(38,38,38,.45);-webkit-backdrop-filter:none;backdrop-filter:none}.shipping-modal-container{width:min(700px,calc(100vw - 32px));max-width:700px;max-height:calc(100dvh - 32px);border-radius:32px;background:var(--Surface-Foreground,#fff);box-shadow:0 4px 12px 0 var(--Alpha-Grey-Default-10,rgba(115,115,115,.1))}.shipping-modal-header{min-height:0;padding:20px 24px 8px;gap:12px;align-items:flex-start;background:var(--Surface-Foreground,#fff);border-radius:32px 32px 0 0;border-bottom:.5px solid var(--Stoke-Default,#d4d4d4)}.shipping-modal-heading{display:flex;align-items:flex-start;gap:8px;min-width:0}.shipping-modal-title-icon{width:28px;height:28px;flex:0 0 28px;object-fit:contain}.shipping-modal-header-content{gap:10px;min-width:0}.shipping-modal-title{color:var(--Text-Onbrand,#262626);font-size:var(--Font-Size-Heading-H2-M,20px);line-height:var(--Line-Height-Heading-H2-M,28px);letter-spacing:var(--Letter-Spacing-Heading-H2-M,0);white-space:nowrap}.shipping-modal-description{color:var(--Text-Caption,#525252);font-size:var(--Font-Size-Body-S,14px);line-height:var(--Line-Height-Body-S,20px);letter-spacing:var(--Letter-Spacing-Body-S,.2px)}.shipping-modal-close{flex:0 0 24px}.shipping-modal-close,.shipping-modal-close img,.shipping-modal-close svg{width:24px;height:24px}.shipping-modal-body{min-height:0;max-height:none;padding:12px 24px 0;gap:12px;overflow:visible}.shipping-modal-field{gap:8px;min-width:0}.shipping-modal-label{color:var(--Text-Caption,#525252);font-size:var(--Font-Size-Microcopy-S,12px);line-height:var(--Line-Height-Microcopy-S,16px);letter-spacing:var(--Letter-Spacing-Microcopy-S,.4px)}.shipping-modal-input-wrap{height:40px;padding:8px 12px;border:.5px solid var(--Stoke-Default,#d4d4d4);border-radius:var(--Radius-Medium,8px);position:relative}.shipping-modal-input{font-size:var(--Font-Size-Body-XS,12px);line-height:var(--Line-Height-Body-XS,16px);letter-spacing:var(--Letter-Spacing-Body-XS,.2px)}.shipping-modal-field--method .shipping-modal-input{padding-right:28px}.shipping-modal-input-icon{position:absolute;top:50%;right:12px;width:20px;height:20px;transform:translateY(-50%);pointer-events:none}.shipping-modal-footer{min-height:64px;padding:var(--Spacing-MS,12px) 24px 24px;gap:12px;border-top:0;border-radius:0 0 32px 32px}.shipping-modal-cancel,.shipping-modal-submit{flex:1 1 0;min-width:90px;height:40px;padding:8px 16px;border-radius:9999px;font-family:Thonburi,sans-serif;font-size:var(--Font-Size-Onbrand-M,16px);font-weight:700;line-height:var(--Line-Height-Onbrand-M,24px);display:flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box}.shipping-modal-cancel{background:var(--Surface-Foreground,#fff);border:.5px solid var(--Stoke-Default,#d4d4d4);color:var(--Text-Onbrand,#262626);box-shadow:0 4px 12px 0 var(--Alpha-Grey-Default-10,rgba(115,115,115,.1));cursor:pointer}.shipping-modal-cancel:focus-visible,.shipping-modal-cancel:hover:not(:disabled){border-color:var(--Stoke-Active,#a39240);outline:none}.shipping-modal-submit{width:auto;background:var(--Button-Primary-Default,#ffe664);color:var(--Text-Onbrand,#262626);box-shadow:0 4px 6px 0 var(--Alpha-Grey-Default-10,rgba(115,115,115,.1))}.shipping-modal-submit:hover:not(:disabled){opacity:.9}.shipping-modal-save-icon{width:20px;height:20px;flex:0 0 20px}.shipping-modal-save-icon>.icon-hover-pair-regular{transform:scale(.75);transform-origin:center}@media (max-width:743px){.shipping-modal-container{max-width:none;display:flex;flex-direction:column;overflow:hidden}.shipping-modal-header{min-height:56px;padding:var(--Spacing-M,16px)}.shipping-modal-back{cursor:pointer}.shipping-modal-body{flex:1 1 auto;padding:12px 16px 0;overflow-y:auto;overscroll-behavior:contain}.shipping-modal-row{grid-template-columns:1fr}.shipping-modal-footer{position:relative;z-index:1;background:var(--Surface-Foreground,#fff);padding:var(--Spacing-MS,12px) 16px max(16px,env(safe-area-inset-bottom,0px))}.shipping-modal-overlay{z-index:99;padding:0;align-items:stretch;justify-content:stretch;background:var(--Surface-Foreground,#fff)}.shipping-modal-container{width:100%;min-height:100dvh;max-height:none;border-radius:0;box-shadow:none;overflow:visible}.shipping-modal-header{min-height:0;padding:var(--Spacing-M,16px) var(--Spacing-M,16px) var(--Spacing-MS,12px);gap:var(--Spacing-S,8px);align-items:flex-start;justify-content:flex-start;border-radius:0;border-bottom:0;position:relative}.shipping-modal-header:after{content:"";position:absolute;right:var(--Spacing-M,16px);bottom:0;left:var(--Spacing-M,16px);height:var(--Stoke-Thin,.5px);background:var(--Stoke-Default,#d4d4d4)}.shipping-modal-heading{align-items:flex-start;gap:var(--Spacing-S,8px);min-width:0}.shipping-modal-title-icon{display:none}.shipping-modal-header-content{gap:var(--Spacing-S,8px);row-gap:var(--Spacing-S,8px)}.shipping-modal-title{font-size:16px;line-height:16px;letter-spacing:.4px;min-height:0;white-space:normal}.shipping-modal-description{font-size:var(--Font-Size-Body-XS,12px);line-height:var(--Line-Height-Body-XS,16px);letter-spacing:var(--Letter-Spacing-Body-XS,.2px)}.shipping-modal-back{display:inline-flex;flex:0 0 28px;width:28px;height:28px;margin-top:2px;padding:0;border:0;border-radius:var(--Radius-Medium,8px);background:transparent;align-items:center;justify-content:center}.shipping-modal-back img{width:20px;height:20px}.shipping-modal-close{display:none}.shipping-modal-body{display:flex;flex:0 0 auto;min-height:0;max-height:none;padding:var(--Spacing-M,16px) var(--Spacing-M,16px) 0;gap:var(--Spacing-M,16px);overflow:visible}.shipping-modal-row{display:flex;flex-direction:column;gap:var(--Spacing-M,16px)}.shipping-modal-field{gap:var(--Spacing-S,8px)}.shipping-modal-input-wrap{height:40px;padding:var(--Spacing-S,8px) var(--Spacing-MS,12px);border-radius:var(--Radius-Medium,8px)}.shipping-modal-input{font-size:var(--Font-Size-Body-XS,12px);line-height:var(--Line-Height-Body-XS,16px);letter-spacing:var(--Letter-Spacing-Body-XS,.2px)}.shipping-modal-field--method .shipping-modal-input,.shipping-modal-field--price .shipping-modal-input{padding-right:28px}.shipping-modal-footer{display:flex;flex:0 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--Spacing-MS,12px);min-height:0;width:calc(100% - (var(--Spacing-M, 16px) * 2));margin-left:var(--Spacing-M,16px);margin-right:var(--Spacing-M,16px);padding:var(--Spacing-M,16px) 0 0;border-radius:0}.shipping-modal-cancel,.shipping-modal-submit{width:100%;flex:0 0 40px;height:40px;font-size:var(--Font-Size-Onbrand-M,16px);line-height:var(--Line-Height-Onbrand-M,24px)}.shipping-modal-submit{order:1}.shipping-modal-cancel{order:2}.shipping-modal-cancel:focus-visible,.shipping-modal-cancel:hover:not(:disabled){border-color:var(--Stoke-Default,#d4d4d4);outline:none}}