.tdo_retract {
max-width:760px;
color:#392315;
margin:0 auto;
padding:0 0 40px
}

.tdo_retract_sr {
position:absolute;
width:1px;
height:1px;
overflow:hidden;
white-space:nowrap;
clip-path:inset(50%);
margin:-1px;
padding:0
}

.tdo_retract_intro { margin:0 0 28px }

.tdo_retract_intro p {
font-size:17px;
line-height:1.6;
margin:0 0 12px
}

.tdo_retract .tdo_retract_en {
font-size:14px;
font-style:italic;
color:#633312
}

.tdo_retract_title {
font-size:22px;
font-weight:700;
color:#392315;
line-height:1.3;
margin:32px 0 14px
}

.tdo_retract_steps {
display:flex;
flex-wrap:wrap;
gap:8px;
list-style:none;
margin:0 0 24px;
padding:0
}

.tdo_retract_steps li {
background:#F5F1ED;
border-radius:999px;
font-size:14px;
font-weight:700;
color:#633312;
margin:0;
padding:6px 14px
}

.tdo_retract_steps li[aria-current="step"] {
background:#392315;
color:#fff
}

.tdo_retract_form fieldset {
min-width:0;
border:0;
margin:0 0 28px;
padding:0
}

.tdo_retract_form legend {
font-size:20px;
font-weight:700;
color:#392315;
line-height:1.3;
margin:0 0 8px;
padding:0
}

.tdo_retract_legend_hint {
font-size:14px;
color:#633312;
margin:0 0 16px
}

.tdo_retract_grid {
display:grid;
gap:18px 20px;
grid-template-columns:repeat(2, minmax(0, 1fr))
}

.tdo_retract_field {
display:grid;
align-content:start;
row-gap:6px;
grid-row:span 3;
grid-template-rows:subgrid
}

.tdo_retract_field_full { grid-column:1 / -1 }

