.attractions{background:var(--white);position:relative}.attractions-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:.9375rem;font-weight:500;color:var(--text-muted);background:var(--cream);border:2px solid transparent;border-radius:50px;transition:var(--transition)}.tab-btn:hover{color:var(--primary);border-color:var(--border);transform:translateY(-2px)}.tab-btn.active{background:var(--primary);color:var(--white);border-color:var(--primary);box-shadow:0 8px 25px rgba(15,23,42,.2)}.attractions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:1.5rem;gap:1.5rem}.attraction-card{background:var(--white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 4px 20px rgba(15,23,42,.06);transition:var(--transition);border:1px solid var(--border)}.attraction-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(15,23,42,.1);border-color:rgba(212,168,83,.3)}.attraction-image{height:200px;overflow:hidden;position:relative}.attraction-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.attraction-card:hover .attraction-image img{transform:scale(1.08)}.attraction-distance{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;gap:.25rem;padding:.375rem .75rem;background:rgba(15,23,42,.85);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:50px;color:var(--accent);font-size:.75rem;font-weight:600}.attraction-content{padding:1.25rem}.attraction-content h4{font-family:var(--font-display);font-size:1.125rem;font-weight:600;color:var(--text-dark);margin-bottom:.375rem}.attraction-content p{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--text-muted)}.attraction-content p svg{color:var(--accent)}@media (max-width:992px){.attractions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.attractions-tabs{gap:.5rem;margin-bottom:1.25rem}.tab-btn{padding:.625rem 1.25rem;font-size:.8125rem}.attractions-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:.75rem;padding-bottom:.75rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.attractions-grid::-webkit-scrollbar{display:none}.attraction-card{min-width:220px;flex-shrink:0;scroll-snap-align:start}.attraction-image{height:140px}.attraction-content{padding:.75rem}.attraction-content h4{font-size:.9375rem;margin-bottom:.25rem}.attraction-content p{font-size:.75rem}}