/* Presentation of the original FullHome panorama. All geographic paths and registration matrices remain in map.js/assets.json. */
#fh-alanya-hover-v6{position:relative;isolation:isolate;width:100%;font-family:var(--ui,Arial,sans-serif);color:#252422;background:transparent}
#fh-alanya-hover-v6 .fh-product{position:relative;width:100%}
#fh-alanya-hover-v6 .fh-scene{position:relative;width:100%;max-width:100%;min-width:0;aspect-ratio:1912/788;overflow:hidden;background:#bad0df}
#fh-alanya-hover-v6 .fh-backdrop,#fh-alanya-hover-v6 .fh-original-base,#fh-alanya-hover-v6 .fh-lights,#fh-alanya-hover-v6 .fh-marks,#fh-alanya-hover-v6 .fh-hit{position:absolute;inset:0;width:100%;height:100%}
#fh-alanya-hover-v6 .fh-backdrop{object-fit:cover}
#fh-alanya-hover-v6 .fh-original-base{pointer-events:none;z-index:0}
#fh-alanya-hover-v6 .fh-lights{z-index:1;pointer-events:none}
#fh-alanya-hover-v6 .fh-marks{z-index:2;pointer-events:none}
#fh-alanya-hover-v6 .fh-hit{z-index:3;cursor:pointer}
#fh-alanya-hover-v6 .fh-lit{opacity:0;transition:opacity .16s ease-out}
#fh-alanya-hover-v6 .fh-lit.is-lit{opacity:.75}
#fh-alanya-hover-v6 .fh-boundary{fill:transparent;stroke:#ead7dc;stroke-width:.8;stroke-opacity:.3;vector-effect:non-scaling-stroke}
#fh-alanya-hover-v6 .fh-boundary.is-lit{stroke:#fff0d9;stroke-opacity:1;stroke-width:2;fill:#ffd38e40;filter:drop-shadow(0 0 3px #4d293b)}
#fh-alanya-hover-v6 .fh-boundary-trace{fill:none;stroke:#fff0d9;stroke-width:1.3;vector-effect:non-scaling-stroke;stroke-dasharray:100;stroke-dashoffset:100;opacity:0;transition:stroke-dashoffset .3s,opacity .16s}
#fh-alanya-hover-v6 .fh-boundary-trace.is-lit{stroke-dashoffset:0;opacity:1}
#fh-alanya-hover-v6 .fh-nav{position:absolute;inset:0;z-index:4;pointer-events:none}
#fh-alanya-hover-v6 .fh-district{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);pointer-events:auto;white-space:nowrap;min-height:44px;padding:9px 13px;border:1px solid #d9c1c6;border-radius:7px;background:#fff;color:#252422;font:600 12px/1.4 var(--ui,Arial,sans-serif);box-shadow:0 2px 10px #0002}
#fh-alanya-hover-v6 .fh-leaders line{stroke:#fff9;stroke-width:1;vector-effect:non-scaling-stroke}
#fh-alanya-hover-v6 .fh-leaders circle{fill:#fff;stroke:#644a54;stroke-width:1;vector-effect:non-scaling-stroke}
#fh-alanya-hover-v6 .fh-district.is-active{background:#7d3545;color:#fff;border-color:#fff}
#fh-alanya-hover-v6 .fh-project-tag{position:absolute;z-index:5;pointer-events:none;transform:translate(-50%,-120%);padding:7px 11px;border:1px solid #e6cdd3;border-radius:6px;background:#7d3545;color:#fff;font-size:11px;line-height:1.4;opacity:0;transition:opacity .3s;white-space:nowrap}
#fh-alanya-hover-v6 .fh-project-tag.is-lit{opacity:1}
#fh-alanya-hover-v6 .fh-water-extension{position:relative;padding:0;background:none}
#fh-alanya-hover-v6 .fh-water-extension[hidden],#fh-alanya-hover-v6 .fh-detail[hidden]{display:none!important}
#fh-alanya-hover-v6 .fh-detail{position:relative;display:grid;grid-template-columns:220px minmax(0,1fr) 440px;align-items:center;gap:24px;width:calc(100% - 112px);max-width:1280px;margin:24px auto;padding:24px;background:#fff;border:1px solid #dedad5;border-radius:12px}
#fh-alanya-hover-v6 .fh-detail[data-kind=district]{grid-template-columns:220px minmax(0,1fr)}
#fh-alanya-hover-v6 .fh-detail-image,#fh-alanya-hover-v6 .fh-project-image{display:block;width:220px;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:8px;background:#f0ede8}
#fh-alanya-hover-v6 .fh-district-title{font-size:22px;font-weight:550;line-height:1.3;margin:0 0 10px}
#fh-alanya-hover-v6 .fh-detail-description{font-size:13px;line-height:1.65;color:#706b66;margin:0;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
#fh-alanya-hover-v6 .fh-project-summary{min-width:0}
#fh-alanya-hover-v6 .fh-projects-rail{position:relative;display:flex;overflow:auto;gap:20px;scroll-snap-type:x mandatory;scrollbar-width:none}
#fh-alanya-hover-v6 .fh-projects-rail::-webkit-scrollbar{display:none}
#fh-alanya-hover-v6 .fh-project-card{position:relative;flex:0 0 100%;min-width:0;display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;align-items:center;scroll-snap-align:start}
#fh-alanya-hover-v6 .fh-project-card-body{min-width:0}
#fh-alanya-hover-v6 .fh-project-title{font-size:20px;font-weight:600;line-height:1.25;margin:0 0 9px}
#fh-alanya-hover-v6 .fh-detail-location{font-size:11px;color:#706b66;line-height:1.5;margin:0 0 12px}
#fh-alanya-hover-v6 .fh-source{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:7px;padding:10px 14px;background:#7d3545;color:#fff;font-size:11px;line-height:1.5;text-align:center}
#fh-alanya-hover-v6 .fh-project-pager{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:12px;font-size:11px}
#fh-alanya-hover-v6 .fh-project-pager button{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #dedad5;border-radius:50%;color:#252422;background:#fff}
#fh-alanya-hover-v6 .fh-project-pager button:disabled{opacity:.35;cursor:default}
#fh-alanya-hover-v6 .fh-project-placeholder{display:grid;place-items:center;color:#706b66;font-size:12px}
#fh-alanya-hover-v6 .fh-footer{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1280px;width:calc(100% - 112px);margin:16px auto;padding-bottom:16px;font-size:11px;color:#706b66}
#fh-alanya-hover-v6 .fh-note{margin:0;font-size:10px;line-height:1.5}
#fh-alanya-hover-v6 .fh-demo{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 13px;border:1px solid #dedad5;border-radius:7px;color:#252422;background:#fff;font-size:11px}
#fh-alanya-hover-v6 .fh-demo-mark{width:6px;height:6px;border-radius:50%;background:#7d3545}
#fh-alanya-hover-v6 .fh-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:1100px){#fh-alanya-hover-v6 .fh-detail{grid-template-columns:180px minmax(0,1fr);gap:20px}#fh-alanya-hover-v6 .fh-project-summary{grid-column:1/-1;border-top:1px solid #dedad5;padding-top:20px}#fh-alanya-hover-v6 .fh-detail-image,#fh-alanya-hover-v6 .fh-project-image{width:180px}#fh-alanya-hover-v6 .fh-project-card{grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:640px){#fh-alanya-hover-v6 .fh-nav{position:relative;inset:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:18px 20px 0;pointer-events:auto}#fh-alanya-hover-v6 .fh-district{position:static;transform:none;min-width:0;padding:8px 7px;white-space:normal;font-size:10px}#fh-alanya-hover-v6 .fh-detail,#fh-alanya-hover-v6 .fh-detail[data-kind=district]{width:calc(100% - 40px);padding:18px;grid-template-columns:120px minmax(0,1fr);gap:16px}#fh-alanya-hover-v6 .fh-detail-image,#fh-alanya-hover-v6 .fh-project-image{width:120px}#fh-alanya-hover-v6 .fh-project-card{grid-template-columns:120px minmax(0,1fr);gap:16px}#fh-alanya-hover-v6 .fh-project-summary{grid-column:1/-1;padding-top:18px}#fh-alanya-hover-v6 .fh-district-title{font-size:19px}#fh-alanya-hover-v6 .fh-project-title{font-size:18px}#fh-alanya-hover-v6 .fh-detail-description{font-size:12px;-webkit-line-clamp:4}#fh-alanya-hover-v6 .fh-footer{width:calc(100% - 40px);gap:14px}#fh-alanya-hover-v6 .fh-source{font-size:10px;padding-inline:10px}#fh-alanya-hover-v6 .fh-project-tag{font-size:10px}}

