/* OHELP_ANDROID_FEED_V1 */

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

  .ohelp-android-feed-v1 .landing-feed {
    padding: 0 0 120px !important;
    margin-top: 10px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  /* Featured This Week */

  .ohelp-native-featured {
    margin: 12px 0 20px;
  }

  .ohelp-native-section-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin: 0 0 17px;
  }

  .ohelp-native-section-heading h2 {
    margin: 0;
    font-size: clamp(21px,5.8vw,29px);
    line-height: 1.2;
    font-weight: 800;
    color: #173d3c;
  }

  .ohelp-native-see-all {
    flex-shrink: 0;
    padding: 8px 4px;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #08674e !important;
    font-size: 14px;
    font-weight: 600;
  }

  .ohelp-native-featured-grid,
  .ohelp-android-feed-v1 .landing-feed-grid {
    display: grid !important;
    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;
    gap: 12px !important;
    align-items: stretch;
  }

  /* Cards */

  .ohelp-native-feed-card {
    position: relative;
    min-width: 0 !important;
    min-height: 255px;
    padding: 12px !important;
    overflow: hidden !important;

    background:
      linear-gradient(
        125deg,
        rgba(255,255,255,.39),
        rgba(255,255,255,.10)
      ) !important;

    border: 1.5px solid
      rgba(255,255,255,.86) !important;

    border-radius: 26px !important;

    box-shadow:
      0 6px 12px rgba(17,71,62,.10),
      inset 0 1px 0 rgba(255,255,255,.6)
      !important;

    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);

    color: #173e3d !important;
  }

  .ohelp-native-feed-card img,
  .ohelp-native-feed-card video {
    display: block;
    width: 100% !important;
    max-width: 100%;
    height: 120px !important;
    object-fit: cover;
    border-radius: 18px !important;
    margin-bottom: 10px;
  }

  .ohelp-native-feed-card h2,
  .ohelp-native-feed-card h3,
  .ohelp-native-feed-card h4 {
    font-size: clamp(16px,4.3vw,21px) !important;
    line-height: 1.3 !important;
    font-weight: 750 !important;
    color: #153e3d !important;
    overflow-wrap: anywhere;
  }

  .ohelp-native-feed-card p,
  .ohelp-native-feed-card small {
    font-size: 13px !important;
    line-height: 1.5 !important;
    color: #536f69 !important;
    overflow-wrap: anywhere;
  }

  /* Android-style category badges */

  .ohelp-native-feed-badge {
    display: inline-block;
    max-width: 100%;
    margin: 6px 0 9px;
    padding: 5px 9px;
    border-radius: 999px;

    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
  }

  .ohelp-native-feed-badge.customer {
    background: #e9d5ff;
    color: #61399c;
  }

  .ohelp-native-feed-badge.artisan {
    background: #baf1df;
    color: #08694c;
  }

  .ohelp-native-feed-card button {
    max-width: 100%;
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
    color: #07664b !important;
  }

  /* Top Artisans Near You */

  .ohelp-native-artisans {
    display: flex !important;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 85px;
    margin: 20px 0 23px;
    padding: 16px !important;

    text-align: left;

    background:
      linear-gradient(
        125deg,
        rgba(255,255,255,.43),
        rgba(255,255,255,.12)
      ) !important;

    border: 1.5px solid
      rgba(255,255,255,.9) !important;

    border-radius: 27px !important;

    box-shadow:
      0 7px 14px rgba(17,71,62,.10)
      !important;

    color: #173e3d !important;
  }

  .ohelp-native-artisan-icon {
    flex-shrink: 0;
    width: 42px;
    font-size: 35px;
    text-align: center;
    color: #164a46;
  }

  .ohelp-native-artisan-copy {
    display: flex;
    flex: 1;
    min-width: 0;
    flex-direction: column;
    gap: 4px;
  }

  .ohelp-native-artisan-copy strong {
    font-size: 16px;
    line-height: 1.25;
    color: #153e3d;
  }

  .ohelp-native-artisan-copy small {
    font-size: 12px;
    line-height: 1.4;
    color: #55746d;
  }

  .ohelp-native-chevron {
    flex-shrink: 0;
    font-size: 32px;
    line-height: 1;
    color: #173e3d;
  }

  /* Community feed */

  .ohelp-native-community-heading {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 10px 0 19px !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .ohelp-native-community-heading h2 {
    margin: 0 !important;
    font-size: clamp(21px,5.7vw,29px) !important;
    font-weight: 800 !important;
    color: #153e3d !important;
  }

  .ohelp-native-community-heading button {
    min-height: 50px;
    padding: 10px 15px !important;

    background:
      rgba(255,255,255,.35) !important;

    border: 1.5px solid
      rgba(255,255,255,.86) !important;

    border-radius: 23px !important;

    color: #07664b !important;
  }

  .ohelp-native-hide-subtitle {
    display: none !important;
  }

  /* Small screens */

  @media (max-width: 390px) {
    .ohelp-native-featured-grid,
    .ohelp-android-feed-v1 .landing-feed-grid {
      gap: 9px !important;
    }

    .ohelp-native-feed-card {
      padding: 9px !important;
    }

    .ohelp-native-artisans {
      padding: 12px !important;
    }
  }
}