@media (max-width: 768px) {
  /* Alert */
  .custom-alert-content {
    max-width: 90vw;
    width: 90vw;
    padding: 5vw 6vw;
    border-radius: 3vw;
  }
  .custom-alert-content h3 {
    font-size: 5vw;
    margin-bottom: 3vw;
  }
  .custom-alert-content p {
    font-size: 4vw;
    margin-bottom: 5vw;
  }
  #custom-alert-btn,
  .custom-alert-content button {
    padding: 3vw 6vw;
    font-size: 4vw;
    border-radius: 2vw;
  }

  .body-content {
    min-height: 100vh !important;
  }

  .leaflet_map {
    height: 50vw;
    border-radius: 2vw;
  }
  .leaflet_map_small {
    font-size: 3vw;
    color: black;
    opacity: 0.8;
  }

  .P-Right {
    position: relative;
    width: 100%;
    height: auto;
    padding: 3vw;
    flex-direction: row;
    overflow-x: auto;
    gap: 2vw;
  }

  .P-R-a {
    font-size: 3vw;
    padding: 2vw 3vw;
    white-space: nowrap;
    min-width: max-content;
  }
  .header {
    height: 40vw;
    justify-content: space-between;
    padding: 0 4vw;
  }
  .header__logo-img {
    width: 14vw;
    height: 14vw;
  }
  .header__logo-title {
    font-size: 4.5vw;
  }
  .header__post-button {
    width: 35vw;
    height: 10vw;
    border-radius: 100vw;
    font-size: 5vw;
  }

  .bottom-nav {
    height: 12vw;
    user-select: none;
    display: flex;
    flex-direction: column;
    gap: 2vw;
    position: fixed;
    bottom: -0.2vw;
    left: 0;
    right: 0;
    background: #0f2c60;
    padding: 2vw 4vw;
    z-index: 1000;
    transition: all 500ms ease;
    border-radius: 4vw 4vw 0 0;
    box-shadow: 0 -0.4vw 2vw rgba(0, 0, 0, 0.3);
  }

  body {
    padding-bottom: 12vw !important;
  }
  .bottom-nav.expanded {
    height: 27vw;
  }
  .bottom-nav.expanded ~ .content {
    padding-bottom: 55vw !important;
  }

  .bottom-nav__burger {
    width: 100%;
    height: 12vw; /* чтобы кнопка занимала нужную высоту */
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6vw;
    cursor: pointer;
    background: none;
    border: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent; /* убирает моб. подсветку */
    outline: none;
  }
  .bottom-nav__burger:focus-visible {
    outline: 2px solid rgba(255, 255, 255, 0.16);
    border-radius: 1vw;
  }

  .bottom-nav__burger img {
    width: 15vw;
    height: 7vw;
  }

  .bottom-nav__content {
    opacity: 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    transition: transform 0.5s ease, opacity 0.5s ease;
  }

  .bottom-nav.expanded .bottom-nav__content {
    transform: scaleY(1);
    opacity: 1;
  }

  .bottom-nav__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: white;
    font-size: 2.5vw;
    gap: 1vw;
  }

  .bottom-nav.expanded .bottom-nav__link {
    opacity: 1;
    transform: translateY(0);
  }

  .bottom-nav__icon {
    font-size: 4vw;
    width: 8vw;
    height: 8vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
  }

  .bottom-nav__link:active {
    transform: scale(0.95);
  }

  @media (min-width: 769px) {
    .bottom-nav {
      display: none !important;
    }

    body {
      padding-bottom: 0 !important;
    }

    .bottom-nav.expanded ~ .content {
      padding-bottom: 0 !important;
    }
  }

  .WelcomePage {
    width: 100%;
    height: 100vh;
    background-size: 200% 105%;
    background-position: 25%;
    padding: 0 4vw;
  }
  .WP-h1 {
    font-size: 8vw;
  }
  .WP-h1 br {
    display: none;
  }
  .WP-p {
    font-size: 4vw;
    opacity: 0.8;
  }
  .WP-Buttons {
    margin-top: 4vw;
  }
  .WP-Button {
    padding: 3vw 8vw;
    font-size: 4vw;
    border-radius: 100vw;
  }
  .Registration form {
    padding: 4vw;
    gap: 5vw;
    border-radius: 5vw;
  }
  .R-h1 {
    font-size: 10vw;
  }
  .R-Input {
    width: 70vw;
    height: 10vw;
    font-size: 5vw;
    padding: 0 3vw;
    border-radius: 2.5vw;
  }
  .R-Button {
    width: 50vw;
    height: 10vw;
    border-radius: 100vw;
    font-size: 4vw;
  }
  .R-a {
    font-size: 4vw;
  }
  .header_blue {
    height: 20vw;
  }
  .header__nav {
    display: none;
  }
  .header_blue .header__post-button {
    display: none;
  }
  .header__user-menu {
    gap: 4vw;
  }
  .header__favourited-button img {
    width: 7vw;
    height: 7vw;
  }
  .header__user-avatar {
    width: 10vw;
    height: 10vw;
  }
  .header__user-menu a {
    font-size: 3vw;
  }
  .Publications {
    padding-top: 20vw;
    gap: 5vw;
  }
  .P-Filters-Container {
    gap: 3vw;
  }
  .P-F-C-h1 {
    font-size: 5vw;
  }
  .P-F-C-p {
    max-width: 80vw;
    font-size: 2.8vw;
  }
  .P-F-C-p br {
    display: none;
  }
  .P-Filters {
    width: 95vw;
    padding: 4vw;
    border-radius: 2vw;
    gap: 3vw;
    /* margin: 2vw auto; */
  }
  #filterForm {
    gap: 3vw;
  }
  .P-F-Row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2vw;
    align-items: center;
  }
  .P-F-Row hr {
    display: none;
  }
  .P-F-Row select,
  .P-F-Row input[type="text"],
  .P-F-Row input[type="number"] {
    width: 100%;
    height: 8vw;
    padding: 0 3vw;
    font-size: 3.5vw;
    border-radius: 2vw;
    min-width: auto;
  }
  .P-F-R-Span {
    font-size: 3.5vw;
    gap: 1vw;
    margin-bottom: -1vw;
    grid-column: span 2;
  }
  .P-F-Buttons {
    position: static;
    justify-content: center;
    margin-top: 2vw;
    gap: 3vw;
    flex-wrap: wrap;
  }
  .P-F-R-Find,
  .P-F-R-Map {
    height: 8vw;
    padding: 0 5vw;
    font-size: 3.5vw;
    border-radius: 2vw;
    flex: 1;
    min-width: 40%;
  }
  .P-F-Checkboxes {
    gap: 2vw 4vw;
    justify-content: center;
  }
  .P-F-Checkboxes label {
    font-size: 3vw;
    gap: 1.5vw;
    padding: 1.5vw 3vw;
    border-radius: 4vw;
  }
  .P-F-Checkboxes input[type="checkbox"] {
    width: 4vw;
    height: 4vw;
  }
  .P-AboutUs {
    border-radius: 2vw;
  }
  .P-AU-h1 {
    font-size: 4.7vw;
  }
  .P-AU-CardsContainer img {
    width: 30vw;
  }
  .modal-content span {
    width: 10vw;
    height: 10vw;
    font-size: 8vw;
    background: transparent;
  }
  .modal-next {
    right: -10vw;
  }
  .modal-prev {
    left: -10vw;
  }
  .modal-close {
    font-size: 10vw !important;
    right: -10vw;
    top: -10vw;
  }
  .P-C-h2 {
    font-size: 4.7vw;
    top: -3vw;
  }
  .P-Cards {
    padding: 5vw 2vw 2vw 2vw;
    border: 0.5vw solid #0f2c60;
    border-radius: 2vw;
  }
  .P-Cards.category {
    padding: 0;
    border: 0;
  }
  .P-C-CardsContainer {
    gap: 2vw;
    /* padding: 2vw; */
    border: 3.5vw solid #fafafa;
    border-radius: 2vw;
    /* overflow: hidden; */
  }
  .P-C-CC-OneMoreContainer {
    gap: 4vw;
  }
  .P-C-CardsContainer h1 {
    font-size: 4vw;
  }
  .P-C-CC-Card {
    width: 50vw;
    gap: 1.5vw;
  }
  .P-C-CC-Card img {
    height: 30vw;
    border-radius: 2vw;
  }
  .P-C-CC-C-h3 {
    font-size: 3.5vw;
  }
  .P-C-CC-C-Location {
    font-size: 3.1vw;
    display: none;
  }
  .P-C-CC-C-Button {
    height: 7vw;
    border-radius: 2vw;
    font-size: 3vw;
  }
  .P-Contact {
    padding: 2vw;
    gap: 3vw;
    border-radius: 2vw;
  }
  .P-Contact h1 {
    font-size: 3.7vw;
    /* padding: 2vw; */
  }
  .P-C-Form {
    align-items: center;
    flex-direction: column;
    gap: 3vw;
  }
  .P-C-Form input {
    width: 80vw;
    height: 8vw;
    font-size: 3vw;
    border-radius: 2vw;
    /* margin: 0 auto; */
  }
  .P-C-Form input:focus {
    outline: none;
    /* border: 0; */
  }
  .P-C-Form button {
    width: 50%;
    height: 8vw;
    font-size: 3vw;
    border-radius: 2vw;
  }
  .P-C-Services button img {
    width: 8vw;
  }
  .P-C-Grid {
    border-radius: 2vw;
    padding: 2vw;
  }
  .P-C-G-Card:hover {
    transform: none;
    box-shadow: none;
  }
  .P-C-G-C-C-Left {
    width: 80%;
  }
  .P-C-G-C-C-L-h3 {
    font-size: 3.5vw;
  }
  .P-C-G-C-C-L-p {
    font-size: 3vw;
  }
  .P-C-G-C-C-L-p.description {
    display: none;
  }
  .P-C-G-C-Media {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .P-C-G-C-C-L-h3.price {
    display: none;
  }
  .P-C-G-C-C-L-p.adapted {
    display: block;
  }
  .P-C-G-C-C-Right button {
    width: 8vw;
    height: 8vw;
  }
  .PostDetail {
  }
  .PD-Container {
    max-width: 92vw;
    padding: 0;
    margin-top: 15vw;
  }
  .PD-C-Breadcrumb {
    gap: 1.5vw;
    margin-bottom: 3vw;
    font-size: 3.2vw;
  }
  .PD-C-Header {
    flex-direction: column;
    padding: 4vw;
    border-radius: 2vw;
    margin-bottom: 4vw;
    gap: 3vw;
  }
  .PD-C-H-Right {
    align-items: flex-start;
    width: 100%;
    gap: 3vw;
  }
  .PD-C-H-Share {
    gap: 3vw;
  }
  .PD-C-H-S-Button {
    width: 10vw;
    height: 10vw;
  }
  .PD-C-H-S-Button svg {
    width: 8vw;
    height: 8vw;
  }
  .PD-C-H-S-Dropdown {
    min-width: 45vw;
    border-radius: 2vw;
  }
  .PD-C-H-S-Dropdown a {
    padding: 2vw 3vw;
    font-size: 3.5vw;
  }
  .PD-C-H-I-Title {
    font-size: 6.5vw;
    margin: 0 0 3vw 0;
  }
  .PD-C-H-I-Meta {
    gap: 2.5vw;
  }
  .PD-C-H-I-M-Location {
    /* padding: 1.5vw 2.5vw; */
    border-radius: 3vw;
    font-size: 4.2vw;
  }
  .PD-C-H-Price {
    text-align: left;
    width: 100%;
  }
  .PD-C-H-P-Amount {
    font-size: 7.5vw;
    margin-bottom: 1vw;
  }
  .PD-C-H-P-PerMeter {
    font-size: 3.8vw;
  }
  .PD-C-Content {
    display: flex;
    flex-direction: column;
    gap: 4vw;
  }
  .PD-C-C-Layout {
    display: flex;
    flex-direction: column;
    gap: 4vw;
  }
  .PD-C-C-L-Main {
    display: flex;
    flex-direction: column;
    gap: 4vw;
    order: 1;
  }
  .PD-C-C-L-Sidebar {
    display: flex;
    flex-direction: column;
    gap: 4vw;
    order: 2;
  }
  .PD-C-C-Media {
    border-radius: 2vw;
    margin-bottom: 0;
  }
  .PD-C-C-M-G-M-Image {
    height: 55vw;
  }
  .PD-C-C-M-G-M-Video {
    height: 50vw;
  }
  .PD-C-C-M-G-M-V-Controls {
    gap: 2vw;
    padding: 2vw;
  }
  .PD-C-C-M-G-M-V-Controls button {
    border: 0.3vw solid rgba(255, 255, 255, 0.3);
    border-radius: 3vw;
    font-size: 4vw;
    padding: 2vw 3vw;
  }
  .PD-C-C-M-G-M-V-Controls input[type="range"] {
    width: 65vw;
    height: 2vw;
  }
  .PD-C-C-M-G-Thumbnails {
    gap: 2vw;
    padding: 2vw;
  }
  .PD-C-C-M-G-T-Item {
    width: 18vw;
    height: 18vw;
    border-radius: 2vw;
  }
  .PD-C-C-L-M-Card {
    border-radius: 2vw;
    padding: 4vw;
    margin-bottom: 0;
  }
  .PD-C-C-L-M-C-Title {
    font-size: 5.5vw;
    margin: 0 0 4vw 0;
  }
  .PD-C-C-L-M-C-Title p {
    font-size: 4vw;
    margin-top: 2vw;
  }
  .PD-C-C-L-M-C-Grid {
    gap: 3vw;
  }
  .PD-C-C-L-M-C-G-Item span {
    font-size: 4.5vw;
  }
  .PD-C-C-L-M-C-L-Address {
    font-size: 4.5vw;
    margin: 0 0 2.5vw 0;
  }
  .PD-C-C-L-M-C-L-Complex,
  .PD-C-C-L-M-C-L-Cross {
    margin: 1.5vw 0;
    font-size: 4vw;
  }
  .PD-C-C-L-M-C-Features {
    gap: 3vw;
  }
  .PD-C-C-L-M-C-F-Title {
    font-size: 5.5vw;
  }
  .PD-C-C-L-M-C-F-Item {
    width: 100%;
    gap: 3vw;
  }
  .PD-C-C-L-M-C-F-I-Icon {
    font-size: 5vw;
  }
  .PD-C-C-L-M-C-F-I-Text {
    font-size: 4vw;
  }
  .PD-C-C-L-M-C-Tags {
    gap: 2.5vw;
  }
  .PD-C-C-L-M-C-T-Tag {
    padding: 2vw 3.5vw;
    border-radius: 3vw;
    font-size: 3.5vw;
  }
  .PD-C-C-L-M-C-D-Text {
    font-size: 4vw;
  }
  .PD-C-C-L-S-Card {
    border-radius: 2vw;
    padding: 4vw;
    margin-bottom: 0;
  }
  .PD-C-C-L-S-C-Title {
    font-size: 5vw;
    margin: 0 0 4vw 0;
    color: #4b4b4b;
  }
  .PD-C-C-L-S-C-C-User {
    gap: 4vw;
    margin-bottom: 4vw;
  }
  .PD-C-C-L-S-C-C-U-Avatar {
    width: 18vw;
    height: 18vw;
  }
  .PD-C-C-L-S-C-C-U-A-Default {
    font-size: 6vw;
  }
  .PD-C-C-L-S-C-C-U-I-Name {
    font-size: 5.5vw;
  }
  .PD-C-C-L-S-C-C-U-I-Status {
    font-size: 3.5vw;
  }
  .PD-C-C-L-S-C-A-Button {
    padding: 3vw 4vw;
    border-radius: 2vw;
    font-size: 4vw;
    width: 100%;
    margin-bottom: 2vw;
  }
  .PD-C-C-L-S-C-C-A-Button {
    padding: 3.5vw 6vw;
    border-radius: 3vw;
    font-size: 4.5vw;
  }
  .PD-C-C-L-S-C-I-Item {
    padding: 2.5vw 0;
    border-bottom: 0.3vw solid #e0e0e0;
  }
  .PD-C-C-L-S-C-I-I-Label {
    font-size: 4vw;
    color: #808080;
  }
  .PD-C-C-L-S-C-I-I-Value {
    font-size: 4vw;
    color: #4b4b4b;
  }
  .PD-C-C-L-S-C-Share {
    gap: 3vw;
    margin-top: 3vw;
  }
  .PD-C-C-L-S-C-S-Button {
    width: 10vw;
    height: 10vw;
    border-radius: 5vw;
  }
  .PD-C-C-L-S-C-S-Button svg {
    width: 8vw;
    height: 8vw;
  }
  .features-toggle-btn {
    padding: 3vw 5vw;
    border-radius: 2vw;
    font-size: 4vw;
    margin-top: 3vw;
  }
  .PD-C-C-M-G-M-Image:hover {
    height: 55vw;
  }
  .PD-C-C-M-G-Main:hover .PD-C-C-M-G-M-Video {
    height: 50vw;
  }
  .PL-Left.PostEditor {
    gap: 2vw;
  }
  .PE-C-C-Media {
    border-radius: 3vw;
    box-shadow: 0 0.8vw 3vw rgba(0, 0, 0, 0.1);
    margin-bottom: 4vw;
    border: 0.2vw solid #e3e6ea;
  }
  .PE-C-C-Media-Upload {
    padding: 2vw 3vw;
  }
  .PE-C-C-M-U-Label {
    font-size: 4.5vw;
    margin-bottom: 1.5vw;
  }
  .PE-C-C-M-U-Input {
    padding: 3vw;
    border: 0.4vw dashed #c4c9cf;
    border-radius: 2vw;
    font-size: 4vw;
    width: 100%;
  }
  .PE-C-C-M-U-Preview {
    gap: 2vw;
    margin-top: 2vw;
  }
  .PE-C-C-M-U-PreviewItem {
    width: 22vw;
    height: 22vw;
    border-radius: 1.5vw;
  }
  .PE-C-C-M-U-Delete {
    top: 1vw;
    right: 1vw;
    width: 6vw;
    height: 6vw;
    font-size: 3vw;
  }
  .PE-C-C-M-U-Hint {
    font-size: 3.5vw;
    margin-top: 1.5vw;
  }
  .PE-C-C-M-NoMedia {
    padding: 6vw 4vw;
    border: 0.3vw dashed #cfd4da;
    border-radius: 2vw;
  }
  .PE-C-C-M-NM-Icon {
    font-size: 8vw;
    margin-bottom: 2vw;
  }
  .PE-C-C-M-NM-Text {
    font-size: 4vw;
  }
  .PE-F-Buttons {
    flex-direction: column;
    gap: 3vw;
  }
  .PE-C-C-L-S-C-A-Button {
    width: 100%;
    height: 12vw;
    font-size: 3.5vw;
    border-radius: 3vw;
  }
  .PE-C-C-L-S-C-A-Button--cancel {
    border: 0.4vw solid #071836;
  }
  .PE-PostDeleteForm {
    width: 100%;
  }
  .PE-C-C-L-S-C-A-Button--danger {
    position: static;
    width: 100%;
    height: 12vw;
    margin-top: 2vw;
  }
  @keyframes fadeInMedia {
    from {
      opacity: 0;
      transform: scale(0.9);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }
  /* Mortgage адаптация */
  .Mortgage {
    padding-top: 25vw;
    padding-bottom: 8vw;
    gap: 5vw;
  }
  .M-Container {
    width: 92%;
  }
  .M-C-WelcomePage {
    flex-direction: column;
    gap: 5vw;
  }
  .M-C-WP-Left {
    width: 100%;
    margin-left: 0;
    gap: 3vw;
  }
  .M-C-WP-Left h1 {
    font-size: 7vw;
    text-align: center;
  }
  .M-C-WP-Left p {
    font-size: 4vw;
    text-align: center;
  }
  .M-C-WP-L-form {
    display: none;
    gap: 2vw;
  }
  .M-C-WP-L-F-span {
    flex-direction: column;
    gap: 2vw;
  }
  .M-C-WP-L-F-span input {
    padding: 2vw 3vw;
    border: 0.4vw solid #a2a2a2;
    border-radius: 2vw;
    font-size: 4vw;
  }
  .M-C-WP-L-form button {
    padding: 3vw;
    border-radius: 2vw;
    font-size: 4.5vw;
  }
  .M-C-WP-L-form p {
    font-size: 3.5vw;
    text-align: center;
  }
  .M-C-WP-Right {
    width: 100%;
    justify-content: center;
  }
  .M-C-WP-Right img {
    width: 80vw;
  }
  .W-C-WP-Main {
    border-radius: 3vw;
    gap: 4vw;
  }
  .W-C-WP-M-Why {
    width: 90%;
    padding: 6vw 3vw 3vw 3vw;
    gap: 4vw;
  }
  .W-C-WP-M-Why h1 {
    font-size: 6vw;
    text-align: center;
  }
  .W-C-WP-M-W-Cards {
    flex-direction: column;
    gap: 3vw;
    padding: 0;
  }
  .W-C-WP-M-W-C-Card {
    padding: 4vw 3vw;
    border: 0.3vw solid #0f2c60;
    border-radius: 2vw;
    gap: 2vw;
  }
  .W-C-WP-M-W-C-Card img {
    width: 8vw;
    margin: 0 auto;
  }
  .W-C-WP-M-W-C-Card h1 {
    font-size: 5vw;
    text-align: center;
  }
  .W-C-WP-M-W-C-Card p {
    font-size: 4vw;
    text-align: center;
  }
  .W-C-WP-M-W-Button button {
    width: 70vw;
    height: 12vw;
    border-radius: 3vw;
    border: 0;
    font-size: 4.5vw;
  }
  .W-C-WP-Main hr {
    height: 0.4vw;
    border-radius: 2vw;
  }
  .W-C-WP-M-How {
    width: 90%;
    padding: 6vw 3vw 3vw 3vw;
    gap: 4vw;
  }
  .W-C-WP-M-H-Cards {
    gap: 3vw;
    padding: 0;
  }
  .W-C-WP-M-H-C-Separator {
    flex-direction: column;
    gap: 3vw;
  }
  .W-C-WP-M-H-C-Card {
    width: 100%;
    padding: 4vw 3vw;
    border: 0.3vw solid #0f2c60;
    border-radius: 2vw;
    gap: 2vw;
  }
  .W-C-WP-M-H-C-C-Artilce {
    gap: 3vw;
  }
  .W-C-WP-M-H-C-C-Artilce h2 {
    width: 8vw;
    height: 8vw;
    font-size: 4vw;
  }
  .W-C-WP-M-H-C-C-Artilce h1 {
    font-size: 5vw;
  }
  .W-C-WP-M-H-C-Card p {
    font-size: 4vw;
  }
  .W-C-WP-M-Count {
    width: 90%;
    padding: 4vw 3vw;
    border: 0.3vw solid #0f2c60;
    border-radius: 3vw;
  }
  .W-C-WP-M-C-Header {
    margin-bottom: 4vw;
  }
  .W-C-WP-M-C-Header h1 {
    font-size: 6vw;
    text-align: center;
  }
  .W-C-WP-M-C-Header p {
    font-size: 4vw;
    text-align: center;
  }
  .W-C-WP-M-C-Form {
    gap: 4vw;
  }
  .W-C-WP-M-C-F-Row {
    flex-direction: column;
    gap: 4vw;
  }
  .W-C-WP-M-C-F-InputGroup {
    gap: 1.5vw;
  }
  .W-C-WP-M-C-F-InputGroup label {
    font-size: 4vw;
  }
  .custom-select select {
    padding: 2.5vw;
    border: 0.3vw solid #a2a2a2;
    border-radius: 2vw;
    font-size: 4vw;
  }
  .select-arrow {
    right: 3vw;
    font-size: 3vw;
  }
  .range-container {
    gap: 3vw;
  }
  .slider {
    height: 1vw;
  }
  .slider::-webkit-slider-thumb {
    width: 5vw;
    height: 5vw;
  }
  .range-value {
    font-size: 4vw;
    min-width: 15vw;
  }
  .input-with-currency input {
    padding: 2.5vw;
    border: 0.3vw solid #a2a2a2;
    border-radius: 2vw;
    font-size: 4vw;
  }
  .input-with-currency span {
    right: 3vw;
    font-size: 4vw;
  }
  .result-value {
    padding: 2.5vw;
    font-size: 5vw;
    border-bottom: 0.3vw solid #a2a2a2;
  }
  .calculate-btn {
    padding: 3vw;
    border-radius: 2vw;
    font-size: 4.5vw;
    margin-top: 3vw;
  }
  .W-C-WP-M-Banks {
    width: 90%;
    padding-bottom: 8vw;
    gap: 3vw;
  }
  .W-C-WP-M-B-Card {
    border: 0.3vw solid #0f2c60;
    border-radius: 3vw;
  }
  .W-C-WP-M-B-Title {
    height: 15vw;
    padding-left: 5vw;
    font-size: 5vw;
    border-bottom: 0.3vw solid #a2a2a2;
  }
  .W-C-WP-M-B-C-Inner {
    height: auto;
    padding: 4vw;
    flex-direction: column;
    gap: 4vw;
  }
  .W-C-WP-M-B-C-Inner span {
    width: 100%;
    gap: 2vw;
  }
  .W-C-WP-M-B-C-Inner span h1 {
    flex-direction: column;
    gap: 1vw;
  }
  .W-C-WP-M-B-C-Inner span h1 p {
    font-size: 4vw;
  }
  .W-C-WP-M-B-C-Inner span button {
    width: 100%;
    height: 10vw;
    font-size: 4vw;
    border-radius: 2vw;
    position: static;
    margin-top: 2vw;
  }
  .W-C-WP-M-B-C-Inner span img {
    max-width: 60%;
    margin: 0 auto;
  }

  /* Tariffs адаптация */
  .Tariffs {
    padding-top: 25vw;
    padding-bottom: 8vw;
    gap: 5vw;
  }
  .T-Container {
    width: 92%;
  }
  .T-C-WelcomePage {
    flex-direction: column;
    gap: 5vw;
  }
  .T-C-WP-Left {
    width: 100%;
    margin-left: 0;
    gap: 3vw;
    align-items: center;
  }
  .T-C-WP-Left h1 {
    font-size: 7vw;
    text-align: center;
  }
  .T-C-WP-Left p {
    font-size: 4vw;
    text-align: center;
  }
  .T-C-WP-Left button {
    width: 80%;
    height: 12vw;
    border-radius: 2vw;
    font-size: 4.5vw;
  }
  .T-C-WP-Right {
    width: 100%;
    justify-content: center;
  }
  .T-C-WP-Right img {
    width: 100%;
    padding-right: 0;
  }
  .T-C-Main {
    border-radius: 3vw;
    gap: 4vw;
    /* padding: 4vw 0; */
  }
  .T-C-Main hr {
    height: 0.3vw;
    border-radius: 2vw;
  }
  .T-C-M-Sell {
    padding: 4vw 3vw;
    gap: 3vw;
    border-radius: 3vw;
  }
  .T-C-M-Sell h1 {
    font-size: 6vw;
    text-align: center;
  }
  .T-C-M-S-Cards {
    flex-direction: column;
    gap: 4vw;
    padding: 0;
  }
  .T-C-M-S-C-Card {
    width: 100%;
    height: auto;
    padding: 5vw 4vw;
    border: 0.3vw solid #0f2c60;
    border-radius: 2vw;
    gap: 2vw;
  }
  .T-C-M-S-C-Card.abonement {
    height: auto;
  }
  .T-C-M-S-C-Card h5 {
    font-size: 3vw;
    text-align: center;
  }
  .T-C-M-S-C-Card img {
    width: 30vw;
    margin: 0 auto;
  }
  .T-C-M-S-C-Card.abonement img {
    width: 20vw;
  }
  .T-C-M-S-C-Card h2 {
    font-size: 5vw;
  }
  .T-C-M-S-C-Card ul {
    padding-left: 4vw;
  }
  .T-C-M-S-C-Card li {
    font-size: 3.5vw;
    margin-bottom: 1.5vw;
  }
  .T-C-M-S-C-Card li::marker {
    font-size: 4vw;
  }
  .T-C-M-S-C-Card button {
    width: 100%;
    height: 10vw;
    border-radius: 2vw;
    font-size: 4vw;
    margin-top: 3vw;
  }
  .T-C-M-Buttons {
    width: 80%;
    height: 13vw;
    /* top: -6vw; */
    /* left: 10%; */
    border-radius: 2vw;
    flex-direction: row;
    top: -9.8vw;
    left: 0;
  }
  .T-C-M-Buttons:has(button.active) + .firstBorder {
    border-radius: 0 3vw 3vw 3vw;
  }
  .T-C-M-Buttons button {
    width: 50%;
    height: 10vw;
    font-size: 3.5vw;
    border-radius: 2vw 2vw 0 0;
  }
  .hidden {
    display: none;
  }
  .visible {
    display: flex;
    flex-direction: column;
  }

  /* Authorization адаптация */
  .Registration {
    padding-top: 40vw;
    padding-bottom: 8vw;
    gap: 3vw;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.7) 0%,
        rgba(0, 0, 0, 0.7) 100%
      ),
      url(./images/background.png);
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    justify-content: flex-start;
  }
  .R-h1 {
    font-size: 7vw;
    margin-bottom: 2vw;
  }
  .Registration form {
    padding: 6vw 5vw;
    border-radius: 3vw;
    border: 0.3vw solid #fafafa;
    gap: 4vw;
    width: 90%;
    max-width: 400px;
  }
  .R-Input {
    width: 100%;
    height: 12vw;
    padding: 3vw;
    font-size: 4.5vw;
    border-radius: 3vw;
    border: 0.3vw solid #fafafa;
  }
  .R-Button {
    width: 100%;
    height: 12vw;
    border-radius: 3vw;
    font-size: 4.5vw;
    margin-top: 2vw;
  }
  .R-span {
    flex-direction: column;
    gap: 3vw;
    width: 100%;
  }
  .file-upload {
    gap: 3vw;
    width: 100%;
  }
  .file-upload h1 {
    font-size: 4.5vw;
    text-align: center;
  }
  .file-upload p {
    max-width: 100%;
    font-size: 3.5vw;
    margin-bottom: 2vw;
  }
  .file-upload label {
    width: 100%;
    padding: 3vw;
    border: 0.3vw solid #fafafa;
    border-radius: 2vw;
    font-size: 4vw;
    gap: 2vw;
    justify-content: center;
  }
  .file-upload .icon {
    font-size: 6vw;
  }
  .R-a {
    font-size: 4vw;
    text-align: center;
  }
  .role-selector {
    padding: 5vw 4vw;
    border-radius: 3vw;
    border: 0.3vw solid #fafafa;
    gap: 4vw;
    width: 90%;
  }
  .role-selector-span {
    flex-direction: column;
    gap: 4vw;
    width: 100%;
  }
  .role-btn {
    width: 100%;
    height: auto;
    min-height: 80vw;
    border-radius: 3vw;
    border: 0.3vw solid #fafafa;
    gap: 3vw;
    padding: 4vw;
  }
  .role-btn img {
    width: 25vw;
    border-radius: 2vw;
  }
  .role-btn h1 {
    font-size: 5vw;
    text-align: center;
  }
  .role-btn p {
    font-size: 3.5vw;
    height: auto;
    text-align: center;
  }
  .role-btn li {
    font-size: 3.2vw;
    text-align: center;
    margin-bottom: 1.5vw;
    opacity: 0.8;
  }
  .role-btn ul {
    gap: 1vw;
    padding: 0;
  }
  input::placeholder {
    font-size: 4vw;
  }
  .R-Input:focus {
    outline: none;
    border-color: #0f2c60;
  }
  .R-Button:active {
    transform: scale(0.98);
  }
  .role-selector {
    margin-bottom: 5vw;
  }

  /* Profile */
  .Profile {
    flex-direction: column;
    padding-top: 25vw;
    align-items: center;
    min-height: 100vh;
  }
  .PL-Left {
    /* width: 100%; */
    margin: 2vw;
    margin-top: 0;
    gap: 2vw;
  }
  .P-C-InfoRow {
    flex-direction: column;
    padding: 3vw;
    gap: 3vw;
    border-radius: 2vw;
  }
  .P-C-Avatar {
    width: 100%;
    align-items: center;
    text-align: center;
  }
  .P-C-Avatar img {
    width: 25vw;
    height: 25vw;
  }
  .P-C-AvatarInfo {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .P-C-AI-p {
    font-size: 3vw;
  }
  .P-C-AI-button {
    font-size: 4.2vw;
    padding: 2vw;
  }
  .P-C-pTitle {
    font-size: 4vw;
  }
  .P-C-p {
    font-size: 3vw;
  }
  .P-C-Field-Grid {
    grid-template-columns: 1fr;
    gap: 3vw;
  }
  .P-C-Field-Input,
  .P-C-Field input[type="text"],
  .P-C-Field input[type="email"],
  .P-C-Field input[type="tel"] {
    width: 100%;
    font-size: 3.5vw;
    padding: 2vw;
    height: auto;
    border-radius: 1.5vw;
  }
  .P-C-F-label {
    font-size: 3.5vw;
  }
  .P-C-Save {
    width: 100%;
    height: 10vw;
    font-size: 4vw;
    margin-top: 3vw;
    border-radius: 2vw;
  }
  .P-C-I-Logout {
    width: 30vw;
    height: 8vw;
    font-size: 3.5vw;
    border-radius: 2vw;
  }
  .P-C-InfoRow > div {
    padding: 3vw;
  }
  .review-item {
    padding: 3vw;
    margin: 2vw 0;
    font-size: 3.5vw;
  }

  .UsersList {
    padding-top: 25vw;
    padding-bottom: 8vw;
  }
  .UL-Container {
    width: 92%;
    padding: 5vw 4vw;
    border-radius: 3vw;
  }
  .UL-Container h1 {
    font-size: 6vw;
    margin-bottom: 4vw;
  }
  .UL-C-table {
    font-size: 3.5vw;
  }
  .UL-C-table th,
  .UL-C-table td {
    padding: 3vw 2vw;
    border-bottom: 0.3vw solid #333;
  }
  .UL-C-table thead {
    display: none;
  }
  .UL-C-table tbody tr {
    display: flex;
    flex-direction: column;
    margin-bottom: 4vw;
    padding: 3vw;
    background: #3d3d3d;
    border-radius: 2vw;
  }
  .UL-C-table td {
    border: none;
    padding: 1.5vw 0;
    display: flex;
    justify-content: space-between;
  }
  .UL-C-table td:before {
    content: attr(data-label);
    font-weight: bold;
    margin-right: 3vw;
    color: #a0a0a0;
  }
  .UserAdd {
    padding-top: 25vw;
    padding: 5vw 4vw;
  }
  .UA-Title {
    font-size: 6vw;
    margin-bottom: 5vw;
  }
  .UA-form {
    width: 100%;
    padding: 5vw 4vw;
    border-radius: 3vw;
  }
  .UA-F-Group {
    margin-bottom: 5vw;
  }
  .UA-F-Group label {
    font-size: 4vw;
    margin-bottom: 2vw;
  }
  .UA-F-Group input,
  .UA-F-Group select {
    padding: 3vw;
    font-size: 4vw;
    border-radius: 2vw;
  }
  .UA-F-Button {
    padding: 3vw;
    font-size: 4.5vw;
    border-radius: 2vw;
    margin-top: 2vw;
  }
  .AgenciesList {
    padding-top: 25vw;
    padding-bottom: 8vw;
  }
  .AL-Container {
    width: 92%;
    padding: 5vw 4vw;
    border-radius: 3vw;
  }
  .AL-Container h1 {
    font-size: 6vw;
    margin-bottom: 4vw;
  }
  .AL-C-table {
    font-size: 3.5vw;
  }

  .AL-C-table th,
  .AL-C-table td {
    padding: 3vw 2vw;
    border-bottom: 0.3vw solid #333;
  }
  .AL-C-table thead {
    display: none;
  }
  .AL-C-table tbody tr {
    display: flex;
    flex-direction: column;
    margin-bottom: 4vw;
    padding: 3vw;
    background: #3d3d3d;
    border-radius: 2vw;
  }
  .AL-C-table td {
    border: none;
    padding: 1.5vw 0;
    display: flex;
    justify-content: space-between;
  }
  .AL-C-table td:before {
    content: attr(data-label);
    font-weight: bold;
    margin-right: 3vw;
    color: #a0a0a0;
  }
  .btn.btn-primary {
    padding: 2vw 4vw;
    font-size: 3.5vw;
    border-radius: 2vw;
    margin-top: 2vw;
    width: 100%;
  }
  .PostList {
    padding-top: 25vw;
    flex-direction: column;
    min-height: 100vh;
    align-items: center;
  }
  .PostList h1 {
    font-size: 6vw;
    margin-bottom: 4vw;
  }
  .PL-Items {
    width: 92%;
    margin: 0 auto;
    gap: 4vw;
  }
  .PL-I-Item {
    padding: 4vw;
    border-radius: 3vw;
  }
  .PL-I-Item h2 {
    font-size: 5vw;
  }
  .PL-I-Item p {
    font-size: 4vw;
  }
  .PL-I-Meta {
    flex-direction: column;
    gap: 2vw;
    margin-top: 3vw;
    font-size: 3.5vw;
  }
  .PL-I-Buttons {
    flex-direction: column;
    gap: 2vw;
    margin-top: 3vw;
  }
  .PL-I-Link {
    width: 100%;
    padding: 3vw;
    font-size: 4vw;
    text-align: center;
    border-radius: 2vw;
    margin-top: 2vw;
  }
  .PL-I-Link-Delete {
    position: static;
    margin-top: 2vw;
  }
  .Favorites {
    padding-top: 25vw;
    flex-direction: column;
  }
  .Favorites h1 {
    font-size: 6vw;
    margin-bottom: 4vw;
    text-align: center;
  }
  .P-C-Title {
    font-size: 4vw;
  }
  /* Используем стили аналогичные PostList */
  .Favorites .PL-Items {
    width: 92%;
    margin: 0 auto;
    gap: 4vw;
  }
  .Favorites .PL-I-Item {
    padding: 4vw;
    border-radius: 3vw;
  }
  .Favorites .PL-I-Item h2 {
    font-size: 5vw;
  }
  .Favorites .PL-I-Item p {
    font-size: 4vw;
  }
  .Favorites .PL-I-Meta {
    flex-direction: column;
    gap: 2vw;
    margin-top: 3vw;
    font-size: 3.5vw;
  }
  .Favorites .PL-I-Buttons {
    flex-direction: column;
    gap: 2vw;
    margin-top: 3vw;
  }
  .Favorites .PL-I-Link {
    width: 100%;
    padding: 3vw;
    font-size: 4vw;
    text-align: center;
    border-radius: 2vw;
    margin-top: 2vw;
  }

  .PostAdd {
    padding-top: 20vw;
    background-color: #d9d9d9;
    min-height: 100vh;
    flex-direction: column;
    align-items: center;
  }

  .PA-Container {
    width: 92vw;
    border-radius: 2vw;
    margin: 0 auto;
  }

  .PA-C-Header {
    padding: 4vw 3vw;
    border-radius: 2vw 2vw 0 0;
  }

  .PA-form {
    gap: 4vw;
    padding: 3vw;
  }

  .PA-F-MainInner {
    padding: 4vw;
    border-radius: 3vw;
  }

  .PA-SC-Content {
    gap: 2vw;
  }

  .PA-SC-C-span {
    width: 100%;
    gap: 1vw;
  }

  .PA-SC-C-S-Title {
    font-size: 3.5vw;
    margin-bottom: 1vw;
  }

  .PA-C-H-I-Input {
    padding: 2.5vw 3vw;
    border-radius: 2vw;
    font-size: 3.5vw;
    height: auto;
  }

  .PA-SC-C-S-Meta {
    gap: 2vw;
    flex-direction: column;
  }

  .PA-SC-C-S-MetaContent {
    gap: 2vw;
    flex-wrap: wrap;
  }

  .PA-SC-C-S-M-Choice {
    padding: 2.5vw 3vw;
    border: 0.4vw solid #a2a2a2;
    border-radius: 2vw;
    font-size: 3.5vw;
    min-width: auto;
    width: 100%;
    text-align: center;
  }

  .PA-SC-C-S-M-Choice.dropdown-btn {
    width: 100%;
  }

  .PA-SC-C-S-M-NoPosts,
  .PA-SC-C-S-M-NoCategories {
    font-size: 3.5vw;
    text-align: center;
    margin-top: 2vw;
  }
  .PA-F-NavBar {
    padding: 3vw;
    border-radius: 2vw;
    gap: 3vw;
  }
  .PA-F-NV-Steps {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 3vw;
    gap: 1vw;
    overflow: visible;
  }

  .PA-F-NV-S-Step {
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 1;
    flex-shrink: 0;
    min-width: 12vw;
    position: relative;
  }

  .PA-F-NV-S-Step .circle {
    width: 6vw;
    height: 6vw;
    border-radius: 50%;
    background-color: #ccc;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    margin-bottom: 1vw;
    transition: background-color 0.3s;
    font-size: 3vw;
  }

  .PA-F-NV-S-Step.active .circle,
  .PA-F-NV-S-Step.completed .circle {
    background-color: #0f2c60;
  }

  .PA-F-NV-S-Step .label {
    font-size: 2.2vw;
    color: #4b4b4b;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 15vw;
    display: block !important; /* Принудительно показываем */
  }

  /* Сокращенные названия для шагов */
  .PA-F-NV-S-Step[data-step="1"] .label {
    content: "Тип";
  }
  .PA-F-NV-S-Step[data-step="2"] .label {
    content: "Адрес";
  }
  .PA-F-NV-S-Step[data-step="3"] .label {
    content: "Парам";
  }
  .PA-F-NV-S-Step[data-step="4"] .label {
    content: "Медиа";
  }
  .PA-F-NV-S-Step[data-step="5"] .label {
    content: "Описание";
  }

  .progress-line {
    position: absolute;
    top: 3vw;
    left: 15%;
    right: 15%;
    height: 0.5vw;
    background-color: #ccc;
    z-index: 0;
  }

  .progress-line::after {
    content: "";
    display: block;
    height: 100%;
    background-color: #0f2c60;
    width: var(--progress-percent, 0%);
    transition: width 0.3s;
  }

  /* Tooltip для показа названий шагов при нажатии */
  .PA-F-NV-S-Step:active::after {
    display: none;
  }

  .PA-F-B-PrevNext {
    gap: 3vw;
    flex-direction: column;
    align-items: center;
  }
  .PA-F-B-PN-Button {
    width: 100%;
    height: 10vw;
    border-radius: 2vw;
    font-size: 4vw;
  }
  .PA-F-Buttons {
    gap: 2vw;
  }
  input::placeholder {
    font-size: 3.5vw;
  }
  select {
    font-size: 3.5vw;
    padding: 2.5vw 3vw;
  }
  textarea {
    font-size: 3.5vw;
    padding: 2.5vw 3vw;
    border-radius: 2vw;
  }
}

/* 📱 Узкие экраны (телефоны) */
/* @media (max-width: 480px) {
} */