.simplecheckout-block {

  background: #fff;

  border-radius: 16px;

  box-shadow: 0 1px 2px rgba(0, 0, 0, .05);

  border: 1px solid #f3f4f6;

  padding: 16px;

  position: relative;

  margin-bottom: 20px;

}



@media (min-width: 640px) {

  .simplecheckout-block {

    padding: 24px;

    margin-bottom: 24px;

  }

}





@media only screen and (min-width:1200px) {

    .simpleregister-block-content>fieldset:nth-of-type(2),

    .simpleregister-block-content>fieldset:nth-last-of-type(2) {

        width: 49%;

        margin-right: 1%;

        float: left;

        text-align: left;

    }

}





.simpleregister-button-block {

    overflow: auto;

    margin-bottom: 20px;

    padding: 6px;



    background: none repeat scroll 0 0 #FFFFFF;

    text-align:right;

}

.simpleregister-button-right {

    float: right;

    text-align: right;

}

.simpleregister-button-left {

    float: left;

    text-align: left;

}



.simplecheckout-required {

    color: #FF0000;

    font-weight: bold;

}



.simplecheckout-cart {

    margin: 0px !important;

    width: 100%;

}

.simplecheckout-cart-total {

  display: flex;

  justify-content: space-between;

  align-items: center;

  font-size: 14px;

  padding: 4px 0;

  position: relative;

color: #6b7280;    

}



@media (min-width: 640px) {

  .simplecheckout-cart-total {

    font-size: 16px;

    padding: 6px 0;

  }

}



.simplecheckout-cart-total-value {

    font-weight: 500;

    color: #111827;

    text-align: right;

    margin-left: 8px;

}

.simplecheckout-cart-total-remove {

    display: inline-block;

    width: 18px;

    text-align: center;

    position: absolute;

}

.simplecheckout-cart-total-remove img {

    vertical-align: -2px;

    cursor: pointer;

}



.simplecheckout-error-text {

    display: block;

    margin-top: 3px;

    color: #FF0000;

}

.simplecheckout-warning-text {

    margin: 5px 0;

    font-weight: bold;

}



.simplecheckout-proceed-payment {

    display: none;

    margin-bottom: 10px;

    padding: 10px;

    text-align: center;

    font-weight: bold;

}

#simple_payment_address_block {

    margin-top: 15px;

}

.simplecheckout-customer-same-address {

    text-align: left;

    margin: 15px 0px;

}

#simplecheckout_login {

    margin: auto;

    text-align: center;

}

#simplecheckout_login .okrug-card-head { justify-content:center}

#simplecheckout_payment_form {

    padding: 5px;

}

#simplecheckout_payment_form .checkout-content {

    display: block;

}

#simplecheckout_payment_form div.buttons {

    display: none;

}

#simplecheckout_login .simplecheckout-block-content {

    padding: 5px !important;

}

#simple_login_layer {

    position:absolute;

    top:0;

    left:0;

    z-index:99990;

    display:none;

    width:100%;

    background: rgba(0, 0, 0, .5);

}



#simple_login  {

    position:fixed;

    z-index:99991;

    display: none;

    width: 100%;

    max-width: 560px;

}



#simple_login:after {

    content:"";

    display:block;

    clear:both;

}

#simple_login_header {

    padding: 0px 0px;

    text-align: right;

}

#simple_login_header img {

    margin: 0 0 0 auto;

}

.you-will-be-registered {

    font-weight: bold;

    margin-bottom: 10px;

}



#simple_summary {

    display: none;

}

#simplecheckout_step_menu {

    margin-bottom: 10px;

}

.simple-step {

    display: inline-block;

    padding: 5px;

    -webkit-border-radius: 5px 5px 5px 5px;

    -moz-border-radius: 5px 5px 5px 5px;

    border-radius: 5px 5px 5px 5px;

    background-color: #D9D9D9;

    color: #000000;

    font-size: 13px;

}



/* Dropdown menu styled to look like native select option */

.dropdown-menu {

  padding: 0;

  margin: 0;

  border: 1px solid #d1d5db; /* light gray border similar to select */

  border-radius: 4px;

  background: #ffffff;

  box-shadow: none; /* remove bootstrap dropdown shadow to match native look */

  max-height: 260px;

  overflow-y: auto;

}



.dropdown-menu.w-100 {

  width: 100%;

}



