.unit-title-link{color:inherit;text-decoration:none}.unit-title-link:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.14em}.stay .unit-view{display:flex;width:fit-content;margin:22px 0 8px;min-height:44px;align-items:center;gap:.7em}
.unit-nav .language-options{left:0;right:auto;min-width:9em}
.unit-page .unit-lead{display:grid;grid-template-columns:5fr 7fr;align-items:center;gap:clamp(24px,5vw,78px);padding-block:clamp(36px,6vw,90px)}.unit-cover{width:100%;height:clamp(320px,40vw,580px);object-fit:cover;border-radius:12px}.unit-intro h1{font-size:clamp(60px,8vw,120px);font-weight:600;line-height:1;margin:16px 0;color:var(--ink)}.unit-subtitle{font:500 clamp(24px,2.5vw,40px)/1.2 var(--serif);margin:20px 0}.unit-facts{display:flex;flex-wrap:wrap;gap:5px 18px;border-block:1px solid var(--line);padding:16px 0;margin:24px 0;font-size:16px}.unit-page .unit-album,.unit-page .unit-content{padding-block:clamp(30px,5vw,70px);border-top:1px solid var(--line)}.unit-page h2{font-size:clamp(32px,4vw,60px);line-height:1.1;margin:0 0 24px}.unit-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:14px}.unit-images img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:12px;display:block}.unit-content{display:grid;grid-template-columns:4fr 6fr;gap:clamp(30px,6vw,90px)}.unit-content p{font-size:18px;line-height:1.75}.unit-content .text-link{margin-top:18px}.unit-amenities{min-width:0}.unit-end{padding-bottom:56px}.unit-dialog>button{align-self:flex-end}.unit-dialog>img{display:block;width:100%;flex:1;min-height:0;object-fit:contain;touch-action:pan-y pinch-zoom}.unit-dialog>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.unit-page :focus-visible{outline:3px solid #b38552;outline-offset:3px}
@media(max-width:760px){.unit-page .unit-lead,.unit-page .unit-content{grid-template-columns:1fr}.unit-cover{height:auto;aspect-ratio:3/2}.unit-images{grid-template-columns:repeat(2,minmax(0,1fr))}.unit-intro h1{font-size:64px}}
/* New supplied square logo; render without distortion or changing the artwork. */
.header .brand{display:block;width:170px;height:104px;overflow:hidden;flex-shrink:0}
.header .brand img{width:170px;height:170px;max-width:none;object-fit:contain;transform:translateY(-40px)}
.footer-logo{width:190px;height:auto;max-width:100%;padding:0;mix-blend-mode:normal;background:transparent}
.unit-capacity-note,.stay-body .unit-capacity-note{font-size:15px;line-height:1.6;color:var(--muted);padding:14px;background:var(--sand);border-radius:8px}
.sleeping-grid li span{font-size:15px;line-height:1.6}.sleeping-grid li strong{display:block;margin-bottom:6px}
.unit-end{display:flex;gap:24px;flex-wrap:wrap}.unit-photo-note{font-size:15px;line-height:1.6;color:var(--muted);margin-bottom:20px}
.unit-nav .language-options{min-width:160px}
@media(max-width:650px){.header .brand{width:138px;height:85px}.header .brand img{width:138px;height:138px;transform:translateY(-32px)}.facts strong{font-size:19px}.facts p{min-width:0}.facts strong{overflow-wrap:anywhere}}
.unit-cover-wrap{margin:0;min-width:0}.unit-cover-wrap figcaption{font-size:13px;color:var(--muted);margin-top:8px}.unit-cover-wrap .unit-cover{display:block}
/* Μεγαλύτερο λογότυπο και ευανάγνωστο όνομα */
.header,
.js .header {
    height: 164px;
}

.header .brand {
    position: relative;
    width: 220px;
    height: 145px;
    overflow: hidden;
    flex-shrink: 0;
}

.header .brand img {
    display: block;
    width: 220px;
    height: 220px;
    max-width: none;
    object-fit: contain;
    transform: translateY(-52px);

    /* Κρύβει μόνο τη μικροσκοπική επιγραφή της εικόνας */
    clip-path: inset(0 0 20% 0);
}

.header .brand::after {
    content: "NAXIAN GARDEN VILLAS";
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    text-align: center;
    font-family: Georgia, serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.6px;
    color: #927351;
}

@media (max-width: 1200px) {
    .header #navigation {
        top: 100%;
    }
}

@media (max-width: 650px) {
    .header,
    .js .header {
        height: 132px;
    }

    .header .brand {
        width: 170px;
        height: 116px;
    }

    .header .brand img {
        width: 170px;
        height: 170px;
        transform: translateY(-40px);
    }

    .header .brand::after {
        font-size: 10px;
        letter-spacing: 0.4px;
    }
}