.place-close{display:none}
.place-card-inner{display:contents}

@media(max-width:900px){
  body.place-dialog-open{overflow:hidden}
  .place-card{
    display:none;
    position:fixed;
    inset:0;
    z-index:100;
    min-height:100dvh;
    padding:22px;
    background:rgba(33,47,36,.66);
    color:#26372c;
    backdrop-filter:blur(11px) saturate(.8);
    -webkit-backdrop-filter:blur(11px) saturate(.8);
    align-items:center;
    justify-content:center;
    overflow-y:auto;
    opacity:0;
    transition:opacity .2s ease;
  }
  .place-card.is-open{display:flex;opacity:1}
  .place-card-inner{
    display:flex;
    position:relative;
    flex-direction:column;
    justify-content:center;
    width:min(100%,560px);
    max-height:calc(100dvh - 44px);
    padding:58px 27px 30px;
    overflow-y:auto;
    border:1px solid rgba(77,105,76,.28);
    border-radius:20px;
    background:rgba(250,247,237,.97);
    box-shadow:0 24px 70px rgba(25,38,28,.34);
    transform:translateY(12px) scale(.98);
    transition:transform .22s ease;
  }
  .place-card.is-open .place-card-inner{transform:translateY(0) scale(1)}
  .place-card p{color:#4e6054}
  .place-card .place-number{color:#b56d35}
  .place-card h3{font-size:clamp(32px,9vw,46px);max-width:470px;color:#315c45}
  .place-tags span{border-color:rgba(49,92,69,.24);background:#eef1e5;color:#315c45}
  .place-status{border-top-color:rgba(49,92,69,.18)}
  .place-status i{background:#e2a83f}
  .place-close{
    display:grid;
    place-items:center;
    position:absolute;
    top:14px;
    right:14px;
    width:46px;
    height:46px;
    border-radius:50%;
    border:1px solid rgba(49,92,69,.25);
    background:#f4ead5;
    color:#315c45;
    font-size:32px;
    font-weight:300;
    line-height:1;
    cursor:pointer;
  }
  .place-close:focus-visible{outline:3px solid #e2a83f;outline-offset:3px}
}

@media(min-width:901px){
  .place-card{display:flex!important}
  .place-card-inner{display:contents}
}