.dropdown-menu .dropdown-item {

  display: block;

  width: 100%;

  padding: 8px 10px;

  color: #111827;

  background: transparent;

  white-space: nowrap;

  text-align: left;

  border: none;

  cursor: pointer;

  font-size: 16px;

}



.dropdown-menu .dropdown-item:hover,

.dropdown-menu .dropdown-item:focus,

.dropdown-menu .dropdown-item.active {

  background: #f3f4f6; /* subtle hover similar to select option hover */

  color: #111827;

}





#simple_login .simplecheckout-block-content {

    border: none !important;

}

#temp_flat_container {

    text-align: center;

    margin: 10px 0px 20px 0px;

}





.simplecheckout-select-address {

    text-align: left;

    margin-bottom: 10px;

}



.simplecheckout-cart i {

    cursor: pointer;

}



.cart_item {

  display: flex;

  gap: 12px;

  padding: 12px;

  background: #f9fafb;

  border-radius: 12px;

  position: relative;

  margin-bottom: 16px;

}



@media only screen and (max-width:600px) {

    #total_shipping span:first-child {

        max-width: 300px;

        display: inline-block;

    }

}

@media only screen and (max-width:420px) {

    #total_shipping span:first-child {

        max-width: 200px;

        display: inline-block;

    }

}

.row-customer_register .radio {

    display: inline-block !important;

    margin-right: 10px;

}

.simplecheckout-vertical-menu .checkout-heading {

    cursor: pointer;

    margin-bottom: 3px;

}

.simplecheckout-steps-wrapper {

    padding: 10px;

}

#agreement_checkbox {

    float: left;

    margin-right: 20px;

}

#agreement_checkbox .checkbox {

    margin: 0;

}

.simplecheckout-summary-totals .simplecheckout-cart-total {

    border: 0;

}



/* ===== OKRUG — Trimmed: only selectors used in .tmp/current_order_form.html ===== */

.okrug-order-header {

  margin-bottom: 24px;

}



@media (min-width: 640px) {

  .okrug-order-header { margin-bottom: 32px; }

}



.okrug-order-title {

  font-size: 24px;

  font-weight: 700;

  color: #111827;

  display: flex;

  align-items: center;

  gap: 12px;

}



@media (min-width: 640px) {

  .okrug-order-title { font-size: 36px; }

}



.okrug-order-title .okrug-icon-wrap,

.okrug-card-head .okrug-icon-wrap {

  width: 32px;

  height: 32px;

  display: flex;

  align-items: center;

  justify-content: center;

}



@media (min-width: 640px) {

  .okrug-order-title .okrug-icon-wrap,

  .okrug-card-head .okrug-icon-wrap { width: 40px; height: 40px; }

}



.okrug-order-title .okrug-icon-wrap svg {

    width: 24px;

    height: 24px;

    color: #eb1e23;

}



