/* Klevby mobile profile feed styles
   Behavior-preserving split from assets/css/responsive/mobile.css.
   Scope: only #profileFeedSection mobile cards.
*/

@media (max-width: 900px) {
  #profileFeedSection.grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    margin: 12px 0 24px;
  }

  #profileFeedSection.grid::before {
    content: "Лента";
    grid-column: 1 / -1;
    display: block;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -0.4px;
    margin: 3px 0 -2px;
    color: #fff8ea;
    text-shadow: 0 12px 34px rgba(0,0,0,0.45);
  }

  #profileFeedSection .card {
    min-height: auto;
    border-radius: 24px;
    background:
      linear-gradient(180deg, rgba(255,255,255,0.070), rgba(255,255,255,0.034)),
      rgba(13, 20, 17, 0.84);
    border: 1px solid rgba(244,178,74,0.14);
    box-shadow:
      0 12px 32px rgba(0,0,0,0.34),
      inset 0 1px 0 rgba(255,255,255,0.06);
  }

  #profileFeedSection .card-img {
    height: 255px;
    border-radius: 24px 24px 0 0;
  }

  #profileFeedSection .card-body {
    padding: 15px;
  }

  #profileFeedSection .trip-title {
    font-size: 19px;
    line-height: 1.16;
  }

  #profileFeedSection .card p {
    font-size: 13.5px;
    line-height: 1.45;
  }

  #profileFeedSection .actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
  }

  #profileFeedSection .small-btn {
    width: 100%;
    min-height: 40px;
    padding: 9px 10px;
    border-radius: 13px;
    font-size: 11.5px;
  }
}

@media (max-width: 520px) {
  #profileFeedSection.grid {
    grid-template-columns: 1fr;
    gap: 13px;
  }

  #profileFeedSection .card-img {
    height: 240px;
  }
}

@media (max-width: 380px) {
  #profileFeedSection .card-img {
    height: 220px;
  }

  #profileFeedSection .trip-title {
    font-size: 17px;
  }
}