/* Premium attraction cards across destination pages */
.attraction-gallery{position:relative;padding:clamp(44px,6vw,84px) 20px;background:linear-gradient(180deg,#f7fbff 0%,#fff 100%);isolation:isolate}
.attraction-inner{max-width:1200px;margin:0 auto}.attraction-heading{text-align:center;margin:0 auto 30px;max-width:720px}.attraction-heading>span{display:inline-block;font-size:11px;letter-spacing:2.2px;font-weight:800;color:#c08b35;margin-bottom:10px}.attraction-heading h2{font-size:clamp(27px,3.4vw,42px);line-height:1.15;margin:0 0 12px;color:#112b46;font-weight:800}.attraction-heading p{color:#627386;margin:0;font-size:15px;line-height:1.7}.attraction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.attraction-card{position:relative;overflow:hidden;min-height:340px;border-radius:20px;background:#dbe7ef;box-shadow:0 14px 35px #102d4617;transform:translateZ(0)}.attraction-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1);}.attraction-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(5,20,34,.84) 100%);pointer-events:none}.attraction-card:hover img{transform:scale(1.07)}.attraction-overlay{position:absolute;z-index:1;left:22px;right:22px;bottom:22px;color:#fff}.attraction-overlay>span{font-size:11px;font-weight:800;letter-spacing:2px;color:#f5c66c}.attraction-overlay h3{font-size:23px;line-height:1.2;margin:8px 0}.attraction-overlay p{font-size:13px;line-height:1.5;margin:0;color:#f0f5fa}.vslide img{object-fit:cover}.vslide video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s}.vslide video.ok{opacity:1}.vslide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,24,42,.62),rgba(5,24,42,.05) 80%);pointer-events:none}
@media(max-width:760px){.attraction-grid{grid-template-columns:1fr;gap:16px}.attraction-card{min-height:300px}.attraction-gallery{padding:42px 16px}.attraction-overlay h3{font-size:21px}}

/* Photo-first attraction cards */
.attraction-card img{display:block;width:100%;height:100%;min-height:260px;object-fit:cover;transition:transform .6s ease; background:#dff4ff}
.attraction-card:hover img{transform:scale(1.045)}
.attraction-card{overflow:hidden}
@media(max-width:600px){.attraction-card img{min-height:220px}}