section#order-withdrawal{background: #fbf8f3; padding: 35px 0 45px;}
.shop.order-withdrawal{max-width: 920px; margin: 0 auto; background: #ffffff; border: 1px solid rgba(46,32,87,0.12); border-top-left-radius: 11px; border-bottom-right-radius: 11px; padding: 28px 34px 34px; color: #332b52;}
.shop.order-withdrawal h1{color: #2e2057; font-size: 30px; line-height: 38px; font-weight: 700; margin: 0; padding: 0 0 22px;}
.shop.order-withdrawal .order-withdrawal-subtitle{color: #191d48; font-size: 18px; line-height: 24px; font-weight: 700; margin: -12px 0 22px; padding: 0;}
.shop.order-withdrawal h2{color: #191d48; font-size: 21px; line-height: 29px; margin: 0; padding: 10px 0 16px;}
.shop.order-withdrawal p{font-size: 16px; line-height: 24px; margin: 0; padding: 0 0 14px;}
.order-withdrawal-hidden{display: none;}
.order-withdrawal-fields{display: flex; gap: 20px; margin: 0 0 20px;}
.order-withdrawal-fields label{display: block; width: 50%; color: #191d48; font-weight: 700; font-size: 14px; line-height: 20px;}
.order-withdrawal-fields label.order-withdrawal-field-full{width: 100%;}
.order-withdrawal-form input[type="text"],
.order-withdrawal-form input[type="email"],
.order-withdrawal-form input[type="number"],
.order-withdrawal-form textarea{display: block; width: 100%; border: 1px solid rgba(46,32,87,0.22); border-top-left-radius: 8px; border-bottom-right-radius: 8px; background: #ffffff; color: #222222; font-size: 17px; line-height: 24px; padding: 10px 12px; margin: 7px 0 0; box-sizing: border-box; outline: none; transition: border-color 180ms ease, box-shadow 180ms ease;}
.order-withdrawal-form input[type="text"]:focus,
.order-withdrawal-form input[type="email"]:focus,
.order-withdrawal-form input[type="number"]:focus,
.order-withdrawal-form textarea:focus{border-color: rgba(250,100,29,0.85); box-shadow: 0 0 0 3px rgba(250,100,29,0.12);}
.order-withdrawal-form textarea{resize: none;}
.order-withdrawal-products{border-top: 1px solid #e5e5e5; margin: 0 0 22px;}
.order-withdrawal-product{display: flex; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid #e5e5e5; padding: 14px 0;}
.order-withdrawal-product.active{background: rgba(250,100,29,0.08);}
.order-withdrawal-product-check{display: flex; align-items: flex-start; gap: 10px; flex: 1; cursor: pointer; font-size: 15px; line-height: 22px;}
.order-withdrawal-product-check input{margin: 4px 0 0;}
.order-withdrawal-product-check strong{display: block; color: #191d48; font-size: 15px; line-height: 22px;}
.order-withdrawal-product-check em{display: block; color: #797979; font-size: 13px; line-height: 19px; font-style: normal;}
.order-withdrawal-product-amount{display: flex; align-items: center; gap: 10px; flex: 0 0 210px;}
.order-withdrawal-product-amount input{max-width: 82px; text-align: center; margin: 0;}
.order-withdrawal-product-amount span{font-size: 14px; line-height: 20px; color: #797979; white-space: nowrap;}
.order-withdrawal-note{display: block; font-weight: 700; font-size: 14px; line-height: 20px; margin: 0 0 20px;}
.order-withdrawal-message{display: none; color: #b81900; background: #f8d7da; border: 1px solid #f5c6cb; font-size: 15px; line-height: 22px; font-weight: 700; padding: 10px 14px; margin: 0 0 18px;}
.order-withdrawal-state{background: #fffaf3; border-left: 4px solid #fa641d; padding: 20px 24px;}
.order-withdrawal-state-success{border-left-color: #309248;}
.order-withdrawal-state-action{display: inline-block; margin: 4px 0 0; padding: 12px 20px; background: #fa641d; border-top-left-radius: 6px; border-bottom-right-radius: 6px; color: #ffffff; font-size: 13px; line-height: 18px; font-weight: 700; text-transform: uppercase; transition: 200ms ease all;}
.order-withdrawal-state-action:hover{background: #2e2057; color: #ffffff; text-decoration: none;}
.order-withdrawal-state-action .fa{color: #ffffff;}
.order-withdrawal-confirm{background: #fffaf3; border: 1px solid #eadfce; padding: 16px 18px; margin: 18px 0 0;}
.order-withdrawal-confirm p{font-weight: 700;}
.order-withdrawal-confirm .order-withdrawal-confirm-cancel{margin-right: 10px;}
.order-withdrawal-form button{border: 0; border-top-left-radius: 6px; border-bottom-right-radius: 6px; cursor: pointer; display: inline-block; color: #ffffff; font-weight: 700; text-transform: uppercase; font-size: 13px; line-height: 18px; padding: 12px 22px; transition: 200ms ease all;}
.order-withdrawal-form button.button-one{background: #fa641d;}
.order-withdrawal-form button.button-one:hover{background: #2e2057;}
.order-withdrawal-form button.button-two{background: #309248;}
.order-withdrawal-form button.button-two:hover{background: #2e2057;}
.order-withdrawal-form button:disabled{opacity: 0.55; cursor: default;}

@media (max-width: 767px){
    section#order-withdrawal{padding: 20px 0 30px;}
    .shop.order-withdrawal{padding: 20px 16px 24px;}
    .shop.order-withdrawal h1{font-size: 24px; line-height: 30px;}
    .shop.order-withdrawal h2{font-size: 18px; line-height: 25px;}
    .order-withdrawal-fields{display: block;}
    .order-withdrawal-fields label{width: 100%; margin: 0 0 14px;}
    .order-withdrawal-product{display: block;}
    .order-withdrawal-product-amount{display: flex; width: 100%; padding: 10px 0 0 28px; box-sizing: border-box;}
    .order-withdrawal-form button{width: 100%; text-align: center;}
    .order-withdrawal-confirm .order-withdrawal-confirm-cancel{margin: 0 0 10px 0;}
}