.order-row-wrapper {
    width: 1050px;
}

.order-row-wrapper .flex {
    height: 80px;
}

.cart-item-thumb {
    height: 100%;
    width: 120px;
}

.order-list-row {
    margin-bottom: 30px;
    border-left: 1px solid;
    position: relative;
}

.order-list-row.header-line {
	border-color: transparent;
	margin-bottom: 0;
}

.order-list-row.bottom-line {
    border-color: transparent;
    margin-top: 50px;
}

.cart-inc-handler, .cart-dec-handler {
    font-family: system-ui;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    cursor: pointer;
}

.cart-quantity-value {
    width: 60px;
    text-align: center;
    font-size: 14px;
    font-family: Stem;
    font-weight: 300;
}


.smallPadding {
    padding-left: 5px;
    padding-right: 5px;
}

.order-form-complete {
    margin: 50px 0px 70px;
}

.order-form-complete .send-submit {
    /*background-color: var(--site-color);*/
    margin-left: 0px;
    margin-top: -2px;
    width: 100%;
}

.order-form-complete > .row {
    margin: 0px 0px 0px -15px;
}

.order-form-complete select {
    padding: 3.5px 10px;
    border: 2px inset #eee;
}

select:focus { outline: none; }

input.error, select.error {
    border-color: #d20 !important;
}

.order-collect[type='radio'] { display: none; }

.order-shop-label {
    font-size: 14px;
}

.user-shop-choice {
    padding-top: 30px;
}

.user-shop-choice h4 { margin-bottom: 20px;  }

.order-shop-name {
    position: relative;
    padding-left: 30px;
}

.order-shop-name::before {
    content: "";
    position: absolute;
    width: 20px;
    left: 0;
    height: 20px;
    border: 2px solid;
    top: 5px;
}

input:checked + .order-shop-name::after {
    content: "";
    position: absolute;
    width: 14px;
    left: 3px;
    height: 14px;
    top: 8px;
    background-color: #000;
}

/***************************************************/
.cart__city-choose__container {
    position: fixed;
    z-index: 500;
    top: 50%;
    left: 50%;
    width: 240px;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, .2);
    padding: var(--auth-controller-padding) calc( var(--auth-controller-padding) / 2 );
}

.cart__city-choose__wrapper {
    margin-top: var(--auth-controller-padding);
    height: 220px;
    overflow: auto;
}

.cart__city-choose__wrapper span {
    display: block;
    cursor: pointer;
    line-height: 2em;
    padding: 0 calc(var(--auth-controller-padding) / 2);
    border-bottom: 1px solid #f5f5f5;
}

.cart__city-choose__search__wrapper * { vertical-align: middle; }

#cart_search_btn { width: 1.2ch; }

#cart_search { 
    width: calc(100% - 7ch);
    border: none;
    border-bottom: 1px solid; 
}

.cart__city-choose__container .closeBtn svg {
    height: 16px;
    width: 16px;
}

.cart__city-choose__container .closeBtn { padding: 7px; }

#city-list__opener {
    padding: 3px 10px;
    border: 2px inset;
    width: 100%;
    background-color: #f8f8f8;
}

/**************************************************/

/*************************************************/

@media (max-width: 1349px) {
	.order-row-wrapper {
	    width: calc(100% - 40px);
	}
}

@media (min-width: 1350px) and (max-width: 1599px) {
	.order-row-wrapper {
	    width: 1050px;
	}
}

@media (min-width: 1600px) {
	.order-row-wrapper {
		width: 1200px;
	}
}

@media (max-width: 1023px) and (min-width: 701px) {
    :root {
        --img-column-width:   200px;
        --price-column-width: 160px;
    }
    .order-row-wrapper .flex {
        height: 70px;
    }
    .imgColumn {
        width: var(--img-column-width) !important;
    }
    .quanColumn {
        width: calc(75% - var(--img-column-width) - var(--price-column-width)) !important;
    }
    .priceColumn {
        width: var(--price-column-width) !important;
    }

    .font14 .grey { font-size: 12px; }

    .order-shop-name { font-size: 12px; }

    input.order-collect { margin-bottom: 5px; }
}

@media (max-width: 700px) {
    .header-line { display: none; }

    .bottom-line .pushRight.order-row-wrapper { width: calc(100% - 15px); }

    .font14 .grey { font-size: 12px; }

    .order-shop-label { margin-bottom: 15px; }

    .order-form-complete { margin: 15px 0px 30px; }

    .order-collect { margin-bottom: 5px; }
}