@media (min-width: 640px) {

  .okrug-order-title .okrug-icon-wrap svg { width: 32px; height: 32px; }

  .okrug-card-head .okrug-icon-wrap svg { width: 24px; height: 24px; color: #eb1e23; }

}



.okrug-card-accent {

  position: absolute;

  left: 0;

  top: 10px;

  bottom: 10px;

  width: 2px;

  background: #eb1e23;

}





@media (min-width: 640px) { .okrug-card-head { margin-bottom: 24px; } }



.okrug-card-head h2 {

  font-size: 18px;

  font-weight: 600;

  color: #111827;

}



@media (min-width: 640px) { .okrug-card-head h2 {font-size: 20px;/* flex-grow: 1; */} }



.okrug-client-btn {

  padding: 12px 16px;

  background: #fff;

  border: 2px solid #eb1e23;

  color: #eb1e23;

  border-radius: 12px;

  font-size: 14px;

  font-weight: 600;

  transition: all .2s;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 8px;

  white-space: nowrap;

}



@media (min-width: 640px) { .okrug-client-btn { padding: 12px 24px; font-size: 16px; } }



.okrug-client-btn:hover { background: #eb1e23; color: #fff; }

.okrug-client-btn svg { width: 20px; height: 20px; }





.okrug-order-wrap svg { color: currentColor; }



.okrug-order-wrap img.okrug-no-color { filter: grayscale(100%) !important; -webkit-filter: grayscale(100%) !important; }



.okrug-order-wrap img.okrug-keep-color { filter: none !important; -webkit-filter: none !important; }



.simplecheckout-block-content .form-group {

  margin: 0 0 20px;

}





.simplecheckout-block-content fieldset.form-horizontal {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 20px;

  width: 100%;

}



.form-group.row-customer_customer_group_id {

  grid-column: 1 / -1;

  margin-bottom: 4px;

}



.form-group.row-customer_customer_group_id > .input_block {

  width: 100%;

  padding: 0;

}



.form-group.row-customer_customer_group_id > label {

  display: none;

}



.input_block.block-radio > div {

  display: inline-flex;

  background: #fff;

  border-radius: 12px;

  padding: 6px;

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);

  border: 1px solid #e5e7eb;

 width: min-content;

}



.input_block.block-radio .radio {

  display: inline-block;

  margin: 0;

  padding: 0;

}



.input_block.block-radio .radio label {

  display: inline-block;

  padding: 12px 24px;

  border-radius: 8px;

  font-size: 16px;

  font-weight: 500;

  transition: all 0.2s;

  white-space: nowrap;

  color: #4b5563;

  background: transparent;

  cursor: pointer;

  margin: 0;

  font-family: 'Open Sans', system-ui, sans-serif;

}



.input_block.block-radio .radio label:hover {

  color: #111827;

  background: #f9fafb;

}



.input_block.block-radio .radio input[type="radio"] {

  position: absolute;

  opacity: 0;

  width: 0;

  height: 0;

}



.input_block.block-radio .radio input[type="radio"]:checked + label {

  background: #eb1e23 !important;

  color: #fff !important;

  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;

}



.simplecheckout-block-content .form-group:not(.row-customer_customer_group_id):not(.row-customer_register) {

  margin-bottom: 0;

  display: flex;

  flex-direction: column;

}



.simplecheckout-block-content .control-label {

  width: 100%;

  padding: 0;

  margin-bottom: 6px;

  font-size: 14px;

  font-weight: 500;

  color: #374151;

  text-align: left;

  border: none;

  background: none;

}



@media (min-width: 640px) {

  .simplecheckout-block-content .control-label {

    font-size: 16px;

    margin-bottom: 8px;

  }

}



/* Контейнер для поля */

.simplecheckout-block-content .input_block{

  width: 100%;

  padding: 0;

  position: relative;

}



/* Стили для input, select - с иконкой как фон */

.simplecheckout .form-control {

  background: #fff;

  height: auto;

  box-shadow: none;

  font-family: 'Open Sans', system-ui, sans-serif;

  background-repeat: no-repeat;

  background-position: left 16px center;

  background-size: 20px 20px;

  padding: 12px 16px;

  border: 1px solid #e5e7eb;

  border-radius: 12px;

  background-color: #fff;

  font-size: 16px;

  box-sizing: border-box;

  transition: border-color .15s, box-shadow .15s;

}



@media (min-width:640px) {

  .simplecheckout .form-control {

    padding: 14px 16px;

    font-size: 16px;

  }

}



.form-group.row-customer_firstname .form-control {

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='12' cy='7' r='4'%3E%3C/circle%3E%3C/svg%3E");

  padding-left: 48px;

}



.form-group.row-customer_telephone .form-control {

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3E%3C/path%3E%3C/svg%3E");

  padding-left: 48px;

}



.form-group.row-customer_email .form-control {

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'%3E%3C/path%3E%3Cpolyline points='22,6 12,13 2,6'%3E%3C/polyline%3E%3C/svg%3E");

  padding-left: 48px;

}





.form-group.row-customer_meneger select.form-control {

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;

  background-position: right 16px center !important;

  padding-left: 16px !important;

  padding-right: 48px !important;

}



.simplecheckout-block-content .form-control:focus {

  border-color: #eb1e23;

  box-shadow: 0 0 0 3px rgba(235, 30, 35, 0.1);

  outline: none;

}



.simplecheckout-block-content .form-control::placeholder {

  color: #9ca3af;

}



.form-group > .input_block {

  display: flex;

  flex-direction: column-reverse;

  align-items: stretch;

}





.simplecheckout-tooltip {

  font-size: 12px;

  color: #9ca3af;

  margin-bottom: 6px;

}



@media (min-width: 640px) {

  .simplecheckout-tooltip {

    font-size: 14px;

    margin-bottom: 8px;

  }

}



.simplecheckout-block-content .simplecheckout-error-text {

  font-size: 13px;

  position: absolute;

  margin: 0;

  height: 0px;

  overflow: visible;

  background: #fff6;

  left: 18px;

  bottom: 20px;

}



.form-group.required > label::after {

  content: " *";

  color: #eb1e23;

  margin-left: 4px;

}





/* ===== РЕГИСТРАЦИЯ - ВО ВЕСЮ ШИРИНУ ===== */

.form-group.row-customer_register {

  grid-column: 1 / -1;

  margin-top: 20px;

  padding-top: 20px;

  border-top: 1px solid #f3f4f6;

}



.form-group.row-customer_register .control-label { display:none }



.form-group.row-customer_register .input_block label {

  display: flex;

  align-items: center;

  gap: 12px;

  width: 100%;

  margin-bottom: 16px;

  font-size: 16px;

  font-weight: 600;

  color: #111827;

  border: none;

  background: none;

  padding: 0;

}



.form-group.row-customer_register .input_block label:before {

  content: '';

  display: inline-block;

  width: 20px;

  height: 20px;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23eb1e23' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='8.5' cy='7' r='4'%3E%3C/circle%3E%3Cline x1='20' y1='8' x2='20' y2='14'%3E%3C/line%3E%3Cline x1='23' y1='11' x2='17' y2='11'%3E%3C/line%3E%3C/svg%3E");

  background-size: contain;

}



.form-group.row-customer_register > .nput_block > div {

  display: inline-flex;

  background: #f3f4f6;

  border-radius: 12px;

  padding: 4px;

}



.form-group.row-customer_register .radio {

  margin: 0;

  padding: 0;

}



.form-group.row-customer_register .radio label {

  display: inline-block;

  padding: 10px 24px;

  border-radius: 8px;

  font-size: 14px;

  font-weight: 500;

  transition: all 0.2s;

  white-space: nowrap;

  color: #4b5563;

  cursor: pointer;

}



@media (min-width: 640px) {

  .form-group.row-customer_register .radio label {

    padding: 12px 32px;

    font-size: 16px;

  }

}



.form-group.row-customer_register .radio input[type="radio"] {

  position: absolute;

  opacity: 0;

  width: 0;

  height: 0;

}



.form-group.row-customer_register .radio input[type="radio"]:checked + label,

.form-group.row-customer_register .radio label.active {

  background: #eb1e23;

  color: #fff;

  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);

}