.tdo_retract_field label {
display:block;
align-self:end;
font-weight:700;
color:#392315;
margin:0
}
.tdo_retract_req { color:#a12a1a }

.tdo_retract_hint {
font-size:14px;
color:#633312;
line-height:1.4;
margin:0
}

.tdo_retract_field input[type="text"],
.tdo_retract_field input[type="email"],
.tdo_retract_field textarea {
display:block;
width:100%;
background:#fff;
border:1px solid #a99882;
border-radius:6px;
font-size:16px;
color:#392315;
line-height:1.4;
box-sizing:border-box;
margin:0;
padding:10px 12px
}

.tdo_retract_field textarea {
min-height:110px;
resize:vertical
}

.tdo_retract_field [aria-invalid="true"] { border-color:#a12a1a }

.tdo_retract :focus-visible {
outline:3px solid #d97638;
outline-offset:2px
}

.tdo_retract_error {
font-size:14px;
font-weight:700;
color:#a12a1a;
margin:0
}

.tdo_retract_hint + .tdo_retract_error { margin:4px 0 0 }

.tdo_retract_hp {
position:absolute;
width:1px;
height:1px;
overflow:hidden;
left:-9999px
}

.tdo_retract_notice {
background:#f9f5f0;
border-left:4px solid #d4a574;
border-radius:4px;
margin:0 0 24px;
padding:14px 18px
}

.tdo_retract_notice p { margin:0 }

.tdo_retract_notice p + p,
.tdo_retract_notice p + ul { margin:8px 0 0 }

.tdo_retract_notice > p > a,
.tdo_retract_success > p > a {
text-decoration:underline !important;
color:#633312 !important
}

.tdo_retract_notice_success { border-left-color:#2f6b3a }

.tdo_retract_notice_warning { border-left-color:#d97638 }

.tdo_retract_alert {
background:#fdf1ee;
border:1px solid #a12a1a;
border-radius:6px;
color:#a12a1a;
margin:0 0 24px;
padding:14px 18px
}

.tdo_retract_alert p { margin:0 0 6px }

.tdo_retract_alert ul { margin:0 0 0 20px }

.tdo_retract_alert li > a {
text-decoration:underline !important;
color:#a12a1a !important
}

.tdo_retract_items {
list-style:none;
border-top:1px solid #e5ddd3;
margin:0;
padding:0
}

.tdo_retract_item {
display:flex;
flex-wrap:wrap;
align-items:center;
gap:10px 14px;
border-bottom:1px solid #e5ddd3;
margin:0;
padding:12px 0
}

.tdo_retract_item input[type="checkbox"] {
width:20px;
height:20px;
accent-color:#392315;
cursor:pointer;
flex-shrink:0;
margin:0
}

.tdo_retract_item_label {
flex:1 1 240px;
font-weight:700;
cursor:pointer;
margin:0
}

.tdo_retract_item_qty {
font-weight:400;
color:#633312
}

.tdo_retract_qty {
display:flex;
align-items:center;
gap:8px;
font-size:14px
}

.tdo_retract_qty select {
width:auto;
background:#fff;
border:1px solid #a99882;
border-radius:6px;
font-size:16px;
color:#392315;
margin:0;
padding:6px 10px
}

.tdo_retract_next { margin:8px 0 0 20px }

.tdo_retract_next li {
line-height:1.55;
margin:0 0 8px
}

.tdo_retract_actions {
display:flex;
flex-wrap:wrap;
align-items:center;
gap:16px 24px;
margin:28px 0 0
}

.tdo_retract button.tdo_retract_btn,
.tdo_retract a.tdo_retract_btn,
.tdo_retract_order_box > a.tdo_retract_btn {
display:inline-block;
background:#392315 !important;
border:0 !important;
border-radius:999px;
box-shadow:none;
text-align:center;
text-decoration:none !important;
font-size:17px;
font-weight:700;
color:#fff !important;
line-height:1.3;
cursor:pointer;
transition:background-color .2s cubic-bezier(.4, 0, .2, 1);
margin:0;
padding:14px 28px
}

.tdo_retract button.tdo_retract_btn:hover,
.tdo_retract button.tdo_retract_btn:focus-visible,
.tdo_retract a.tdo_retract_btn:hover,
.tdo_retract a.tdo_retract_btn:focus-visible,
.tdo_retract_order_box > a.tdo_retract_btn:hover,
.tdo_retract_order_box > a.tdo_retract_btn:focus-visible { background:#633312 !important }

.tdo_retract a.tdo_retract_btn_small {
font-size:15px;
padding:10px 18px
}

.tdo_retract_actions > a.tdo_retract_back {
text-decoration:underline !important;
font-weight:700;
color:#633312 !important
}

.tdo_retract_orders {
list-style:none;
border-top:1px solid #e5ddd3;
margin:0 0 20px;
padding:0
}

.tdo_retract_orders li {
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
gap:10px 16px;
border-bottom:1px solid #e5ddd3;
margin:0;
padding:12px 0
}

.tdo_retract_or {
font-weight:700;
margin:0 0 20px
}

.tdo_retract_table {
width:100%;
border:1px solid #e5ddd3;
border-collapse:collapse;
margin:0 0 24px
}

.tdo_retract_table th,
.tdo_retract_table td {
border:1px solid #e5ddd3;
text-align:left;
vertical-align:top;
line-height:1.5;
padding:10px 12px
}

.tdo_retract_table th {
width:38%;
background:#f9f5f0;
font-weight:700
}

.tdo_retract_success {
background:#f9f5f0;
border:1px solid #d4a574;
border-left:4px solid #2f6b3a;
border-radius:8px;
margin:0 0 28px;
padding:20px 24px
}

.tdo_retract_success .tdo_retract_title { margin:0 0 10px }

.tdo_retract_success p { margin:0 0 8px }

.tdo_retract_order_box {
background:#f9f5f0;
border-left:4px solid #d97638;
border-radius:4px;
margin:24px 0;
padding:16px 20px
}

.tdo_retract_order_box p { margin:0 0 12px }

.tdo_retract_order_box p:last-child { margin:0 }

.tdo_retract_band {
position:relative;
z-index:2;
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
gap:6px 16px;
background:#392315;
text-align:center;
font-size:14px;
color:#F5F1ED;
line-height:1.5;
padding:12px 16px
}

.tdo_retract_band > a {
text-decoration:underline !important;
font-size:15px;
font-weight:700;
color:#fff !important
}

.tdo_retract_band > a:hover,
.tdo_retract_band > a:focus-visible { color:#d4a574 !important }

.tdo_retract_band > a:focus-visible {
outline:3px solid #d4a574;
outline-offset:3px
}

@media (max-width:640px) {
	.tdo_retract_grid { grid-template-columns:1fr }

	.tdo_retract_actions {
	flex-direction:column;
	align-items:stretch
	}

	.tdo_retract_table th,
	.tdo_retract_table td {
	display:block;
	width:auto
	}
}

@media (prefers-reduced-motion:reduce) {
	.tdo_retract button.tdo_retract_btn,
	.tdo_retract a.tdo_retract_btn,
	.tdo_retract_order_box > a.tdo_retract_btn { transition:none }
}

@media print {
	.tdo_retract_band,
	.tdo_retract_actions { display:none }
}