.hotel-card{cursor:pointer;border:1px solid #e5e5e5;border-radius:1rem;flex-direction:column;flex-shrink:0;min-width:16rem;max-width:16rem;display:flex;overflow:hidden}.hotel-card:hover .hc-title{text-decoration:underline}.hc-image{background-color:#f0f0f0;flex-shrink:0;width:100%;height:10rem;min-height:10rem;position:relative;overflow:hidden}.hc-image .rating-bar{background:#fff;border-radius:100rem;align-items:center;width:auto;padding:.2rem 1.2rem .2rem .2rem;display:flex;position:absolute;top:1rem;left:1rem}.hc-image .rating-bar .rate-ball{width:2rem;height:2rem;font-family:var(--font-suse);color:#fff;-webkit-user-select:none;user-select:none;background-color:#58805c;border-radius:50%;justify-content:center;align-items:center;font-size:.73rem;display:flex}.hc-image .rating-bar .r-wrap{font-family:var(--font-suse);flex-direction:column;margin-left:.5rem;font-size:.75rem;display:flex}.hc-image .rating-bar .r-wrap div{font-weight:600}.hc-image img{object-fit:cover;width:100%;height:100%}.hc-content{flex-direction:column;flex:1;padding:.75rem;display:flex}.hc-title{font-family:var(--font-faculty);color:#1a1a1a;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.25rem;font-size:.85rem;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.hc-location{font-family:var(--font-suse);color:#666;white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.hc-amenties{flex-direction:column;margin-top:.2rem;display:flex}.hc-amenties .a-itm{font-family:var(--font-suse);color:#666;align-items:center;gap:.3rem;font-size:.7rem;display:flex}.hc-amenties .a-itm svg{width:.9rem;height:.9rem}.hc-amenties .a-itm.vip{color:#58805c}.hotel-card .price-wrapper{flex-direction:column;justify-content:end;align-items:end;gap:.5rem;margin-top:auto;display:flex}.hotel-card .price-wrapper .price-details{align-items:end;gap:.3rem;display:flex}.hotel-card .price-wrapper .price-details .pinner-wrap{align-items:center;gap:.5rem;display:flex}.hotel-card .price-wrapper .price-details .pinner-wrap div{font-family:var(--font-faculty);font-size:1.1rem;font-weight:500}.hotel-card .price-wrapper .price-details span{font-size:.75rem;font-family:var(--font-suse);color:#666}.hotel-card .price-wrapper .total-cost,.hotel-card .price-wrapper .roomst-details{font-size:.65rem;font-family:var(--font-suse);color:#999}.hotel-card .price-wrapper .detail-btn{width:100%;min-width:10rem;height:2.2rem;font-family:var(--font-faculty);-webkit-user-select:none;user-select:none;background-color:#e7eee8;border-radius:10rem;justify-content:center;align-items:center;font-size:.7rem;display:flex}.hotel-card .price-wrapper .detail-btn svg{width:.8rem;height:.8rem}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.hotel-card.skeleton{pointer-events:none}.hotel-card.skeleton .hc-image-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;width:100%;height:100%;animation:1.5s linear infinite shimmer}.hotel-card.skeleton .hc-title-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:.25rem;width:80%;height:1rem;margin-bottom:.5rem;animation:1.5s linear infinite shimmer}.hotel-card.skeleton .hc-location-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:.25rem;width:60%;height:.7rem;animation:1.5s linear infinite shimmer}.hotel-card.skeleton .hc-amenity-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:.25rem;width:70%;height:.7rem;margin-top:.3rem;animation:1.5s linear infinite shimmer}.hotel-card.skeleton .hc-price-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:.25rem;width:5rem;height:1.5rem;animation:1.5s linear infinite shimmer}.hotel-card.skeleton .hc-total-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:.25rem;width:6rem;height:.8rem;animation:1.5s linear infinite shimmer}.hotel-card.skeleton .hc-btn-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:10rem;width:100%;height:2.4rem;animation:1.5s linear infinite shimmer}