/* ===== ОФОРМЛЕНИЕ ЧЕКБОКСА "Зарегистрироваться" (имитирует .okrug-reg-btn / .okrug-reg-btn.okrug-active) ===== */

/* Используем существующие селекторы, не меняя шаблоны */

.form-group.row-customer_register .checkbox {

  display: inline-flex;

  align-items: center;

}



/* Скрываем input аккуратно, чтобы :checked + label работал, но доступность сохранилась */

.form-group.row-customer_register .checkbox input[type="checkbox"] {

  position: absolute;

  left: -9999px;

  width: 1px;

  height: 1px;

  overflow: hidden;

  clip: rect(0 0 0 0);

  clip-path: inset(50%);

  white-space: nowrap;

  border: 0;

  padding: 0;

  margin: 0;

}



/* Базовый вид — как .okrug-reg-btn (не выбранный) */

.form-group.row-customer_register .checkbox label {

  display: inline-flex;

  align-items: center;

  gap: 12px;

  padding: 10px 16px;

  border-radius: 12px;

  background: #f3f4f6;

  border: none;

  color: #374151;

  font-size: 15px;

  font-weight: 600;

  cursor: pointer;

  transition: background .15s, color .15s, box-shadow .15s, transform .08s;

  box-shadow: none;

}



.form-group.row-customer_register .checkbox label:before {

  content: '';

  display: inline-block;

  width: 20px;

  height: 20px;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='8.5' cy='7' r='4'%3E%3C/circle%3E%3Cline x1='20' y1='8' x2='20' y2='14'%3E%3C/line%3E%3Cline x1='23' y1='11' x2='17' y2='11'%3E%3C/line%3E%3C/svg%3E");

  background-size: contain;

  background-repeat: no-repeat;

}



/* Hover для невыбранного */

.form-group.row-customer_register .checkbox label:hover {

  background: #f9fafb;

  transform: translateY(-1px);

}



/* Выбранное состояние — как .okrug-reg-btn.okrug-active */

