.co-section--content {
  margin-top: 10vh;
  margin-top: 10svh;
  margin-bottom: 10vh;
  margin-bottom: 10svh;
 
}
.co-section--content_wrapper{
 width: 100vw;
  display: flex;
  align-items: center;
}

.co-section--checkout_header {
  display: flex;
  justify-content: center;
}

.co-title--logo {
  width: 90px;
}

.co-checkout-title, .co-title--h1 {
  margin-top: 20px;
  text-align: center;
  font-size: 30px;
  font-weight: 300;
  color: #7B6956;
  text-transform: uppercase;
  margin-bottom: 36px;
}

.co-login {
  flex: 1 1 100%;
  flex-wrap: nowrap;
  flex-direction: column;
}

.co-login > * {
  max-width: 550px;
  width: 100%;
  margin: 0 auto;
}

.co-checkout-block--padded {
  padding: 0;
}

.co-checkout-block--padded p {
 text-align: center;
}

.co-form--login {
  margin-top: 20px;
}

.co-input-label {
  font-size: 10px;
  text-transform: uppercase;
  margin-top: 10px;
}
.co-input.co-input--text.co-input--captcha {
  display: none;
}
.co-input-field {
  border-radius: 0;
  border-color: #C9BCA9;
  font-size: 10px;
  font-weight: 300;
  padding: 18px 20px;
}

.co-input-field::placeholder{
    font-size: 10px;
    font-weight: 300;
    text-align: left;
    color: #7B6956;
}

.co-input-field:focus {
  border-color: #C9BCA9;
  box-shadow: 0 0 3px 3px #846E6A33;
  color: #C9BCA9;
}

.co-form-controls {
  margin: 0;
  display: flex;
  flex-direction: column;
}

.co-form-controls > * {
  order: 1;
  width: 100%;
  border-radius: 0 !important;
  font-size: 10px !important;
}

.co-button[href="/client_account/password/change"] {
  order: 2;
  font-size: 12px !important;
}

.co-button:first-child {
  height: auto !important;
  padding: 15px var(--controls-btn-padding-x) !important;
  text-transform: uppercase;
}

.co-button:last-child {
  background: var(--color-btn-bg);
  border: var(--controls-border-width) solid rgba(0, 0, 0, 0);
  box-shadow: var(--color-btn-shadow);
  color: white;
  border-radius: 0;
  padding: 15px var(--controls-btn-padding-x) !important;
  text-transform: uppercase;
}

.co-button:last-child:hover,
.co-button:last-child:focus,
.co-button:last-child:active {
  background: var(--color-btn-bg-minor-shade);
  color: var(--color-btn-color);
  border-color: var(--color-btn-bg-minor-shade);
  box-shadow: var(--color-btn-shadow-hover);
  text-decoration: none;
  border-radius: 0;
  padding: 17px var(--controls-btn-padding-x);
}

.co-button--link:after {
  border-bottom: none;
}


.checkout-v2-wrapper.co-section--content_wrapper {
  height: 100%;
  padding: 0 30px;
  justify-content: center;
  gap: 80px;
}

.co-sidebar--menu {
  display: flex;
  justify-content: center;
  align-items: center;
}


@media screen and (max-width: 768px) {
     .co-sidebar--menu{
   flex-direction: column;
   position: fixed;
    top: 50px;
    width: 80%;
    z-index: 10;
  } 
}

.co-section--content {
  max-width: 600px;
}


main .layout,
main .layout__content {
  height: 100%;
}

.co-menu-link {
  font-size: 10px;
  text-transform: uppercase;
  color: #846E6A;
}

.co-input--house {
  margin-right: 0 !important;
}

main .layout__content .co-form-button {
  max-width: 600px;
  margin-left: 0;
  margin-right: 0;
  font-family: Arial;
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
}
main .layout__content .co-form-button:last-child{
   background: transparent;
  border: 1px solid #C9BCA9;
  color: #C9BCA9;
}



.co-modal-button.co-button{
  font-size: 14px;
  font-weight: 400;
  line-height: 16.1px;
  text-align: center;
  color: white;
  padding: 17px;
  width: 100%;
  background: #C9BCA9;
}

.co-input--code{
  display: block;
}
.co-input--code::placeholder{
  content: 'Пароль';
}

/*.co-modal-login_form .co-input+.co-input {
    margin-bottom: 0;
}

.co-input+.co-input,.co-tabs-content+.co-input {
     margin-top: 0;
}*/




// .co-input:nth-child(2) .co-input-field{
//      border-bottom: 0;
// }

.co-sidebar--menu .co-menu-item{
  padding: 10px;
  background: #C9BCA9;
  transition: 400ms;
  cursor: pointer;
}
.co-sidebar--menu .co-menu-item:hover{
   background: #7B6956;
   color: #FFFFFF;
}
.co-sidebar--menu .co-menu-item:hover a{
  color: #FFFFFF;
}

.co-sidebar--menu .co-menu-item a{
  text-decoration: none;
  transition: 400ms;
  display: flex;
  width: 100%;
  padding: 5px 0;
}

.co-menu-switcher:checked~.co-menu{
  width: 100%;
 
    transition: 400ms;
    z-index: 10;
}

.co-menu-toggle{
  width: 100%;
  background-color: transparent;
  border: 1px solid #C9BCA9;
}
.co-input:first-child .co-input-field{
  border-top: 1px solid #C9BCA9;
}

#client_contact_name.co-input-field{
  border-top: 1px solid #C9BCA9;
}
#shipping_address_full_locality_name.co-input-field{
   border-top: 1px solid #C9BCA9;
}
.co-input #email.co-input-field{
    border-top: 1px solid #C9BCA9;
}

a:hover, .co-input-description a:hover:not([class]), .co-menu-link:hover, .co-link:hover, .link:hover,
a:focus, .co-input-description a:focus:not([class]), .co-menu-link:focus, .co-link:focus, .link:focus {
    color: #795548;
}