.hotel-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:var(--transition-smooth);display:flex;flex-direction:column;height:auto;max-height:100%;overflow:hidden;width:100%;max-width:100%}.hotel-card:hover{background:var(--glass-hover-bg);box-shadow:var(--glass-shadow-strong);transform:translateY(-4px);z-index:10}.hotel-card .hotel-image-container{position:relative;width:100%;height:140px;overflow:hidden;flex-shrink:0}.hotel-card .hotel-main-image{width:100%;height:100%;object-fit:cover}.hotel-card .hotel-badge{position:absolute;top:8px;left:8px;padding:3px 8px;border-radius:var(--radius-sm);font-size:.6rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgb(0 0 0 / 50%);z-index:5}.hotel-select-circle{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;background:#ffffffe5;border:2px solid #cbd5e1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.hotel-select-circle:hover{background:#fff;border-color:#3b82f6;transform:scale(1.05)}.hotel-select-circle.selected{background:#3b82f6;border-color:#3b82f6}.select-checkmark{color:#fff;font-size:16px;font-weight:700;line-height:1}.hotel-card .hotel-badge.best-cancellation{background-color:#10b981}.hotel-card .hotel-badge.pay-later{background-color:#3b82f6}.hotel-card .hotel-badge.best-value{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b66;animation:pulse-glow 2s ease-in-out infinite;font-weight:700;letter-spacing:.3px}@keyframes pulse-glow{0%,to{box-shadow:0 2px 8px #f59e0b66}50%{box-shadow:0 2px 12px #f59e0b99}}.hotel-card .hotel-badge.best-eco{background-color:#059669}.hotel-card .hotel-fav-btn{position:absolute;top:10px;right:10px;width:36px;height:36px;background:#fffffff2;border:1px solid rgb(0 0 0 / 10%);border-radius:50%;box-shadow:0 2px 8px #0003;z-index:5;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth);color:var(--text-main)}.hotel-card .hotel-fav-btn:hover{background:var(--glass-accent-bg);border-color:var(--glass-accent-border);color:#ef4444;transform:scale(1.1)}.hotel-card .hotel-info-section{padding:8px 10px;border-bottom:1px solid var(--glass-border);flex-shrink:0;background:var(--glass-bg-subtle)}.hotel-card .hotel-name{font-size:.9rem;font-weight:700;color:var(--text-main);margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hotel-card .hotel-location{display:flex;align-items:center;gap:3px;font-size:.75rem;color:var(--text-muted);margin-bottom:4px}.hotel-card .hotel-rating-row{display:flex;align-items:center;gap:6px;margin-bottom:4px}.hotel-card .hotel-stars{display:flex;gap:1px}.hotel-card .hotel-review-score{display:flex;align-items:center;gap:4px;font-size:.75rem}.hotel-card .hotel-description{font-size:.8rem;color:var(--text-secondary);line-height:1.4;margin:6px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hotel-card .score{font-weight:700;color:var(--text-main)}.hotel-card .reviews{color:var(--text-muted)}.hotel-card .hotel-amenities{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-start;margin-top:8px;min-height:52px;max-height:52px;overflow:hidden}.hotel-card .amenity-item{display:flex;align-items:center;gap:4px;font-size:.6rem;color:var(--text-secondary);padding:3px 6px;background:var(--glass-bg-subtle);border:1px solid var(--glass-border);border-radius:var(--radius-sm)}.hotel-card .amenity-item svg{color:var(--primary-blue)}.hotel-card .more-amenities{font-size:.7rem;color:var(--primary-blue);font-weight:600}.hotel-card .room-types-section{padding:6px 8px 8px;background:var(--glass-bg-subtle);border-bottom:1px solid var(--glass-border);flex-shrink:0}.hotel-card .room-types-title{font-size:.75rem;font-weight:600;color:var(--text-main);margin:0 0 4px}.hotel-card .room-carousel-container{position:relative;height:130px;display:flex;align-items:center}.hotel-card .room-types-scroll{display:flex;gap:10px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:2px;width:100%;justify-content:center}.hotel-card .room-types-scroll::-webkit-scrollbar{display:none}.hotel-card .room-option{min-width:110px;flex-shrink:0;background:var(--glass-bg);border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--glass-border);transition:var(--transition-smooth);cursor:pointer}.hotel-card .room-option:hover{background:var(--glass-bg-strong);box-shadow:var(--glass-shadow);transform:translateY(-2px) scale(1.02)}.hotel-card .room-image{width:100%;height:85px;object-fit:cover}.hotel-card .room-details{padding:4px;display:flex;flex-direction:column;gap:1px}.hotel-card .room-type-name{font-size:.7rem;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hotel-card .room-meal{font-size:.65rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:1px 0}.hotel-card .room-price{font-size:.75rem;font-weight:600;color:#fff;background:#0009;padding:2px 6px;border-radius:4px}.hotel-card .room-scroll-btn{position:absolute;top:50%;transform:translateY(-50%);background:#fff;border:1px solid var(--border-subtle);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;box-shadow:0 2px 8px #00000026;transition:all .2s}.hotel-card .room-scroll-btn:hover{background-color:var(--primary-blue);color:#fff}.hotel-card .room-scroll-btn.left,.hotel-card .room-scroll-btn-left{left:-5px}.hotel-card .room-scroll-btn.right,.hotel-card .room-scroll-btn-right{right:-5px}.hotel-card .hotel-card-footer{padding:6px 8px 8px;flex-shrink:0;background:var(--glass-bg-subtle);border-top:1px solid var(--glass-border);margin-top:auto}.hotel-card .hotel-pricing{margin-bottom:6px}.hotel-card .price-info{display:flex;flex-direction:column;gap:2px}.hotel-card .price-label{font-size:.7rem;color:var(--text-muted)}.hotel-card .price-range{font-size:1rem;font-weight:700;color:#fff;background:#000000a6;padding:4px 10px;border-radius:6px;text-shadow:0 1px 2px rgb(0 0 0 / 50%)}.hotel-card .price-per-room{font-size:.7rem;color:var(--text-secondary);font-style:italic;margin-top:2px}.hotel-card .excluded-taxes-notice{margin-top:8px;padding:6px 8px;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-sm)}.hotel-card .excluded-taxes-label{display:block;font-size:.65rem;font-weight:600;color:#dc2626;margin-bottom:4px}.hotel-card .excluded-tax-item{display:flex;justify-content:space-between;align-items:center;font-size:.65rem;color:#991b1b;padding:2px 0}.hotel-card .tax-name{text-transform:capitalize;color:#991b1b}.hotel-card .tax-amount{font-weight:600;color:#dc2626}.hotel-card .hotel-actions{display:flex;gap:6px}.hotel-card .hotel-actions>button{flex:1 1 0%;display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 8px;border-radius:var(--radius-sm);font-weight:600;font-size:.65rem;cursor:pointer;transition:var(--transition-smooth);box-sizing:border-box}.hotel-card .btn-view-details{background:var(--glass-bg-subtle);border:1.5px solid var(--border-subtle);color:var(--text-secondary)}.hotel-card .btn-view-details:hover{background:var(--glass-bg);border-color:var(--primary-blue);color:var(--primary-blue);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.hotel-card .btn-add-planner{background:var(--glass-bg);border:1.5px solid var(--primary-blue);color:var(--primary-blue)}.hotel-card .btn-add-planner:hover{color:var(--text-secondary);border-color:var(--border-subtle);background:var(--glass-bg-subtle);transform:translateY(-1px)}.hotel-card .btn-add-primary{background:var(--primary-blue);border:1.5px solid var(--primary-blue);color:#fff;box-shadow:var(--shadow-glow-subtle)}.hotel-card .btn-add-primary:hover{background:var(--primary-blue-hover);transform:translateY(-1px);box-shadow:var(--shadow-glow-blue)}@media(max-width:768px),(hover:none)and (pointer:coarse){.hotel-card .hotel-fav-btn,.hotel-card .hotel-select-circle,.hotel-card .room-scroll-btn{width:44px;height:44px;min-width:44px;min-height:44px}.hotel-card .hotel-actions>button{min-height:44px;padding:10px 12px}}.hotel-card .hotel-image-container:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,rgb(0 0 0 / 70%) 0%,rgb(0 0 0 / 30%) 50%,transparent 100%);pointer-events:none}.hotel-card .hotel-image-container .text-on-dark,.hotel-card .hotel-image-container h3,.hotel-card .hotel-image-container h4,.hotel-card .hotel-image-container .price-display{color:#fff;text-shadow:0 1px 3px rgb(0 0 0 / 60%)}.hotel-card .hotel-select-circle{background:#fffffff2;border:2px solid #3b82f6;box-shadow:0 2px 8px #00000040;z-index:5}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.hotel-card-skeleton{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb;display:flex;flex-direction:column}.skeleton-hotel-image{width:100%;height:200px;flex-shrink:0}.skeleton-hotel-info{padding:16px;display:flex;flex-direction:column;gap:12px;flex:1}.skeleton-hotel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.skeleton-hotel-name{flex:1;height:20px;max-width:200px}.skeleton-hotel-rating{width:60px;height:20px;flex-shrink:0}.skeleton-hotel-location{width:150px;height:14px}.skeleton-hotel-amenities{display:flex;gap:8px;flex-wrap:wrap}.skeleton-amenity{width:70px;height:24px;border-radius:12px}.skeleton-hotel-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;border-top:1px solid #e5e7eb}.skeleton-hotel-price{display:flex;flex-direction:column;gap:4px}.skeleton-price-label{width:60px;height:12px}.skeleton-price-value{width:80px;height:24px}.skeleton-hotel-button{width:100px;height:36px;border-radius:6px}.hotel-results-skeleton{padding:20px}.skeleton-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:16px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.skeleton-title{width:200px;height:20px}.skeleton-sort{width:120px;height:36px;border-radius:6px}.skeleton-hotel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}@media(max-width:768px){.skeleton-hotel-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.skeleton-hotel-image{height:160px}}@media(max-width:480px){.skeleton-hotel-grid{grid-template-columns:1fr}.skeleton-header{flex-direction:column;gap:12px}.skeleton-title,.skeleton-sort{width:100%}}