.form-group.row-customer_register .checkbox input[type="checkbox"]:checked + label {

  background: #eb1e23;

  color: #fff;

  box-shadow: 0 8px 20px -8px rgba(235,30,35,0.6);

  border-color: #eb1e23;

}



.form-group.row-customer_register .checkbox input[type="checkbox"]:checked + label:before {

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='8.5' cy='7' r='4'%3E%3C/circle%3E%3Cline x1='20' y1='8' x2='20' y2='14'%3E%3C/line%3E%3Cline x1='23' y1='11' x2='17' y2='11'%3E%3C/line%3E%3C/svg%3E");

}



/* Фокус клавиатурой */

.form-group.row-customer_register .checkbox input[type="checkbox"]:focus + label {

  outline: 3px solid rgba(235,30,35,0.12);

}



/* ===== АДАПТИВ ===== */

@media (max-width: 768px) {

  .simplecheckout-block-content fieldset.form-horizontal {

    grid-template-columns: 1fr;
display: block;
    gap: 16px;

  }
  .simplecheckout-right-column {
    margin-top: 0px !important;
}

.suggestions-suggestions.suggestions-mobile {
    width: 100%!important;
        left: 0px !important;
        right: 0px;
}
.suggestions-wrapper {
    left: 0px;
    right: 0px;
}
}

body .suggestions-promo {
  display: none!important;
}


@media (max-width: 640px) {

  .form-group.row-customer_customer_group_id > .col-sm-8 > div,

  .form-group.row-customer_register > .col-sm-8 > div {

    display: flex;

    width: 100%;

  }

  

  .form-group.row-customer_customer_group_id .radio,

  .form-group.row-customer_register .radio {

    flex: 1;

  }

  

  .form-group.row-customer_customer_group_id .radio label,

  .form-group.row-customer_register .radio label {

    width: 100%;

    text-align: center;

    padding: 12px 16px;

    font-size: 14px;

  }

}



.row-customer_register input {display:none }



/* ===== OVERRIDES: make generic simplecheckout controls match okrug visual language ===== */

.simplecheckout .button.btn-primary, .simplecheckout .button.btn {

  border-radius: 12px;

  padding: 12px 16px;

  font-weight: 600;

  background-color: #eb1e23;

  color: #fff;

  box-shadow: 0 10px 15px -3px rgba(0,0,0,0.08);

}



.simplecheckout .button.btn-primary:hover, .simplecheckout .button.btn:hover {

  background-color: #cf171b;

}





.simplecheckout .form-control:focus {

  border-color: #eb1e23;

  box-shadow: 0 0 0 3px rgba(235,30,35,0.08);

  outline: none;

}



/* Ensure headings and block headers follow okrug card head */

.simplecheckout .checkout-heading,

.simplecheckout .okrug-card-head,

.simplecheckout .simplecheckout-block .panel-heading {

  display: flex;

  align-items: center;

  gap: 12px;

  font-weight: 600;

  color: #111827;

}



/* Small helpers to keep layout consistent */

.simplecheckout .okrug-card { padding: 16px; }



/* ===== LAYOUT: make checkout__wrapper match okrug-order-grid ===== */

.checkout__wrapper {

  display: grid;

  grid-template-columns: 1fr;

  gap: 24px;

}



@media (min-width: 1024px) {

  .checkout__wrapper {

    grid-template-columns: 3fr 2fr;

    gap: 32px;

  }

}





.okrug-cart-sticky {

    position: sticky;

    top: 32px;

}



/* Duplicate only the .okrug-cart-item visuals for .cart-item */

.cart_item {

  display: flex;

  gap: 12px;

  padding: 12px;

  background: #f9fafb;

  border-radius: 12px;

  position: relative;

  margin-bottom: 16px;

}



@media(min-width: 640px) {

  .cart_item {

    gap: 16px;

    padding: 16px;

  }

}



.cart_item .name {

  flex: 1;

  min-width: 0;

}



.cart_item .cart__item-id {

  display: block;

  font-size: 12px;

  color: #6b7280;

  margin-bottom: 4px;

}



@media(min-width: 640px) {

  .cart_item .name a {

    font-size: 16px;

  }

}



.cart_item .total {

  margin-left: auto;

  font-size: 14px;

  font-weight: 700;

  color: #111827;

  white-space: nowrap;

}



@media(min-width: 640px) {

  .cart_item .total {

    font-size: 16px;

  }

}







