.mobile-sticky-place-card{display:none}

@media (max-width:720px){
  .mobile-sticky-place-card{
    display:block;
    z-index:72;
    pointer-events:none;
    opacity:0;
    visibility:hidden;
    position:fixed;
    top:0;
    right:0;
    left:0;
    transform:none;
    transition:opacity .16s ease,visibility .16s;
    will-change:opacity;
  }

  .mobile-sticky-place-card.is-first-appearance{
    transform:translate3d(0,-12px,0) scale(.985);
    transform-origin:50% 0;
    transition:opacity .24s ease,transform .32s cubic-bezier(.2,.82,.2,1),visibility .24s;
    will-change:opacity,transform;
  }

  .mobile-sticky-place-card.is-visible{
    opacity:1;
    visibility:visible;
  }

  .mobile-sticky-place-card.is-first-appearance.is-visible{
    transform:translate3d(0,0,0) scale(1);
  }

  .mobile-sticky-place-card .compact-sticky-card{
    pointer-events:auto;
    -webkit-backdrop-filter:blur(18px) saturate(1.08);
    backdrop-filter:blur(18px) saturate(1.08);
    background:#fffdfcf2;
    border:0;
    border-bottom:1px solid var(--line);
    border-radius:0 0 14px 14px;
    grid-template-columns:66px minmax(0,1fr);
    align-items:center;
    gap:9px;
    width:100%;
    min-height:0;
    margin:0;
    padding:7px 58px 7px 9px;
    box-shadow:0 7px 22px #5d3b4a24;
    animation:none;
  }

  .mobile-sticky-place-card .place-photo{
    aspect-ratio:1;
    width:66px;
    height:66px;
    min-height:0;
    border-radius:10px;
  }

  .mobile-sticky-place-card .place-copy{
    align-self:center;
    min-width:0;
    padding:0;
  }

  .mobile-sticky-place-card .place-eyebrow{margin:0 0 1px;font-size:9px;line-height:1.25}
  .mobile-sticky-place-card .place-title-row{align-items:baseline;gap:7px;margin:0}

  .mobile-sticky-place-card .place-title-row h3{
    text-overflow:ellipsis;
    white-space:nowrap;
    min-width:0;
    margin:0;
    font-size:16px;
    line-height:1.25;
    overflow:hidden;
  }

  .mobile-sticky-place-card .mobile-place-time{flex:0 0 auto;font-size:14px;line-height:1.2}
  .mobile-sticky-place-card .mobile-place-summary{margin:2px 0 0;padding:0}

  .mobile-sticky-place-card .mobile-place-note{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    color:var(--muted);
    margin:0;
    font-size:10px;
    line-height:1.35;
    overflow:hidden;
  }

  .mobile-sticky-place-card .progressive-image{
    position:relative;
    overflow:hidden;
  }

  .mobile-sticky-place-card .progressive-image img{
    filter:blur(0);
    opacity:1;
    transform:none;
    will-change:filter,opacity;
  }

  .mobile-sticky-place-card .progressive-image .sticky-place-old-image{
    z-index:2;
    pointer-events:none;
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
  }

  .mobile-sticky-place-card.is-itoshima .compact-sticky-card{
    background:#f7f8fcf2;
    border-bottom-color:#bfcbd8;
    box-shadow:0 7px 24px #2a3d5033;
  }

  .mobile-sticky-place-card.is-itoshima .place-eyebrow,
  .mobile-sticky-place-card.is-itoshima .mobile-place-time{color:#735d80}
}

@media (max-width:380px){
  .mobile-sticky-place-card .compact-sticky-card{grid-template-columns:58px minmax(0,1fr);gap:8px;padding-right:50px}
  .mobile-sticky-place-card .place-photo{width:58px;height:58px}
  .mobile-sticky-place-card .place-title-row h3{font-size:15px}
  .mobile-sticky-place-card .mobile-place-note{font-size:9.5px}
}

@media (prefers-reduced-motion:reduce){
  .mobile-sticky-place-card{transition-duration:.01ms!important}
}