/* Lanta Seewind Travel — progressive-enhancement 3D tour cards */
.tour3d-grid{list-style:none;padding:0;align-items:stretch;perspective:1200px}
.tour3d-item{min-width:0;perspective:1200px}
.tour3d-card{position:relative;isolation:isolate;height:370px;min-height:370px;border-radius:18px;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-style:preserve-3d;transition:transform .35s ease,box-shadow .35s ease;box-shadow:0 12px 28px rgba(5,35,54,.13);will-change:transform;background:#082c47}
.tour3d-card:hover{box-shadow:0 25px 45px rgba(5,35,54,.24)}
.tour3d-depth{position:absolute;inset:0;overflow:hidden;border-radius:inherit;transform:translateZ(24px);background:#082c47}
.tour3d-depth picture,.tour3d-depth picture img{display:block;width:100%;height:100%}
.tour3d-depth picture img{object-fit:cover;transition:transform .5s ease}
.tour3d-card:hover .tour3d-depth picture img{transform:scale(1.07)}
.tour3d-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,22,35,.18) 0%,rgba(0,22,35,.08) 30%,rgba(0,20,34,.82) 100%);pointer-events:none}
.tour3d-time{position:absolute;top:15px;left:15px;max-width:calc(100% - 30px);padding:7px 11px;border-radius:7px;background:rgba(255,255,255,.94);color:#082c47;font-size:.78rem;font-weight:700;line-height:1.4}
.tour3d-info{position:absolute;bottom:0;left:0;right:0;padding:20px;color:#fff;display:flex;flex-direction:column;gap:8px}
.tour3d-info h3{font-size:clamp(1.2rem,1.6vw,1.55rem);line-height:1.2;margin:0;color:#fff}
.tour3d-info p{font-size:.9rem;line-height:1.45;margin:0;color:rgba(255,255,255,.9)}
.tour3d-info strong{font-size:.94rem;color:#ffd28a}
.tour3d-button{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-top:7px;padding:11px 14px;border:1px solid rgba(255,255,255,.8);border-radius:8px;background:rgba(255,255,255,.95);color:#082c47;font:inherit;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}
.tour3d-button:hover,.tour3d-button:focus-visible{background:#f0bf70;transform:translateY(-2px)}
.tour3d-button:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:700px){.tour3d-card{height:350px;min-height:350px}.tour3d-info{padding:17px}.tour3d-depth{transform:none}}
@media(hover:none),(pointer:coarse){.tour3d-card{transform:none!important;will-change:auto}.tour3d-depth{transform:none}}
@media(prefers-reduced-motion:reduce){.tour3d-card,.tour3d-depth picture img,.tour3d-button{transition:none!important}.tour3d-card{transform:none!important}.tour3d-depth{transform:none}}