.hcard{background:var(--white);border:1px solid var(--line);color:var(--ink);border-radius:24px;flex-direction:column;min-width:0;transition:box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden}.hcard:has(.hcard-link):hover{transform:translateY(-3px);box-shadow:0 24px 44px -22px #0a271059}.hcard-link{z-index:2;border-radius:inherit;position:absolute;inset:0}.hcard-link:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.hcard-media{aspect-ratio:4/3.1;background:var(--cream);position:relative;overflow:hidden}.hcard-media img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.hcard:hover .hcard-media img{transform:scale(1.04)}.hcard .hcard-media .cat{z-index:1;color:var(--lime);letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a2710d1;border-radius:100px;padding:6px 12px;font-size:10.5px;font-weight:700;position:absolute;top:12px;left:12px}.hcard .hcard-media .fav{z-index:3;cursor:pointer;width:34px;height:34px;color:var(--ink);background:#ffffffe6;border:0;border-radius:50%;place-items:center;font-size:17px;transition:transform .15s;display:grid;position:absolute;top:12px;right:12px}.hcard .hcard-media .fav:hover{transform:scale(1.08)}.hcard .hcard-media .fav.on{color:#e0464b}.hcard-body{flex-direction:column;flex:1;gap:4px;padding:16px 18px 18px;display:flex}.hcard-top{justify-content:space-between;align-items:center;gap:10px;min-height:18px;display:flex}.hcard-top small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.hcard-rate{white-space:nowrap;align-items:center;gap:4px;font-size:13px;font-weight:600;display:inline-flex}.hcard-rate svg{color:var(--ink);font-size:13px}.hcard-rate em{color:var(--muted);font-style:normal;font-weight:400}.hcard-body h3{font-family:var(--heading);letter-spacing:-.02em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 0;font-size:17.5px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.hcard .loc{color:var(--muted);align-items:center;gap:5px;margin-bottom:10px;font-size:12.5px;display:flex}.hcard .card-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:auto;padding-top:13px;display:flex}.hcard .price b{letter-spacing:-.02em;font-size:18px;font-weight:600}.hcard .go{background:var(--lime);border-radius:50%;place-items:center;width:36px;height:36px;font-size:15px;transition:transform .2s;display:grid}.hcard:hover .go{transform:rotate(45deg)}.hcard-body .sk{display:block}
