*{box-sizing:border-box}body{margin:0;background:#f4f6f8;color:#17212b;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}.tp-wrap{max-width:760px;margin:0 auto;padding:24px 16px 64px}.tp-test{margin:0 0 14px;padding:9px 12px;border-radius:10px;background:#fff3cd;color:#715500;font-size:13px;font-weight:800;text-align:center}.tp-card{background:#fff;border:1px solid #dce2e8;border-radius:18px;padding:24px;margin:0 0 18px;box-shadow:0 8px 26px rgba(20,34,48,.05)}.tp-kicker{margin:0 0 5px;color:#627080;font-size:12px;letter-spacing:.09em;font-weight:800}.tp-card h1{font-size:26px;line-height:1.4;margin:4px 0 14px}.tp-card h2{font-size:19px;margin:30px 0 13px;padding-top:4px;border-top:1px solid #edf0f3}.tp-intro p:last-child{line-height:1.8}.tp-summary{border:1px solid #e1e6eb;border-radius:13px;overflow:hidden}.tp-summary>div{display:flex;justify-content:space-between;gap:20px;padding:11px 13px;border-bottom:1px solid #edf0f3}.tp-summary>div:last-child{border-bottom:0}.tp-summary span{color:#5d6874}.tp-summary strong{text-align:right}.tp-summary .tp-total{background:#f1f8f4;font-size:17px}.tp-field{display:block;margin:12px 0}.tp-field>span{display:block;font-weight:700;margin:0 0 6px}.tp-field em{font-style:normal;font-size:12px;color:#6b7580;font-weight:500}input,select{width:100%;font:inherit;padding:12px 13px;border:1px solid #bec8d2;border-radius:10px;background:#fff;color:#17212b}input:focus,select:focus{outline:3px solid rgba(24,116,76,.15);border-color:#18744c}.tp-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tp-note{font-size:14px;line-height:1.75;color:#5a6672}.tp-terms{display:grid;gap:10px}.tp-terms label{display:flex;gap:11px;padding:13px;border:1px solid #dfe4e9;border-radius:11px;line-height:1.65}.tp-terms input{width:20px;height:20px;flex:0 0 20px;margin-top:2px}.tp-testfill{border:0;background:#eef1f4;color:#34404c;border-radius:9px;padding:9px 12px;cursor:pointer}.tp-message{min-height:24px;margin:14px 0;color:#276443;font-weight:700}.tp-message.is-error,.tp-error{color:#b42318}.tp-success{color:#167343}.tp-submit,.tp-week-change > form > button[type="submit"]{width:100%;border:0;border-radius:12px;background:#176b46;color:#fff;padding:15px 18px;font-size:16px;font-weight:800;cursor:pointer}.tp-submit:disabled{opacity:1;background:#a8b0ac;color:#f7f8f8;box-shadow:none;cursor:not-allowed}.tp-security{font-size:12px;color:#697581;text-align:center}.tp-payment-success[hidden]{display:none!important}.tp-payment-success{display:flex;gap:14px;align-items:flex-start;margin:12px 0 16px;padding:17px 18px;border:2px solid #2f8b5c;border-radius:14px;background:#eaf7ef;color:#104f32;box-shadow:0 5px 16px rgba(22,107,70,.09)}.tp-payment-success-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:#19734b;color:#fff;font-size:19px;font-weight:900;line-height:1}.tp-payment-success strong{display:block;font-size:19px;line-height:1.45;color:#0f5132}.tp-payment-success p{margin:5px 0 0;font-size:14px;line-height:1.7;color:#294b3a}.tp-state{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 16px;margin:12px 0 20px;border-radius:12px;background:#eef8f2;color:#155f3a}.tp-state>span{font-size:13px;font-weight:700}.tp-week-current{font-size:19px;font-weight:800}.tp-week-change{margin:12px 0;padding:13px;border:1px solid #e0e5ea;border-radius:12px}.tp-week-change summary{cursor:pointer;font-weight:700}.tp-week-change form{display:grid;gap:10px;margin-top:12px}.tp-info,.tp-refund{padding:15px;border-radius:12px;background:#f6f8fa;line-height:1.75}.tp-refund{background:#fff4e8}.tp-rules{padding-left:22px;line-height:1.85}@media(max-width:560px){.tp-payment-success{padding:15px 14px}.tp-payment-success strong{font-size:17px}.tp-card{padding:19px}.tp-card h1{font-size:22px}.tp-row{grid-template-columns:1fr}.tp-summary>div{display:block}.tp-summary strong{display:block;text-align:left;margin-top:4px}.tp-state{align-items:flex-start;flex-direction:column}}
.tp-guide-highlight{padding:16px;border:1px solid #e4d29e;border-radius:12px;background:#fff9e8;line-height:1.8}.tp-guide-highlight strong{display:block;margin-bottom:6px}.tp-guide-steps{display:grid;gap:12px;padding:0;list-style:none;counter-reset:tpstep}.tp-guide-steps li{counter-increment:tpstep;position:relative;padding:14px 14px 14px 52px;border:1px solid #e1e6eb;border-radius:12px;line-height:1.65}.tp-guide-steps li:before{content:counter(tpstep);position:absolute;left:14px;top:14px;width:26px;height:26px;display:grid;place-items:center;border-radius:999px;background:#176b46;color:#fff;font-weight:800}.tp-guide-steps strong{display:block}.tp-guide-steps span{display:block;color:#5d6874;margin-top:3px}.tp-guide-cta{text-align:center}.tp-link-button{display:block;text-decoration:none}.tp-guide-cta p{line-height:1.8}.tp-guide .tp-card h2:first-child{margin-top:0}
.tp-pickup-calendar{margin:14px 0 20px}.tp-calendar-legend{display:flex;flex-wrap:wrap;gap:10px 16px;margin:0 0 12px;font-size:13px;color:#5f6b76}.tp-calendar-legend span{display:inline-flex;align-items:center;gap:5px}.tp-months{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tp-month{border:1px solid #dfe5ea;border-radius:14px;background:#fff;overflow:hidden}.tp-month h3{margin:0;padding:12px 14px;background:#f5f7f9;font-size:16px}.tp-month-scroll{overflow-x:auto}.tp-month-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:590px}.tp-month-table th,.tp-month-table td{border-top:1px solid #e8edf1;border-right:1px solid #e8edf1;text-align:center;vertical-align:top}.tp-month-table th:last-child,.tp-month-table td:last-child{border-right:0}.tp-month-table th{padding:7px 3px;font-size:12px;background:#fbfcfd;color:#5d6874}.tp-month-table .tp-week-pick{width:58px}.tp-day{height:78px;padding:7px 3px}.tp-day-num{display:block;font-weight:800;font-size:13px}.tp-day small{display:block;margin-top:3px;font-size:10px;line-height:1.25;color:#69737d;word-break:break-word}.tp-mark{display:inline-block;margin-top:4px;font-size:16px;line-height:1;font-weight:900}.tp-open{color:#167343}.tp-closed{color:#b42318}.tp-out{color:#9aa4ad}.tp-day-open{background:#f7fbf8}.tp-day-closed{background:#fff7f6}.tp-day-out{background:#fafbfc;color:#99a2aa}.tp-other-month{opacity:.52}.tp-week-radio{display:flex;min-height:77px;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer;font-size:11px;font-weight:800}.tp-week-radio input{width:18px;height:18px;margin:0}.tp-week-na{display:flex;min-height:77px;align-items:center;justify-content:center;color:#adb5bd}.tp-week-selection{margin-top:12px;padding:13px 14px;border-radius:11px;background:#eef6f1;line-height:1.6}.tp-week-selection strong,.tp-week-selection span{display:block}.tp-week-selection span{font-size:13px;color:#59656f;margin-top:3px}.tp-week-current-detail{margin:8px 0 14px;padding:12px 14px;border-radius:11px;background:#f6f8fa;line-height:1.7;font-size:14px}.tp-week-current-detail strong{display:block}.tp-week-change .tp-pickup-calendar{margin-top:12px}.tp-week-change > form > button[type="submit"]{margin-top:12px}.tp-sun{color:#a33}.tp-week-radio input:checked+span{color:#176b46}.tp-week-radio:has(input:checked){background:#eef8f2;border-radius:8px}.tp-day-closed .tp-mark{font-size:17px}@media(max-width:760px){.tp-months{grid-template-columns:1fr}.tp-month-table{min-width:540px}}@media(max-width:560px){.tp-calendar-legend{gap:8px 12px}.tp-month-table{min-width:510px}.tp-day{height:72px;padding:6px 2px}.tp-day small{font-size:9px}.tp-month h3{font-size:15px}}
.tp-month-nav{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;margin:0 0 10px}.tp-month-nav strong{text-align:center;font-size:16px}.tp-month-nav button{border:1px solid #cfd7df;background:#fff;border-radius:9px;padding:8px 6px;font:inherit;font-weight:800;cursor:pointer}.tp-month-nav button:disabled{opacity:.3;cursor:default}.tp-month[hidden]{display:none!important}.tp-month h3{display:none}.tp-months{display:block}
/* v0.31.47: STAGING / TEST only. Scenario fixture is never shown in LIVE. */
.tp-staging-scenario{margin:13px 0 12px;padding:12px 13px;border:1px solid #e4c48a;border-radius:12px;background:#fffbf2;line-height:1.55}
.tp-staging-scenario label{display:block;margin-bottom:7px;font-size:13px;color:#6f4e19}
.tp-staging-scenario select{width:100%;font-size:14px;padding:10px 11px}
.tp-staging-scenario small{display:block;margin-top:7px;color:#785a2c;font-size:12px;line-height:1.55}
/* v0.29.90: date-cell week selection + pickup hours */
.tp-pickup-hours-note{margin:0 0 12px;padding:12px 14px;border:1px solid #d9e3dc;border-radius:11px;background:#f4faf6;line-height:1.55}.tp-pickup-hours-note strong,.tp-pickup-hours-note span,.tp-pickup-hours-note small{display:block}.tp-pickup-hours-note strong{font-size:14px}.tp-pickup-hours-note span{margin-top:2px;font-weight:800;color:#244b37}.tp-pickup-hours-note small{margin-top:4px;color:#647169;font-size:12px}.tp-month-table{min-width:520px}.tp-day{height:82px;padding:0;position:relative}.tp-day-content{width:100%;min-height:82px;padding:7px 3px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;border:0;background:transparent;color:inherit;font:inherit;text-align:center}.tp-day-select{cursor:pointer;transition:background-color .13s ease,color .13s ease,box-shadow .13s ease}.tp-day-open .tp-day-select:hover{background:#eaf5ee}.tp-day-open .tp-day-select:focus-visible{outline:3px solid rgba(143,35,49,.3);outline-offset:-3px}.tp-week-choice{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.tp-week-row.is-selected-week .tp-day-open .tp-day-select{background:#8f2331;color:#fff;box-shadow:inset 0 0 0 2px #731725}.tp-week-row.is-selected-week .tp-day-open .tp-day-select .tp-mark,.tp-week-row.is-selected-week .tp-day-open .tp-day-select small{color:#fff}.tp-week-row.is-selected-week .tp-day-open .tp-day-select .tp-day-num{font-weight:900}.tp-week-row.is-selected-week .tp-day-open.tp-other-month{opacity:1}.tp-day-open .tp-day-select[aria-pressed="true"]{font-weight:800}.tp-day small{margin-top:3px}.tp-day-open small{font-weight:700}.tp-week-pick,.tp-week-radio,.tp-week-na{display:none!important}@media(max-width:760px){.tp-month-table{min-width:500px}}@media(max-width:560px){.tp-month-table{min-width:470px}.tp-day{height:78px}.tp-day-content{min-height:78px;padding:6px 2px}.tp-day small{font-size:9px}}

/* v0.29.92: stronger selected-week confirmation + total-first price display */
.tp-week-selection{padding:16px 17px;line-height:1.75}
.tp-week-selection strong{font-size:18px;font-weight:900;color:#17212b;letter-spacing:.01em}
.tp-week-selection span{font-size:15px;font-weight:700;color:#2d3944;margin-top:5px;line-height:1.75}
.tp-week-current-detail{padding:15px 16px;font-size:15px;color:#2d3944}
.tp-week-current-detail strong{font-size:17px;font-weight:900;color:#17212b;margin-bottom:3px}
.tp-week-current-detail span{display:block;font-weight:700;line-height:1.75}
.tp-summary .tp-price-total{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 18px;padding:15px 14px;background:#eef7f1}
.tp-summary .tp-price-total>span{font-weight:800;color:#26342c}
.tp-summary .tp-price-total>strong{font-size:22px;font-weight:900;color:#123d2a}
.tp-summary .tp-price-total>small{grid-column:1/-1;color:#607068;font-size:12px;line-height:1.55}
.tp-price-details{margin:10px 0 0;border:1px solid #dde4e8;border-radius:11px;background:#fbfcfd;overflow:hidden}
.tp-price-details summary{list-style:none;cursor:pointer;padding:11px 13px;font-size:13px;font-weight:800;color:#315b48;user-select:none}
.tp-price-details summary::-webkit-details-marker{display:none}
.tp-price-details summary:after{content:'＋';float:right;font-weight:900}
.tp-price-details[open] summary:after{content:'−'}
.tp-price-details-close{display:none}
.tp-price-details[open] .tp-price-details-open{display:none}
.tp-price-details[open] .tp-price-details-close{display:inline}
.tp-price-details-body{border-top:1px solid #e6eaee;padding:5px 13px 10px}
.tp-price-row,.tp-price-subrow{display:flex;justify-content:space-between;gap:18px;padding:8px 0}
.tp-price-row{font-size:14px}
.tp-price-row strong{font-weight:800}
.tp-price-fee-total{border-top:1px solid #edf0f2;margin-top:2px}
.tp-price-subrow{padding:4px 0 4px 16px;color:#68737d;font-size:12px}
.tp-price-subrow strong{font-weight:700;color:#4d5964}
@media(max-width:560px){.tp-summary .tp-price-total{display:grid}.tp-summary .tp-price-total>strong{text-align:right;margin-top:0}.tp-week-selection strong{font-size:17px}.tp-week-selection span{font-size:14px}}

/* v0.29.93: eligibility Yes/No confirmation + customer contact guidance */
.tp-field small{display:block;margin-top:6px;color:#64717d;font-size:12.5px;line-height:1.65}
.tp-terms-intro{margin-bottom:12px}
.tp-term-item{margin:0;padding:14px 15px;border:1px solid #dfe4e9;border-radius:12px;background:#fff}
.tp-term-item legend{width:100%;padding:0;font-weight:700;line-height:1.7;color:#26323d}
.tp-term-choice{display:flex;gap:10px;margin-top:10px}
.tp-term-choice label{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:92px;padding:9px 14px;border:1px solid #cfd7df;border-radius:10px;background:#f8fafb;cursor:pointer;font-weight:800}
.tp-term-choice input{width:18px;height:18px;margin:0;accent-color:#176b46}
.tp-term-choice label:has(input:checked){border-color:#176b46;background:#eef8f2;color:#155f3a}
.tp-term-choice label:has(input[value="no"]:checked){border-color:#b42318;background:#fff4f2;color:#9d1c13}
.tp-terms-result{min-height:0;margin:2px 0 0;font-weight:800;line-height:1.6}
.tp-terms-result.is-error{padding:11px 13px;border-radius:10px;background:#fff4f2;color:#b42318}
@media(max-width:560px){.tp-term-choice{display:grid;grid-template-columns:1fr 1fr}.tp-term-choice label{min-width:0}.tp-field small{font-size:12px}}

/* v0.29.97: Tokyo Pickup card gate + DGFT official card-brand logos */
.tp-card-payment{margin-top:10px}
.tp-card-accepted{margin:3px 0 15px}
.tp-card-accepted-label{margin:0 0 7px;color:#64717d;font-size:12px;font-weight:700}
.tp-card-brands{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.tp-card-brand-logo{display:inline-flex;align-items:center;justify-content:center;height:34px;min-width:49px;padding:4px 7px;border:1px solid #d7dee6;border-radius:7px;background:#fff;transition:opacity .16s,border-color .16s,box-shadow .16s}
.tp-card-brand-logo img{display:block;max-height:25px;max-width:70px;width:auto;height:auto;object-fit:contain}
.tp-card-brand-logo[data-tp-brand="mastercard"] img{max-height:27px;max-width:48px}
.tp-card-brand-logo[data-tp-brand="amex"] img{max-height:25px;max-width:25px}
.tp-card-brand-logo[data-tp-brand="jcb"] img,.tp-card-brand-logo[data-tp-brand="diners"] img{max-height:25px;max-width:40px}
.tp-card-brand-logo.is-active{border-color:#176b46;box-shadow:0 0 0 2px rgba(23,107,70,.12)}
.tp-card-brand-logo.is-muted{opacity:.38}
.tp-card-lock-note{margin:12px 0 14px;padding:12px 13px;border:1px solid #d7dee4;border-radius:10px;background:#f4f6f8;color:#53606b;font-size:13.5px;line-height:1.65}
.tp-card-payment.is-locked .tp-card-fields{opacity:.56}
.tp-card-payment input:disabled{background:#eef1f3;color:#8a949d;cursor:not-allowed}
.tp-testfill:disabled{opacity:.48;cursor:not-allowed}
@media(max-width:560px){.tp-card-brand-logo{height:30px;min-width:44px;padding:3px 6px}.tp-card-brand-logo img{max-height:22px;max-width:61px}.tp-card-brand-logo[data-tp-brand="mastercard"] img{max-height:23px;max-width:42px}.tp-card-brand-logo[data-tp-brand="amex"] img{max-height:22px;max-width:22px}.tp-card-brand-logo[data-tp-brand="jcb"] img,.tp-card-brand-logo[data-tp-brand="diners"] img{max-height:22px;max-width:36px}}


/* v0.29.98: stronger card-gate message + card-number brand text */
.tp-card-brand-logo{transition:none}
.tp-card-brand-logo.is-active{border-color:#d7dee6;box-shadow:none}
.tp-card-brand-logo.is-muted{opacity:1}
.tp-card-lock-note{position:relative;margin:14px 0 16px;padding:15px 16px 15px 50px;border:2px solid #d39a16;border-radius:11px;background:#fff4cf;color:#5c4300;font-size:14px;line-height:1.65;box-shadow:0 4px 14px rgba(115,80,0,.08)}
.tp-card-lock-note:before{content:'!';position:absolute;left:16px;top:16px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#b87800;color:#fff;font-size:16px;font-weight:900;line-height:1}
.tp-card-lock-note strong,.tp-card-lock-note span{display:block}
.tp-card-lock-note strong{margin-bottom:2px;color:#4b3500;font-size:15px;font-weight:900}
.tp-card-lock-note b{font-weight:900}
.tp-card-number-wrap{position:relative}
.tp-card-number-wrap input{padding-right:108px}
.tp-detected-brand{position:absolute;top:50%;right:10px;transform:translateY(-50%);max-width:94px;padding:5px 8px;border-radius:7px;background:#eef2f5;color:#34414c;font-size:11px;font-weight:900;line-height:1.2;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.tp-detected-brand[hidden]{display:none!important}
@media(max-width:560px){.tp-card-lock-note{padding:14px 14px 14px 46px}.tp-card-lock-note:before{left:14px;top:15px}.tp-card-number-wrap input{padding-right:92px}.tp-detected-brand{right:8px;max-width:80px;font-size:10px;padding:4px 6px}}


/* v0.30.02: Your Tokyo Pickup save-page guidance */
.tp-save-page{display:flex;gap:13px;align-items:flex-start;margin:16px 0;padding:15px 16px;border:1px solid #cfded6;border-radius:12px;background:#f2f8f5;color:#2e4338}
.tp-save-page-icon{display:flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#176b46;color:#fff;font-size:15px;font-weight:900;line-height:1}
.tp-save-page strong{display:block;margin:1px 0 4px;font-size:15px;font-weight:900;color:#18382a}
.tp-save-page p{margin:0;font-size:13.5px;line-height:1.72;color:#46564e}
@media(max-width:560px){.tp-save-page{padding:14px;gap:11px}.tp-save-page-icon{flex-basis:28px;width:28px;height:28px}.tp-save-page strong{font-size:14.5px}.tp-save-page p{font-size:13px}}

/* v0.30.03: card entry is gated by pickup-week selection as well as eligibility confirmations */

/* v0.30.04: visible four-step application flow */
.tp-form-flow{margin:24px 0 18px;padding:16px;border:1px solid #dfe5ea;border-radius:14px;background:#f8fafb}
.tp-form-flow-title{margin:0 0 11px;font-size:14px;font-weight:900;color:#26323d}
.tp-form-flow ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.tp-form-flow li{position:relative;min-height:86px;padding:11px 8px 9px;border:1px solid #dce3e8;border-radius:11px;background:#fff;text-align:center;color:#68737d}
.tp-form-flow li.is-current{border-color:#176b46;box-shadow:0 0 0 2px rgba(23,107,70,.08);color:#173d2d}
.tp-form-flow li.is-complete{border-color:#bcd8c8;background:#eef8f2;color:#155f3a}
.tp-form-flow li.is-blocked{background:#f7f8f9;color:#89939c}
.tp-flow-no{display:grid;place-items:center;width:26px;height:26px;margin:0 auto 6px;border-radius:50%;background:#e9edf0;color:#55616c;font-weight:900;font-size:13px}
.tp-form-flow li.is-current .tp-flow-no,.tp-form-flow li.is-complete .tp-flow-no{background:#176b46;color:#fff}
.tp-flow-label{display:block;font-size:12.5px;font-weight:900;line-height:1.35}
.tp-form-flow small{display:block;margin-top:4px;font-size:10.5px;font-weight:800;line-height:1.3}
.tp-form-step{margin-top:28px;padding-top:2px}
.tp-step-heading{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin:0 0 12px;padding-top:8px;border-top:1px solid #edf0f3}
.tp-step-heading h2{margin:0!important;padding:0!important;border:0!important;font-size:19px!important}
.tp-step-badge{display:inline-flex;align-items:center;justify-content:center;min-width:62px;padding:5px 8px;border-radius:999px;background:#e9edf0;color:#53606b;font-size:11px;font-weight:900;letter-spacing:.03em}
.tp-step-state{padding:5px 9px;border-radius:999px;background:#f1f3f5;color:#66717b;font-size:11px;font-weight:900;white-space:nowrap}
.tp-form-step.is-current .tp-step-badge{background:#176b46;color:#fff}
.tp-form-step.is-current .tp-step-state{background:#eaf5ee;color:#155f3a}
.tp-form-step.is-complete .tp-step-badge{background:#176b46;color:#fff}
.tp-form-step.is-complete .tp-step-state{background:#dff2e7;color:#155f3a}
.tp-form-step.is-blocked .tp-step-state{background:#f3f4f5;color:#8b949c}
@media(max-width:560px){.tp-form-flow{padding:13px}.tp-form-flow ol{grid-template-columns:1fr 1fr}.tp-form-flow li{min-height:80px;padding:10px 6px}.tp-step-heading{grid-template-columns:auto 1fr}.tp-step-state{grid-column:2;justify-self:start;margin-top:-4px}.tp-step-heading h2{font-size:18px!important}.tp-step-badge{min-width:58px;font-size:10.5px}}

/* v0.30.10: terminal refund state */
.tp-refund-primary{margin:0 0 18px;border:1px solid #f1d7b7}.tp-refund-primary p{margin:7px 0 0}.tp-past-pickup{margin-top:26px;padding-top:2px;opacity:.82}.tp-past-pickup h2{font-size:16px;margin-bottom:8px}.tp-past-pickup .tp-week-current{font-size:16px;margin:6px 0}.tp-past-pickup .tp-note{margin:5px 0 0}


/* v0.30.13: recipient change + email 2FA */
.tp-recipient-change{margin:12px 0 22px;border:1px solid #dce3e8;border-radius:12px;background:#fbfcfd;overflow:hidden}
.tp-recipient-change summary{cursor:pointer;padding:13px 15px;font-weight:800;color:#24553d;list-style:none}
.tp-recipient-change summary::-webkit-details-marker{display:none}
.tp-recipient-change summary:after{content:'＋';float:right;font-weight:900}
.tp-recipient-change[open] summary:after{content:'−'}
.tp-recipient-change-body{padding:0 15px 15px;border-top:1px solid #e6eaee}
.tp-auth-step,.tp-auth-ok{margin:14px 0;padding:13px 14px;border-radius:10px;line-height:1.7}
.tp-auth-step{background:#f3f6f8;color:#394650}
.tp-auth-ok{background:#eaf7ef;color:#184e33}
.tp-auth-step strong,.tp-auth-ok strong,.tp-auth-ok span{display:block}
.tp-auth-step p{margin:5px 0 0;font-size:13px}
.tp-auth-ok>strong{display:flex;align-items:center;gap:8px;font-size:16px;line-height:1.45}
.tp-auth-ok>strong .tp-auth-ok-label{display:block;margin:0;font-size:16px;line-height:1.45}
.tp-auth-ok-icon{display:inline-flex!important;align-items:center;justify-content:center;width:23px;height:23px;flex:0 0 23px;margin:0!important;border-radius:50%;background:#19734b;color:#fff;font-size:15px!important;font-weight:900;line-height:1!important}
.tp-auth-ok>span{margin-top:5px;font-size:13px}
.tp-recipient-form{margin:14px 0}
.tp-recipient-form .tp-submit{margin-top:8px}
.tp-recipient-resend{margin:-3px 0 12px;text-align:center}
.tp-recipient-resend button{border:0;background:transparent;color:#176b46;text-decoration:underline;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.tp-recipient-choice{display:grid;gap:9px;margin:0 0 13px;padding:0;border:0}
.tp-recipient-choice legend{margin:0 0 7px;font-weight:800}
.tp-recipient-choice label{display:flex;gap:10px;align-items:flex-start;padding:12px 13px;border:1px solid #d7dfe5;border-radius:10px;background:#fff;cursor:pointer}
.tp-recipient-choice input{width:19px;height:19px;flex:0 0 19px;margin:2px 0 0;accent-color:#176b46}
.tp-recipient-choice label:has(input:checked){border-color:#176b46;background:#eef8f2}
.tp-recipient-choice span{display:block}
.tp-recipient-choice strong,.tp-recipient-choice small{display:block}
.tp-recipient-choice small{margin-top:3px;color:#64717d;line-height:1.55}
@media(max-width:560px){.tp-recipient-change-body{padding:0 13px 13px}.tp-recipient-change summary{padding:12px 13px}}

/* v0.30.14: recipient flow anchor UX */
.tp-recipient-complete{margin:14px 0;padding:14px;border-radius:10px;background:#eaf7ef;color:#184e33;line-height:1.7}
.tp-recipient-complete strong,.tp-recipient-complete span,.tp-recipient-complete small{display:block}
.tp-recipient-complete span{margin-top:4px}
.tp-recipient-complete small{margin-top:5px;font-size:13px;color:#3e6a53}
.tp-recipient-again{display:block;margin:10px 0 14px;text-align:center;color:#176b46;font-weight:700;text-decoration:underline}
.tp-recipient-name[hidden]{display:none!important}
/* v0.30.15: completed recipient-change state + conditional delegate-name field */


/* v0.30.16: recipient action lives with the current-recipient card; editor expands only when needed */
.tp-recipient-info{margin-bottom:0}
.tp-recipient-overview{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:flex-start;justify-content:space-between}
.tp-recipient-current{flex:1 1 220px;min-width:0;margin:0}
.tp-recipient-current strong,.tp-recipient-current span{display:block}
.tp-recipient-current strong{font-size:17px;line-height:1.45}
.tp-recipient-current .tp-note{margin-top:3px}
.tp-recipient-toggle{flex:0 0 auto;margin:0 0 0 auto;border:1px solid #9dbbad;border-radius:9px;background:#fff;color:#176b46;padding:9px 13px;font:inherit;font-size:13px;font-weight:800;line-height:1.25;cursor:pointer;white-space:nowrap}
.tp-recipient-toggle:hover{background:#eef8f2;border-color:#176b46}
.tp-recipient-toggle:focus-visible{outline:3px solid rgba(23,107,70,.18);outline-offset:2px}
.tp-recipient-id-note{margin:13px 0 0;line-height:1.75}
.tp-recipient-change-panel{margin:10px 0 22px;padding:15px;border:1px solid #dce3e8;border-radius:12px;background:#fbfcfd}
.tp-recipient-change-panel[hidden]{display:none!important}
.tp-recipient-change-panel>.tp-success,.tp-recipient-change-panel>.tp-error{margin:0 0 10px;font-weight:700}
@media(max-width:560px){.tp-recipient-overview{gap:10px}.tp-recipient-current{flex-basis:180px}.tp-recipient-toggle{padding:8px 11px;font-size:12.5px}.tp-recipient-change-panel{padding:13px}}


/* v0.30.17: signed staff-lookup QR for confirmed Tokyo Pickup orders */
.tp-pickup-qr-card{text-align:center}
.tp-pickup-qr-card>div:first-child strong{display:block;font-size:16px;line-height:1.5}
.tp-pickup-qr-card>div:first-child p{margin:5px 0 0;color:#5b6771;font-size:13px;line-height:1.65}
.tp-pickup-qr{display:grid;place-items:center;width:min(280px,78vw);min-height:180px;margin:18px auto;padding:10px;border:1px solid #dde3e7;border-radius:14px;background:#fff;color:#66727c}
.tp-pickup-qr svg{display:block;width:100%;height:auto;background:#fff}
.tp-pickup-qr.is-error{width:auto;min-height:0;padding:14px;background:#fff5f5;color:#8a2f37}
.tp-pickup-qr-note{margin:14px 0 0!important;padding:13px 14px;border-radius:10px;background:#f3f6f8;color:#3e4a54;line-height:1.7;text-align:left}
.tp-pickup-qr-note strong{color:#24313b}
.tp-pickup-qr-fallback{margin:11px 0 0!important;color:#64717b;font-size:12.5px;line-height:1.65;text-align:center}
@media(max-width:560px){.tp-pickup-qr{width:min(250px,76vw);padding:8px}.tp-pickup-qr-note{padding:12px 13px}.tp-pickup-qr-fallback{text-align:left}}


/* v0.30.53: pickup calendar opens near the performance + explicit month navigation */
.tp-calendar-focus-note{margin:2px 0 12px;padding:12px 14px;border:1px solid #dce4ea;border-radius:11px;background:#f7f9fb;color:#43515d;line-height:1.55}
.tp-calendar-focus-note strong,.tp-calendar-focus-note span{display:block}
.tp-calendar-focus-note strong{font-size:14px;color:#25333e}
.tp-calendar-focus-note span{margin-top:3px;font-size:12.5px}
.tp-month-nav{grid-template-columns:minmax(145px,1fr) auto minmax(145px,1fr);gap:12px;margin:0 0 12px}
.tp-month-nav strong{font-size:17px;white-space:nowrap}
.tp-month-nav button{min-height:44px;padding:10px 14px;border-radius:10px;white-space:nowrap}
.tp-month-nav [data-tp-month-prev]{justify-self:start;text-align:left}
.tp-month-nav [data-tp-month-next]{justify-self:end;text-align:right}
.tp-month-nav button[hidden]{display:none!important}
@media(max-width:560px){.tp-calendar-focus-note{padding:11px 12px}.tp-month-nav{grid-template-columns:1fr 1fr;gap:8px}.tp-month-nav strong{grid-column:1/-1;grid-row:1;text-align:center}.tp-month-nav [data-tp-month-prev]{grid-column:1;grid-row:2;width:100%;justify-self:stretch}.tp-month-nav [data-tp-month-next]{grid-column:2;grid-row:2;width:100%;justify-self:stretch}}


/* v0.30.54: make the pickup calendar visibly week-based rather than date-based */
.tp-week-preview{margin:0 0 12px;padding:11px 13px;border:1px solid #cfe0d7;border-radius:10px;background:#f1f8f4;color:#344c3f;line-height:1.55}
.tp-week-preview strong,.tp-week-preview span{display:block}
.tp-week-preview strong{font-size:14px;font-weight:900;color:#18382a}
.tp-week-preview span{margin-top:3px;font-size:12.5px}
.tp-week-row.is-preview-week:not(.is-selected-week) .tp-day:not(:last-child){box-shadow:inset 0 2px 0 #75a98b,inset 0 -2px 0 #75a98b}
.tp-week-row.is-preview-week:not(.is-selected-week) .tp-day:first-child{box-shadow:inset 2px 0 0 #75a98b,inset 0 2px 0 #75a98b,inset 0 -2px 0 #75a98b}
.tp-week-row.is-preview-week:not(.is-selected-week) .tp-day:nth-child(6){box-shadow:inset -2px 0 0 #75a98b,inset 0 2px 0 #75a98b,inset 0 -2px 0 #75a98b}
.tp-week-row.is-preview-week:not(.is-selected-week) .tp-day-open:not(:last-child){background:#eef8f2}
.tp-week-row.is-selected-week .tp-day:not(:last-child){box-shadow:inset 0 2px 0 #8f2331,inset 0 -2px 0 #8f2331}
.tp-week-row.is-selected-week .tp-day:first-child{box-shadow:inset 2px 0 0 #8f2331,inset 0 2px 0 #8f2331,inset 0 -2px 0 #8f2331}
.tp-week-row.is-selected-week .tp-day:nth-child(6){box-shadow:inset -2px 0 0 #8f2331,inset 0 2px 0 #8f2331,inset 0 -2px 0 #8f2331}
.tp-week-row.is-preview-week:not(.is-selected-week) .tp-day-open .tp-day-select{background:transparent}
.tp-week-days-label{margin-top:9px!important;font-weight:900!important;color:#35433c!important}
@media(max-width:560px){.tp-week-preview{padding:10px 11px}.tp-week-preview strong{font-size:13.5px}.tp-week-preview span{font-size:12px}}


/* v0.30.71: scope week-change CTA styles to the submit button only.
   Calendar day buttons and month navigation must retain their own calendar state styles. */
/* v0.30.60: final J-Plaza brand theme for Tokyo Pickup
   Dynamic Red is the interaction / brand accent. Semantic colors remain separate:
   success/available = green, warning = amber, error/danger = red. */
:root{
  --tp-brand:#b5122b;
  --tp-brand-dark:#8f0d21;
  --tp-brand-soft:#fff5f6;
  --tp-brand-soft-2:#fdebed;
  --tp-brand-border:#e2a5ae;
  --tp-brand-text:#7b2633;
  --tp-warm:#fbfaf8;
  --tp-sand:#f6f0ea;
  --tp-silver:#eef1f3;
}
.tp-kicker{color:var(--tp-brand)}
.tp-summary .tp-total{background:#fff5f7}
input:focus,select:focus{outline:3px solid rgba(181,18,43,.14);border-color:var(--tp-brand)}
.tp-submit,.tp-week-change > form > button[type="submit"]{background:var(--tp-brand)}
.tp-submit:not(:disabled):hover,.tp-week-change > form > button[type="submit"]:not(:disabled):hover{background:var(--tp-brand-dark)}
.tp-submit:not(:disabled):focus-visible,.tp-week-change > form > button[type="submit"]:not(:disabled):focus-visible{outline:3px solid rgba(181,18,43,.18);outline-offset:2px}
.tp-guide-steps li:before{background:var(--tp-brand)}
.tp-card a:not(.tp-submit):not(.tp-link-button),.tp-wrap>a,.jpos-tokyo-calendar-nav a{color:var(--tp-brand)}
.tp-month-nav button{border-color:#ddc2c9;color:var(--tp-brand);background:#fff}
.tp-month-nav button:not(:disabled):hover{border-color:var(--tp-brand);background:var(--tp-brand-soft)}
.tp-term-choice input{accent-color:var(--tp-brand)}
.tp-term-choice label:has(input:checked):not(:has(input[value="no"]:checked)){border-color:var(--tp-brand);background:var(--tp-brand-soft);color:var(--tp-brand-dark)}
.tp-card-brand-logo.is-active{border-color:var(--tp-brand);box-shadow:0 0 0 2px rgba(181,18,43,.11)}
.tp-save-page{border-color:#ead4da;background:#fff8fa;color:#3f3035}
.tp-save-page-icon{background:var(--tp-brand)}
.tp-save-page strong{color:#302126}
.tp-save-page p{color:#5b4a50}
.tp-form-flow li.is-current{border-color:var(--tp-brand);box-shadow:0 0 0 2px rgba(181,18,43,.08);color:#45121f}
.tp-form-flow li.is-current .tp-flow-no{background:var(--tp-brand)}
.tp-form-step.is-current .tp-step-badge{background:var(--tp-brand)}
.tp-form-step.is-current .tp-step-state{background:var(--tp-brand-soft);color:var(--tp-brand-dark)}
.tp-state{background:var(--tp-brand-soft);color:var(--tp-brand-dark);border:1px solid #edc5cf}
.tp-state.is-success{background:#eaf7ef;color:#155f3a;border-color:#a9d9bc}
.tp-state strong{display:inline-flex;align-items:center;gap:8px}
.tp-state-icon{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;flex:0 0 23px;border-radius:50%;background:#19734b;color:#fff;font-size:15px;font-weight:900;line-height:1}
.tp-pickup-hours-note{border-color:#e1dbd5;background:var(--tp-warm)}
.tp-pickup-hours-note span{color:#3f3236}
.tp-week-selection{background:var(--tp-brand-soft);border:1px solid #edd0d7}
.tp-week-radio input:checked+span{color:var(--tp-brand)}
.tp-week-radio:has(input:checked){background:var(--tp-brand-soft)}
.tp-recipient-change summary{color:var(--tp-brand-dark)}
.tp-recipient-resend button,.tp-recipient-again{color:var(--tp-brand)}
.tp-recipient-choice input{accent-color:var(--tp-brand)}
.tp-recipient-choice label:has(input:checked){border-color:var(--tp-brand);background:var(--tp-brand-soft)}
.tp-recipient-toggle{border-color:#dca6b3;color:var(--tp-brand);background:#fff}
.tp-recipient-toggle:hover{background:var(--tp-brand-soft);border-color:var(--tp-brand)}
.tp-recipient-toggle:focus-visible{outline:3px solid rgba(181,18,43,.16)}
.tp-week-preview{border-color:#e9bcc7;background:#fff7f9;color:#4e3038}
.tp-week-preview strong{color:#5f1024}
.tp-week-row.is-preview-week:not(.is-selected-week) .tp-day:not(:last-child){box-shadow:inset 0 2px 0 #d76a85,inset 0 -2px 0 #d76a85}
.tp-week-row.is-preview-week:not(.is-selected-week) .tp-day:first-child{box-shadow:inset 2px 0 0 #d76a85,inset 0 2px 0 #d76a85,inset 0 -2px 0 #d76a85}
.tp-week-row.is-preview-week:not(.is-selected-week) .tp-day:nth-child(6){box-shadow:inset -2px 0 0 #d76a85,inset 0 2px 0 #d76a85,inset 0 -2px 0 #d76a85}
.tp-week-row.is-preview-week:not(.is-selected-week) .tp-day-open:not(:last-child){background:#fff4f7}
.tp-week-row.is-selected-week .tp-day:not(:last-child){box-shadow:inset 0 2px 0 var(--tp-brand),inset 0 -2px 0 var(--tp-brand)}
.tp-week-row.is-selected-week .tp-day:first-child{box-shadow:inset 2px 0 0 var(--tp-brand),inset 0 2px 0 var(--tp-brand),inset 0 -2px 0 var(--tp-brand)}
.tp-week-row.is-selected-week .tp-day:nth-child(6){box-shadow:inset -2px 0 0 var(--tp-brand),inset 0 2px 0 var(--tp-brand),inset 0 -2px 0 var(--tp-brand)}
.tp-week-row.is-selected-week .tp-day-open .tp-day-select{background:var(--tp-brand);color:#fff;box-shadow:inset 0 0 0 2px var(--tp-brand-dark)}
.tp-day-open .tp-day-select:focus-visible{outline:3px solid rgba(181,18,43,.28)}


/* v0.30.62: align Tokyo Pickup color roles with the normal Odori form.
   Progress/selection uses the J-Plaza brand reds; green is reserved for semantic success/availability.
   The pickup calendar no longer frames closed holidays as if they were selectable days. */
.tp-summary .tp-price-total{
  background:var(--tp-brand-soft);
}
.tp-summary .tp-price-total>span{color:#70474d}
.tp-summary .tp-price-total>strong{color:#c64018}
.tp-summary .tp-price-total>small{color:#67727e}
.tp-price-details summary{color:var(--tp-brand)}

.tp-form-flow li.is-complete{
  border-color:var(--tp-brand-border);
  background:var(--tp-brand-soft-2);
  color:var(--tp-brand-text);
}
.tp-form-flow li.is-complete .tp-flow-no{background:var(--tp-brand);color:#fff}
.tp-form-step.is-complete .tp-step-badge{background:var(--tp-brand);color:#fff}
.tp-form-step.is-complete .tp-step-state{background:var(--tp-brand-soft-2);color:var(--tp-brand-dark)}

/* Preview a week only on pickup-available cells. Closed/holiday cells retain their own state colors. */
.tp-week-row.is-preview-week:not(.is-selected-week) .tp-day{box-shadow:none!important}
.tp-week-row.is-preview-week:not(.is-selected-week) .tp-day-open{background:#f7fbf8}
.tp-week-row.is-preview-week:not(.is-selected-week) .tp-day-open .tp-day-select{
  background:var(--tp-brand-soft);
  box-shadow:inset 0 0 0 2px #d76a85;
}
/* A selected week is expressed by dark maroon only on days that can actually be used for pickup. */
.tp-week-row.is-selected-week .tp-day{box-shadow:none!important}
.tp-week-row.is-selected-week .tp-day-open .tp-day-select{
  background:#8f2331;
  color:#fff;
  box-shadow:inset 0 0 0 2px #731725;
}
.tp-week-row.is-selected-week .tp-day-open .tp-day-select .tp-mark,
.tp-week-row.is-selected-week .tp-day-open .tp-day-select small{color:#fff}


/* v0.30.64: pickup-condition mismatch is guidance, not an input error. */
.tp-terms-result.is-advisory{
  padding:11px 13px;
  border:1px solid #e2b23a;
  border-radius:10px;
  background:#fff4cf;
  color:#6f5000;
}

/* v0.30.77: public self-service recovery for a lost Your Tokyo Pickup link. */
.tp-guide-recovery{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px;padding:15px 18px;border:1px solid #e5dfe1;border-radius:14px;background:#fbfaf8;color:#463c40}
.tp-guide-recovery div{min-width:0}
.tp-guide-recovery strong{display:block;font-size:14px;color:#352a2e}
.tp-guide-recovery span{display:block;margin-top:2px;font-size:13px;line-height:1.55;color:#6a5e62}
.tp-guide-recovery a{flex:0 0 auto;color:var(--tp-brand);font-size:14px;font-weight:800;text-decoration:none}
.tp-guide-recovery a:hover{text-decoration:underline}
.tp-find-back{margin:0 0 14px}.tp-find-back a{color:var(--tp-brand);font-weight:700;text-decoration:none}
.tp-find-form{position:relative}
.tp-find-form .tp-submit{margin-top:14px}
.tp-turnstile-wrap{max-width:100%;margin-top:10px;overflow:visible}
.tp-find-privacy{margin:13px 0 0;color:#66727a;font-size:12.5px;line-height:1.7}
.tp-find-hp{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
.tp-find-success{margin:0 0 18px;padding:16px 18px;border:1px solid #a9d9bc;border-radius:14px;background:#eaf7ef;color:#155f3a}
.tp-find-success strong{display:block;font-size:18px;line-height:1.45}
.tp-find-success p{margin:5px 0 0;font-size:14px;line-height:1.75;color:#294b3a}
.tp-find-error{margin:0 0 18px;padding:12px 14px;border:1px solid #edb6b1;border-radius:10px;background:#fff4f3}
.tp-find-help h2{margin-top:0}
.tp-find-help p{line-height:1.8}
.tp-find-help a{font-weight:800;text-decoration:none}
@media(max-width:560px){.tp-guide-recovery{align-items:flex-start;flex-direction:column;gap:9px}.tp-guide-recovery a{align-self:flex-start}}

/* v0.30.83: Tokyo Pickup mobile pickup-week calendar optimization.
 * Keep all seven weekdays visible without horizontal discovery, reduce duplicated
 * per-cell detail, and use legible touch-first sizing. */
@media(max-width:560px){
  .tp-pickup-calendar .tp-month-scroll{overflow-x:visible}
  .tp-pickup-calendar .tp-month-table{width:100%;min-width:0!important;table-layout:fixed}
  .tp-pickup-calendar .tp-month-table th{padding:8px 1px;font-size:13px;line-height:1.15}
  .tp-pickup-calendar .tp-day{height:68px;padding:0}
  .tp-pickup-calendar .tp-day-content{min-height:68px;padding:7px 1px;justify-content:center}
  .tp-pickup-calendar .tp-day-num{font-size:15px;line-height:1.05}
  .tp-pickup-calendar .tp-mark{margin-top:6px;font-size:20px}
  .tp-pickup-calendar .tp-day-closed .tp-mark{font-size:20px}
  .tp-pickup-calendar .tp-day small{display:none}
  .tp-pickup-calendar .tp-calendar-legend{font-size:14px;line-height:1.35}
  .tp-pickup-calendar .tp-week-preview strong{font-size:14px}
  .tp-pickup-calendar .tp-week-preview span{font-size:13px}
  .tp-pickup-calendar .tp-pickup-hours-note small{font-size:13px;line-height:1.55}
}

/* v0.31.49: verified TPU failure is terminal, not awaiting results. */
.tp-status-failed{border:2px solid #c92642;background:#fff2f3;color:#6d1425}
.tp-status-failed .tp-kicker{color:#a91936}
.tp-status-failed h1{color:#981b32}
.tp-status-failed p{line-height:1.75}
.tp-status-failed__lead{font-weight:800;color:#991a34}
.tp-status-failed__cta{background:#b80f30;color:#fff;text-align:center}
.tp-status-failed__cta:hover,.tp-status-failed__cta:focus{background:#91112a;color:#fff}

/* v0.31.56: unresolved payment is an amber warning, not success or failure. */
.tp-status-checking{border:2px solid #d4ae5b;background:#fffbf0;color:#5d4618}
.tp-status-checking .tp-kicker,.tp-status-checking h1{color:#785414}