.account-page-wrapper{padding:0 0 4rem}
.account-page-wrapper .form-title{font-size:1.25rem;font-weight:600;padding-bottom:1rem;margin-bottom:2rem}
.account-page-wrapper .btn{margin-top:1rem}
.account-page-wrapper .product-card .btn{margin:0}
.account-page-wrapper .pagination{margin-top:2rem}
.account-navigation{margin-bottom:2rem}
.account-nav-list{display:flex;flex-direction:column;gap:1.5rem;border-bottom:1px solid var(--beige-dark);padding-bottom:1.5rem;margin-bottom:1.5rem}
.account-nav-list.not-logged{border-bottom: 0;padding-bottom: 0;}
.account-nav-list a{display:flex;align-items:center;gap:.5rem;font-family:var(--second-family);font-weight:500;font-size:.875rem;line-height:1.2;text-transform:uppercase}
.account-nav-list a.active{color:var(--pink-primary)}
.account-nav-list .icon{color:var(--pink-primary);font-size:1.25rem;font-weight:600}
.account-nav-list .icon-map-point{font-weight:500}
.account-nav-list .svg-icon{width:1.25rem;height:1.25rem}
.account-nav-list .svg-icon path{stroke:var(--pink-primary)}
.account-exit{display:block;font-size:.875rem;line-height:1.5;margin-bottom:1.5rem}
.account-delete-btn{font-size:.875rem;line-height:1.5;color:var(--pink-primary)}
.account-margin-mod{margin-top:2rem}
.account-radio-elements{display:flex;flex-direction:column;gap:2rem}
.account-radio-elem{position:relative;font-family:var(--second-family);line-height:1.5;font-size:.875rem}
.account-radio-elem input[type=radio]{position:absolute;top:0;right:0;width:1.5rem;height:1.5rem;left: auto;}
.account-radio-elem input[type=radio]:before{content:"";width:.875rem;height:.875rem}
.account-radio-elem .radio label{padding:0;gap:.5rem}
.account-radio-elem .radio label:hover{color:var(--dark-black)}
.account-radio-elem span{display: block;font-size: .875rem;margin-bottom: .5rem;}
.account-radio-elem .name{font-weight:500;font-size:.875rem;text-transform:uppercase;padding-right:2rem;margin-bottom:.75rem}
.account-radio-elem .edit-delete{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--beige-dark);padding-top:1rem;margin-top:1rem}
.account-radio-elem .edit-delete a{font-family:var(--font-family);font-size:.875rem;color:var(--pink-primary)}
.account-radio-elem .edit-delete .icon-close{color:var(--beige-dark);font-size:1.25rem}
.account-delivery-addresses .form-group.order_mod:nth-child(1){order:1}
.account-delivery-addresses .form-group.order_mod:nth-child(2){order:3}
.account-delivery-addresses .form-group.order_mod:nth-child(3){order:2}
.account-delivery-addresses .form-group.order_mod:nth-child(4){order:4}
.account-orders-wrapper{display:flex;flex-direction:column;border:1px solid var(--beige-dark);border-radius:1rem;padding:1rem;line-height:1.5}
.account-orders-wrapper .order-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 0 1.5rem;border-bottom:1px solid var(--beige-dark)}
.account-orders-wrapper .order-header span{font-size:.625rem}
.account-orders-wrapper .order-header .desc{display:none}
.account-order-item .checkout-card .bottom-elements{align-items:center;justify-content:space-between}
.account-order-item .checkout-card .bottom-elements>*{width:auto}
.account-order-item .checkout-card .price{line-height:1.2}
.account-order-item .checkout-card .price-for-one .price{line-height:1.5}
.account-order-item .checkout-card .count{display:flex;flex-direction:column;gap:.5rem}
.account-order-item .checkout-card .count span:nth-child(1){font-size:.625rem}
.account-order-item .checkout-card .count span:nth-child(2){font-size:.75rem}
.account-order-spoiler{position:relative;display:flex;flex-wrap:wrap;border-bottom:1px solid var(--beige-dark);padding:1rem .625rem 1rem 0;row-gap:.5rem}
.account-order-spoiler>*{width:50%}
.account-order-spoiler .number{font-family:var(--second-family);font-weight:600;font-size:.625rem;text-transform:uppercase}
.account-order-spoiler .date-time{font-family:var(--second-family);display:flex;flex-direction:column;font-size:.625rem}
.account-order-spoiler .price{font-weight:600;font-size:.875rem;line-height:1.2;text-transform:uppercase;color:var(--pink-primary)}
.account-order-spoiler .price span{font-size:.625rem}
.account-order-spoiler .status{font-family:var(--font-family);font-weight:500;font-size:.625rem;gap:.25rem}
.account-order-spoiler .status::before{content:"";display:none;width:.375rem;min-width:.375rem;height:.375rem;border-radius:50%}
.account-order-spoiler .status.wait::before{content:"";display:block;background:var(--orange-secondary)}
.account-order-spoiler .status.done::before{content:"";display:block;background:var(--green-light)}
.account-order-spoiler .icon-select-arrow{font-size:.375rem;position:absolute;right:0;top:50%;width:auto;transform:translateY(-50%)}
.order-spoiler-list{display:flex;flex-direction:column;gap:1rem}
.order-spoiler-list.open{padding:1rem 0}
.order-total-wrapper .total-price-block{display:flex;flex-direction:column;gap:1.5rem;border-top:1px solid var(--beige-dark);border-bottom:1px solid var(--beige-dark);padding:1rem 0}
.order-total-wrapper .total-payable{display:flex;align-items:center;justify-content:space-between}
.order-total-wrapper .total-payable>span{font-size:1.25rem}
.order-total-wrapper .price{font-size:1.5rem;color:var(--pink-primary)}
.order-total-wrapper .price span{font-size:.875rem}
.order-total-wrapper .method-txt{display:flex;flex-direction:column;gap:.375rem;font-family:var(--second-family);font-size:.875rem}
.order-total-wrapper .total-info-block{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}
.order-total-wrapper .total-info-block>div{display:flex;flex-direction:column;gap:.375rem}
.order-total-wrapper .total-info-block span{display:block;font-size:.75rem}
.order-total-wrapper .total-info-block .title{font-weight:700;font-size:1rem}
.order-total-wrapper .btn{margin:0!important;font-size:.75rem}
.account-login .new-customer-info{margin-bottom: 1.5rem;}
@media screen and (min-width:375px) {
    .account-orders-wrapper .order-header{display:flex;align-items:center;justify-content:space-between;padding:1rem .625rem 1.5rem 0}
    .account-orders-wrapper .order-header span{font-size:.625rem}
    .account-orders-wrapper .order-header>span:nth-child(1){width:25%}
    .account-orders-wrapper .order-header>span:nth-child(2),.account-orders-wrapper .order-header>span:nth-child(3){width:20%}
    .account-orders-wrapper .order-header>span:nth-child(4){width:30%}
    .account-order-spoiler{align-items:center;justify-content:space-between}
    .account-order-spoiler .number{width:25%}
    .account-order-spoiler .date-time,.account-order-spoiler .price{width:20%}
    .account-order-spoiler .status{width:30%}
    .order-total-wrapper .btn{font-size:.875rem}
}
@media screen and (min-width:768px) {
    .account-orders-wrapper .order-header span{font-size:.875rem}
    .account-order-item .checkout-card .bottom-elements{width:52%}
    .account-order-spoiler .date-time,.account-order-spoiler .number{font-size:.875rem}
    .account-order-spoiler .price{font-size:1.25rem}
    .account-order-spoiler .price span,.account-order-spoiler .status{font-size:.75rem}
    .order-total-wrapper .total-info-block{flex-direction:row;flex-wrap:wrap;justify-content:space-between}
    .order-total-wrapper .total-info-block>div{width:48%}
    .account-login .new-customer-info{margin-bottom: 0;}
}
@media screen and (min-width:992px) {
    .account-order-item .checkout-card .image-name{width:45%}
}
@media screen and (min-width:1200px) {
    .account-page-wrapper{padding:0 0 7rem}
    .account-page-wrapper .btn{margin-top:1.5rem}
    .account-page-wrapper .pagination{margin-top:3rem}
    .account-margin-mod{margin-top:0}
    .account-delivery-addresses .form{flex-direction:row;flex-wrap:wrap;column-gap:1.25rem}
    .account-delivery-addresses .form>*{width:48.7%}
    .account-orders-wrapper .order-header{padding:1rem 1.5rem 1.5rem 0}
    .account-orders-wrapper .order-header .desc{display:block}
    .account-orders-wrapper .order-header .mobile{display:none}
    .account-order-item .checkout-card .image-name{width:31%}
    .account-order-item .checkout-card .bottom-elements{width:53%}
    .account-order-spoiler{padding:1.625rem 1.5rem 1.625rem 0}
    .account-order-spoiler .date-time{flex-direction:row;gap:.25rem}
    .account-order-spoiler .icon-select-arrow{font-size:.625rem;right:.5rem}
    .order-total-wrapper .total-info-block>div{width:45%}
    .order-total-wrapper .total-price-block{flex-direction:row-reverse;justify-content:space-between;gap:1rem}
    .order-total-wrapper .total-price-block>div{width:45%}
}