@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");
input,
label,
select,
button,
textarea {
  margin: 0;
  border: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  background: none;
  line-height: 1;
  /* Browsers have different default form fonts */
  font-size: 13px;
  font-family: Arial; }

/* Remove the stupid outer glow in Webkit */
input:focus {
  outline: 0; }

/* Box Sizing Reset
-----------------------------------------------*/
/* All of our custom controls should be what we expect them to be */
input,
textarea {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

/* These elements are usually rendered a certain way by the browser */
button,
input[type=reset],
input[type=button],
input[type=submit],
input[type=checkbox],
input[type=radio],
select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* Text Inputs
-----------------------------------------------*/
/* Button Controls
-----------------------------------------------*/
input[type=checkbox],
input[type=radio] {
  width: 13px;
  height: 13px; }

/* File Uploads
-----------------------------------------------*/
/* Search Input
-----------------------------------------------*/
/* Make webkit render the search input like a normal text field */
input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box; }

/* Turn off the recent search for webkit. It adds about 15px padding on the left */
::-webkit-search-decoration {
  display: none; }

/* Buttons
-----------------------------------------------*/
button,
input[type="reset"],
input[type="button"],
input[type="submit"] {
  /* Fix IE7 display bug */
  overflow: visible;
  width: auto; }

/* IE8 and FF freak out if this rule is within another selector */
::-webkit-file-upload-button {
  padding: 0;
  border: 0;
  background: none; }

/* Textarea
-----------------------------------------------*/
textarea {
  /* Move the label to the top */
  vertical-align: top;
  /* Turn off scroll bars in IE unless needed */
  overflow: auto; }

/* Selects
-----------------------------------------------*/
select[multiple] {
  /* Move the label to the top */
  vertical-align: top; }