.cart-item-image {

    width: 64px;

    height: 80px;

    flex-shrink: 0;

    border-radius: 8px;

    overflow: hidden;

    background: #fff;

}



@media (min-width: 640px) {

    .cart-item-image {

        width: 80px;

        height: 96px;

    }

}



/* New okrug-specific cart item elements */

.okrug-cart-item-remove {

    position: absolute;

    top: 8px;

    right: 8px;

    width: 24px;

    height: 24px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #9ca3af;

    transition: color .2s;

}





.okrug-cart-item-remove:hover { color: #eb1e23; }



.okrug-cart-info {

  display: flex;

  flex-direction: column;

  gap: 8px;

  margin-left: 12px;

  min-width: 0;

}





.okrug-cart-info-top {

    display: flex;

    flex-direction: column;

    gap: 4px;

    margin-bottom: 4px;

    padding-right: 24px;

}



@media (min-width: 640px) {

    .okrug-cart-info-top {

        flex-direction: row;

        justify-content: space-between;

        gap: 8px;

        margin-bottom: 8px;

    }

}

.okrug-cart-item-name {

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

  font-size: 14px;

  font-weight: 600;

  color: #111827;

}



.okrug-cart-item-price {

  font-size: 14px;

  font-weight: 600;

  color: #111827;

  white-space: nowrap;

}

@media (min-width: 640px) {

  .okrug-cart-item-price {

    font-size: 16px;

  }

}

.okrug-cart-qty-row {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 12px;

  margin-top: 8px;

}



.okrug-cart-qty {

  display: flex;

  align-items: center;

  gap: 4px;

  background: #fff;

  border-radius: 8px;

  border: 1px solid #e5e7eb;

}

input.okrug-cart-qty-val {

    max-width: 30px;

    text-align: center;

}

.okrug-cart-qty button {

  background: transparent;

  border: none;

  width: 28px;

  height: 28px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  color: #6b7280;

  transition: color .2s;

  cursor: pointer;

}



@media(min-width: 640px) {

  .okrug-cart-qty button {

    width: 32px;

    height: 32px;

  }

}



.okrug-cart-qty button:hover {

  color: #eb1e23;

}



.okrug-cart-qty button svg {

  width: 14px;

  height: 14px;

}



@media(min-width: 640px) {

  .okrug-cart-qty button svg {

    width: 16px;

    height: 16px;

  }

}





.okrug-cart-item-total {

  font-weight: 700;

  color: #111827;

}



@media (min-width: 640px) {

  .okrug-cart-item-name { font-size: 16px; }

}



/* ===== PROMO ===== */

.okrug-promo {

  padding-top: 12px;

  margin-top: 12px;

  border-top: 1px solid #f3f4f6;

}



@media (min-width: 640px) {

  .okrug-promo {

    padding-top: 16px;

    margin-top: 16px;

  }

}



.okrug-promo-head {

  display: flex;

  align-items: center;

  gap: 8px;

  margin-bottom: 8px;

}



@media (min-width: 640px) {

  .okrug-promo-head {

    margin-bottom: 12px;

  }

}



.okrug-promo-head svg {

  width: 20px;

  height: 20px;

  color: currentColor;

}



.okrug-promo-head span {

  font-size: 14px;

  font-weight: 500;

  color: #374151;

}



@media (min-width: 640px) {

  .okrug-promo-head span {

    font-size: 16px;

  }

}



.okrug-promo .okrug-hint {

  font-size: 12px;

  color: #9ca3af;

  margin-bottom: 8px;

}



@media (min-width: 640px) {

  .okrug-promo .okrug-hint {

    font-size: 14px;

    margin-bottom: 12px;

  }

}



.okrug-promo-row {

  display: flex;

  gap: 8px;

      align-items: flex-end;

}



.okrug-promo-input {

  flex: 1;

  padding: 10px 12px;

  border: 1px solid #e5e7eb;

  border-radius: 8px;

  font-size: 14px;

  transition: all .2s;

}



@media (min-width: 640px) {

  .okrug-promo-input {

    padding: 12px 16px;

    font-size: 16px;

  }

}



.okrug-promo-input:focus {

  border-color: #eb1e23;

  box-shadow: 0 0 0 3px rgba(235, 30, 35, .1);

}



.okrug-promo-input::placeholder {

  color: #9ca3af;

}



.okrug-promo-input:disabled {

  background: #f3f4f6;

}



.okrug-promo-apply {

  padding: 10px 12px;

  background: #1f2937;

  color: #fff;

  font-size: 14px;

  font-weight: 500;

  border-radius: 8px;

  transition: background .2s;

  white-space: nowrap;

  display: inline-block;

  margin: 0 0 2rem;

}



@media (min-width: 640px) {

  .okrug-promo-apply {

    padding: 14px 16px;

    font-size: 16px;

  }

}



.okrug-promo-apply:hover {

  background: #eb1e23;

}



.okrug-promo-apply:disabled {

  opacity: .5;

  cursor: not-allowed;

}



.okrug-promo-success {

  font-size: 12px;

  color: #16a34a;

  margin-top: 8px;

  display: flex;

  align-items: center;

  gap: 4px;

}



@media (min-width: 640px) {

  .okrug-promo-success {

    font-size: 14px;

  }

}



.okrug-promo-success svg {

  width: 16px;

  height: 16px;

}



.simple-check {padding: 0;position: relative;}



.simple-check-label {

  display: flex;

  align-items: center;

  padding: 16px;

  padding-left: 50px;

  gap: 16px;

  border-radius: 12px;

  border: 2px solid #e5e7eb;

  cursor: pointer;

  transition: all .2s;

  margin-bottom: 12px;

  align-items: stretch;

  font-size: 16px;

}



.simple-check-label:hover {

  border-color: #d1d5db;

}



/* when the radio is checked — highlight label (input comes before label in markup) */

.simple-check-input:checked + .simple-check-label {

  border-color: #eb1e23;

  background: rgba(235, 30, 35, .03);

}



 .simple-check-input {

  position: absolute;

  top: 19px;

  left: 16px;

  width: 20px;

  height: 20px;

  accent-color: #eb1e23;

  margin: 0; /* placed below label with small left indent */

}



/* ensure inner label content stretches and the price stays on the right */

.simple-check-label .flex-grow-1 {

  flex: 1 1 auto;

  min-width: 0;

}

.simple-check-label strong.text-nowrap {

  margin-left: 12px;

}

.okrug-modal-footer {

  text-align: center;

  padding-top: 12px;

  margin-top: 12px;

  border-top: 1px solid #f3f4f6;

}



/* ===== CHECKBOXES ===== */

.okrug-checkbox-row {

  display: flex;

  align-items: flex-start;

  gap: 12px;

  cursor: pointer;

  margin-bottom: 16px;

}



.okrug-checkbox-row input[type="checkbox"] {

  margin-top: 2px;

  width: 20px;

  height: 20px;

  accent-color: #4b5563;

  border-radius: 4px;

  flex-shrink: 0;

}



.okrug-checkbox-row span {

  font-size: 14px;

  color: #374151;

}



@media(min-width: 640px) {

  .okrug-checkbox-row span {

    font-size: 16px;

  }

}



.okrug-checkbox-row a {

  color: #eb1e23;

  font-weight: 600;

}



.okrug-checkbox-row a:hover {

  text-decoration: underline;

}



/* ===== SUBMIT BTN ===== */

.okrug-submit-btn {

  width: 100%;

  padding: 14px;

  font-size: 16px;

  font-weight: 600;

  border-radius: 12px;

  transition: all .3s;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 8px;

  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1);

  white-space: nowrap;

  background: #7e7b7b;

  color: #fff;

}