#fh-alanya-hover-v6 .fh-water-extension {
    isolation: isolate;
    z-index: 6;
    margin-top: calc(0px - var(--fh-panel-lift, 0px));
    min-height: var(--fh-panel-lift, 0px);
    padding-bottom: 16px;
    pointer-events: none;
}
#fh-alanya-hover-v6 .fh-water-extension::after {
    content: "";
    position: absolute;
    z-index: -2;
    inset: var(--fh-panel-lift, 0px) 0 0;
    background: #14243c;
}
#fh-alanya-hover-v6 .fh-water-extension::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: var(--fh-panel-lift, 0px) 0 auto;
    height: min(calc(100% - var(--fh-panel-lift, 0px)), 180px);
    background: linear-gradient(0deg, rgb(35 35 34 / 82%), rgb(25 35 51 / 56%) 34%, #14243c 100%),
        var(--fh-water-image) center bottom / var(--fh-water-width, 100%) auto no-repeat;
    transform: scaleY(-1);
    pointer-events: none;
}
.panorama-wrap #fh-alanya-hover-v6 .fh-water-extension .fh-detail {
    --fh-detail-photo-width: clamp(200px, 18vw, 320px);
    --fh-detail-photo-height: calc(var(--fh-detail-photo-width) * .625);
    --fh-detail-photo-gap: clamp(16px, 1.25vw, 24px);
    width: 76%;
    max-width: 1440px;
    max-height: max(160px, calc(100dvh - 140px));
    margin-block: 0;
    padding: clamp(20px, 1.5vw, 28px);
    grid-template-columns: var(--fh-detail-photo-width) minmax(0, 1fr) minmax(0, calc((100% - var(--fh-detail-photo-gap)) / 2));
    gap: var(--fh-detail-photo-gap);
    align-items: start;
    overflow: auto;
    pointer-events: auto;
    color: #fff;
    background: rgb(40 40 40 / 58%);
    border-color: rgb(255 255 255 / 29%);
    box-shadow: 0 14px 35px rgb(9 14 26 / 30%);
    backdrop-filter: blur(10px);
}
.panorama-wrap #fh-alanya-hover-v6 .fh-water-extension .fh-detail[data-kind=district] {
    grid-template-columns: var(--fh-detail-photo-width) minmax(0, 1fr);
}
.panorama-wrap #fh-alanya-hover-v6 .fh-water-extension :is(.fh-detail-image, .fh-project-image) {
    width: var(--fh-detail-photo-width) !important;
    height: var(--fh-detail-photo-height) !important;
    aspect-ratio: 16 / 10 !important;
    object-fit: cover !important;
    align-self: start;
}
.panorama-wrap #fh-alanya-hover-v6 .fh-water-extension .fh-district-copy,
.panorama-wrap #fh-alanya-hover-v6 .fh-water-extension .fh-project-card-body {
    min-width: 0;
    min-height: var(--fh-detail-photo-height);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#fh-alanya-hover-v6 .fh-water-extension .fh-project-card {
    grid-template-columns: var(--fh-detail-photo-width) minmax(0, 1fr);
    gap: var(--fh-detail-photo-gap);
    align-items: start;
}
#fh-alanya-hover-v6 .fh-water-extension .fh-project-title {
    font-size: clamp(16px, 1.2vw, 22px);
    overflow-wrap: anywhere;
}
.panorama-wrap #fh-alanya-hover-v6 .fh-water-extension :is(.fh-district-title, .fh-project-title) {
    color: #fff;
}
.panorama-wrap #fh-alanya-hover-v6 .fh-water-extension :is(.fh-detail-description, .fh-detail-location) {
    color: var(--on-graphite-muted);
}
#fh-alanya-hover-v6 .fh-water-extension .fh-detail-description {
    display: block;
    font-size: 14px;
}
#fh-alanya-hover-v6 .fh-water-extension .fh-project-summary {
    position: relative;
    grid-column: auto;
    border-top: 0;
    padding-top: 0;
    padding-right: 60px;
    min-height: 128px;
}
#fh-alanya-hover-v6 .fh-water-extension .fh-project-summary[data-count="1"] {
    padding-right: 0;
    min-height: 0;
}
#fh-alanya-hover-v6 .fh-water-extension .fh-project-pager {
    position: absolute;
    top: calc(50% + var(--fh-panel-pager-offset, 0px));
    right: 0;
    transform: translateY(-50%);
    flex-direction: column;
    gap: 6px;
    width: 44px;
    margin: 0;
    line-height: 1.4;
    white-space: nowrap;
}
@media (max-width: 1100px) {
    .panorama-wrap #fh-alanya-hover-v6 .fh-water-extension .fh-detail {
        width: calc(100% - 48px);
        grid-template-columns: var(--fh-detail-photo-width) minmax(0, 1fr);
    }
    #fh-alanya-hover-v6 .fh-water-extension .fh-project-summary {
        --fh-panel-pager-offset: calc(var(--fh-detail-photo-gap) / 2);
        grid-column: 1 / -1;
        border-top: 1px solid rgb(255 255 255 / 24%);
        padding-top: var(--fh-detail-photo-gap);
        min-height: calc(128px + var(--fh-detail-photo-gap));
    }
}
@media (max-width: 640px) {
    #fh-alanya-hover-v6 .fh-nav {
        padding-block: 0 14px;
    }
    .panorama-wrap #fh-alanya-hover-v6 .fh-water-extension .fh-detail {
        --fh-detail-photo-width: clamp(112px, 31vw, 176px);
        --fh-detail-photo-gap: 16px;
        width: calc(100% - 32px);
        padding: 18px;
    }
    #fh-alanya-hover-v6 .fh-water-extension .fh-detail-description {
        font-size: 12px;
    }
    #fh-alanya-hover-v6 .fh-water-extension .fh-project-summary {
        padding-right: 52px;
    }
    #fh-alanya-hover-v6 .fh-water-extension .fh-project-card {
        gap: 12px;
    }
}