a {
  text-decoration: none;
  color: #2D3447; }

button {
  cursor: pointer; }
  button:hover, button:active, button:focus {
    outline: none; }
  button:hover {
    transform: scale(1.02); }
  button:active {
    transform: scale(0.98);
    box-shadow: none; }

*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html, body {
  margin: 0;
  font-family: 'Roboto', sans-serif; }

body {
  width: 100%;
  margin: auto;
  background: #E5E5E5;
  padding-bottom: 80px; }

.container {
  padding: 0 20px; }

.mb-10 {
  margin-bottom: 10px; }

.mt-10 {
  margin-top: 10px; }

.preloader {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  z-index: 10;
  opacity: 1;
  transform: scale(1);
  animation: preloader linear 1.5s both; }
  .preloader svg {
    max-width: 300px; }
  .preloader.infinite {
    animation: preloaderINFITITE linear 1s infinite  !important; }

@keyframes preloader {
  20% {
    background: #000; }
  40% {
    background: #000; }
  60% {
    background: #000; }
  80% {
    background: #000;
    opacity: 1;
    z-index: 10;
    transform: scale(1); }
  99% {
    opacity: 0;
    transform: scale(5);
    z-index: 10; }
  100% {
    opacity: 0;
    z-index: -10; } }
@keyframes preloaderINFITITE {
  25% {
    background: #000; }
  50% {
    background: #000; }
  75% {
    background: #000; }
  100% {
    background: #000; } }
.category {
  width: 100%;
  max-width: 1200px;
  margin: auto auto 30px;
  display: flex;
  gap: 20px 20px;
  flex-wrap: wrap; }
  .category__item {
    font-size: 14px;
    font-weight: 500;
    padding: 10px 15px;
    border-radius: 5px;
    color: #1B1918;
    border: 1px solid #1B1918; }
    .category__item[data-view='1'] {
      background: #1B1918;
      color: #fff;
      border: 1px solid #1B1918; }

.input-search::placeholder {
  color: #1B1918;
  opacity: 0.8; }

header {
  height: 120px;
  background-color: #fff;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 20px;
  margin-bottom: 50px;
  position: sticky;
  top: 0;
  z-index: 9; }

.header__content {
  width: 100%;
  max-width: 1200px;
  display: flex;
  justify-content: space-between; }

.header__links {
  display: flex;
  flex-direction: column;
  justify-content: space-between; }

.header__link {
  display: flex;
  align-items: center;
  color: #000;
  text-decoration: none;
  line-height: 30px; }
  .header__link:hover {
    color: #7A8D05; }
    .header__link:hover .header__arrow {
      transform: translateX(-5px);
      transition: transform .1s linear; }

.header__select-city, .header__status-plugin {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  text-align: right; }

.header__select-city-status {
  cursor: pointer;
  border-bottom: 1px dotted #000;
  /* Параметры линии */ }

.header__btn, .banner__btn {
  padding: 10px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  font-size: 22px;
  line-height: 26px;
  cursor: pointer;
  color: #fff;
  background: #1B1918;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); }
  .header__btn svg, .banner__btn svg {
    margin-right: 10px; }

.header__status-plugin .on, .header__status-plugin .off {
  display: flex;
  align-items: center; }
  .header__status-plugin .on .status__text, .header__status-plugin .off .status__text {
    font-weight: 700;
    margin-left: 3px; }
.header__status-plugin .status__indicator {
  width: 16px;
  height: 16px;
  display: inline-flex;
  border-radius: 50%;
  box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.5);
  margin-left: 10px; }
.header__status-plugin .off .status__indicator {
  background: #D51122; }
.header__status-plugin .off .status__text {
  color: #D51122; }
.header__status-plugin .on .status__indicator {
  background: #7A8D05; }
.header__status-plugin .on .status__text {
  color: #7A8D05; }

.header__status-plugin_off .on, .header__status-plugin_off .header__btn-on {
  display: none; }
.header__status-plugin_off .header__btn, .header__status-plugin_off .banner__btn {
  background: #FDE629;
  color: #1B1918; }
  .header__status-plugin_off .header__btn svg path, .header__status-plugin_off .banner__btn svg path {
    fill: #1B1918; }

.header__status-plugin_on .off, .header__status-plugin_on .header__btn-off {
  display: none; }
.header__status-plugin_on .header__btn, .header__status-plugin_on .banner__btn {
  background: #7A8D05;
  color: #fff; }
  .header__status-plugin_on .header__btn svg path, .header__status-plugin_on .banner__btn svg path {
    fill: #fff; }

.header__Logo {
  cursor: pointer; }

.header__cart {
  display: flex;
  min-width: 42px;
  flex-direction: column;
  border-radius: 12px;
  overflow: hidden;
  height: 90px; }
  .header__cart-count {
    min-height: 42px;
    font-size: 18px;
    font-weight: bold;
    padding: 5px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(122, 141, 5, 0.15);
    color: #7A8D05; }
  .header__cart-icon {
    background-color: #7A8D05;
    height: 100%;
    padding: 5px 0;
    display: flex;
    justify-content: center;
    align-items: center; }
    .header__cart-icon svg {
      width: 28px;
      height: 28px;
      background-size: contain;
      background-repeat: no-repeat;
      background-image: url("../img/cart_empty.svg"); }
  .header__cart_active .header__cart-icon svg {
    background-image: url("../img/cart_full.svg"); }
  .header__cart_view {
    cursor: initial; }
    .header__cart_view .header__cart-count {
      display: none; }
    .header__cart_view .header__cart-icon {
      background-color: #000; }

/* The Modal (background) */
.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.8);
  /* Black w/ opacity */ }

.modal_show {
  display: block; }

.modal__action {
  display: flex;
  gap: 12px; }

/* Modal Content/Box */
.modal__content {
  background-color: #fff;
  margin: 15% auto;
  width: 100%;
  border-radius: 10px;
  max-width: 640px; }

/* The Close Button */
.modal__close {
  color: #fff;
  position: absolute;
  font-size: 34px;
  font-weight: bold;
  top: 5px;
  right: 5px;
  text-align: center;
  line-height: 42px;
  width: 42px; }

.modal__close:hover,
.modal__close:focus {
  text-decoration: none;
  cursor: pointer; }

.modal__header {
  padding: 2px 16px;
  background-color: #1B1918;
  color: #fff;
  position: relative;
  height: 60px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: flex;
  align-items: center; }

/* Modal Body */
.modal__body {
  padding: 20px 16px 20px; }

.modal_select-city {
  padding: 10px; }
  .modal_select-city .modal__content {
    max-width: 420px; }

#type_code {
  display: flex;
  flex-direction: column; }
  #type_code form {
    display: flex;
    flex-direction: column; }

input {
  margin: 0;
  border: 1px solid #f3f6f9;
  outline: none;
  border-radius: 5px;
  padding: 3px 14px;
  background: #f3f6f9;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  height: 40px; }
  input:focus {
    border-color: rgba(190, 176, 244, 0.4);
    background: #fff;
    box-shadow: 0 2px 10px 0 rgba(86, 62, 142, 0.1); }

/* Добавляем скругления и тень у выпадающего списка*/
#kladr_autocomplete ul {
  border-radius: 0 0 5px 5px;
  border: 1px solid #ded7f9;
  overflow: hidden;
  background: #fff;
  -webkit-box-shadow: 0 2px 10px 0 rgba(86, 62, 142, 0.1);
  box-shadow: 0 2px 10px 0 rgba(86, 62, 142, 0.1);
  z-index: 1; }

/* Прописываем стили для тултипа с сообщением об ошибке*/
.tooltip {
  position: absolute;
  top: 16px;
  left: 360px;
  color: #b94a48;
  padding: 8px 10px;
  border-radius: 5px;
  border: 1px solid #eed3d7;
  background-color: #f2dede;
  opacity: 0.8;
  font-size: 14px;
  z-index: 100000; }

.table-price {
  text-decoration: none;
  border-collapse: collapse;
  width: 100%;
  text-align: center;
  background-color: #fff;
  border-radius: 15px;
  max-width: 1200px;
  margin: auto; }
  .table-price thead th {
    font-size: 20px;
    height: 60px;
    background: #1B1918;
    color: #fff;
    font-weight: 400; }
    .table-price thead th:first-child {
      border-top-left-radius: 15px; }
    .table-price thead th:last-child {
      border-top-right-radius: 15px; }
  .table-price tbody tr:hover {
    background-color: rgba(122, 141, 5, 0.2); }
  .table-price tbody tr td {
    min-height: 20px;
    padding: 20px 15px;
    font-size: 16px; }
    .table-price tbody tr td:first-child {
      width: 380px;
      text-align: left; }
    .table-price tbody tr td.table-price__action {
      width: 360px; }
  .table-price col.hover {
    background-color: rgba(122, 141, 5, 0.2); }

.table-price__btn-buy {
  font-size: 16px;
  font-weight: 500;
  padding: 10px 15px;
  background: #7A8D05;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  color: #fff;
  white-space: nowrap; }

.table-price__btn-delete {
  font-size: 16px;
  font-weight: 500;
  padding: 10px 15px;
  background: #D51122;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  color: #fff;
  white-space: nowrap; }

.table-price__btn-search {
  background: #fff;
  color: #fff;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 10px 15px;
  background: #1B1918;
  margin: 0 10px; }
  .table-price__btn-search span {
    height: 16px;
    width: 50px;
    margin-left: 5px;
    color: transparent;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain; }

.btn-search_google span {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 49 18'%3E%3Cdefs/%3E%3Cpath fill='%23FF302F' d='M47.474 10.778l1.359.902c-.441.647-1.496 1.756-3.32 1.756-2.266 0-3.953-1.744-3.953-3.963 0-2.361 1.705-3.963 3.761-3.963 2.07 0 3.083 1.637 3.41 2.521l.18.451-5.33 2.196c.405.795 1.037 1.198 1.931 1.198.895 0 1.514-.439 1.962-1.098zm-4.18-1.43l3.56-1.47c-.197-.493-.781-.843-1.479-.843-.888 0-2.122.783-2.08 2.314z'/%3E%3Cpath fill='%2320B15A' d='M38.99 1.47h1.717v11.604H38.99V1.47z'/%3E%3Cpath fill='%233686F7' d='M36.283 5.818h1.658v7.049c0 2.924-1.735 4.129-3.786 4.129-1.932 0-3.094-1.293-3.53-2.344l1.52-.629c.275.647.937 1.412 2.01 1.412 1.318 0 2.128-.812 2.128-2.331v-.57h-.06c-.393.475-1.144.902-2.098.902-1.991 0-3.815-1.726-3.815-3.951 0-2.237 1.824-3.981 3.815-3.981.948 0 1.705.421 2.099.884h.06v-.57zm.12 3.667c0-1.4-.936-2.42-2.129-2.42-1.204 0-2.218 1.02-2.218 2.42 0 1.382 1.014 2.385 2.218 2.385 1.193.006 2.129-1.003 2.129-2.385z'/%3E%3Cpath fill='%23FF302F' d='M20.884 9.455c0 2.284-1.789 3.963-3.983 3.963s-3.982-1.685-3.982-3.963c0-2.296 1.788-3.969 3.982-3.969s3.983 1.673 3.983 3.97zm-1.74 0c0-1.424-1.038-2.403-2.243-2.403-1.204 0-2.241.98-2.241 2.403 0 1.412 1.037 2.403 2.241 2.403 1.205 0 2.242-.99 2.242-2.403z'/%3E%3Cpath fill='%23FFBA40' d='M29.582 9.473c0 2.284-1.788 3.963-3.982 3.963s-3.983-1.679-3.983-3.963c0-2.296 1.789-3.963 3.983-3.963s3.982 1.661 3.982 3.963zm-1.747 0c0-1.424-1.037-2.403-2.241-2.403-1.204 0-2.242.98-2.242 2.403 0 1.412 1.038 2.403 2.242 2.403 1.21 0 2.241-.997 2.241-2.403z'/%3E%3Cpath fill='%233686F7' d='M6.373 11.698c-2.498 0-4.453-2.005-4.453-4.491 0-2.486 1.955-4.491 4.453-4.491 1.347 0 2.331.528 3.058 1.204l1.199-1.192C9.616 1.76 8.263 1.025 6.373 1.025 2.951 1.025.071 3.8.071 7.207c0 3.405 2.88 6.182 6.302 6.182 1.848 0 3.243-.605 4.334-1.732 1.121-1.116 1.467-2.682 1.467-3.952 0-.397-.048-.807-.101-1.11h-5.7v1.65h4.06c-.12 1.032-.447 1.738-.93 2.219-.584.587-1.508 1.234-3.13 1.234z'/%3E%3C/svg%3E"); }

.btn-search_yandex span {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 49 18'%3E%3Cdefs/%3E%3Cpath fill='red' d='M8.621 0H6.154C3.686 0 1.563 1.791 1.563 5.262c0 2.072 1.033 3.64 2.812 4.423l-3.329 5.822c-.115.168 0 .336.172.336h1.55c.115 0 .23-.056.287-.168l3.041-5.71h1.09v5.71c0 .056.058.168.173.168h1.377c.115 0 .172-.056.172-.168V.224C8.851.056 8.793 0 8.621 0zM7.187 8.622h-.919c-3.96 0-3.672-7.278-.172-7.278h1.148v7.278h-.057z'/%3E%3Cpath fill='%23fff' d='M17.122 5.263h-1.378c-.114 0-.172.056-.172.168v4.03h-2.525v-4.03c0-.112-.057-.168-.172-.168h-1.32c-.115 0-.172.056-.172.168v10.245c0 .112.057.168.172.168h1.377c.115 0 .172-.056.172-.168v-4.927h2.525v4.927c0 .112.058.168.173.168h1.377c.115 0 .172-.056.172-.168V5.43c-.057-.112-.115-.168-.23-.168zm30.989 9.181c0-.056-.058-.056-.115-.056-.574 0-4.075 1.624-4.075-3.75 0-2.352.919-5.655 3.1-3.696.057.056.114.056.171.056.058 0 .115-.056.172-.168l.574-.951c.058-.056.058-.112.058-.168 0-.112-.115-.168-.23-.224-3.787-1.848-5.738 1.567-5.738 5.542 0 5.15 3.845 5.878 6.025 4.31.115-.055.115-.167.115-.223l-.057-.672zm-9.412-4.423l2.64-4.646c.057-.056 0-.168-.057-.168h-1.32c-.402 0-.517.112-.632.392-.114.28-2.066 4.254-2.295 4.422V5.375c0-.056-.058-.168-.115-.168h-1.435c-.057 0-.114.056-.114.168v10.3c0 .057.057.168.114.168h1.435c.115 0 .115-.055.115-.167v-5.319c.172.112 2.582 4.983 2.64 5.15.114.225.344.337.63.337h1.436c.114 0 .114-.056.057-.168l-3.099-5.655zm-12.568 4.48h-.287c-.344 0-.401-.113-.401-.393V5.375c0-.112-.058-.168-.115-.168h-4.419c-.115 0-.172.056-.172.168 0 2.35.057 6.27-1.55 9.125h-.459c-.114 0-.172.056-.172.168v3.079c0 .112.115.168.172.168h1.033c.23 0 .345-.168.345-.336v-1.736h4.648v1.904c0 .056.057.168.172.168h1.148c.115 0 .287-.112.287-.336v-2.911c-.058-.112-.115-.168-.23-.168zm-2.41 0h-3.214c.918-1.457 1.78-3.808 1.78-7.95h1.434v7.95zm6.887-9.518c-2.353 0-3.444 2.855-3.444 5.99 0 5.15 3.673 5.934 6.198 4.423.115-.056.115-.112.115-.168l-.172-.728c0-.056-.058-.112-.172-.112-.919 0-4.132 1.568-4.132-3.527 1.147.112 1.147.112 4.59.112-.057-2.575-.344-5.99-2.983-5.99zm-1.55 4.702c0-4.087 2.755-4.87 2.755-.112-1.205 0-1.722 0-2.755.112z'/%3E%3C/svg%3E"); }

.table-quantity {
  width: 140px; }

.banner {
  height: 250px;
  max-width: 1200px;
  border-radius: 15px;
  position: relative;
  background: rgba(27, 25, 24, 0.8);
  padding: 15px;
  color: #fff;
  display: flex;
  margin: auto auto 50px; }
  .banner:before {
    content: '';
    z-index: -1;
    border-radius: 15px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url("../img/banner_bg.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }

.banner__btn {
  background: #FDE629;
  color: #1B1918;
  max-width: 345px; }
  .banner__btn svg {
    fill: #1B1918; }

.banner__left {
  width: 75%;
  margin-right: 15px; }

.banner__right {
  width: 100%;
  margin-left: 15px; }

.banner__left, .banner__right {
  display: flex;
  flex-direction: column;
  justify-content: space-between; }

.banner__instruction {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.banner__instruction_step {
  width: 116px;
  height: 160px;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  cursor: zoom-in;
  background-position: center;
  background-size: contain; }

.banner__title {
  font-size: 22px; }

.banner__description {
  font-size: 14px;
  margin-top: 12px;
  margin-bottom: auto;
  line-height: 140%; }

.banner__status-plugin_off .banner__btn-on {
  display: none; }
.banner__status-plugin_off .banner__btn {
  background: #FDE629;
  color: #1B1918; }
  .banner__status-plugin_off .banner__btn svg path {
    fill: #1B1918; }

.banner__status-plugin_on .banner__btn-off {
  display: none; }
.banner__status-plugin_on .banner__btn {
  background: #7A8D05;
  color: #fff; }
  .banner__status-plugin_on .banner__btn svg path {
    fill: #fff; }

.success {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  max-width: 300px;
  height: fit-content;
  padding-top: 10%; }
  .success p {
    font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    text-align: center;
    color: #1B1918; }

.success__body {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.5);
  padding: 20px; }

.success__title {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 30px;
  line-height: 35px;
  text-align: center;
  color: #7A8D05; }

.success__btn {
  margin-top: 20px;
  width: 100%;
  font-size: 22px;
  line-height: 26px;
  background: #1B1918;
  border-radius: 10px;
  padding: 10px 20px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  color: #fff; }

.pay {
  position: relative;
  max-width: 820px;
  margin: auto;
  width: 100%;
  display: flex;
  align-items: flex-start; }

.pay__form {
  flex: 50%;
  margin-right: 15px; }

.pay__check {
  flex: 50%;
  margin-left: 15px;
  overflow: hidden;
  padding-bottom: 30px; }

.pay__check_divider {
  height: 10px;
  width: 100%;
  background: #1B1918;
  box-shadow: inset 0px 0px 2px #fff;
  border-radius: 50px; }

.pay__check_body {
  max-width: 300px;
  background: #fff;
  box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.5);
  border-radius: 5px 5px 40px 40px;
  z-index: -1;
  position: relative;
  margin: -5px auto auto;
  padding: 15px 10px 20px;
  transform: translateY(-100%);
  animation: 1s ease-out .2s 1 check_slide forwards;
  display: flex;
  flex-direction: column; }

.pay__check_hr {
  height: 0;
  border: 1px solid #E0E0E0;
  border-radius: 10px; }
  .pay__check_hr.hr-dashed {
    border-style: dashed;
    margin-bottom: 15px; }

.pay__check_date {
  color: #BDBDBD;
  font-size: 12px;
  margin: auto auto 5px; }

.pay__check_name {
  font-size: 16px;
  font-weight: 500; }

.pay__check_price {
  padding: 0 10px;
  color: #7A8D05;
  opacity: .7;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .pay__check_price p {
    margin: 5px 0; }
    .pay__check_price p:first-child {
      font-size: 16px; }
    .pay__check_price p:last-child {
      font-size: 22px;
      font-weight: bold; }

.pay__check_code {
  margin: 5px auto 10px; }

.pay__check_id {
  font-size: 12px;
  font-weight: bold;
  margin: auto auto 10px; }

.pay__check_thanks {
  font-size: 9px;
  margin: auto; }

.pay__shipping-info {
  font-size: 14px;
  margin: auto;
  color: #6e1d1d;
  text-align: center; }
  .pay__shipping-info.hidden {
    display: none; }

.input {
  background: #BDBDBD;
  box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  display: flex;
  align-items: center;
  padding: 0 0 0 10px;
  margin-bottom: 10px;
  height: 40px;
  position: relative; }
  .input span {
    z-index: 1;
    color: #dedede; }
  .input .input__hr {
    min-width: 2px;
    max-width: 2px;
    border-radius: 5px;
    height: calc(100% - 4px);
    background: #dedede;
    margin: 0 10px;
    display: block;
    z-index: 1; }
  .input svg {
    z-index: 1; }
  .input input {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 0;
    height: 40px;
    border: none;
    border-radius: 10px;
    box-sizing: border-box;
    background: #BDBDBD;
    padding-left: 58px;
    font-size: 16px; }
  .input.radio input {
    position: relative; }
  .input.radio input[type="radio"] {
    display: none; }
  .input.radio .input__hr {
    margin-right: 0; }
  .input.radio .label {
    display: flex;
    height: 100%;
    width: 100%; }
    .input.radio .label label {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer; }
      .input.radio .label label:last-child {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px; }
  .input.radio #russia:checked ~ .label #label_russia,
  .input.radio #hbk:checked ~ .label #label_hbk {
    background-color: #7A8D05;
    color: #fff; }

.pay__form_btn {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 00px 20px;
  grid-template-areas: ". ."; }
  .pay__form_btn input {
    padding: 0 10px;
    height: 36px;
    color: #fff;
    font-size: 16px;
    background: #1B1918;
    border: none;
    border-radius: 10px;
    white-space: nowrap;
    text-align: center;
    transition: 0s; }
    .pay__form_btn input:active {
      transform: scale(0.98);
      box-shadow: none; }
    .pay__form_btn input.pay__form_btn--online {
      background: #7A8D05; }

@keyframes check_slide {
  0% {
    transform: translateY(-100%); }
  100% {
    transform: translateY(0); } }
#modal_update, #modal_clean {
  text-align: center;
  display: none; }
  #modal_update .btn, #modal_clean .btn {
    height: 48px;
    width: 100%;
    font-size: 22px;
    color: #fff;
    border-radius: 12px; }
    #modal_update .btn_clean, #modal_clean .btn_clean {
      background: #D51122; }
    #modal_update .btn_next, #modal_update .btn_update, #modal_clean .btn_next, #modal_clean .btn_update {
      background: #7A8D05; }

.view {
  display: block !important; }

.empty {
  text-align: center;
  display: flex;
  flex-direction: column;
  max-width: 320px;
  margin: auto; }

.back-to-home {
  height: 48px;
  width: 100%;
  font-size: 22px;
  color: #000;
  border-radius: 12px;
  background: #FDE629;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold; }

.spinner {
  display: none;
  margin: auto;
  width: 70px;
  text-align: center; }

.spinner > div {
  width: 18px;
  height: 18px;
  border-radius: 100%;
  display: inline-block;
  background-color: #7A8D05;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both; }

.spinner .bounce1 {
  background-color: #D51122;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.spinner .bounce2 {
  background-color: #FDE629;
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

.quantity {
  display: flex;
  height: 30px;
  gap: 4px; }
  .quantity input {
    max-width: 40px;
    max-height: 30px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    background: transparent;
    padding: 0;
    border: none; }
  .quantity button {
    width: 30px;
    max-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #D9D9D9;
    border-radius: 10px; }
  .quantity.load input, .quantity.load button {
    z-index: -10;
    position: absolute; }
  .quantity.load .spinner {
    display: initial; }

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0); }
  40% {
    -webkit-transform: scale(1); } }
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

/*# sourceMappingURL=styles.css.map */