@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Press+Start+2P&display=swap");
* {
  text-align: left;
  font-family: "Inter";
  font-size: inherit;
}
body {
  font-family: "Inter";
  font-size: 16px;
}
.c_content-wrapper{
  max-width: 1920px;
  margin: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--brand-blue);
}
p {
  margin: 0;
}
a {
  color: #0d6efd;
  text-decoration: none;
}
a:hover {
  color: #f0f0f0;
  text-decoration: underline;
}
button {
  border: none;
  background: none;
}
.no_anderline,
.no_anderline:hover,
.no_anderline:focus {
  text-decoration: none;
}
img {
  transform: scale(0.9);
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none; /* Скрываем стандартные кнопки для WebKit (Chrome, Safari) */
}
.scale-elem:hover > .scale-ico {
  transition: 0.2s;
  transform: scale(1.1);
}
.mob-nav-categories {
  color: #101a33 !important;
  font-size: 1.5em;
  margin-bottom: 0.5rem;
}
.loader {
  width: 48px;
  height: 48px;
  border: 5px solid #101a33;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@media (max-width: 1400px) {
  main {
    padding: 20px 40px;
  }
}
@media (max-width: 1200px) {
  body {
    main,
    header {
      padding: 0 20px;
    }
    font-size: 14px;
  }
}
@media (max-width: 770px) {
  body {
    main,
    header {
      padding: 0 20px;
    }
    font-size: 12px;
  }
}
@media (max-width: 540px) {
  body {
    font-size: 12px;
  }
  main, header {
    padding: 0 5px !important;
  }
}
.btn-brown {
  background-color: #cbbba1;
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #cbbba1;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #cabfad;
  --bs-btn-hover-border-color: #cabfad;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}