.exp-card{position:relative;overflow:hidden;cursor:pointer;isolation:isolate;transition:transform .35s ease,box-shadow .35s ease}.exp-card>i,.exp-card>h3,.exp-card>p{transition:opacity .28s ease,transform .38s ease}.exp-card:after{content:"↻";position:absolute;z-index:4;right:24px;top:20px;color:#789087;font-size:14px}.card-detail{position:absolute;z-index:3;inset:0;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;opacity:0;transform:translateY(12px);transition:opacity .35s ease,transform .4s ease}.card-detail:before{content:"";position:absolute;z-index:-2;inset:0;background:var(--photo) center/cover no-repeat;transform:scale(1.06);transition:transform .6s ease}.card-detail:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,rgba(11,44,35,.92),rgba(11,44,35,.18) 78%)}.card-detail small{font-size:8px;letter-spacing:.18em}.card-detail h4{margin:8px 0 10px;font:500 25px "Playfair Display",serif}.card-detail p{font-size:10px;line-height:1.6;color:rgba(255,255,255,.82)}.exp-card:hover,.exp-card:focus,.exp-card.flipped{transform:translateY(-4px);box-shadow:0 20px 38px rgba(42,61,52,.1);outline:none}.exp-card:hover>i,.exp-card:hover>h3,.exp-card:hover>p,.exp-card:focus>i,.exp-card:focus>h3,.exp-card:focus>p,.exp-card.flipped>i,.exp-card.flipped>h3,.exp-card.flipped>p{opacity:0;transform:translateY(-10px)}.exp-card:hover .card-detail,.exp-card:focus .card-detail,.exp-card.flipped .card-detail{opacity:1;transform:none}.exp-card:hover .card-detail:before,.exp-card:focus .card-detail:before,.exp-card.flipped .card-detail:before{transform:scale(1)}.culture{--photo:url("assets/media/gallery/tapinak-detaylari.jpg")}.taste{--photo:url("assets/media/gallery/yerel-pazar.jpg")}.nature{--photo:url("assets/media/gallery/ada-manzarasi-golgelik.jpg")}.wellness{--photo:url("assets/media/gallery/bulutlu-sahil.jpg")}.sea{--photo:url("assets/media/gallery/turkuaz-koy-tekne.jpg")}.moments{--photo:url("assets/media/gallery/farkli-deneyimler-fil-yakin.jpg")}@media(hover:none){.exp-card:hover>i,.exp-card:hover>h3,.exp-card:hover>p{opacity:1;transform:none}.exp-card:hover .card-detail{opacity:0;transform:translateY(12px)}.exp-card.flipped>i,.exp-card.flipped>h3,.exp-card.flipped>p{opacity:0;transform:translateY(-10px)}.exp-card.flipped .card-detail{opacity:1;transform:none}}