.place-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px}.place-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 15px #0000000f;border:1px solid #f1f5f9;cursor:pointer;display:flex;flex-direction:column;transition:all .8s}.place-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px #0000001f}.place-img-wrapper{position:relative;height:200px;overflow:hidden}.place-img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.place-card:hover .place-img{transform:scale(1.08)}.place-rating{position:absolute;top:15px;right:15px;background:#fff;padding:4px 10px;border-radius:20px;display:flex;align-items:center;gap:4px;font-size:.85rem;font-weight:600;color:#0f172a;box-shadow:0 4px 10px #0000001a}.review-count{color:#94a3b8;font-size:.75rem;font-weight:400}.place-info{padding:20px;display:flex;flex-direction:column;flex-grow:1}.place-name{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:8px}.place-meta{display:flex;align-items:center;gap:15px;color:#64748b;font-size:.85rem;margin-bottom:12px}.place-meta span{display:flex;align-items:center;gap:4px}.place-desc{color:#475569;font-size:.95rem;line-height:1.5;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.place-action{margin-top:auto;padding-top:15px;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end}.view-details{display:flex;align-items:center;gap:5px;color:#10b981;font-weight:600;font-size:.9rem;transition:color .2s}.place-card:hover .view-details{color:#047857}.tour-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.tour-card{background:#fff;border-radius:16px;padding:25px 20px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 15px #0000000d;border:1px solid #f1f5f9;cursor:pointer;transition:all .8s ease}.tour-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 30px #0000001a;border-color:#cbd5e1}.tour-card-icon{width:65px;height:65px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;transition:transform .8s}.tour-card:hover .tour-card-icon{transform:rotate(5deg) scale(1.1)}.bg-red{background:linear-gradient(135deg,#ef4444,#f87171)}.bg-blue{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.bg-pink{background:linear-gradient(135deg,#ec4899,#f472b6)}.bg-green{background:linear-gradient(135deg,#10b981,#34d399)}.bg-orange{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.bg-purple{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.bg-gold{background:linear-gradient(135deg,#d97706,#fcd34d)}.bg-teal{background:linear-gradient(135deg,#14b8a6,#2dd4bf)}.tour-card-info h3{font-size:1.15rem;color:#0f172a;margin-bottom:4px}.tour-card-info p{font-size:.85rem;color:#64748b;line-height:1.4}.tour-recommend-section{margin-top:40px}.tour-recommend-grid{display:flex;flex-direction:row;overflow-x:auto;gap:25px;width:100%;padding-bottom:20px;padding-left:20px;padding-right:20px;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.tour-recommend-grid::-webkit-scrollbar{display:none}.tour-recommend-grid{-ms-overflow-style:none;scrollbar-width:none}.recommend-card{display:flex;position:relative;border-radius:20px;overflow:hidden;height:250px;width:280px;flex-shrink:0;scroll-snap-align:center;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}@media (min-width: 768px){.tour-recommend-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;overflow-x:visible}.recommend-card{width:auto;flex-shrink:1}}.recommend-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px #00000026}.recommend-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.recommend-card:hover img{transform:scale(1.08)}.recommend-info{position:absolute;bottom:0;left:0;right:0;padding:40px 20px 20px;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);color:#fff}.tour-tag{display:inline-block;background:#ffde59;color:#10215a;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;margin-bottom:8px}.recommend-info h4{font-size:1.25rem;font-weight:500;margin:0}