.thg-hotel-grid{padding:48px 0;box-sizing:border-box}.thg-hotel-grid-head{margin-bottom:24px}.thg-hotel-grid--center .thg-hotel-grid-head{display:flex;flex-direction:column;align-items:center;text-align:center}.thg-hotel-grid--center .thg-hotel-grid-title,.thg-hotel-grid--center .thg-hotel-grid-subtitle{text-align:center;width:100%}.thg-hotel-grid-title{font-size:28px;font-weight:700;color:#0f294d;margin:0 0 8px;line-height:1.25}.thg-hotel-grid-subtitle{font-size:16px;color:#666;margin:0;line-height:1.5}.thg-hotel-grid-stage{position:relative}.thg-hotel-grid-list{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px;width:100%}.thg-hotel-grid--row .thg-hotel-grid-list{display:flex;flex-wrap:nowrap;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 2px 12px}.thg-hotel-grid--row .thg-hotel-grid-list::-webkit-scrollbar{display:none}.thg-hotel-grid--row .thg-hotel-grid-card{flex:0 0 calc((100% - 48px) / 3);max-width:calc((100% - 48px) / 3);scroll-snap-align:start}.thg-hotel-grid-nav{display:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:40px;height:40px;border-radius:50%;border:1px solid #eef2f6;background:#fff;color:#0f294d;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 4px 12px rgba(15,41,77,0.12);align-items:center;justify-content:center;padding:0}.thg-hotel-grid-nav--prev{left:-12px}.thg-hotel-grid-nav--next{right:-12px}.thg-hotel-grid-nav.is-disabled{opacity:.35;cursor:default;pointer-events:none}@media (min-width:769px){.thg-hotel-grid--row .thg-hotel-grid-nav{display:inline-flex}}.thg-hotel-grid-card{background:#fff;border:1px solid #eef2f6;border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4, 0, .2, 1)}.thg-hotel-grid-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);border-color:#3264ff;text-decoration:none}.thg-hotel-grid-card-media{width:100%;height:220px;overflow:hidden;position:relative;background:#c5d5e8}.thg-hotel-grid-card-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.thg-hotel-grid-card:hover .thg-hotel-grid-card-image{transform:scale(1.08)}.thg-hotel-grid-card-badge{position:absolute;top:12px;left:12px;z-index:2;background:#3264ff;color:#fff;font-size:12px;font-weight:600;line-height:1.4;padding:4px 10px;border-radius:24px;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thg-hotel-grid-card-rating{display:flex;align-items:center;position:absolute;bottom:12px;left:12px;z-index:1;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#000000a3;border-radius:24px;color:#fff;font-weight:500;padding:6px;gap:4px}.thg-hotel-grid-card-score{background:#3264ff;color:#fff;padding:2px 8px;border-radius:8px;font-size:13px;font-weight:700;line-height:1.2}.thg-hotel-grid-card-count{font-size:12px;color:rgba(255,255,255,0.9)}.thg-hotel-grid-card-body{padding:20px;flex:1;display:flex;flex-direction:column}.thg-hotel-grid-card-body h3{font-size:20px;color:#0f294d;margin:0 0 8px;font-weight:700;line-height:1.4}.thg-hotel-grid-card-stars{display:inline;color:#fbbf24;font-size:14px;line-height:1;white-space:nowrap;margin-left:6px;vertical-align:middle}.thg-hotel-grid-card-location{display:flex;align-items:flex-start;gap:6px;font-size:14px;font-weight:700;color:#3264ff;margin-bottom:10px;line-height:1.4}.thg-hotel-grid-card-pin{flex:0 0 auto;margin-top:2px;color:#3264ff}.thg-hotel-grid-card-amenities{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.thg-hotel-grid-card-amenity{font-size:12px;line-height:1.2;color:#455873;background:#f5f7fa;border-radius:4px;padding:4px 8px}.thg-hotel-grid-card-desc{margin:0 0 12px;font-size:14px;line-height:1.45;color:#475569;flex:1;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.thg-hotel-grid-card-highlights{list-style:none;margin:0 0 12px;padding:0;flex:1}.thg-hotel-grid-card-highlight{position:relative;padding-left:22px;margin:0 0 8px;font-size:14px;line-height:1.45;color:#0f294d}.thg-hotel-grid-card-highlight:last-child{margin-bottom:0}.thg-hotel-grid-card-highlight::before{content:'';position:absolute;left:0;top:3px;width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%233264ff' d='M6.5 11.2 2.8 7.5l1.1-1.1 2.6 2.6 5.6-5.6 1.1 1.1z'/%3E%3C/svg%3E") center / contain no-repeat}.thg-hotel-grid-card-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px}.thg-hotel-grid-card-foot--no-price{justify-content:flex-end}.thg-hotel-grid-card-price{font-size:17px;font-weight:800;color:#3264ff;display:flex;align-items:baseline;gap:4px;flex-wrap:wrap}.thg-hotel-grid-card-price span{font-size:13px;font-weight:400;color:#64748b}.thg-hotel-grid-card-book{display:inline-block;background:#3264ff;color:#fff;padding:8px 16px;text-align:center;border-radius:8px;font-weight:700;font-size:14px;white-space:nowrap}.thg-hotel-grid-card:hover .thg-hotel-grid-card-book{background:#1e40af}.thg-hotel-grid-more{width:100%;display:flex;justify-content:center;align-items:center;margin-top:32px}.thg-hotel-grid-more-btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;text-decoration:none;min-width:200px;height:44px;padding:0 32px;border-radius:4px;background:#3264ff;color:#fff;font-size:16px;line-height:22px;font-weight:600}.thg-hotel-grid-more-btn:hover{background:#2c59e5;color:#fff;text-decoration:none}@media (max-width:1024px){.thg-hotel-grid:not(.thg-hotel-grid--row) .thg-hotel-grid-list{grid-template-columns:repeat(2, 1fr);gap:20px}.thg-hotel-grid--row .thg-hotel-grid-card{flex-basis:calc((100% - 20px) / 2);max-width:calc((100% - 20px) / 2)}}@media (max-width:768px){.thg-hotel-grid{padding:32px 0}.thg-hotel-grid-title{font-size:26px}.thg-hotel-grid:not(.thg-hotel-grid--row) .thg-hotel-grid-list{grid-template-columns:1fr}.thg-hotel-grid--row .thg-hotel-grid-card{flex-basis:82%;max-width:82%}.thg-hotel-grid-card-media{height:200px}.thg-hotel-grid-more-btn{width:100%;min-width:0;height:48px;border-radius:8px}}