.parks-wrapper{margin:0 auto;max-width:1600px;padding:20px;width:100%}.parks-grid{display:grid;gap:20px;grid-template-columns:repeat(4,1fr);justify-items:center}.park-card{border-radius:20px;box-shadow:0 4px 12px rgba(0,0,0,.1);display:block;height:280px;max-width:400px;overflow:hidden;text-decoration:none;transition:all .4s ease;width:100%}.park-card:hover{box-shadow:0 12px 28px rgba(0,0,0,.25);transform:translateY(-8px) scale(1.02)}.park-image{background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;display:flex;flex-direction:column;height:100%;justify-content:flex-end;position:relative;width:100%}.park-overlay{background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.2) 70%,rgba(2,22,38,.85));bottom:0;left:0;position:absolute;right:0;top:0;transition:all .4s ease;z-index:1}.park-card:hover .park-overlay{background:linear-gradient(180deg,rgba(0,0,0,.2) 0,rgba(0,0,0,.4) 50%,rgba(2,22,38,.95))}.park-card:hover .park-image{filter:brightness(1.1)}.park-content{background:linear-gradient(0deg,rgba(2,22,38,.9),transparent);padding:20px;position:relative;z-index:2}.park-content h3{color:#fff;font-size:20px;font-weight:500;letter-spacing:.3px;line-height:1.3;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.4);transition:all .3s ease}.park-card:hover .park-content h3{text-shadow:0 4px 8px rgba(0,0,0,.5);transform:translateY(-4px)}.no-results{color:#666;font-size:16px;padding:40px 20px;text-align:center}@media (max-width:1200px){.parks-grid{gap:18px;grid-template-columns:repeat(3,1fr)}.park-card{height:260px}.park-content h3{font-size:18px}}@media (max-width:991px){.parks-wrapper{padding:15px}.parks-grid{gap:15px;grid-template-columns:repeat(3,1fr)}.park-card{height:240px}.park-content{padding:18px}.park-content h3{font-size:17px}}@media (max-width:767px){.parks-wrapper{padding:10px}.parks-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.park-card{border-radius:16px;height:220px}.park-content{padding:15px}.park-content h3{font-size:16px}}@media (max-width:550px){.parks-grid{gap:10px}.park-card{border-radius:14px;height:200px}.park-content{padding:12px}.park-content h3{font-size:15px}}@media (max-width:375px){.parks-grid{gap:10px;grid-template-columns:1fr}.park-card{height:220px}.park-content h3{font-size:16px}}