:root{--lg-green:var(--color-green,#2E8F63);--lg-green-deep:#17614a;--lg-slate:#5b6672;--lg-line:#e3e7ea;--lg-paper:#f7f8f9;--lg-ink:#14181c;--lg-gold:#f4b22f}.lager-card{display:flex;flex-direction:column;background:#fff;border:1px solid #d6e6de;border-radius:14px;overflow:hidden;transition:box-shadow .3s ease,border-color .3s ease}.lager-card:hover{box-shadow:0 18px 40px -24px rgba(20,24,28,.45)}.lager-card__link{display:flex;flex-direction:column;flex:1;text-decoration:none;color:inherit}.lager-card__link:focus-visible{outline:2px solid var(--lg-green);outline-offset:-2px}.lager-card__media{position:relative;aspect-ratio:3/2;background:var(--lg-paper);overflow:hidden}.lager-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.lager-card:hover .lager-card__media img{transform:scale(1.04)}.lager-card__place{position:absolute;top:0;left:0;padding:.45rem .8rem;background:var(--lg-green);color:#fff;font-size:.68rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.sp-card__top{position:absolute;top:.7rem;right:.7rem;display:flex;justify-content:flex-end;align-items:center}.sp-pill--rating{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:800;border-radius:999px;padding:.32rem .85rem;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.94);color:#14241c;box-shadow:var(--bs-box-shadow-sm)}.sp-pill--rating svg{width:16px;height:16px;fill:var(--lg-gold)}.sp-pill--rating .cnt{color:#5e6b63;font-weight:600}.lager-card__price{position:absolute;right:.9rem;bottom:-1px;display:flex;align-items:baseline;gap:.3rem;padding:.55rem .85rem .5rem;background:#fff;border-radius:4px 4px 0 0}.lager-card__price em{font-style:normal;font-size:.7rem;font-weight:500;color:var(--lg-slate)}.lager-card__body{padding:.9rem 1rem}.hw-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem}.hw-card__trade{display:inline-flex;align-items:center;gap:.35rem;background:var(--lg-green);color:#fff;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:.35rem .8rem}.hw-card__trade svg{width:12px;height:12px}.hw-card__live{display:inline-flex;align-items:center;gap:.3rem;margin-left:auto;font-size:.72rem;font-weight:700;color:var(--lg-green-deep)}.hw-card__live .dot{width:.45rem;height:.45rem;border-radius:50%;background:var(--lg-green);animation:hw-pulse 2.4s ease-in-out infinite}@keyframes hw-pulse{0%{box-shadow:0 0 0 0 rgba(46,143,99,.4)}70%{box-shadow:0 0 0 6px rgba(46,143,99,0)}100%{box-shadow:0 0 0 0 rgba(46,143,99,0)}}.lager-card__name{margin:1rem 0 0;font-size:1.5rem;font-weight:700;color:var(--lg-ink);letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lager-card__contact{margin:0;font-size:1rem;font-weight:700;color:var(--lg-green)}.lager-card__foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem 1rem;margin-top:auto;background:#f1fcf8;border-top:1px solid #2f977236}.lager-card__status{display:inline-flex;align-items:center;font-size:.72rem;letter-spacing:.05em;color:var(--lg-slate)}.lager-card__actions{display:inline-flex;align-items:center;gap:.25rem;font-size:.8rem;font-weight:900;color:var(--lg-slate)}.lager-card__views{display:inline-flex;align-items:center;gap:.35rem;font-weight:700;padding:.25rem .5rem;color:var(--lg-green)}.lager-card__views i{font-size:.78rem;opacity:.65}.lager-card__fav{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .5rem;border-radius:999px;color:var(--lg-slate);font-size:.8rem;cursor:pointer;background:#fff;border:1px solid rgba(47,151,114,.21);transition:color .2s ease,background .2s ease}.lager-card__fav:hover{color:var(--color-green);background:rgba(47,151,114,.41)}.lager-card__fav .fa-heart.fa-solid{color:var(--color-green)}.lager-card__fav:focus-visible{outline:2px solid var(--lg-green);outline-offset:1px}@media (max-width:575.98px){.lager-card__media{aspect-ratio:16/9}}@media (prefers-reduced-motion:reduce){.hw-card__live .dot,.lager-card,.lager-card__fav,.lager-card__media img{transition:none;animation:none}.lager-card:hover .lager-card__media img{transform:none}}@media (hover:none){.lager-card:hover{box-shadow:none;border-color:var(--lg-line)}.lager-card:hover .lager-card__media img{transform:none}}