@media(min-width: 640px) {

  .okrug-submit-btn {

    padding: 16px;

    font-size: 18px;

  }

}



.okrug-submit-btn.okrug-enabled {

  background: #7e7b7b;

  color: #fff;

}



.okrug-submit-btn.okrug-enabled:hover {

  background: #6e6b6b;

  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1);

}



.okrug-submit-btn.okrug-disabled {

  background: #d1d5db;

  color: #6b7280;

  cursor: not-allowed;

}



.okrug-submit-btn svg {

  width: 20px;

  height: 20px;

}



@media(min-width: 640px) {

  .okrug-submit-btn svg {

    width: 24px;

    height: 24px;

  }

}



#simplecheckout_cart {

    position: sticky;

    top: 32px;

}



.simplecheckout-right-column {

      height: stretch;

}



.row-shipping_address_address_2 { opacity: .4 }


#simplecheckout_shipping_address {
  
  background: #f9fafb;
    padding: 15px;
}
.flex_b {
  display:flex;
  align-items: center;
  margin-bottom: 2rem;

}

.input_block_c {
  display: inline-flex;
    background: #fff;
    border-radius: 12px;
    padding: 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    border: 1px solid #e5e7eb;
     max-width: 100%;
        margin-right: 20px;

}
.row-customer_customer_group_id {
  display: none;
}
.simplecheckout-block-content .form-control {
  margin-bottom: 0px;
}

.input_block_c button:hover{
color: #111827;
    background: #f9fafb;
}
.input_block_c button
{
display: inline-block;
    padding: 12px 24px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.2s;
    white-space: nowrap;
    color: #4b5563;
    background: transparent;
    cursor: pointer;
    margin: 0;
    font-family: 'Open Sans', system-ui, sans-serif;
    }
    .simplecheckout-right-column {
    margin-top: 77px;
}

#simplecheckout_cart {
    top: 10px !important;
}
.app.app--v7 {
    overflow: visible !important;
}
.input_block_c .activ_e
    {
        background: #eb1e23 !important;
    color: #fff !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
    }
    @media(max-width: 768px) {
  .flex_b {
    flex-direction: column;
    align-items: stretch;
            width: 98%;
  }
  .simplecheckout-block {
    margin-right: 10px;
  }
.input_block_c {
  margin-right: 0px;
          margin-bottom: 10px;
}
.app.app--v7 {
    overflow: hidden !important;
}
.simplecheckout-button-right {
  margin-right: 0px;
}
}
#commentCounter {
  float: right;
      color: #b2b8c1;
}

.simplecheckout-block-content 
fieldset.form-horizontal 
.row-customer_field21 {
    grid-column: span 2;
}
.row-customer_field21 input:hover {
  background-color: rgba(235, 30, 35, 0.05);
  border-color: #eb1e23 !important;
}
.row-customer_field21 input {
   border: 2px dashed #e5e7eb !important;
   color: #eb1e23 !important;
}
#simplecheckout_global_overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(255,255,255,0.6);
    z-index: 99999;
}

#simplecheckout_global_overlay.active {
    display: block;
}

.suggestions-addon[data-addon-type="clear"] {
    display: none !important;
}
label[for="free6.free6"] {
    display: none !important;
}

label[for="free7.free7"] {
    display: none !important;
}

.simpleregister .simplecheckout-block {
  background: none;
}

.simpleregister-button-block {
  background: none !important;
}

.dropdown-toggle::after {
  border-top: .6em solid !important;
    border-right: .6em solid transparent!important;
    border-left: .6em solid transparent!important;
        margin-top: 3px;
    display: block;
}

.simplecheckout_payment.cart__data select.form-control {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 40px; /* место под стрелку */
    background-image: url("data:image/svg+xml;utf8,<svg fill='%23000' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M5 7l5 5 5-5H5z'/></svg>");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 36px;
}

label[for="free9.free9"] {
    display: none !important;
}
label[for="free8.free8"] {
    display: none !important;
}

.shipping-label-2 {
    display: grid;
    grid-template-columns: 24px 1fr auto;
    grid-template-areas:
        "radio text price"
        "radio btn  price";
    align-items: center;
    column-gap: 0px;
    padding-left: 26px;
    row-gap: 6px;
}

/* radio */
.shipping-label-2 input {
    grid-area: radio;
}

/* текст доставки */
.shipping-label-2 .flex-grow-1 {
    grid-area: text;
}

/* цена */
.shipping-label-2 .text-nowrap {
    grid-area: price;
}

/* кнопка ПВЗ */
.shipping-label-2 .cdek_btn {
    grid-area: btn;
    justify-self: start;
    min-width: 120px;
    margin-left: 0px;
}


.shipping-label-4 {
    display: grid;
    grid-template-columns: 24px 1fr auto;
    grid-template-areas:
        "radio text price"
        "radio btn  price";
    align-items: center;
    column-gap: 0px;
    padding-left: 26px;
    row-gap: 6px;
}

/* radio */
.shipping-label-4 input {
    grid-area: radio;
}

/* текст доставки */
.shipping-label-4 .flex-grow-1 {
    grid-area: text;
}

/* цена */
.shipping-label-4 .text-nowrap {
    grid-area: price;
}

/* кнопка ПВЗ */
.shipping-label-4 .cdek_btn {
    grid-area: btn;
    justify-self: start;
    min-width: 120px;
    margin-left: 0px;
}