:root{
  --forest:#15241b;
  --forest-soft:#21362a;
  --moss:#6f7d54;
  --olive:#3c4b36;
  --cream:#f6efe2;
  --linen:#fff9ee;
  --sand:#d9bd8c;
  --gold:#b88a4b;
  --ink:#191814;
  --muted:#736b5d;
  --white:#ffffff;
  --shadow:0 24px 70px rgba(19,31,23,.18);
  --shadow-soft:0 14px 38px rgba(19,31,23,.12);
  --radius:26px;
  --page-pad:16px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--cream);line-height:1.55;text-rendering:optimizeLegibility;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit;max-width:100%}

.site-header{position:sticky;top:0;z-index:50;background:rgba(21,36,27,.94);backdrop-filter:blur(16px);color:var(--linen);border-bottom:1px solid rgba(255,255,255,.1)}
.nav{width:min(1220px,calc(100% - 32px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0}
.brand{display:flex;flex-direction:column;line-height:1.05;font-family:Georgia,serif;font-size:18px;letter-spacing:.01em;min-width:0;max-width:70vw}
.brand span{white-space:normal;overflow-wrap:anywhere}
.brand small{font-family:Inter,system-ui;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--sand);margin-top:4px}
.nav-links,.nav-cta{display:none}
.menu-toggle{flex:0 0 auto;border:1px solid rgba(255,255,255,.25);background:transparent;color:white;border-radius:999px;padding:8px 12px;cursor:pointer}
.mobile-menu{display:none;padding:0 var(--page-pad) 16px;background:rgba(21,36,27,.99)}
.mobile-menu.is-open{display:grid;gap:4px}
.mobile-menu a{padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.12)}

.hero{position:relative;min-height:calc(100svh - 64px);color:var(--linen);display:grid;align-items:end;overflow:hidden;padding:80px 0 36px}
.hero-media,.hero-shade{position:absolute;inset:0}
.hero-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.95) contrast(1.04)}
.hero-shade{background:linear-gradient(180deg,rgba(12,19,15,.28),rgba(12,19,15,.7) 52%,rgba(12,19,15,.94)),radial-gradient(circle at 20% 20%,rgba(217,189,140,.22),transparent 34%);z-index:1}
.hero-inner{position:relative;z-index:2;width:min(1220px,calc(100% - 32px));margin:auto;display:grid;gap:18px}
.hero-copy{display:grid;gap:16px;max-width:760px}
.eyebrow,.section-kicker{color:var(--sand);font-weight:900;letter-spacing:.13em;text-transform:uppercase;font-size:11px}
.hero h1{font-family:Georgia,serif;font-size:clamp(38px,12vw,64px);line-height:.94;margin:0;text-wrap:balance;text-shadow:0 18px 50px rgba(0,0,0,.28)}
.hero p{font-size:clamp(17px,4.7vw,22px);max-width:680px;color:#fff2dc;margin:0}
.hero-actions,.section-actions{display:grid;grid-template-columns:1fr;gap:10px;width:100%}
.btn{border:0;border-radius:999px;padding:14px 18px;font-weight:950;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;min-height:50px;text-align:center}
.btn-primary{background:linear-gradient(135deg,#d6b372,var(--gold));color:#161107;box-shadow:0 16px 38px rgba(184,138,75,.28)}
.btn-glass{background:rgba(255,255,255,.12);color:white;border:1px solid rgba(255,255,255,.3)}
.hero-panel{display:none}

section{padding:56px 0}
.wrap{width:min(1220px,calc(100% - 32px));margin:auto;min-width:0}
.section-head{display:grid;gap:12px;margin-bottom:24px}
.section-head.wide{max-width:980px}
.section-head h2,.amenities-layout h2,.location-copy h2{font-family:Georgia,serif;font-size:clamp(31px,9.5vw,46px);line-height:1.02;margin:0;color:var(--forest);text-wrap:balance}
.section-head p,.amenities-layout p,.location-copy p{max-width:820px;margin:0;color:var(--muted);font-size:16px}

.seasons-section{background:linear-gradient(180deg,var(--cream),#efe4d2)}
.season-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,82vw);gap:14px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding:4px 0 14px;-webkit-overflow-scrolling:touch}
.season-card{position:relative;overflow:hidden;border-radius:24px;min-height:420px;background:#111;color:white;box-shadow:var(--shadow);scroll-snap-align:start}
.season-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.season-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.75))}
.season-body{position:absolute;inset:auto 0 0 0;z-index:1;padding:20px}
.season-body span{display:inline-flex;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:900;color:#fff6e6}
.season-body h3{font-family:Georgia,serif;font-size:clamp(27px,8vw,34px);line-height:1.02;margin:14px 0 8px}
.season-body p{margin:0;color:#f5ead7;font-size:15px}

.experience-section{background:var(--forest);color:var(--linen)}
.split-showcase{display:grid;gap:20px}
.statement-card{background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);display:grid;gap:16px}
.statement-card h2{font-family:Georgia,serif;font-size:clamp(34px,10vw,54px);line-height:.98;margin:0;color:var(--linen)}
.statement-card p{font-size:17px;margin:0;color:#efe2cd}
.text-link{font-weight:950;color:var(--sand);display:inline-flex;max-width:100%;width:auto;border-bottom:1px solid currentColor;padding-bottom:5px;overflow-wrap:anywhere}
.image-stack{position:relative;display:grid;gap:12px}
.image-stack img{border-radius:24px;box-shadow:var(--shadow);object-fit:cover;width:100%}
.stack-main{height:330px}
.stack-small{height:180px;border:0}

.proof-section{padding:0 0 56px;background:var(--forest)}
.proof-grid{display:grid;gap:14px}
.proof-grid article{background:var(--linen);border-radius:22px;padding:20px;box-shadow:var(--shadow-soft)}
.proof-grid span{color:var(--gold);font-weight:950;letter-spacing:.12em}
.proof-grid h3{font-family:Georgia,serif;font-size:26px;line-height:1.05;margin:8px 0;color:var(--forest)}
.proof-grid p{margin:0;color:var(--muted)}

.rooms-section{background:var(--cream)}
.rooms-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(270px,84vw);gap:16px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding:4px 0 14px;-webkit-overflow-scrolling:touch}
.room-card{overflow:hidden;background:var(--linen);border-radius:24px;box-shadow:var(--shadow-soft);border:1px solid rgba(184,138,75,.16);display:grid;scroll-snap-align:start}
.room-card img{height:220px;width:100%;object-fit:cover}
.room-body{padding:20px;display:grid;gap:8px}
.room-body span{color:var(--gold);font-weight:950;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.room-body h3{font-family:Georgia,serif;font-size:31px;margin:0;color:var(--forest);line-height:1}
.room-body p{margin:0;color:var(--muted)}
.room-body a{margin-top:8px;color:var(--forest);font-weight:950;border-bottom:1px solid var(--gold);width:auto;max-width:100%;padding-bottom:4px;overflow-wrap:anywhere}

.amenities-section{background:var(--linen)}
.amenities-layout{display:grid;gap:26px}
.amenities{display:grid;grid-template-columns:1fr;gap:10px}
.amenity{background:var(--cream);border:1px solid rgba(184,138,75,.18);border-radius:18px;padding:16px;min-height:72px;display:flex;align-items:center;font-weight:900;color:var(--forest);box-shadow:0 12px 28px rgba(31,37,29,.06)}

.gallery-section{background:#ede0cc}
.premium-gallery{display:grid;gap:14px}
.premium-gallery figure{margin:0;border-radius:24px;overflow:hidden;box-shadow:var(--shadow-soft);background:var(--forest)}
.premium-gallery img{width:100%;height:270px;object-fit:cover}
.gallery-large img{height:360px}

.location-section{background:linear-gradient(135deg,#101a13,var(--forest) 58%,#2b241a);color:var(--linen)}
.location-layout{display:grid;gap:24px}
.location-copy h2{color:var(--linen)}
.location-copy p{color:#eadbc3}
.place-grid{display:grid;gap:12px}
.place{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:22px;padding:18px}
.place strong{display:block;color:var(--sand);font-family:Georgia,serif;font-size:25px;line-height:1.08;margin-bottom:6px}
.place span{color:#eee2ce}

.contact-section{background:var(--cream)}
.contact-panel{background:linear-gradient(135deg,var(--forest),var(--forest-soft));color:var(--linen);border-radius:28px;padding:22px;box-shadow:var(--shadow);display:grid;gap:22px;overflow:hidden;position:relative}
.contact-panel:before{content:"";position:absolute;right:-90px;top:-120px;width:260px;height:260px;background:radial-gradient(circle,rgba(217,189,140,.24),transparent 70%)}
.contact-copy,.form{position:relative;z-index:1}
.contact-copy h2{font-family:Georgia,serif;font-size:clamp(32px,9vw,52px);line-height:.98;margin:10px 0;color:var(--linen)}
.contact-copy p{color:#eee0c9;margin:0}
.contact-details{display:grid;gap:10px;color:#f5ead7;margin-top:20px;overflow-wrap:anywhere}
.contact-details a{font-weight:900}
.form{display:grid;gap:12px}
.form input,.form textarea,.form select{width:100%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:white;border-radius:16px;padding:14px}
.form select option{color:#151515}
.form textarea{min-height:120px}
.form input::placeholder,.form textarea::placeholder{color:#d7c9b3}
.form button{width:100%}

.footer{padding:32px 0 92px;background:#101a13;color:#f3e7d4;font-size:14px}
.footer-inner{display:flex;flex-direction:column;gap:14px;align-items:flex-start;justify-content:space-between}
.footer a{color:var(--sand);font-weight:900}
.footer-credit{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#f3e7d4}
.footer-credit span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#d7c29a;font-weight:800}
.footer-credit img{display:block;width:auto;height:30px;max-width:170px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.28))}
.footer-credit:hover span,.footer-credit:focus-visible span{color:var(--sand)}
.sticky-actions{position:fixed;z-index:60;left:0;right:0;bottom:0;background:rgba(16,26,19,.96);padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom))}
.sticky-actions a{border-radius:999px;text-align:center;padding:12px 10px;font-weight:950;min-width:0}
.sticky-call{background:var(--linen);color:var(--forest)}
.sticky-book{background:var(--gold);color:#111}

@media(max-width:359px){
  :root{--page-pad:12px}
  .nav,.wrap,.hero-inner{width:calc(100% - 24px)}
  .brand{font-size:16px;max-width:62vw}
  .hero-actions{grid-template-columns:1fr}
  .season-grid{grid-auto-columns:minmax(244px,88vw)}
  .rooms-grid{grid-auto-columns:minmax(246px,88vw)}
}

@media(min-width:420px){
  .hero-actions{grid-template-columns:repeat(2,minmax(0,1fr));max-width:520px}
  .amenities{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(min-width:700px){
  :root{--page-pad:24px}
  .nav,.wrap,.hero-inner{width:min(1220px,calc(100% - 48px))}
  .brand{font-size:20px;max-width:none}
  .hero h1{font-size:clamp(58px,8vw,86px)}
  .hero p{font-size:clamp(20px,3vw,25px)}
  .hero-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:14px;backdrop-filter:blur(12px)}
  .hero-panel div{padding:14px;border-radius:18px;background:rgba(255,255,255,.08)}
  .hero-panel strong{display:block;font-family:Georgia,serif;font-size:22px;color:var(--sand);line-height:1.1;margin-bottom:5px}
  .hero-panel span{display:block;color:#f1e5d1;font-size:14px}
  .season-grid{grid-auto-flow:initial;grid-auto-columns:initial;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;padding:0}
  .rooms-grid{grid-auto-flow:initial;grid-auto-columns:initial;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;padding:0}
  .split-showcase{grid-template-columns:1fr 1fr;align-items:center}
  .statement-card{padding:34px}
  .stack-main{height:460px}
  .stack-small{position:absolute;right:0;bottom:0;width:48%;height:190px;border:8px solid var(--forest)}
  .image-stack{min-height:460px}
  .proof-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .amenities{grid-template-columns:repeat(3,minmax(0,1fr))}
  .premium-gallery{grid-template-columns:1.1fr .9fr}
  .gallery-large{grid-row:span 2}
  .gallery-large img{height:574px}
  .premium-gallery img{height:280px}
  .place-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .contact-panel{grid-template-columns:1fr 1fr;padding:34px}
  .footer{padding-bottom:34px}
  .footer-inner{flex-direction:row;align-items:center;gap:28px}
  .footer-credit{margin-left:auto;margin-right:auto}
  .sticky-actions{display:none}
}

@media(min-width:980px){
  section{padding:88px 0}
  .nav-links{display:flex;gap:16px;font-size:14px;color:#f6ead7;align-items:center}
  .nav-links a{opacity:.86}
  .nav-links a:hover{opacity:1;color:var(--sand)}
  .nav-cta{display:inline-flex;background:var(--gold);color:#15110b;padding:10px 16px;border-radius:999px;font-weight:900;box-shadow:0 12px 30px rgba(184,138,75,.24);white-space:nowrap}
  .menu-toggle{display:none}
  .mobile-menu{display:none!important}
  .hero{min-height:calc(100svh - 74px);padding:98px 0 46px}
  .hero-inner{grid-template-columns:minmax(0,1fr) 360px;align-items:end}
  .hero-panel{grid-template-columns:1fr;margin-bottom:8px}
  .section-head h2,.amenities-layout h2,.location-copy h2{font-size:clamp(48px,5.2vw,68px)}
  .season-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .season-card{min-height:520px}
  .rooms-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .room-card img{height:270px}
  .amenities-layout{grid-template-columns:.86fr 1.14fr;align-items:start}
  .amenities{grid-template-columns:repeat(4,minmax(0,1fr))}
  .premium-gallery{grid-template-columns:1.2fr .8fr .8fr}
  .location-layout{grid-template-columns:.95fr 1.05fr;align-items:start}
  .contact-panel{padding:46px}
}

@media(min-width:1220px){
  .hero h1{font-size:104px}
  .statement-card h2{font-size:78px}
}

.rooms-premium .room-card{min-width:0}


/* 2026-06-19 15:00 Europe/Athens
   Room photo mapping fix
   Mobile first room cards with verified room images from the old site.
*/
.rooms-grid{
  display:grid !important;
  grid-auto-flow:column;
  grid-auto-columns:calc(100vw - 48px);
  gap:16px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:4px 24px 18px;
  margin-left:-24px;
  margin-right:-24px;
  scroll-snap-type:x mandatory;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
}
.room-card{
  min-width:0;
  scroll-snap-align:center;
}
.room-card img{
  width:100%;
  height:auto;
  min-height:180px;
  max-height:260px;
  object-fit:contain;
  background:#eadfcd;
  display:block;
}
.room-body{
  overflow-wrap:anywhere;
}
@media (min-width:700px){
  .rooms-grid{
    grid-auto-flow:initial;
    grid-auto-columns:initial;
    grid-template-columns:repeat(2,minmax(0,1fr));
    overflow:visible;
    padding:0;
    margin-left:0;
    margin-right:0;
  }
}
@media (min-width:1100px){
  .rooms-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .room-card img{
    min-height:210px;
    max-height:300px;
  }
}


/* 2026 06 19 Europe Athens
   Verified Argo room gallery
   Removes false room photo mapping and uses only provided Argo photos.
*/
.room-feature{
  display:grid;
  gap:20px;
  background:var(--linen);
  border:1px solid rgba(184,138,75,.18);
  border-radius:28px;
  overflow:hidden;
  box-shadow:var(--shadow-soft);
}
.room-feature-media img{
  width:100%;
  height:clamp(260px,62vw,560px);
  object-fit:cover;
  display:block;
}
.room-feature-copy{
  padding:24px;
  display:grid;
  gap:14px;
}
.room-feature-copy span{
  color:var(--gold);
  font-weight:950;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.room-feature-copy h3{
  font-family:Georgia,serif;
  font-size:clamp(42px,12vw,76px);
  line-height:.92;
  margin:0;
  color:var(--forest);
}
.room-feature-copy p{
  margin:0;
  color:var(--muted);
  font-size:17px;
}
.room-feature-copy a{
  color:var(--forest);
  font-weight:950;
  border-bottom:1px solid var(--gold);
  width:max-content;
  max-width:100%;
  padding-bottom:5px;
}
.room-highlights{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin:4px 0;
}
.room-highlights strong{
  background:var(--cream);
  border:1px solid rgba(184,138,75,.2);
  border-radius:16px;
  padding:12px 14px;
  color:var(--forest);
}
.argo-gallery{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(260px,82vw);
  gap:14px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  overscroll-behavior-inline:contain;
  padding:18px 0 8px;
  margin-top:12px;
  -webkit-overflow-scrolling:touch;
}
.argo-gallery figure{
  margin:0;
  border-radius:22px;
  overflow:hidden;
  background:#eadfcd;
  box-shadow:var(--shadow-soft);
  scroll-snap-align:start;
}
.argo-gallery img{
  width:100%;
  height:240px;
  object-fit:cover;
  display:block;
}
.rooms-note-grid{
  display:grid;
  gap:12px;
  margin-top:26px;
}
.rooms-note-grid article{
  background:rgba(255,249,238,.72);
  border:1px solid rgba(184,138,75,.18);
  border-radius:20px;
  padding:18px;
}
.rooms-note-grid h3{
  font-family:Georgia,serif;
  margin:0 0 6px;
  color:var(--forest);
  font-size:26px;
}
.rooms-note-grid p{
  margin:0;
  color:var(--muted);
}
@media(min-width:700px){
  .room-feature{
    grid-template-columns:1.2fr .8fr;
    align-items:stretch;
  }
  .room-feature-copy{
    padding:34px;
    align-content:center;
  }
  .room-highlights{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .argo-gallery{
    grid-auto-flow:initial;
    grid-auto-columns:initial;
    grid-template-columns:repeat(3,minmax(0,1fr));
    overflow:visible;
  }
  .argo-gallery img{
    height:250px;
  }
  .rooms-note-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(min-width:1100px){
  .argo-gallery{
    grid-template-columns:repeat(6,minmax(0,1fr));
  }
  .argo-gallery img{
    height:210px;
  }
  .rooms-note-grid{
    grid-template-columns:repeat(5,minmax(0,1fr));
  }
}


.argo-gallery{
display:flex;
overflow-x:auto;
scroll-snap-type:x mandatory;
gap:0;
border-radius:24px;
position:relative;
}
.argo-gallery figure{
min-width:100%;
scroll-snap-align:start;
margin:0;
position:relative;
}
.argo-gallery img{
width:100%;
height:420px;
object-fit:cover;
display:block;
}
.argo-gallery::before{
content:"📷 12 φωτογραφίες • Σύρετε";
position:absolute;
top:14px;right:14px;z-index:5;
background:rgba(0,0,0,.65);
color:#fff;padding:10px 14px;border-radius:999px;
font-size:14px;
}
@media(min-width:992px){
.argo-gallery figure{min-width:70%}
}


/* v11 verified room galleries: Iason and Argo */
.rooms-section .section-head p{
  max-width:760px;
}
.room-feature{
  margin-top:34px;
}
.room-gallery{
  position:relative;
  margin:18px 0 42px;
  border-radius:26px;
  overflow:hidden;
  background:#0e1f1e;
  box-shadow:var(--shadow-soft);
}
.gallery-track{
  display:flex;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.gallery-track::-webkit-scrollbar{
  display:none;
}
.room-gallery figure{
  position:relative;
  flex:0 0 100%;
  margin:0;
  scroll-snap-align:start;
  background:#0e1f1e;
}
.room-gallery img{
  width:100%;
  height:clamp(320px,78vw,680px);
  object-fit:cover;
  display:block;
}
.room-gallery figcaption{
  position:absolute;
  left:14px;
  bottom:14px;
  max-width:calc(100% - 28px);
  padding:10px 13px;
  border-radius:999px;
  background:rgba(10,22,20,.72);
  color:#fff8ec;
  font-size:14px;
  font-weight:800;
  backdrop-filter:blur(8px);
}
.gallery-status{
  position:absolute;
  left:14px;
  top:14px;
  right:14px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  pointer-events:none;
}
.gallery-status strong,
.gallery-status span{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  background:rgba(10,22,20,.72);
  color:#fff8ec;
  padding:9px 12px;
  font-size:13px;
  font-weight:900;
  backdrop-filter:blur(8px);
}
.gallery-status span{
  font-weight:750;
}
.gallery-arrow{
  position:absolute;
  top:50%;
  z-index:8;
  width:44px;
  height:44px;
  border:0;
  border-radius:999px;
  transform:translateY(-50%);
  background:rgba(255,248,236,.9);
  color:#12241f;
  font-size:32px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:0 12px 32px rgba(0,0,0,.18);
}
.gallery-prev{
  left:12px;
}
.gallery-next{
  right:12px;
}
.pending-rooms{
  margin-top:14px;
}
@media(max-width:699px){
  .room-feature{
    border-radius:24px;
  }
  .room-feature-copy{
    padding:22px 18px 24px;
  }
  .room-highlights{
    gap:10px;
  }
  .room-gallery{
    margin-left:calc(var(--section-padding) * -0.35);
    margin-right:calc(var(--section-padding) * -0.35);
    border-radius:22px;
  }
  .gallery-arrow{
    width:38px;
    height:38px;
    font-size:28px;
  }
  .gallery-status{
    align-items:flex-start;
  }
  .gallery-status span{
    max-width:170px;
    white-space:normal;
    text-align:right;
    line-height:1.2;
  }
  .room-gallery figcaption{
    font-size:13px;
    white-space:normal;
    border-radius:18px;
  }
}
@media(min-width:992px){
  .room-gallery figure{
    flex-basis:82%;
  }
  .gallery-arrow{
    width:52px;
    height:52px;
  }
}


/* v13 2026 06 19 Europe Athens
   Room image area now acts as the slideshow itself.
   The verified room gallery is no longer a separate block below the card.
*/
.rooms-section .section-head h2{
  max-width:900px;
}
.room-feature-media{
  position:relative;
  min-width:0;
  background:#10231f;
}
.room-feature-media > img{
  display:none;
}
.room-feature-media .room-gallery,
.room-inline-gallery{
  width:100%;
  height:100%;
  margin:0;
  border-radius:0;
  box-shadow:none;
  background:#10231f;
}
.room-inline-gallery .gallery-track{
  height:100%;
}
.room-inline-gallery figure{
  flex:0 0 100% !important;
  height:100%;
}
.room-inline-gallery img{
  height:clamp(360px,72vw,620px);
  min-height:100%;
}
.room-inline-gallery .gallery-status{
  left:14px;
  top:14px;
  right:14px;
}
.room-inline-gallery .gallery-status strong,
.room-inline-gallery .gallery-status span{
  background:rgba(8,20,17,.76);
}
.room-inline-gallery .gallery-arrow{
  opacity:.96;
}
.room-feature-copy{
  position:relative;
  z-index:2;
}
@media(max-width:699px){
  .rooms-section .section-head h2{
    font-size:clamp(34px,12vw,54px);
    line-height:.94;
  }
  .rooms-section .section-head p{
    font-size:16px;
  }
  .room-feature{
    display:block;
    overflow:hidden;
  }
  .room-feature-media{
    border-radius:24px 24px 0 0;
  }
  .room-inline-gallery img{
    height:72vw;
    min-height:310px;
    max-height:460px;
  }
  .room-inline-gallery .gallery-status span{
    max-width:160px;
    text-align:right;
  }
  .room-inline-gallery figcaption{
    max-width:calc(100% - 28px);
  }
}
@media(min-width:700px){
  .room-feature{
    grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);
  }
  .room-feature-media{
    min-height:100%;
  }
  .room-inline-gallery img{
    height:100%;
    min-height:560px;
  }
}
@media(min-width:1200px){
  .room-feature{
    grid-template-columns:minmax(0,1.45fr) minmax(420px,.55fr);
  }
  .room-inline-gallery img{
    min-height:620px;
  }
}


/* v14 2026 06 19 Europe Athens
   Premium Room Template applied as a global rule for every verified room.
   The visual area is the gallery, with room identity overlay, glass controls,
   progress line, lighter feature list, and fullscreen lightbox support.
*/
.room-feature{
  background:rgba(255,250,240,.86);
  border:1px solid rgba(184,138,75,.20);
  box-shadow:0 24px 70px rgba(31,37,29,.10);
}
.room-feature-media{
  overflow:hidden;
}
.room-inline-gallery{
  cursor:zoom-in;
}
.room-inline-gallery:after{
  content:"";
  pointer-events:none;
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:42%;
  background:linear-gradient(180deg,rgba(10,22,20,0),rgba(10,22,20,.58));
  z-index:3;
}
.room-visual-identity{
  position:absolute;
  left:18px;
  bottom:54px;
  z-index:7;
  display:grid;
  gap:4px;
  max-width:min(72%,420px);
  color:#fff8ec;
  text-shadow:0 2px 18px rgba(0,0,0,.45);
  pointer-events:none;
}
.room-visual-identity span{
  font-family:Georgia,serif;
  font-size:clamp(34px,7vw,62px);
  line-height:.9;
  font-weight:900;
}
.room-visual-identity strong,
.room-visual-identity em{
  width:max-content;
  max-width:100%;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(255,248,236,.15);
  border:1px solid rgba(255,248,236,.16);
  backdrop-filter:blur(12px);
  font-style:normal;
  font-size:13px;
  line-height:1.15;
}
.room-visual-identity em{
  color:#f3dfbd;
}
.room-inline-gallery .gallery-status{
  align-items:flex-start;
}
.room-inline-gallery .gallery-status strong,
.room-inline-gallery .gallery-status span,
.room-inline-gallery figcaption{
  background:rgba(16,26,19,.54)!important;
  border:1px solid rgba(255,248,236,.14);
  backdrop-filter:blur(16px) saturate(1.2);
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}
.room-inline-gallery .gallery-status span{
  font-size:12px;
  letter-spacing:.01em;
}
.room-inline-gallery figcaption{
  z-index:8;
  bottom:14px;
  left:18px;
  right:auto;
  max-width:min(calc(100% - 36px),520px);
  padding:9px 12px;
  font-size:13px;
  opacity:.96;
}
.room-inline-gallery .gallery-arrow{
  background:rgba(255,248,236,.72);
  border:1px solid rgba(255,255,255,.46);
  backdrop-filter:blur(14px);
  color:#10231f;
  transition:transform .18s ease, background .18s ease, box-shadow .18s ease;
}
.room-inline-gallery .gallery-arrow:hover{
  transform:translateY(-50%) scale(1.04);
  background:rgba(255,248,236,.92);
  box-shadow:0 18px 40px rgba(0,0,0,.24);
}
.gallery-progress{
  position:absolute;
  left:0;
  bottom:0;
  z-index:10;
  height:3px;
  width:100%;
  background:rgba(255,248,236,.16);
  pointer-events:none;
}
.gallery-progress span{
  display:block;
  width:0;
  height:100%;
  background:linear-gradient(90deg,#d9bd8c,#fff8ec);
  transition:width .22s ease;
}
.room-choice-story{
  margin:8px 0 12px;
  padding:16px 0 2px;
  border-top:1px solid rgba(184,138,75,.22);
}
.room-choice-story strong{
  display:block;
  color:var(--forest);
  font-weight:950;
  margin-bottom:6px;
}
.room-choice-story p{
  margin:0!important;
  color:#6a5e4e!important;
}
.room-highlights{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  margin:18px 0!important;
}
.room-highlights strong{
  position:relative;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:4px 0 4px 28px!important;
  border-radius:0!important;
  color:#18261f!important;
  font-weight:880!important;
}
.room-highlights strong:before{
  content:"✓";
  position:absolute;
  left:0;
  top:3px;
  width:20px;
  height:20px;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:#10231f;
  background:#d9bd8c;
  font-size:12px;
  font-weight:950;
}
.room-feature-copy > a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:10px;
  padding:12px 18px;
  border-radius:999px;
  background:var(--forest);
  color:#fff8ec!important;
  border:1px solid rgba(184,138,75,.38)!important;
  box-shadow:0 16px 34px rgba(16,26,19,.16);
  text-decoration:none;
}
.room-lightbox{
  position:fixed;
  inset:0;
  z-index:999;
  display:none;
  background:rgba(8,14,12,.94);
  color:#fff8ec;
}
.room-lightbox.is-open{
  display:grid;
  grid-template-rows:auto 1fr auto;
}
.room-lightbox-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px;
  background:linear-gradient(180deg,rgba(0,0,0,.46),rgba(0,0,0,0));
}
.room-lightbox-title{
  display:grid;
  gap:2px;
}
.room-lightbox-title strong{
  font-family:Georgia,serif;
  font-size:26px;
  line-height:1;
}
.room-lightbox-title span{
  color:#d9bd8c;
  font-weight:850;
  font-size:13px;
}
.room-lightbox-close{
  width:42px;
  height:42px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;
  background:rgba(255,255,255,.12);
  color:#fff8ec;
  font-size:26px;
  cursor:pointer;
}
.room-lightbox-body{
  position:relative;
  min-height:0;
  display:grid;
  place-items:center;
  overflow:hidden;
}
.room-lightbox-track{
  width:100%;
  height:100%;
  display:flex;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  scrollbar-width:none;
}
.room-lightbox-track::-webkit-scrollbar{display:none}
.room-lightbox-track figure{
  flex:0 0 100%;
  margin:0;
  height:100%;
  display:grid;
  place-items:center;
  scroll-snap-align:start;
  position:relative;
}
.room-lightbox-track img{
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
}
.room-lightbox-track figcaption{
  position:absolute;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  max-width:calc(100% - 32px);
  padding:8px 13px;
  border-radius:999px;
  background:rgba(16,26,19,.62);
  backdrop-filter:blur(12px);
  color:#fff8ec;
  text-align:center;
  font-weight:850;
}
.room-lightbox-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:3;
  width:46px;
  height:46px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  background:rgba(255,248,236,.18);
  color:#fff8ec;
  font-size:34px;
  cursor:pointer;
  backdrop-filter:blur(14px);
}
.room-lightbox-prev{left:12px}
.room-lightbox-next{right:12px}
.room-lightbox-bottom{
  padding:12px 16px calc(12px + env(safe-area-inset-bottom));
  display:grid;
  gap:9px;
  background:linear-gradient(0deg,rgba(0,0,0,.42),rgba(0,0,0,0));
}
.room-lightbox-count{
  text-align:center;
  font-weight:900;
  color:#d9bd8c;
}
.room-lightbox-progress{
  height:3px;
  background:rgba(255,255,255,.14);
  border-radius:999px;
  overflow:hidden;
}
.room-lightbox-progress span{
  display:block;
  height:100%;
  width:0;
  background:#d9bd8c;
  transition:width .22s ease;
}
@media(max-width:699px){
  .room-visual-identity{
    left:14px;
    bottom:52px;
    max-width:calc(100% - 28px);
  }
  .room-visual-identity span{
    font-size:clamp(30px,11vw,44px);
  }
  .room-visual-identity strong,
  .room-visual-identity em{
    font-size:12px;
    white-space:normal;
  }
  .room-inline-gallery figcaption{
    display:none;
  }
  .room-inline-gallery .gallery-status span{
    max-width:130px!important;
  }
  .room-lightbox-nav{
    width:40px;
    height:40px;
    font-size:30px;
  }
  .room-lightbox-track figcaption{
    border-radius:18px;
    line-height:1.2;
  }
}
@media(min-width:900px){
  .room-feature{
    margin-top:46px;
  }
  .room-feature-copy{
    padding:clamp(34px,4vw,58px)!important;
  }
}


/* v15 2026 06 19 Europe Athens
   Centered premium room screens.
   Desktop room visual no longer stretches to the full text height, so images stay
   centered, balanced and not aggressively cropped. Applies globally to every
   verified room that uses the Premium Room Template.
*/
.rooms-section .wrap{
  width:min(1420px,calc(100% - 32px));
}
.room-feature{
  max-width:1360px;
  margin-left:auto;
  margin-right:auto;
}
.room-feature-media,
.room-inline-gallery,
.room-inline-gallery .gallery-track,
.room-inline-gallery figure{
  min-width:0;
}
.room-inline-gallery img{
  object-position:center center;
}
@media(min-width:900px){
  .room-feature{
    align-items:center;
    grid-template-columns:minmax(0,1.18fr) minmax(390px,.82fr) !important;
  }
  .room-feature-media{
    align-self:center;
    width:100%;
    aspect-ratio:16 / 10;
    min-height:0 !important;
    max-height:720px;
    border-radius:26px 0 0 26px;
  }
  .room-inline-gallery,
  .room-inline-gallery .gallery-track,
  .room-inline-gallery figure{
    height:100%;
  }
  .room-inline-gallery img{
    width:100%;
    height:100% !important;
    min-height:0 !important;
    object-fit:cover;
    object-position:center center;
  }
  .room-feature-copy{
    align-self:center;
  }
}
@media(min-width:1400px){
  .room-feature{
    grid-template-columns:minmax(0,1.12fr) minmax(430px,.88fr) !important;
  }
  .room-feature-media{
    aspect-ratio:16 / 9.8;
  }
}
@media(max-width:899px){
  .room-feature-media{
    aspect-ratio:16 / 11;
  }
  .room-inline-gallery,
  .room-inline-gallery .gallery-track,
  .room-inline-gallery figure{
    height:100%;
  }
  .room-inline-gallery img{
    width:100%;
    height:100% !important;
    min-height:0 !important;
    object-fit:cover;
    object-position:center center;
  }
}


/* v16 2026 06 19 Europe Athens
   Premium room benefit system.
   Replaces plain feature bullets with lifestyle benefits, story cards and a compact
   "with one look" summary. This pattern is mandatory for every verified room.
*/
.room-highlights{
  display:none !important;
}
.room-experience{
  margin:26px 0 22px;
  display:grid;
  gap:18px;
}
.room-experience-title{
  font-family:Georgia,serif;
  font-size:clamp(24px,3vw,34px);
  line-height:1.05;
  color:#142419;
  letter-spacing:-.02em;
}
.room-benefit-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
.room-benefit{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:6px 12px;
  align-items:start;
  padding:15px 16px;
  border:1px solid rgba(189,137,67,.22);
  border-radius:18px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.68),rgba(245,235,216,.54));
  box-shadow:0 14px 34px rgba(30,36,26,.06);
}
.room-benefit span{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:rgba(217,189,140,.28);
  font-size:17px;
}
.room-benefit strong{
  color:#142419;
  font-size:15px;
  line-height:1.25;
}
.room-benefit p{
  grid-column:2;
  margin:0;
  color:#766b60;
  font-size:14px;
  line-height:1.48;
}
.room-glance{
  padding:18px;
  border-radius:22px;
  background:#142419;
  color:#fff8ec;
  box-shadow:0 18px 44px rgba(20,36,25,.16);
}
.room-glance > strong{
  display:block;
  font-family:Georgia,serif;
  font-size:23px;
  line-height:1.1;
  margin-bottom:13px;
  color:#f3dfb8;
}
.room-glance div{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.room-glance span{
  padding:9px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.12);
  color:#fff8ec;
  font-weight:850;
  font-size:13px;
}
@media(min-width:720px){
  .room-benefit-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(min-width:1200px){
  .room-feature-copy{
    padding-right:clamp(34px,4.4vw,66px) !important;
  }
  .room-benefit{
    padding:16px 17px;
  }
}
@media(max-width:699px){
  .room-experience{
    margin-top:22px;
  }
  .room-benefit{
    border-radius:16px;
  }
  .room-glance{
    border-radius:18px;
  }
}


/* v18 2026 06 19 Europe Athens
   Verified Pileas room gallery and premium room template application.
   The same lifestyle benefits, inline slider, room identity overlay, progress and lightbox apply to all verified rooms.
*/
.room-pileas .room-inline-gallery figure:first-child img{
  object-position:center center;
}
@media(min-width:900px){
  .room-feature-copy{
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
  .room-experience{
    margin-top:18px;
  }
  .room-benefit-grid{
    gap:10px;
  }
  .room-benefit{
    padding:13px 14px;
  }
  .room-benefit p{
    font-size:13px;
    line-height:1.38;
  }
  .room-glance{
    padding:16px;
  }
}

/* v19 2026 06 19 Europe Athens
   Room balance fix with real code changes.
   Removes the visible dead gap by making the room visual area stretch with the
   content column on desktop, while keeping the photo centered and premium.
   Applies globally to every verified Premium Room Template room.
*/
@media(min-width:900px){
  .room-feature{
    align-items:stretch !important;
    grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr) !important;
  }
  .room-feature-media{
    align-self:stretch !important;
    height:100% !important;
    min-height:100% !important;
    max-height:none !important;
    aspect-ratio:auto !important;
    border-radius:26px 0 0 26px;
  }
  .room-inline-gallery,
  .room-inline-gallery .gallery-track,
  .room-inline-gallery figure{
    height:100% !important;
    min-height:100% !important;
  }
  .room-inline-gallery img{
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    max-height:none !important;
    object-fit:cover !important;
    object-position:center center !important;
  }
  .room-feature-copy{
    align-self:stretch !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    padding:clamp(28px,3.2vw,46px) !important;
  }
  .room-feature-copy > a{
    margin-top:auto !important;
    width:max-content;
    max-width:100%;
  }
  .room-choice-story{
    margin:6px 0 10px !important;
    padding:12px 0 0 !important;
  }
  .room-feature-copy > p{
    margin-bottom:0 !important;
    line-height:1.52 !important;
  }
  .room-experience{
    margin:14px 0 16px !important;
    gap:12px !important;
  }
  .room-experience-title{
    font-size:clamp(20px,2vw,27px) !important;
    line-height:1.05 !important;
  }
  .room-benefit-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }
  .room-benefit{
    padding:11px 12px !important;
    border-radius:15px !important;
    gap:4px 9px !important;
  }
  .room-benefit span{
    width:26px !important;
    height:26px !important;
    font-size:14px !important;
  }
  .room-benefit strong{
    font-size:13.5px !important;
    line-height:1.18 !important;
  }
  .room-benefit p{
    font-size:12.5px !important;
    line-height:1.32 !important;
  }
  .room-glance{
    padding:14px !important;
    border-radius:18px !important;
  }
  .room-glance > strong{
    font-size:20px !important;
    margin-bottom:10px !important;
  }
  .room-glance div{
    gap:6px !important;
  }
  .room-glance span{
    padding:7px 9px !important;
    font-size:12px !important;
  }
}
@media(min-width:1400px){
  .room-feature{
    grid-template-columns:minmax(0,1.08fr) minmax(450px,.92fr) !important;
  }
}
@media(max-width:899px){
  .room-feature-copy > a{
    width:100%;
  }
}


/* v20 2026 06 19 Europe Athens
   Mythological premium room emblems.
   Fixes the empty desktop feeling without stretching or distorting photos.
   Photos keep object-fit: cover and the right column gains an elegant symbolic
   identity block for every verified room. This pattern applies globally to all
   future verified rooms.
*/
.room-feature{
  align-items:stretch;
}
.room-feature-media{
  align-self:stretch;
}
.room-inline-gallery,
.room-inline-gallery .gallery-track,
.room-inline-gallery figure{
  height:100%;
}
.room-inline-gallery img{
  width:100%;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center;
}
.room-feature-copy{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  overflow:hidden;
}
.room-feature-copy > a{
  align-self:flex-start;
}
.room-myth-emblem{
  margin-top:auto;
  min-height:118px;
  border:1px solid rgba(190,145,82,.18);
  border-radius:24px;
  background:
    radial-gradient(circle at 80% 20%, rgba(190,145,82,.16), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.56), rgba(239,226,205,.58));
  display:grid;
  grid-template-columns:auto 1fr;
  grid-template-areas:"icon title" "icon text";
  align-items:center;
  column-gap:18px;
  padding:22px 24px;
  color:var(--forest);
  box-shadow:0 18px 44px rgba(20,39,30,.07);
  isolation:isolate;
  position:relative;
}
.room-myth-emblem:before{
  content:"";
  position:absolute;
  inset:14px;
  border-radius:20px;
  border:1px solid rgba(190,145,82,.16);
  pointer-events:none;
}
.room-myth-emblem:after{
  content:attr(data-watermark);
  position:absolute;
  right:18px;
  bottom:-14px;
  font-family:Georgia,serif;
  font-size:92px;
  line-height:1;
  font-weight:900;
  color:rgba(20,39,30,.045);
  pointer-events:none;
}
.room-myth-emblem span{
  grid-area:icon;
  width:62px;
  height:62px;
  border-radius:999px;
  display:grid;
  place-items:center;
  font-family:Georgia,serif;
  font-size:34px;
  font-weight:900;
  color:rgba(20,39,30,.82);
  background:rgba(190,145,82,.20);
  border:1px solid rgba(190,145,82,.26);
}
.room-myth-emblem strong{
  grid-area:title;
  font-family:Georgia,serif;
  font-size:30px;
  line-height:1;
  letter-spacing:.02em;
}
.room-myth-emblem em{
  grid-area:text;
  font-style:normal;
  color:var(--muted);
  font-weight:750;
  margin-top:7px;
}
.room-myth-iason{--room-mark:"ΙΑ";}
.room-myth-argo{--room-mark:"ΑΡ";}
.room-myth-pileas{--room-mark:"ΠΗ";}
.room-myth-iason:after{content:"ΙΑ";}
.room-myth-argo:after{content:"ΑΡ";}
.room-myth-pileas:after{content:"ΠΗ";}
@media(min-width:900px){
  .room-feature{
    grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr) !important;
  }
  .room-feature-media{
    aspect-ratio:auto;
    min-height:640px !important;
    max-height:none;
  }
  .room-feature-copy{
    min-height:640px;
  }
}
@media(min-width:1400px){
  .room-feature{
    grid-template-columns:minmax(0,1.04fr) minmax(460px,.96fr) !important;
  }
  .room-feature-media,
  .room-feature-copy{
    min-height:680px;
  }
}
@media(max-width:899px){
  .room-feature{
    align-items:start;
  }
  .room-feature-media{
    aspect-ratio:16 / 11;
    align-self:auto;
  }
  .room-feature-copy{
    min-height:0;
  }
  .room-myth-emblem{
    margin-top:22px;
    min-height:98px;
    padding:18px 18px;
    column-gap:14px;
    border-radius:20px;
  }
  .room-myth-emblem span{
    width:50px;
    height:50px;
    font-size:28px;
  }
  .room-myth-emblem strong{
    font-size:24px;
  }
  .room-myth-emblem:after{
    font-size:62px;
    bottom:-8px;
  }
}

/* v21 2026 06 19 Europe Athens
   Real room screen fix: no image stretching and centered room screens.
   The visual column no longer inherits the text column height. Every room slider
   keeps a stable cinematic frame, remains vertically centered on desktop, and
   every image preserves its natural proportions through object-fit cover.
*/
.room-feature-media,
.room-inline-gallery,
.room-inline-gallery .gallery-track,
.room-inline-gallery figure{
  min-width:0 !important;
}
.room-feature-media{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}
.room-inline-gallery{
  position:relative !important;
  overflow:hidden !important;
}
.room-inline-gallery .gallery-track,
.room-inline-gallery figure{
  width:100% !important;
}
.room-inline-gallery figure{
  display:block !important;
  flex:0 0 100% !important;
}
.room-inline-gallery img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:none !important;
}
@media(min-width:900px){
  .room-feature{
    align-items:center !important;
  }
  .room-feature-media{
    align-self:center !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:16 / 10 !important;
    border-radius:26px 0 0 26px !important;
  }
  .room-inline-gallery,
  .room-inline-gallery .gallery-track,
  .room-inline-gallery figure{
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;
  }
  .room-feature-copy{
    min-height:auto !important;
  }
}
@media(max-width:899px){
  .room-feature-media{
    aspect-ratio:4 / 3 !important;
    height:auto !important;
    min-height:0 !important;
    border-radius:24px 24px 0 0 !important;
  }
  .room-inline-gallery,
  .room-inline-gallery .gallery-track,
  .room-inline-gallery figure{
    height:100% !important;
    min-height:0 !important;
  }
}
@media(max-width:520px){
  .room-feature-media{
    aspect-ratio:3 / 4 !important;
  }
}

/* v22 2026 06 19 Europe Athens
   Editorial magazine cover room template.
   Each verified room now uses its own responsive slideshow as the full section
   background. All room information sits above the active image in a readable
   glass editorial panel, with an explicit fullscreen gallery prompt. This fixes
   the previous left/right dead gap without stretching or distorting photos.
*/
.rooms-section .wrap{
  width:min(1520px,calc(100% - 32px));
}
.rooms-section .section-head{
  max-width:980px;
  margin-bottom:30px;
}
.room-feature{
  position:relative !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  min-height:clamp(780px,92svh,980px) !important;
  margin-top:42px !important;
  padding:0 !important;
  overflow:hidden !important;
  border-radius:34px !important;
  background:#10231f !important;
  isolation:isolate;
  box-shadow:0 34px 100px rgba(16,26,19,.24) !important;
}
.room-feature:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(10,18,14,.78) 0%, rgba(10,18,14,.34) 42%, rgba(10,18,14,.72) 100%),
    linear-gradient(180deg, rgba(10,18,14,.24) 0%, rgba(10,18,14,.08) 38%, rgba(10,18,14,.74) 100%);
}
.room-feature-media{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  aspect-ratio:auto !important;
  border-radius:0 !important;
  display:block !important;
  background:#10231f !important;
}
.room-inline-gallery,
.room-inline-gallery .gallery-track,
.room-inline-gallery figure{
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  border-radius:0 !important;
}
.room-inline-gallery figure{
  flex:0 0 100% !important;
}
.room-inline-gallery img{
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  filter:saturate(.98) contrast(1.04) brightness(.9);
}
.room-inline-gallery:after{
  display:none !important;
}
.room-visual-identity{
  display:none !important;
}
.room-feature-copy{
  position:relative !important;
  z-index:5 !important;
  width:min(560px,calc(100% - 32px)) !important;
  margin:clamp(18px,4vw,48px) clamp(16px,4vw,54px) clamp(18px,4vw,48px) auto !important;
  align-self:center !important;
  padding:clamp(20px,3vw,38px) !important;
  border-radius:28px !important;
  background:rgba(16,26,19,.64) !important;
  border:1px solid rgba(255,248,236,.22) !important;
  box-shadow:0 28px 90px rgba(0,0,0,.24) !important;
  backdrop-filter:blur(22px) saturate(1.12);
  color:#fff8ec !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  overflow:visible !important;
}
.room-feature-copy > span{
  color:#dfbd82 !important;
  letter-spacing:.14em !important;
}
.room-feature-copy h3{
  color:#fff8ec !important;
  font-size:clamp(48px,8vw,92px) !important;
  text-shadow:0 12px 44px rgba(0,0,0,.24);
}
.room-choice-story{
  border-top:1px solid rgba(255,248,236,.18) !important;
  margin:10px 0 12px !important;
  padding-top:16px !important;
}
.room-choice-story strong,
.room-experience-title{
  color:#fff8ec !important;
}
.room-choice-story p,
.room-feature-copy > p,
.room-benefit p,
.room-myth-emblem em{
  color:rgba(255,248,236,.82) !important;
}
.room-experience{
  margin:18px 0 !important;
  gap:14px !important;
}
.room-benefit-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
}
.room-benefit{
  padding:13px 14px !important;
  border-radius:18px !important;
  background:rgba(255,248,236,.12) !important;
  border:1px solid rgba(255,248,236,.18) !important;
  box-shadow:none !important;
  backdrop-filter:blur(12px);
}
.room-benefit span{
  background:rgba(217,189,140,.25) !important;
}
.room-benefit strong{
  color:#fff8ec !important;
}
.room-glance{
  background:rgba(255,248,236,.13) !important;
  border:1px solid rgba(255,248,236,.18) !important;
  box-shadow:none !important;
  backdrop-filter:blur(12px);
}
.room-glance > strong{
  color:#dfbd82 !important;
}
.room-glance span{
  background:rgba(16,26,19,.28) !important;
  border-color:rgba(255,248,236,.16) !important;
}
.room-feature-copy > a{
  align-self:flex-start !important;
  margin-top:8px !important;
  background:linear-gradient(135deg,#d9bd8c,#b88a4b) !important;
  color:#101a13 !important;
  border:0 !important;
  box-shadow:0 18px 44px rgba(0,0,0,.22) !important;
}
.room-myth-emblem{
  min-height:78px !important;
  margin-top:18px !important;
  padding:16px 18px !important;
  border-radius:20px !important;
  background:rgba(255,248,236,.10) !important;
  border:1px solid rgba(255,248,236,.16) !important;
  box-shadow:none !important;
  color:#fff8ec !important;
  backdrop-filter:blur(12px);
}
.room-myth-emblem:before{
  border-color:rgba(255,248,236,.10) !important;
}
.room-myth-emblem span{
  width:48px !important;
  height:48px !important;
  color:#fff8ec !important;
  background:rgba(217,189,140,.22) !important;
  border-color:rgba(255,248,236,.18) !important;
}
.room-myth-emblem strong{
  color:#fff8ec !important;
  font-size:24px !important;
}
.room-myth-emblem:after{
  color:rgba(255,248,236,.06) !important;
  font-size:70px !important;
  bottom:-8px !important;
}
.room-inline-gallery .gallery-status{
  z-index:8 !important;
  left:clamp(16px,3vw,34px) !important;
  right:clamp(16px,3vw,34px) !important;
  top:clamp(16px,3vw,34px) !important;
  justify-content:space-between !important;
}
.room-inline-gallery .gallery-status strong,
.room-inline-gallery .gallery-status span{
  background:rgba(16,26,19,.58) !important;
  border:1px solid rgba(255,248,236,.18) !important;
  color:#fff8ec !important;
  backdrop-filter:blur(16px) saturate(1.12);
}
.room-inline-gallery .gallery-status span{
  pointer-events:none;
}
.room-inline-gallery .gallery-arrow{
  z-index:9 !important;
  top:auto !important;
  bottom:clamp(18px,3vw,34px) !important;
  transform:none !important;
  background:rgba(255,248,236,.78) !important;
}
.room-inline-gallery .gallery-arrow:hover{
  transform:scale(1.05) !important;
}
.room-inline-gallery .gallery-prev{
  left:clamp(16px,3vw,34px) !important;
}
.room-inline-gallery .gallery-next{
  left:calc(clamp(16px,3vw,34px) + 62px) !important;
  right:auto !important;
}
.room-inline-gallery figcaption{
  display:none !important;
}
.gallery-progress{
  z-index:10 !important;
  bottom:auto !important;
  top:0 !important;
  height:4px !important;
  background:rgba(255,248,236,.12) !important;
}
.gallery-progress span{
  background:linear-gradient(90deg,#d9bd8c,#fff8ec) !important;
}
@media(min-width:1200px){
  .room-feature-copy{
    width:min(600px,42vw) !important;
  }
}
@media(max-width:899px){
  .room-feature{
    min-height:auto !important;
    display:block !important;
    border-radius:28px !important;
  }
  .room-feature:before{
    background:linear-gradient(180deg, rgba(10,18,14,.16) 0%, rgba(10,18,14,.42) 38%, rgba(10,18,14,.86) 100%) !important;
  }
  .room-feature-media{
    position:absolute !important;
    inset:0 !important;
    height:100% !important;
  }
  .room-feature-copy{
    width:calc(100% - 28px) !important;
    margin:clamp(330px,64svh,520px) 14px 14px !important;
    padding:20px !important;
    border-radius:24px !important;
  }
  .room-feature-copy h3{
    font-size:clamp(44px,16vw,72px) !important;
  }
  .room-benefit-grid{
    grid-template-columns:1fr !important;
  }
  .room-inline-gallery .gallery-arrow{
    top:clamp(150px,33svh,320px) !important;
    bottom:auto !important;
    transform:translateY(-50%) !important;
  }
  .room-inline-gallery .gallery-arrow:hover{
    transform:translateY(-50%) scale(1.03) !important;
  }
  .room-inline-gallery .gallery-next{
    left:auto !important;
    right:16px !important;
  }
  .room-inline-gallery .gallery-prev{
    left:16px !important;
  }
  .room-inline-gallery .gallery-status span{
    max-width:190px !important;
  }
}
@media(max-width:520px){
  .room-feature-copy{
    margin-top:clamp(300px,58svh,440px) !important;
    width:calc(100% - 20px) !important;
    margin-left:10px !important;
    margin-right:10px !important;
    padding:18px !important;
  }
  .room-feature-copy > p{
    font-size:15px !important;
  }
  .room-benefit p{
    font-size:13px !important;
  }
  .room-myth-emblem{
    display:none !important;
  }
}

/* v23 2026 06 19 Europe Athens
   Premium magazine cover interaction refinement.
   The room cover is vertically centered as a cinematic screen and every verified
   room receives the same heavy glass play trigger on the left center. The trigger
   opens the existing fullscreen lightbox, making the photo tour obvious without
   changing the magazine-cover concept.
*/
.room-feature{
  min-height:clamp(760px,92svh,960px) !important;
  display:grid !important;
  align-items:center !important;
}
.room-feature-media,
.room-inline-gallery,
.room-inline-gallery .gallery-track,
.room-inline-gallery figure{
  height:100% !important;
}
.room-inline-gallery img{
  object-fit:cover !important;
  object-position:center center !important;
}
.room-feature-copy{
  align-self:center !important;
}
.room-gallery-open{
  position:absolute;
  z-index:12;
  left:clamp(42px,13vw,190px);
  top:50%;
  transform:translate(-50%,-50%);
  width:clamp(118px,12vw,176px);
  height:clamp(118px,12vw,176px);
  border-radius:999px;
  border:1px solid rgba(255,248,236,.34);
  cursor:pointer;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 38% 30%,rgba(255,248,236,.22),rgba(255,248,236,.04) 32%,rgba(16,26,19,.58) 66%),
    rgba(16,26,19,.62);
  box-shadow:
    0 34px 90px rgba(0,0,0,.42),
    inset 0 0 0 12px rgba(217,189,140,.20),
    inset 0 0 0 21px rgba(255,248,236,.06);
  backdrop-filter:blur(18px) saturate(1.12);
  color:#fff8ec;
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease;
}
.room-gallery-open::before{
  content:"";
  position:absolute;
  inset:18%;
  border-radius:999px;
  border:clamp(10px,1vw,15px) solid #d9bd8c;
  box-shadow:0 0 0 1px rgba(255,248,236,.18), 0 0 36px rgba(217,189,140,.34);
}
.room-gallery-open::after{
  content:"▶";
  position:relative;
  z-index:2;
  margin-left:.12em;
  font-size:clamp(42px,4.2vw,72px);
  line-height:1;
  color:#fff8ec;
  text-shadow:0 8px 24px rgba(0,0,0,.5);
}
.room-gallery-open:hover{
  transform:translate(-50%,-50%) scale(1.035);
  box-shadow:
    0 40px 110px rgba(0,0,0,.48),
    inset 0 0 0 12px rgba(217,189,140,.26),
    inset 0 0 0 21px rgba(255,248,236,.08);
}
.room-gallery-open:focus-visible{
  outline:3px solid #fff8ec;
  outline-offset:6px;
}
.room-gallery-open .room-gallery-open-text{
  position:absolute;
  top:calc(100% + 14px);
  left:50%;
  transform:translateX(-50%);
  width:max-content;
  max-width:220px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(16,26,19,.66);
  border:1px solid rgba(255,248,236,.16);
  color:#fff8ec;
  font-size:13px;
  font-weight:950;
  letter-spacing:.02em;
  backdrop-filter:blur(12px);
  box-shadow:0 14px 36px rgba(0,0,0,.28);
}
@media(max-width:899px){
  .room-feature{
    min-height:clamp(720px,100svh,940px) !important;
  }
  .room-gallery-open{
    left:50%;
    top:clamp(160px,31svh,300px);
    width:clamp(96px,28vw,132px);
    height:clamp(96px,28vw,132px);
  }
  .room-gallery-open::before{
    inset:19%;
    border-width:10px;
  }
  .room-gallery-open::after{
    font-size:clamp(36px,10vw,54px);
  }
  .room-gallery-open .room-gallery-open-text{
    top:calc(100% + 10px);
    font-size:12px;
    max-width:190px;
    white-space:nowrap;
  }
}
@media(max-width:520px){
  .room-gallery-open{
    top:clamp(142px,28svh,250px);
  }
}

/* v24 2026 06 19 Europe Athens
   Desktop premium magazine cover centering.
   Keeps the mobile behavior from v23, but locks the desktop room cover into a
   true full-height editorial screen: background slide fills the section without
   stretching, content panel and heavy gallery trigger are vertically centered,
   and the interaction remains identical for every verified room.
*/
@media(min-width:900px){
  .room-feature{
    min-height:100svh !important;
    display:grid !important;
    align-items:center !important;
    justify-items:stretch !important;
    padding:clamp(24px,3vw,54px) 0 !important;
  }
  .room-feature-media{
    position:absolute !important;
    inset:0 !important;
    height:100% !important;
    min-height:100% !important;
    width:100% !important;
  }
  .room-inline-gallery,
  .room-inline-gallery .gallery-track,
  .room-inline-gallery figure{
    height:100% !important;
    min-height:100% !important;
  }
  .room-inline-gallery img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
  }
  .room-feature-copy{
    align-self:center !important;
    margin-top:auto !important;
    margin-bottom:auto !important;
  }
  .room-gallery-open{
    top:50% !important;
    left:clamp(120px,20vw,320px) !important;
    transform:translate(-50%,-50%) !important;
  }
  .room-gallery-open:hover{
    transform:translate(-50%,-50%) scale(1.035) !important;
  }
}
@media(min-width:1440px){
  .room-gallery-open{
    left:clamp(180px,23vw,420px) !important;
  }
}

/* v25 2026 06 19 Europe Athens
   True 100vh premium room cover centering.
   Desktop room sections are locked to exactly one viewport height. The active
   slideshow remains a full responsive background with no stretching, the heavy
   gallery trigger stays visually centered, and the information panel is centered
   vertically inside the 100vh cover without pushing the section height.
   Mobile behavior from v23/v24 remains unchanged.
*/
@media(min-width:900px){
  .room-feature{
    height:100vh !important;
    min-height:100vh !important;
    max-height:100vh !important;
    padding:0 !important;
    display:grid !important;
    align-items:center !important;
    overflow:hidden !important;
  }
  .room-feature-media{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100vh !important;
    min-height:100vh !important;
    max-height:100vh !important;
    overflow:hidden !important;
  }
  .room-inline-gallery,
  .room-inline-gallery .gallery-track,
  .room-inline-gallery figure{
    width:100% !important;
    height:100vh !important;
    min-height:100vh !important;
    max-height:100vh !important;
    overflow:hidden !important;
  }
  .room-inline-gallery img{
    width:100% !important;
    height:100vh !important;
    min-height:100vh !important;
    max-height:100vh !important;
    object-fit:cover !important;
    object-position:center center !important;
    transform:none !important;
  }
  .room-feature-copy{
    align-self:center !important;
    justify-self:end !important;
    margin:0 clamp(22px,4vw,64px) 0 auto !important;
    max-height:calc(100vh - 72px) !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
    scrollbar-width:thin !important;
    scrollbar-color:rgba(217,189,140,.7) rgba(255,248,236,.08) !important;
  }
  .room-feature-copy::-webkit-scrollbar{
    width:7px;
  }
  .room-feature-copy::-webkit-scrollbar-track{
    background:rgba(255,248,236,.08);
    border-radius:999px;
  }
  .room-feature-copy::-webkit-scrollbar-thumb{
    background:rgba(217,189,140,.72);
    border-radius:999px;
  }
  .room-gallery-open{
    top:50% !important;
    transform:translate(-50%,-50%) !important;
  }
  .room-gallery-open:hover{
    transform:translate(-50%,-50%) scale(1.035) !important;
  }
}
@media(min-width:900px) and (max-height:820px){
  .room-feature-copy{
    width:min(540px,43vw) !important;
    padding:clamp(18px,2.3vw,28px) !important;
  }
  .room-feature-copy h3{
    font-size:clamp(42px,6.4vw,72px) !important;
  }
  .room-choice-story{
    margin:8px 0 10px !important;
    padding-top:12px !important;
  }
  .room-experience{
    margin:12px 0 !important;
  }
  .room-benefit{
    padding:10px 11px !important;
  }
  .room-glance{
    padding:13px !important;
  }
  .room-myth-emblem{
    display:none !important;
  }
}

/* v26 2026 06 19 Europe Athens
   Premium navigation arrows upgrade.
   Upgrades the room/gallery previous-next controls from generic grey circles to
   stronger luxury glass controls. Applies globally to all verified room covers,
   inline galleries and fullscreen lightbox navigation without changing the
   magazine cover concept or stretching images.
*/
.room-inline-gallery .gallery-arrow,
.room-lightbox-nav{
  width:clamp(58px,4.4vw,74px) !important;
  height:clamp(58px,4.4vw,74px) !important;
  border-radius:999px !important;
  border:1px solid rgba(255,248,236,.42) !important;
  background:
    radial-gradient(circle at 35% 28%, rgba(255,248,236,.30), rgba(255,248,236,.06) 34%, rgba(16,26,19,.58) 70%),
    rgba(16,26,19,.50) !important;
  color:#fff8ec !important;
  font-family:Georgia,serif !important;
  font-size:clamp(36px,3vw,50px) !important;
  font-weight:900 !important;
  line-height:1 !important;
  display:grid !important;
  place-items:center !important;
  box-shadow:
    0 22px 58px rgba(0,0,0,.36),
    inset 0 0 0 9px rgba(217,189,140,.13),
    inset 0 0 0 18px rgba(255,248,236,.045) !important;
  backdrop-filter:blur(18px) saturate(1.15) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.15) !important;
  opacity:.98 !important;
  transition:transform .22s ease, background .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}
.room-inline-gallery .gallery-arrow::before,
.room-lightbox-nav::before{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:999px;
  border:2px solid rgba(217,189,140,.58);
  pointer-events:none;
}
.room-inline-gallery .gallery-arrow:hover,
.room-lightbox-nav:hover{
  background:
    radial-gradient(circle at 35% 28%, rgba(255,248,236,.38), rgba(255,248,236,.08) 34%, rgba(16,26,19,.66) 70%),
    rgba(16,26,19,.62) !important;
  border-color:rgba(255,248,236,.62) !important;
  box-shadow:
    0 28px 74px rgba(0,0,0,.46),
    inset 0 0 0 9px rgba(217,189,140,.18),
    inset 0 0 0 18px rgba(255,248,236,.07) !important;
}
.room-inline-gallery .gallery-prev,
.room-inline-gallery .gallery-next{
  bottom:clamp(26px,4vw,54px) !important;
}
.room-inline-gallery .gallery-prev:hover{
  transform:translateX(-2px) scale(1.045) !important;
}
.room-inline-gallery .gallery-next:hover{
  transform:translateX(2px) scale(1.045) !important;
}
.room-lightbox-prev:hover{
  transform:translateY(-50%) translateX(-2px) scale(1.045) !important;
}
.room-lightbox-next:hover{
  transform:translateY(-50%) translateX(2px) scale(1.045) !important;
}
.room-inline-gallery .gallery-arrow:focus-visible,
.room-lightbox-nav:focus-visible{
  outline:3px solid rgba(255,248,236,.86) !important;
  outline-offset:5px !important;
}
@media(min-width:900px){
  .room-inline-gallery .gallery-prev{
    left:clamp(28px,4vw,68px) !important;
  }
  .room-inline-gallery .gallery-next{
    left:calc(clamp(28px,4vw,68px) + clamp(76px,6vw,98px)) !important;
    right:auto !important;
  }
  .room-lightbox-prev{
    left:clamp(22px,3vw,48px) !important;
  }
  .room-lightbox-next{
    right:clamp(22px,3vw,48px) !important;
  }
}
@media(max-width:899px){
  .room-inline-gallery .gallery-arrow,
  .room-lightbox-nav{
    width:50px !important;
    height:50px !important;
    font-size:34px !important;
    box-shadow:
      0 16px 40px rgba(0,0,0,.32),
      inset 0 0 0 7px rgba(217,189,140,.13),
      inset 0 0 0 14px rgba(255,248,236,.045) !important;
  }
  .room-inline-gallery .gallery-arrow::before,
  .room-lightbox-nav::before{
    inset:8px;
    border-width:1px;
  }
}

/* v27 2026 06 19 Europe Athens
   Premium booking CTA and fullscreen close control upgrade.
   Applies to every verified room using the shared Premium Room Template.
*/
.room-feature-copy > a{
  position:relative !important;
  isolation:isolate !important;
  display:inline-grid !important;
  grid-template-columns:1fr auto !important;
  align-items:center !important;
  gap:18px !important;
  width:min(100%, 520px) !important;
  margin-top:clamp(18px,2vw,28px) !important;
  padding:18px 24px !important;
  border-radius:999px !important;
  overflow:hidden !important;
  background:
    linear-gradient(135deg, #f2d391 0%, #c99a52 48%, #9d6b2f 100%) !important;
  color:#12231d !important;
  border:1px solid rgba(255,248,236,.62) !important;
  box-shadow:
    0 28px 70px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,248,236,.62),
    inset 0 -10px 24px rgba(105,62,18,.18) !important;
  font-family:Georgia, serif !important;
  font-size:clamp(17px,1.15vw,21px) !important;
  font-weight:950 !important;
  line-height:1.15 !important;
  letter-spacing:.01em !important;
  text-align:left !important;
  text-decoration:none !important;
  transition:transform .25s ease, box-shadow .25s ease, filter .25s ease !important;
}
.room-feature-copy > a::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(115deg, transparent 0%, rgba(255,255,255,.38) 38%, transparent 58%);
  transform:translateX(-120%);
  transition:transform .55s ease;
}
.room-feature-copy > a::after{
  content:"›";
  width:42px;
  height:42px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:rgba(18,35,29,.86);
  color:#fff8ec;
  border:1px solid rgba(255,248,236,.34);
  font-family:Georgia, serif;
  font-size:36px;
  line-height:.8;
  box-shadow:inset 0 0 0 7px rgba(217,189,140,.16), 0 12px 28px rgba(0,0,0,.18);
}
.room-feature-copy > a:hover{
  transform:translateY(-3px) !important;
  filter:saturate(1.05) brightness(1.03) !important;
  box-shadow:
    0 34px 82px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,248,236,.72),
    inset 0 -10px 24px rgba(105,62,18,.16) !important;
}
.room-feature-copy > a:hover::before{
  transform:translateX(120%);
}
.room-feature-copy > a:focus-visible{
  outline:3px solid rgba(255,248,236,.9) !important;
  outline-offset:6px !important;
}
.room-lightbox-close{
  position:relative !important;
  width:clamp(66px,5vw,82px) !important;
  height:clamp(66px,5vw,82px) !important;
  border-radius:999px !important;
  border:1px solid rgba(255,248,236,.42) !important;
  background:
    radial-gradient(circle at 35% 25%, rgba(255,248,236,.30), rgba(255,248,236,.08) 34%, rgba(16,26,19,.68) 72%),
    rgba(16,26,19,.56) !important;
  color:#fff8ec !important;
  font-family:Georgia, serif !important;
  font-size:clamp(34px,3vw,46px) !important;
  font-weight:950 !important;
  line-height:1 !important;
  display:grid !important;
  place-items:center !important;
  cursor:pointer !important;
  box-shadow:
    0 24px 70px rgba(0,0,0,.44),
    inset 0 0 0 9px rgba(217,189,140,.14),
    inset 0 0 0 18px rgba(255,248,236,.045) !important;
  backdrop-filter:blur(18px) saturate(1.16) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.16) !important;
  transition:transform .24s ease, border-color .24s ease, box-shadow .24s ease, background .24s ease !important;
}
.room-lightbox-close::before{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:999px;
  border:2px solid rgba(217,189,140,.62);
  pointer-events:none;
}
.room-lightbox-close:hover{
  transform:scale(1.055) rotate(3deg) !important;
  border-color:rgba(255,248,236,.66) !important;
  background:
    radial-gradient(circle at 35% 25%, rgba(255,248,236,.38), rgba(255,248,236,.10) 34%, rgba(16,26,19,.74) 72%),
    rgba(16,26,19,.62) !important;
  box-shadow:
    0 30px 86px rgba(0,0,0,.50),
    inset 0 0 0 9px rgba(217,189,140,.20),
    inset 0 0 0 18px rgba(255,248,236,.07) !important;
}
.room-lightbox-close:focus-visible{
  outline:3px solid rgba(255,248,236,.9) !important;
  outline-offset:6px !important;
}
@media(max-width:899px){
  .room-feature-copy > a{
    width:100% !important;
    padding:16px 18px !important;
    font-size:16px !important;
  }
  .room-feature-copy > a::after{
    width:38px;
    height:38px;
    font-size:32px;
  }
  .room-lightbox-close{
    width:58px !important;
    height:58px !important;
    font-size:32px !important;
  }
  .room-lightbox-close::before{
    inset:8px;
    border-width:1px;
  }
}

/* v28 2026 06 19 Europe Athens
   Compact premium room glance strip.
   Reduces vertical height of the 'με μια ματιά' module to help avoid desktop scrollbar.
   Applies to all room cards using the premium room template.
*/
.room-glance{
  padding:clamp(10px,1vw,14px) clamp(12px,1.2vw,18px) !important;
  border-radius:clamp(16px,1.4vw,20px) !important;
  display:grid !important;
  grid-template-columns:minmax(150px,auto) 1fr !important;
  align-items:center !important;
  gap:clamp(8px,1vw,14px) !important;
  min-height:0 !important;
}
.room-glance > strong{
  margin:0 !important;
  font-size:clamp(17px,1.5vw,23px) !important;
  line-height:1.05 !important;
  white-space:nowrap !important;
}
.room-glance div{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:6px !important;
}
.room-glance span{
  padding:clamp(5px,.52vw,7px) clamp(8px,.75vw,11px) !important;
  font-size:clamp(10px,.76vw,12px) !important;
  line-height:1 !important;
  letter-spacing:.03em !important;
}
@media(min-width:900px) and (max-height:860px){
  .room-glance{
    padding:9px 12px !important;
    gap:8px !important;
  }
  .room-glance > strong{
    font-size:16px !important;
  }
  .room-glance span{
    padding:5px 8px !important;
    font-size:10px !important;
  }
}
@media(max-width:899px){
  .room-glance{
    grid-template-columns:1fr !important;
    gap:10px !important;
    padding:15px !important;
  }
  .room-glance > strong{
    white-space:normal !important;
    font-size:21px !important;
  }
  .room-glance span{
    padding:8px 10px !important;
    font-size:12px !important;
  }
}


/* v29 2026 06 19 Europe Athens
   Smart room information distribution on the slide.
   Moves the core room identity and key facts onto the visual background as
   premium glass chips, so the right panel becomes shorter and the 100vh cover
   avoids internal scrollbar on desktop. Mobile keeps the fuller storytelling.
*/
.room-cover-quick{
  position:absolute;
  z-index:13;
  left:clamp(28px,4vw,70px);
  bottom:clamp(86px,8vh,132px);
  width:min(520px,42vw);
  padding:clamp(16px,1.7vw,24px);
  border-radius:26px;
  background:linear-gradient(135deg,rgba(16,26,19,.54),rgba(16,26,19,.28));
  border:1px solid rgba(255,248,236,.22);
  box-shadow:0 24px 72px rgba(0,0,0,.30);
  backdrop-filter:blur(18px) saturate(1.12);
  -webkit-backdrop-filter:blur(18px) saturate(1.12);
  color:#fff8ec;
  pointer-events:none;
}
.room-cover-quick > span{
  display:block;
  font-family:Georgia,serif;
  font-size:clamp(38px,5.4vw,76px);
  line-height:.9;
  font-weight:900;
  letter-spacing:-.04em;
  color:#fff8ec;
  text-shadow:0 18px 60px rgba(0,0,0,.42);
}
.room-cover-quick > strong{
  display:block;
  margin-top:10px;
  font-size:clamp(14px,1.05vw,18px);
  line-height:1.25;
  color:rgba(255,248,236,.9);
}
.room-cover-quick div{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:14px;
}
.room-cover-quick div span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(217,189,140,.20);
  border:1px solid rgba(255,248,236,.20);
  color:#fff8ec;
  font-size:clamp(11px,.78vw,13px);
  font-weight:850;
  letter-spacing:.02em;
}
@media(min-width:900px){
  .room-feature-copy{
    width:min(520px,38vw) !important;
    padding:clamp(18px,2.1vw,30px) !important;
    max-height:calc(100vh - 56px) !important;
    overflow-y:hidden !important;
  }
  .room-feature-copy > p{
    display:none !important;
  }
  .room-choice-story{
    margin:8px 0 12px !important;
    padding-top:12px !important;
  }
  .room-choice-story p{
    margin-top:6px !important;
    font-size:clamp(14px,.9vw,17px) !important;
    line-height:1.45 !important;
  }
  .room-experience{
    margin:12px 0 !important;
  }
  .room-experience-title,
  .room-benefit-grid{
    display:none !important;
  }
  .room-glance{
    margin-top:4px !important;
  }
  .room-feature-copy > a{
    margin-top:14px !important;
    padding:14px 20px !important;
    font-size:clamp(15px,1vw,18px) !important;
    width:min(100%,440px) !important;
  }
  .room-feature-copy > a::after{
    width:36px;
    height:36px;
    font-size:30px;
  }
  .room-myth-emblem{
    margin-top:14px !important;
    min-height:64px !important;
    padding:12px 15px !important;
  }
  .room-myth-emblem span{
    width:40px !important;
    height:40px !important;
  }
  .room-myth-emblem strong{
    font-size:21px !important;
  }
}
@media(min-width:900px) and (max-height:840px){
  .room-cover-quick{
    bottom:clamp(70px,6vh,96px);
    padding:14px 16px;
  }
  .room-cover-quick > span{
    font-size:clamp(34px,4.6vw,62px);
  }
  .room-cover-quick > strong{
    font-size:14px;
  }
  .room-cover-quick div span{
    padding:5px 9px;
    min-height:24px;
    font-size:11px;
  }
  .room-feature-copy h3{
    font-size:clamp(38px,5.4vw,62px) !important;
  }
}
@media(max-width:899px){
  .room-cover-quick{
    left:14px;
    right:14px;
    bottom:auto;
    top:clamp(250px,43svh,390px);
    width:auto;
    padding:14px;
    border-radius:20px;
  }
  .room-cover-quick > span{
    font-size:clamp(34px,13vw,58px);
  }
  .room-cover-quick > strong{
    font-size:13px;
  }
  .room-cover-quick div{
    gap:6px;
    margin-top:10px;
  }
  .room-cover-quick div span{
    padding:6px 9px;
    font-size:11px;
  }
}
@media(max-width:520px){
  .room-cover-quick{
    top:clamp(225px,40svh,335px);
    padding:12px;
  }
  .room-cover-quick div span:nth-child(n+4){
    display:none;
  }
}

/* v30 2026 06 19 Europe Athens
   Premium room cover readability correction.
   The previous slide overlay was too dark, the title/chips on the slide lost
   contrast, and the heavy gallery trigger dominated the room photo. This patch
   keeps the magazine-cover concept but lets the real room photo sell the room:
   lighter global overlay, brighter image rendering, cleaner glass info panel,
   higher room identity block, smaller heavy trigger and stronger chip contrast.
   Applies to all verified and future rooms using the Premium Room Template.
*/
.room-feature:before{
  background:
    linear-gradient(90deg, rgba(10,18,14,.48) 0%, rgba(10,18,14,.18) 42%, rgba(10,18,14,.46) 100%),
    linear-gradient(180deg, rgba(10,18,14,.10) 0%, rgba(10,18,14,.10) 44%, rgba(10,18,14,.38) 100%) !important;
}
.room-inline-gallery img{
  filter:saturate(1.04) contrast(1.03) brightness(1) !important;
}
.room-gallery-open{
  width:clamp(96px,9.2vw,138px) !important;
  height:clamp(96px,9.2vw,138px) !important;
  background:
    radial-gradient(circle at 38% 30%,rgba(255,248,236,.24),rgba(255,248,236,.05) 32%,rgba(16,26,19,.46) 66%),
    rgba(16,26,19,.50) !important;
  box-shadow:
    0 26px 70px rgba(0,0,0,.34),
    inset 0 0 0 9px rgba(217,189,140,.20),
    inset 0 0 0 17px rgba(255,248,236,.06) !important;
}
.room-gallery-open::before{
  inset:18% !important;
  border-width:clamp(8px,.78vw,12px) !important;
  border-color:rgba(217,189,140,.95) !important;
}
.room-gallery-open::after{
  font-size:clamp(34px,3.2vw,54px) !important;
}
.room-gallery-open .room-gallery-open-text{
  background:rgba(16,26,19,.54) !important;
  border-color:rgba(255,248,236,.18) !important;
  color:rgba(255,248,236,.94) !important;
}
.room-cover-quick{
  bottom:clamp(118px,12vh,176px) !important;
  background:linear-gradient(135deg,rgba(16,26,19,.44),rgba(16,26,19,.20)) !important;
  border-color:rgba(255,248,236,.28) !important;
  box-shadow:0 20px 56px rgba(0,0,0,.24) !important;
}
.room-cover-quick > span{
  color:#fff8ec !important;
  opacity:.96 !important;
  text-shadow:0 14px 46px rgba(0,0,0,.42) !important;
}
.room-cover-quick > strong{
  color:rgba(255,248,236,.96) !important;
  text-shadow:0 8px 28px rgba(0,0,0,.32) !important;
}
.room-cover-quick div span{
  background:rgba(255,248,236,.14) !important;
  border-color:rgba(255,248,236,.26) !important;
  color:#fff8ec !important;
  box-shadow:0 8px 22px rgba(0,0,0,.13) !important;
}
@media(min-width:900px) and (max-height:840px){
  .room-cover-quick{
    bottom:clamp(100px,10vh,132px) !important;
  }
}
@media(max-width:899px){
  .room-feature:before{
    background:linear-gradient(180deg, rgba(10,18,14,.12) 0%, rgba(10,18,14,.20) 40%, rgba(10,18,14,.48) 100%) !important;
  }
  .room-inline-gallery img{
    filter:saturate(1.04) contrast(1.02) brightness(1) !important;
  }
  .room-gallery-open{
    width:clamp(82px,23vw,108px) !important;
    height:clamp(82px,23vw,108px) !important;
    top:clamp(150px,29svh,270px) !important;
  }
  .room-gallery-open::before{
    border-width:8px !important;
  }
  .room-gallery-open::after{
    font-size:clamp(30px,8.6vw,44px) !important;
  }
  .room-cover-quick{
    top:auto !important;
    bottom:clamp(46px,7svh,74px) !important;
    background:linear-gradient(135deg,rgba(16,26,19,.42),rgba(16,26,19,.22)) !important;
  }
}
@media(max-width:520px){
  .room-cover-quick{
    bottom:clamp(38px,6svh,60px) !important;
  }
}

/* v31 2026 06 19 Europe Athens
   Correct premium room cover setup.
   Restores the room photo as the hero, reduces overlay dominance, positions the
   slide identity as a magazine-cover title, keeps the heavy trigger as a gallery
   focal point without overpowering the room, and removes redundant trigger text.
   Applies globally to every Premium Room Template room.
*/
.room-feature:before{
  background:
    linear-gradient(90deg, rgba(10,18,14,.36) 0%, rgba(10,18,14,.12) 44%, rgba(10,18,14,.38) 100%),
    linear-gradient(180deg, rgba(10,18,14,.06) 0%, rgba(10,18,14,.08) 46%, rgba(10,18,14,.30) 100%) !important;
}
.room-inline-gallery img{
  filter:saturate(1.05) contrast(1.03) brightness(1.05) !important;
}
.room-gallery-open{
  width:clamp(104px,8.4vw,126px) !important;
  height:clamp(104px,8.4vw,126px) !important;
  left:clamp(130px,22vw,360px) !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  background:
    radial-gradient(circle at 38% 30%,rgba(255,248,236,.22),rgba(255,248,236,.045) 32%,rgba(16,26,19,.40) 66%),
    rgba(16,26,19,.44) !important;
  box-shadow:
    0 24px 62px rgba(0,0,0,.30),
    inset 0 0 0 8px rgba(217,189,140,.20),
    inset 0 0 0 16px rgba(255,248,236,.055) !important;
}
.room-gallery-open::before{
  inset:18% !important;
  border-width:clamp(8px,.62vw,10px) !important;
  border-color:rgba(217,189,140,.92) !important;
}
.room-gallery-open::after{
  font-size:clamp(34px,2.8vw,46px) !important;
}
.room-gallery-open:hover{
  transform:translate(-50%,-50%) scale(1.04) !important;
}
.room-gallery-open .room-gallery-open-text{
  display:none !important;
}
.room-cover-quick{
  top:64% !important;
  bottom:auto !important;
  transform:translateY(-50%) !important;
  left:clamp(34px,4.6vw,82px) !important;
  width:min(560px,42vw) !important;
  padding:clamp(14px,1.35vw,20px) !important;
  border-radius:24px !important;
  background:linear-gradient(135deg,rgba(16,26,19,.32),rgba(16,26,19,.14)) !important;
  border-color:rgba(255,248,236,.22) !important;
  box-shadow:0 18px 48px rgba(0,0,0,.18) !important;
}
.room-cover-quick > span{
  font-size:clamp(54px,6.8vw,104px) !important;
  color:#fff8ec !important;
  opacity:1 !important;
  text-shadow:0 16px 54px rgba(0,0,0,.55) !important;
}
.room-cover-quick > strong{
  margin-top:8px !important;
  color:rgba(255,248,236,.96) !important;
  font-size:clamp(14px,1vw,17px) !important;
  text-shadow:0 8px 24px rgba(0,0,0,.42) !important;
}
.room-cover-quick div{
  margin-top:12px !important;
  gap:7px !important;
}
.room-cover-quick div span{
  min-height:26px !important;
  padding:6px 10px !important;
  background:rgba(255,248,236,.16) !important;
  border-color:rgba(255,248,236,.26) !important;
  color:#fff8ec !important;
  box-shadow:0 8px 20px rgba(0,0,0,.12) !important;
}
.room-cover-quick div span:nth-child(n+5){
  display:none !important;
}
.room-inline-gallery .gallery-status span{
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
}
@media(min-width:900px){
  .room-feature{
    height:100vh !important;
    min-height:100vh !important;
    max-height:100vh !important;
  }
  .room-feature-copy{
    width:min(470px,35vw) !important;
    max-height:none !important;
    overflow:visible !important;
    padding:clamp(18px,2vw,28px) !important;
    background:rgba(16,26,19,.52) !important;
    border-color:rgba(255,248,236,.20) !important;
    margin:0 clamp(22px,4vw,62px) 0 auto !important;
    align-self:center !important;
  }
  .room-feature-copy h3{
    font-size:clamp(38px,4.4vw,62px) !important;
    line-height:.94 !important;
  }
  .room-choice-story{
    margin:8px 0 10px !important;
    padding-top:10px !important;
  }
  .room-choice-story p{
    font-size:clamp(14px,.86vw,16px) !important;
    line-height:1.42 !important;
  }
  .room-glance{
    margin-top:6px !important;
  }
  .room-feature-copy > a{
    margin-top:12px !important;
    width:min(100%,390px) !important;
    padding:13px 18px !important;
  }
  .room-myth-emblem{
    display:none !important;
  }
}
@media(min-width:900px) and (max-height:820px){
  .room-cover-quick{
    top:62% !important;
    width:min(500px,40vw) !important;
  }
  .room-cover-quick > span{
    font-size:clamp(48px,5.8vw,84px) !important;
  }
  .room-feature-copy{
    width:min(430px,34vw) !important;
    padding:18px !important;
  }
  .room-feature-copy h3{
    font-size:clamp(34px,4vw,52px) !important;
  }
}
@media(max-width:899px){
  .room-gallery-open .room-gallery-open-text{
    display:none !important;
  }
  .room-gallery-open{
    top:clamp(145px,28svh,250px) !important;
    width:clamp(82px,22vw,104px) !important;
    height:clamp(82px,22vw,104px) !important;
  }
  .room-cover-quick{
    top:auto !important;
    bottom:clamp(64px,10svh,96px) !important;
    transform:none !important;
    left:14px !important;
    right:14px !important;
    width:auto !important;
    padding:14px !important;
    background:linear-gradient(135deg,rgba(16,26,19,.36),rgba(16,26,19,.18)) !important;
  }
  .room-cover-quick > span{
    font-size:clamp(40px,13vw,64px) !important;
  }
}
@media(max-width:520px){
  .room-cover-quick{
    bottom:clamp(58px,9svh,82px) !important;
  }
  .room-cover-quick div span:nth-child(n+4){
    display:none !important;
  }
}

/* v32 2026 06 19 Europe Athens
   Premium room cover no-overlap correction.
   Creates separate visual zones for the fullscreen gallery trigger and the room
   identity panel. The play trigger remains a strong focal point, but it never
   sits behind or inside the room info card. Applies to every room using the
   Premium Room Template.
*/
.room-gallery-open{
  z-index:15 !important;
}
.room-cover-quick{
  z-index:14 !important;
}
@media(min-width:900px){
  .room-gallery-open{
    top:42% !important;
    left:clamp(128px,20vw,340px) !important;
    transform:translate(-50%,-50%) !important;
  }
  .room-gallery-open:hover{
    transform:translate(-50%,-50%) scale(1.04) !important;
  }
  .room-cover-quick{
    top:auto !important;
    bottom:clamp(42px,6vh,82px) !important;
    transform:none !important;
    left:clamp(34px,4.6vw,82px) !important;
    width:min(540px,42vw) !important;
  }
}
@media(min-width:900px) and (max-height:820px){
  .room-gallery-open{
    top:39% !important;
  }
  .room-cover-quick{
    bottom:clamp(28px,4vh,54px) !important;
    padding:12px 14px !important;
  }
  .room-cover-quick > span{
    font-size:clamp(42px,5vw,72px) !important;
  }
  .room-cover-quick div{
    margin-top:8px !important;
  }
}
@media(max-width:899px){
  .room-gallery-open{
    top:clamp(165px,31svh,285px) !important;
    left:50% !important;
    transform:translate(-50%,-50%) !important;
    z-index:15 !important;
  }
  .room-gallery-open:hover{
    transform:translate(-50%,-50%) scale(1.03) !important;
  }
  .room-cover-quick{
    top:auto !important;
    bottom:clamp(34px,5.5svh,64px) !important;
    transform:none !important;
    left:14px !important;
    right:14px !important;
    width:auto !important;
    z-index:14 !important;
  }
}
@media(max-width:520px){
  .room-gallery-open{
    top:clamp(150px,29svh,240px) !important;
  }
  .room-cover-quick{
    bottom:clamp(28px,5svh,52px) !important;
    padding:12px !important;
  }
}

/* v33 2026 06 19 Europe Athens
   Room cover interaction correction.
   The room card uses a 95vh cinematic frame on desktop, the lightbox opens only
   from the heavy play trigger, and slider arrows are visible and aligned on the
   same vertical center line. Images remain cover fitted without stretching.
*/
@media(min-width:900px){
  .room-feature{
    height:95vh !important;
    min-height:95vh !important;
    max-height:95vh !important;
    margin-block:clamp(18px,2.5vh,32px) !important;
  }
  .room-feature-media{
    height:95vh !important;
    min-height:95vh !important;
    max-height:95vh !important;
  }
  .room-inline-gallery,
  .room-inline-gallery .gallery-track,
  .room-inline-gallery figure{
    height:95vh !important;
    min-height:95vh !important;
    max-height:95vh !important;
  }
  .room-inline-gallery img{
    height:95vh !important;
    min-height:95vh !important;
    max-height:95vh !important;
    object-fit:cover !important;
    object-position:center center !important;
  }
  .room-feature-copy{
    max-height:calc(95vh - 56px) !important;
  }
}
.room-inline-gallery .gallery-arrow{
  display:grid !important;
  place-items:center !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  z-index:16 !important;
  top:50% !important;
  bottom:auto !important;
  transform:translateY(-50%) !important;
  width:clamp(52px,4.4vw,72px) !important;
  height:clamp(52px,4.4vw,72px) !important;
  background:radial-gradient(circle at 35% 28%,rgba(255,248,236,.28),rgba(255,248,236,.08) 38%,rgba(16,26,19,.64) 100%) !important;
  border:1px solid rgba(255,248,236,.30) !important;
  color:#fff8ec !important;
  box-shadow:0 18px 54px rgba(0,0,0,.34), inset 0 0 0 8px rgba(217,189,140,.16) !important;
  backdrop-filter:blur(16px) saturate(1.1) !important;
  -webkit-backdrop-filter:blur(16px) saturate(1.1) !important;
}
.room-inline-gallery .gallery-arrow:hover{
  transform:translateY(-50%) scale(1.045) !important;
  background:radial-gradient(circle at 35% 28%,rgba(255,248,236,.36),rgba(255,248,236,.10) 38%,rgba(16,26,19,.72) 100%) !important;
  box-shadow:0 24px 68px rgba(0,0,0,.42), inset 0 0 0 8px rgba(217,189,140,.22) !important;
}
.room-inline-gallery .gallery-prev{
  left:clamp(18px,2.8vw,46px) !important;
  right:auto !important;
}
.room-inline-gallery .gallery-next{
  right:clamp(18px,2.8vw,46px) !important;
  left:auto !important;
}
@media(max-width:899px){
  .room-inline-gallery .gallery-arrow{
    top:50% !important;
    bottom:auto !important;
    transform:translateY(-50%) !important;
    width:52px !important;
    height:52px !important;
  }
  .room-inline-gallery .gallery-arrow:hover{
    transform:translateY(-50%) scale(1.035) !important;
  }
  .room-inline-gallery .gallery-prev{
    left:14px !important;
    right:auto !important;
  }
  .room-inline-gallery .gallery-next{
    right:14px !important;
    left:auto !important;
  }
}

/* v34 2026 06 19 Europe Athens
   Mouse pointer restoration.
   The room background/slide is no longer treated as a clickable lightbox surface.
   Fullscreen gallery opens only from the heavy play trigger, while arrows and CTA controls keep pointer cursor.
*/
.room-feature,
.room-feature-media,
.room-inline-gallery,
.room-inline-gallery .gallery-track,
.room-inline-gallery figure,
.room-inline-gallery img,
.room-cover-bg,
.room-cover-bg img{
  cursor:default !important;
}
.room-inline-gallery{
  cursor:default !important;
}
.room-gallery-open,
.gallery-arrow,
.room-lightbox-close,
.room-lightbox-nav,
.room-feature-copy > a,
.menu-toggle,
.btn{
  cursor:pointer !important;
}
.room-gallery-open *{
  pointer-events:none;
}
.gallery-arrow,
.room-lightbox-nav,
.room-lightbox-close{
  user-select:none;
}

/* v35 2026 06 19 Europe Athens
   Premium cover play trigger placement.
   The fullscreen gallery trigger now belongs visually to the room identity card:
   top-right corner of the glass title panel, with reserved space so it never
   overlaps the room title/chips. Applies to every room using the shared Premium
   Room Template.
*/
.room-cover-quick{
  overflow:visible !important;
  padding-right:clamp(92px,8vw,132px) !important;
}
.room-cover-quick .room-gallery-open{
  position:absolute !important;
  top:clamp(12px,1.2vw,18px) !important;
  right:clamp(12px,1.2vw,18px) !important;
  left:auto !important;
  transform:none !important;
  z-index:24 !important;
  width:clamp(72px,6vw,96px) !important;
  height:clamp(72px,6vw,96px) !important;
}
.room-cover-quick .room-gallery-open:hover{
  transform:scale(1.045) !important;
}
.room-cover-quick .room-gallery-open::before{
  inset:18% !important;
  border-width:clamp(6px,.55vw,9px) !important;
}
.room-cover-quick .room-gallery-open::after{
  font-size:clamp(27px,2.4vw,39px) !important;
}
.room-inline-gallery > .room-gallery-open{
  display:none !important;
}
@media(min-width:900px){
  .room-cover-quick{
    padding-right:clamp(100px,8.5vw,144px) !important;
  }
  .room-cover-quick .room-gallery-open{
    top:clamp(14px,1.25vw,20px) !important;
    right:clamp(14px,1.25vw,20px) !important;
  }
  .room-inline-gallery .gallery-arrow{
    z-index:22 !important;
  }
  .room-inline-gallery .gallery-next{
    right:clamp(22px,3vw,54px) !important;
    left:auto !important;
  }
  .room-inline-gallery .gallery-prev{
    left:clamp(22px,3vw,54px) !important;
    right:auto !important;
  }
}
@media(max-width:899px){
  .room-cover-quick{
    padding-right:clamp(78px,22vw,104px) !important;
  }
  .room-cover-quick .room-gallery-open{
    width:clamp(60px,18vw,82px) !important;
    height:clamp(60px,18vw,82px) !important;
    top:12px !important;
    right:12px !important;
  }
  .room-cover-quick .room-gallery-open::before{
    border-width:6px !important;
  }
  .room-cover-quick .room-gallery-open::after{
    font-size:clamp(24px,7vw,34px) !important;
  }
}
@media(max-width:520px){
  .room-cover-quick{
    padding-right:82px !important;
  }
  .room-cover-quick .room-gallery-open{
    width:62px !important;
    height:62px !important;
  }
}

/* v36 2026 06 19 Europe Athens
   Real dual correction requested by Xenofon.
   1. Slider arrows are always above all room cards, glass panels and overlays,
      aligned on the exact same vertical center line.
   2. The heavy fullscreen gallery trigger lives on the top-right corner of the
      room identity card, remains clickable, and is the only lightbox trigger.
*/
.room-inline-gallery{
  position:absolute !important;
  inset:0 !important;
  overflow:hidden !important;
  z-index:1 !important;
}
.room-inline-gallery .gallery-track,
.room-inline-gallery figure,
.room-inline-gallery img{
  height:100% !important;
  min-height:100% !important;
  max-height:100% !important;
}
.room-inline-gallery img{
  object-fit:cover !important;
  object-position:center center !important;
  transform:none !important;
}
.room-cover-quick{
  position:absolute !important;
  z-index:30 !important;
  pointer-events:none !important;
  padding-right:clamp(98px,8.5vw,148px) !important;
}
.room-cover-quick .room-gallery-open{
  position:absolute !important;
  top:clamp(12px,1.15vw,18px) !important;
  right:clamp(12px,1.15vw,18px) !important;
  left:auto !important;
  bottom:auto !important;
  transform:none !important;
  z-index:95 !important;
  pointer-events:auto !important;
  cursor:pointer !important;
  width:clamp(72px,6vw,98px) !important;
  height:clamp(72px,6vw,98px) !important;
}
.room-cover-quick .room-gallery-open:hover{
  transform:scale(1.045) !important;
}
.room-cover-quick .room-gallery-open::before{
  inset:18% !important;
  border-width:clamp(6px,.55vw,9px) !important;
}
.room-cover-quick .room-gallery-open::after{
  font-size:clamp(27px,2.4vw,40px) !important;
}
.room-cover-quick .room-gallery-open .room-gallery-open-text{
  display:none !important;
}
.room-inline-gallery > .room-gallery-open{
  display:none !important;
}
.room-inline-gallery .gallery-arrow{
  position:absolute !important;
  z-index:90 !important;
  top:50% !important;
  bottom:auto !important;
  transform:translateY(-50%) !important;
  display:grid !important;
  place-items:center !important;
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
  cursor:pointer !important;
}
.room-inline-gallery .gallery-arrow:hover{
  transform:translateY(-50%) scale(1.045) !important;
}
.room-inline-gallery .gallery-prev{
  left:clamp(18px,2.8vw,52px) !important;
  right:auto !important;
}
.room-inline-gallery .gallery-next{
  right:clamp(18px,2.8vw,52px) !important;
  left:auto !important;
}
.room-feature-copy,
.room-cover-quick,
.room-myth-emblem,
.room-glance{
  overflow:visible !important;
}
.room-gallery-open,
.gallery-arrow,
.room-lightbox-close,
.room-lightbox-nav,
.room-feature-copy > a{
  cursor:pointer !important;
}
.room-feature-media,
.room-inline-gallery .gallery-track,
.room-inline-gallery figure,
.room-inline-gallery img{
  cursor:default !important;
}
@media(max-width:899px){
  .room-cover-quick{
    padding-right:clamp(78px,22vw,108px) !important;
  }
  .room-cover-quick .room-gallery-open{
    top:10px !important;
    right:10px !important;
    width:clamp(60px,18vw,82px) !important;
    height:clamp(60px,18vw,82px) !important;
  }
  .room-inline-gallery .gallery-prev{
    left:14px !important;
  }
  .room-inline-gallery .gallery-next{
    right:14px !important;
  }
}

/* v37 2026 06 19 Europe Athens
   Ambient cinematic background for room covers.
   Covers the beige contrast around the 95vh magazine cover cards with a premium
   dark-green atmospheric backdrop. The room card, slider, lightbox trigger and
   no-stretch image rules remain unchanged.
*/
.rooms-section{
  position:relative !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(217,189,140,.18), transparent 30%),
    radial-gradient(circle at 84% 24%, rgba(184,138,75,.15), transparent 28%),
    radial-gradient(circle at 50% 86%, rgba(255,248,236,.08), transparent 36%),
    linear-gradient(135deg,#0c1b16 0%,#13281f 46%,#07110e 100%) !important;
}
.rooms-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(255,248,236,.05),transparent 18%,transparent 82%,rgba(255,248,236,.05)),
    repeating-linear-gradient(90deg,rgba(255,248,236,.025) 0 1px,transparent 1px 96px);
  opacity:.45;
}
.rooms-section::after{
  content:"";
  position:absolute;
  inset:auto -8% -18% -8%;
  height:38%;
  z-index:0;
  pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(217,189,140,.16),transparent 68%);
  filter:blur(36px);
}
.rooms-section > .wrap{
  position:relative !important;
  z-index:1 !important;
}
.rooms-section .section-head span,
.rooms-section .section-head h2,
.rooms-section .section-head p{
  color:#fff8ec !important;
  text-shadow:0 10px 36px rgba(0,0,0,.28);
}
.rooms-section .section-head span{
  color:#d9bd8c !important;
}
.room-feature{
  border:1px solid rgba(255,248,236,.16) !important;
  box-shadow:
    0 38px 120px rgba(0,0,0,.48),
    0 0 0 1px rgba(217,189,140,.10),
    0 0 96px rgba(217,189,140,.10) !important;
}
@media(max-width:899px){
  .rooms-section{
    background:
      radial-gradient(circle at 24% 8%, rgba(217,189,140,.16), transparent 30%),
      linear-gradient(160deg,#0d1d17 0%,#13261f 56%,#07110e 100%) !important;
  }
  .rooms-section .section-head h2,
  .rooms-section .section-head p{
    text-shadow:0 8px 28px rgba(0,0,0,.35);
  }
}

/* v40 2026 06 19 Europe Athens
   Real layer and placement fix after Xenofon screenshot.
   1. The right arrow no longer plays hide-and-seek behind the room copy panel.
      On desktop it is positioned just to the left of the information card,
      aligned with the left arrow on the same 50% vertical axis, and above all glass panels.
   2. The fullscreen play trigger remains on the top-right corner of the room identity card.
      Lightbox still opens only from that play trigger.
*/
.room-feature{
  overflow:hidden !important;
}
.room-feature-copy{
  z-index:70 !important;
}
.room-cover-quick{
  z-index:90 !important;
  overflow:visible !important;
  pointer-events:none !important;
}
.room-cover-quick .room-gallery-open{
  position:absolute !important;
  top:clamp(12px,1.1vw,18px) !important;
  right:clamp(12px,1.1vw,18px) !important;
  left:auto !important;
  bottom:auto !important;
  transform:none !important;
  z-index:140 !important;
  pointer-events:auto !important;
  cursor:pointer !important;
}
.room-cover-quick .room-gallery-open:hover{
  transform:scale(1.04) !important;
}
.room-inline-gallery .gallery-arrow{
  z-index:130 !important;
  top:50% !important;
  bottom:auto !important;
  transform:translateY(-50%) !important;
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
}
.room-inline-gallery .gallery-arrow:hover{
  transform:translateY(-50%) scale(1.045) !important;
}
@media(min-width:900px){
  .room-inline-gallery .gallery-prev{
    left:clamp(28px,4vw,68px) !important;
    right:auto !important;
  }
  .room-inline-gallery .gallery-next{
    /* Keep the next arrow outside the right information card. */
    left:auto !important;
    right:calc(clamp(22px,4vw,62px) + min(470px,35vw) + clamp(18px,2vw,34px)) !important;
  }
}
@media(max-width:899px){
  .room-cover-quick .room-gallery-open{
    top:10px !important;
    right:10px !important;
  }
  .room-inline-gallery .gallery-prev{
    left:14px !important;
    right:auto !important;
  }
  .room-inline-gallery .gallery-next{
    right:14px !important;
    left:auto !important;
  }
}


/* 2026-06-19 Europe/Athens
   v41: lock Iason first image and add four-season blended background.
   The four season cards now sit on an ambient blended photo field that connects the four visuals.
*/
.seasons-section{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#f4ecdD,#eadbc3);
}
.seasons-section .wrap{
  position:relative;
  z-index:2;
}
.seasons-ambient{
  position:absolute;
  inset:0;
  z-index:0;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  pointer-events:none;
  opacity:.34;
  filter:saturate(.92) contrast(.92);
}
.seasons-ambient::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 22%, rgba(244,236,221,.26), transparent 35%),
    radial-gradient(circle at 80% 60%, rgba(16,26,19,.18), transparent 40%),
    linear-gradient(180deg, rgba(244,236,221,.76), rgba(244,236,221,.58) 35%, rgba(234,219,195,.86));
}
.seasons-ambient span{
  min-width:0;
  background-image:var(--season-img);
  background-size:cover;
  background-position:center;
  transform:scale(1.04);
  filter:blur(10px);
}
.seasons-section .section-kicker,
.seasons-section .section-head,
.seasons-section .season-grid{
  position:relative;
  z-index:2;
}
.seasons-section .section-head{
  padding:18px 20px 20px;
  border-radius:28px;
  background:linear-gradient(135deg, rgba(244,236,221,.74), rgba(244,236,221,.38));
  border:1px solid rgba(184,138,75,.12);
  backdrop-filter:blur(14px);
}
@media(max-width:699px){
  .seasons-ambient{grid-template-columns:1fr 1fr;opacity:.26}
  .seasons-ambient span{min-height:50%}
  .seasons-section .section-head{padding:16px;border-radius:22px}
}

/* 2026-06-19 Europe/Athens
   v42: make four-seasons ambient background clearly visible.
   Reason: v41 background was too subtle and looked unchanged in real browser view.
*/
.seasons-section{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 16% 28%, rgba(186,126,75,.26), transparent 34%),
    radial-gradient(circle at 39% 38%, rgba(38,107,86,.22), transparent 32%),
    radial-gradient(circle at 64% 34%, rgba(202,103,35,.24), transparent 34%),
    radial-gradient(circle at 86% 30%, rgba(76,99,126,.24), transparent 34%),
    linear-gradient(180deg,#f4ecdD 0%,#ecdfc9 54%,#e7d5b8 100%) !important;
}
.seasons-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,
      rgba(110,72,38,.28) 0 24%,
      rgba(22,78,61,.22) 24% 50%,
      rgba(205,105,32,.24) 50% 75%,
      rgba(60,82,108,.28) 75% 100%);
  opacity:.55;
  filter:blur(42px) saturate(1.14);
  transform:scale(1.08);
}
.seasons-ambient{
  inset:28px max(22px,4vw) 22px !important;
  border-radius:44px !important;
  overflow:hidden !important;
  opacity:.50 !important;
  filter:saturate(1.16) contrast(1.04) brightness(.98) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18), 0 28px 90px rgba(51,35,18,.16) !important;
}
.seasons-ambient::after{
  background:
    linear-gradient(90deg,
      rgba(244,236,221,.70) 0 22%,
      rgba(244,236,221,.48) 22% 52%,
      rgba(244,236,221,.42) 52% 76%,
      rgba(244,236,221,.58) 76% 100%),
    linear-gradient(180deg, rgba(244,236,221,.62), rgba(234,219,195,.74)) !important;
}
.seasons-ambient span{
  filter:blur(7px) saturate(1.12) contrast(1.02) !important;
  transform:scale(1.08) !important;
}
.seasons-section .section-head{
  background:linear-gradient(135deg, rgba(255,250,239,.72), rgba(244,236,221,.34)) !important;
  box-shadow:0 18px 70px rgba(83,56,28,.10) !important;
}
.seasons-section .season-card{
  box-shadow:0 24px 70px rgba(33,23,13,.24) !important;
}
@media(max-width:699px){
  .seasons-ambient{
    inset:18px 12px 16px !important;
    border-radius:28px !important;
    opacity:.42 !important;
  }
  .seasons-section::before{filter:blur(28px);opacity:.48}
}

/* 2026-06-19 Europe/Athens
   v43: Real four-season mural, not a generic section background.
   The four selected season images are blended into one visual canvas behind the cards.
*/
.seasons-section{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  padding-top:clamp(72px,8vw,120px) !important;
  padding-bottom:clamp(72px,8vw,120px) !important;
  background:
    linear-gradient(180deg, rgba(246,239,224,.96) 0%, rgba(239,228,207,.96) 100%) !important;
}
.seasons-section::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at 17% 42%, rgba(199,137,83,.30), transparent 34%),
    radial-gradient(circle at 41% 46%, rgba(43,115,83,.24), transparent 34%),
    radial-gradient(circle at 65% 47%, rgba(219,111,35,.28), transparent 34%),
    radial-gradient(circle at 86% 44%, rgba(80,99,124,.30), transparent 34%);
  filter:blur(34px) saturate(1.18) !important;
  opacity:.72 !important;
}
.seasons-ambient{
  position:absolute !important;
  left:clamp(16px,4vw,72px) !important;
  right:clamp(16px,4vw,72px) !important;
  top:clamp(310px,35vw,430px) !important;
  bottom:clamp(34px,5vw,86px) !important;
  z-index:0 !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:0 !important;
  overflow:hidden !important;
  border-radius:clamp(28px,3vw,54px) !important;
  opacity:1 !important;
  filter:saturate(1.14) contrast(1.04) brightness(.96) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.26),
    inset 0 0 90px rgba(16,24,18,.36),
    0 34px 110px rgba(64,44,24,.22) !important;
}
.seasons-ambient::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(90deg,
      rgba(244,236,221,.34) 0%,
      rgba(244,236,221,.06) 14%,
      rgba(244,236,221,.00) 26%,
      rgba(244,236,221,.00) 74%,
      rgba(244,236,221,.18) 88%,
      rgba(244,236,221,.40) 100%),
    linear-gradient(180deg, rgba(244,236,221,.32) 0%, rgba(244,236,221,.05) 28%, rgba(12,20,15,.34) 100%);
}
.seasons-ambient::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:3 !important;
  pointer-events:none !important;
  background:
    linear-gradient(90deg,
      transparent 0 23%, rgba(244,236,221,.22) 24%, transparent 26%,
      transparent 0 48%, rgba(244,236,221,.18) 49%, transparent 51%,
      transparent 0 73%, rgba(244,236,221,.20) 74%, transparent 76%, transparent 100%) !important;
  mix-blend-mode:screen;
  opacity:.65;
}
.seasons-ambient span{
  position:relative !important;
  min-height:100% !important;
  background-image:var(--season-img) !important;
  background-size:cover !important;
  background-position:center !important;
  filter:none !important;
  transform:none !important;
  margin-left:-10px !important;
  margin-right:-10px !important;
}
.seasons-ambient span:first-child{margin-left:0 !important;background-position:center center !important;}
.seasons-ambient span:last-child{margin-right:0 !important;background-position:center center !important;}
.seasons-ambient span:not(:first-child){
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 12%, #000 100%);
  mask-image:linear-gradient(90deg, transparent 0%, #000 12%, #000 100%);
}
.seasons-section .wrap{
  position:relative !important;
  z-index:4 !important;
}
.seasons-section .section-head{
  max-width:880px !important;
  background:linear-gradient(135deg, rgba(255,250,239,.68), rgba(244,236,221,.38)) !important;
  border:1px solid rgba(201,159,96,.18) !important;
  box-shadow:0 24px 80px rgba(69,48,26,.12) !important;
  backdrop-filter:blur(18px) saturate(1.08) !important;
}
.seasons-section .season-grid{
  position:relative !important;
  z-index:5 !important;
  margin-top:clamp(28px,4vw,52px) !important;
}
.seasons-section .season-card{
  box-shadow:0 30px 90px rgba(21,20,16,.30) !important;
  border:1px solid rgba(255,255,255,.22) !important;
}
.seasons-section .season-card img{
  filter:saturate(1.06) contrast(1.04) !important;
}
@media(max-width:699px){
  .seasons-ambient{
    top:360px !important;
    bottom:28px !important;
    left:10px !important;
    right:10px !important;
    grid-template-columns:1fr 1fr !important;
    grid-template-rows:1fr 1fr !important;
    border-radius:28px !important;
    opacity:.88 !important;
  }
  .seasons-ambient span{
    margin:0 !important;
    min-height:100% !important;
  }
  .seasons-ambient span:not(:first-child){
    -webkit-mask-image:none;
    mask-image:none;
  }
  .seasons-section .section-head{
    padding:16px !important;
    border-radius:22px !important;
  }
}


/* 2026-06-19 Europe/Athens
   v44: Premium four-seasons mural artwork.
   Replaces the small background patch with a full cinematic section using a single generated seasonal mural image.
*/
.seasons-section{
  position:relative !important;
  min-height:clamp(820px,96vh,1080px) !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  overflow:hidden !important;
  background:#0f1d15 !important;
  isolation:isolate !important;
}
.seasons-section::before{
  content:"" !important;
  position:absolute !important;
  inset:-3% !important;
  z-index:0 !important;
  background:url('../images/seasons-premium-mural.jpg') center center / cover no-repeat !important;
  filter:saturate(1.08) contrast(1.05) brightness(.82) !important;
  opacity:1 !important;
  transform:scale(1.02) !important;
  pointer-events:none !important;
}
.seasons-section::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:
    radial-gradient(circle at 18% 36%, rgba(239,211,160,.18), transparent 32%),
    linear-gradient(90deg, rgba(13,24,18,.78) 0%, rgba(13,24,18,.36) 38%, rgba(13,24,18,.28) 66%, rgba(13,24,18,.62) 100%),
    linear-gradient(180deg, rgba(13,24,18,.30) 0%, rgba(13,24,18,.10) 45%, rgba(13,24,18,.74) 100%) !important;
  pointer-events:none !important;
}
.seasons-ambient{
  display:none !important;
}
.seasons-section .wrap{
  position:relative !important;
  z-index:3 !important;
  width:min(1600px, calc(100% - clamp(28px,5vw,110px))) !important;
  max-width:none !important;
  margin-inline:auto !important;
  display:grid !important;
  grid-template-columns:minmax(360px,.78fr) minmax(620px,1.22fr) !important;
  gap:clamp(30px,4vw,76px) !important;
  align-items:end !important;
}
.seasons-section .section-kicker{
  grid-column:1 / 2 !important;
  color:#e7c68e !important;
  text-shadow:0 2px 18px rgba(0,0,0,.35) !important;
  margin:0 0 12px !important;
}
.seasons-section .section-head{
  grid-column:1 / 2 !important;
  max-width:660px !important;
  padding:clamp(24px,3vw,42px) !important;
  border-radius:clamp(26px,3vw,44px) !important;
  background:linear-gradient(145deg, rgba(11,24,17,.70), rgba(31,39,28,.38)) !important;
  border:1px solid rgba(237,207,154,.22) !important;
  box-shadow:0 30px 110px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.16) !important;
  backdrop-filter:blur(18px) saturate(1.2) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.2) !important;
  color:#fff5e6 !important;
}
.seasons-section .section-head h2{
  color:#fff5e6 !important;
  text-shadow:0 6px 30px rgba(0,0,0,.35) !important;
  max-width:620px !important;
  font-size:clamp(42px,5.4vw,92px) !important;
  line-height:.94 !important;
  letter-spacing:-.045em !important;
}
.seasons-section .section-head p{
  color:rgba(255,246,230,.84) !important;
  max-width:620px !important;
  font-size:clamp(16px,1.25vw,20px) !important;
  line-height:1.58 !important;
}
.seasons-section .season-grid{
  grid-column:2 / 3 !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:clamp(14px,1.4vw,24px) !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
  position:relative !important;
  z-index:4 !important;
}
.seasons-section .season-card{
  min-height:clamp(430px,53vh,620px) !important;
  border-radius:clamp(24px,2vw,36px) !important;
  background:rgba(15,27,20,.34) !important;
  border:1px solid rgba(255,246,230,.22) !important;
  box-shadow:0 32px 100px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.18) !important;
  backdrop-filter:blur(8px) saturate(1.18) !important;
  -webkit-backdrop-filter:blur(8px) saturate(1.18) !important;
  transform:translateZ(0) !important;
}
.seasons-section .season-card img{
  opacity:.78 !important;
  filter:saturate(1.05) contrast(1.06) brightness(.92) !important;
  transform:scale(1.02) !important;
}
.seasons-section .season-card::after{
  background:linear-gradient(180deg, rgba(7,14,10,.05) 0%, rgba(7,14,10,.28) 36%, rgba(7,14,10,.84) 100%) !important;
}
.seasons-section .season-body{
  padding:clamp(18px,1.8vw,28px) !important;
}
.seasons-section .season-body span{
  background:rgba(255,246,230,.16) !important;
  border:1px solid rgba(255,246,230,.30) !important;
  box-shadow:0 8px 28px rgba(0,0,0,.18) !important;
  color:#fff4de !important;
}
.seasons-section .season-body h3{
  font-size:clamp(30px,2.6vw,48px) !important;
  color:#fff8ed !important;
  text-shadow:0 5px 26px rgba(0,0,0,.42) !important;
}
.seasons-section .season-body p{
  color:rgba(255,246,230,.82) !important;
  font-size:clamp(14px,.95vw,16px) !important;
  line-height:1.48 !important;
}
@media(max-width:1100px){
  .seasons-section{
    min-height:auto !important;
    padding:clamp(66px,10vw,100px) 0 !important;
  }
  .seasons-section .wrap{
    display:block !important;
    width:min(980px, calc(100% - 32px)) !important;
  }
  .seasons-section .section-head{
    max-width:none !important;
    margin-bottom:28px !important;
  }
  .seasons-section .season-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:16px !important;
  }
  .seasons-section .season-card{min-height:420px !important;}
}
@media(max-width:699px){
  .seasons-section{
    padding:60px 0 !important;
  }
  .seasons-section::before{
    background-position:center center !important;
    filter:saturate(1.04) contrast(1.04) brightness(.70) !important;
  }
  .seasons-section::after{
    background:linear-gradient(180deg, rgba(13,24,18,.72) 0%, rgba(13,24,18,.36) 38%, rgba(13,24,18,.82) 100%) !important;
  }
  .seasons-section .wrap{
    width:calc(100% - 28px) !important;
  }
  .seasons-section .section-head{
    padding:22px !important;
    border-radius:26px !important;
  }
  .seasons-section .section-head h2{
    font-size:clamp(38px,14vw,56px) !important;
  }
  .seasons-section .season-grid{
    display:grid !important;
    grid-auto-flow:column !important;
    grid-auto-columns:minmax(260px,84vw) !important;
    grid-template-columns:none !important;
    overflow-x:auto !important;
    scroll-snap-type:x mandatory !important;
    padding-bottom:14px !important;
    -webkit-overflow-scrolling:touch !important;
  }
  .seasons-section .season-card{
    min-height:430px !important;
    scroll-snap-align:start !important;
  }
}

/* 2026-06-19 Europe/Athens
   v45: Premium seasons section without changing the original layout.
   Keeps title/header above the four cards and adds a single cinematic mural background.
*/
.seasons-section{
  position:relative !important;
  display:block !important;
  min-height:auto !important;
  padding:clamp(78px,8vw,118px) 0 !important;
  overflow:hidden !important;
  isolation:isolate !important;
  background:#efe4d2 !important;
}
.seasons-section::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  background:url('../images/seasons-premium-mural-v45.jpg') center center / cover no-repeat !important;
  filter:saturate(1.04) contrast(1.02) brightness(.98) !important;
  opacity:.58 !important;
  transform:none !important;
  pointer-events:none !important;
}
.seasons-section::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:
    linear-gradient(180deg, rgba(246,237,220,.88) 0%, rgba(246,237,220,.54) 32%, rgba(239,228,210,.40) 100%),
    radial-gradient(circle at 18% 18%, rgba(255,248,231,.70), transparent 42%),
    radial-gradient(circle at 82% 88%, rgba(15,29,21,.18), transparent 44%) !important;
  pointer-events:none !important;
}
.seasons-ambient{display:none !important;}
.seasons-section .wrap{
  position:relative !important;
  z-index:3 !important;
  display:block !important;
  width:min(1420px, calc(100% - clamp(32px,6vw,140px))) !important;
  max-width:none !important;
  margin-inline:auto !important;
}
.seasons-section .section-kicker{
  color:#c49a5d !important;
  margin:0 0 10px !important;
  text-shadow:none !important;
}
.seasons-section .section-head{
  max-width:980px !important;
  margin:0 0 clamp(28px,4vw,52px) !important;
  padding:clamp(22px,3vw,44px) !important;
  border-radius:clamp(24px,3vw,40px) !important;
  background:linear-gradient(135deg, rgba(255,250,239,.72), rgba(255,247,232,.36)) !important;
  border:1px solid rgba(190,145,82,.18) !important;
  box-shadow:0 26px 80px rgba(62,48,28,.10), inset 0 1px 0 rgba(255,255,255,.52) !important;
  backdrop-filter:blur(14px) saturate(1.06) !important;
  -webkit-backdrop-filter:blur(14px) saturate(1.06) !important;
  color:var(--forest) !important;
}
.seasons-section .section-head h2{
  color:var(--forest) !important;
  text-shadow:none !important;
  max-width:900px !important;
  font-size:clamp(46px,6vw,88px) !important;
  line-height:.96 !important;
  letter-spacing:-.045em !important;
}
.seasons-section .section-head p{
  color:#756a5b !important;
  max-width:850px !important;
  font-size:clamp(16px,1.25vw,20px) !important;
  line-height:1.62 !important;
}
.seasons-section .season-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:clamp(16px,1.6vw,28px) !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
  position:relative !important;
  z-index:4 !important;
}
.seasons-section .season-card{
  min-height:clamp(440px,48vw,560px) !important;
  border-radius:clamp(24px,2vw,34px) !important;
  background:#111 !important;
  border:1px solid rgba(255,246,230,.24) !important;
  box-shadow:0 34px 90px rgba(39,33,22,.22), inset 0 1px 0 rgba(255,255,255,.14) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  transform:none !important;
}
.seasons-section .season-card img{
  opacity:.92 !important;
  filter:saturate(1.05) contrast(1.02) brightness(.92) !important;
  transform:none !important;
}
.seasons-section .season-card::after{
  background:linear-gradient(180deg, rgba(7,14,10,.02) 0%, rgba(7,14,10,.30) 40%, rgba(7,14,10,.82) 100%) !important;
}
.seasons-section .season-body{padding:clamp(18px,1.8vw,28px) !important;}
.seasons-section .season-body span{
  background:rgba(255,246,230,.18) !important;
  border:1px solid rgba(255,246,230,.35) !important;
  box-shadow:0 10px 34px rgba(0,0,0,.18) !important;
  color:#fff4de !important;
}
.seasons-section .season-body h3{
  font-size:clamp(30px,2.6vw,44px) !important;
  color:#fff8ed !important;
  text-shadow:0 5px 26px rgba(0,0,0,.42) !important;
}
.seasons-section .season-body p{
  color:rgba(255,246,230,.86) !important;
  font-size:clamp(14px,.95vw,16px) !important;
  line-height:1.48 !important;
}
@media(max-width:1100px){
  .seasons-section{padding:clamp(66px,9vw,96px) 0 !important;}
  .seasons-section .wrap{width:min(980px, calc(100% - 32px)) !important;}
  .seasons-section .section-head{max-width:none !important; margin-bottom:28px !important;}
  .seasons-section .season-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:16px !important;
  }
  .seasons-section .season-card{min-height:420px !important;}
}
@media(max-width:699px){
  .seasons-section{padding:54px 0 !important;}
  .seasons-section::before{opacity:.44 !important; background-position:center center !important;}
  .seasons-section::after{
    background:linear-gradient(180deg, rgba(246,237,220,.92) 0%, rgba(246,237,220,.56) 42%, rgba(239,228,210,.50) 100%) !important;
  }
  .seasons-section .wrap{width:calc(100% - 28px) !important;}
  .seasons-section .section-head{padding:20px !important;border-radius:24px !important;}
  .seasons-section .section-head h2{font-size:clamp(36px,13vw,56px) !important;}
  .seasons-section .season-grid{
    display:grid !important;
    grid-auto-flow:column !important;
    grid-auto-columns:minmax(260px,84vw) !important;
    grid-template-columns:none !important;
    overflow-x:auto !important;
    scroll-snap-type:x mandatory !important;
    padding-bottom:14px !important;
    -webkit-overflow-scrolling:touch !important;
  }
  .seasons-section .season-card{min-height:430px !important;scroll-snap-align:start !important;}
}

/* 2026-06-19 Europe/Athens
   v46: Replace seasons background with a clean premium four-season mural image.
   Keeps the exact existing seasons layout: title/header above, four cards below.
*/
.seasons-section::before{
  background:url('../images/seasons-premium-mural-v46.jpg') center center / cover no-repeat !important;
  opacity:.72 !important;
  filter:saturate(1.08) contrast(1.02) brightness(1.02) !important;
}
.seasons-section::after{
  background:
    linear-gradient(180deg, rgba(246,237,220,.80) 0%, rgba(246,237,220,.42) 34%, rgba(239,228,210,.22) 100%),
    radial-gradient(circle at 16% 18%, rgba(255,248,231,.62), transparent 38%),
    radial-gradient(circle at 82% 82%, rgba(15,29,21,.20), transparent 44%) !important;
}
.seasons-section .section-head{
  background:linear-gradient(135deg, rgba(255,250,239,.64), rgba(255,247,232,.28)) !important;
  border-color:rgba(190,145,82,.22) !important;
  box-shadow:0 28px 90px rgba(62,48,28,.12), inset 0 1px 0 rgba(255,255,255,.56) !important;
}
.seasons-section .season-card{
  background:rgba(10,16,13,.56) !important;
  border-color:rgba(255,246,230,.30) !important;
  box-shadow:0 34px 94px rgba(25,21,14,.26), inset 0 1px 0 rgba(255,255,255,.18) !important;
}
@media(max-width:699px){
  .seasons-section::before{
    opacity:.58 !important;
    background-position:center center !important;
  }
  .seasons-section::after{
    background:linear-gradient(180deg, rgba(246,237,220,.86) 0%, rgba(246,237,220,.52) 42%, rgba(239,228,210,.44) 100%) !important;
  }
}


/* 2026-06-19 Europe/Athens
   v47: Responsive focal points for images that crop differently on mobile and desktop.
   Entrance photo keeps the door/stairs visible on desktop while preserving the good mobile crop.
*/
img[data-focus-mobile],
img[data-focus-desktop]{
  object-position:var(--focus-mobile, center center) !important;
}
@media(min-width:900px){
  img[data-focus-desktop]{
    object-position:var(--focus-desktop, center center) !important;
  }
}
.focus-entrance{
  --focus-mobile:50% 50%;
  --focus-desktop:50% 88%;
}


/* 2026-06-19 Europe/Athens
   v48: Desktop-only focal correction for entrance images.
   Mobile crop remains unchanged; desktop shifts focus lower so entrance and stairs stay visible.
*/
@media (min-width: 900px){
  img.focus-entrance,
  img[data-focus-desktop].focus-entrance{
    object-position:50% 88% !important;
  }
}

/* 2026-06-19 Europe/Athens
   v49: Compact page rhythm for verified room covers.
   Reduces excessive vertical height and repeated content so the page feels like
   a premium hotel landing page, not a long brochure. Mobile layout remains safe,
   desktop room covers become shorter and cleaner without image stretching.
*/
@media (min-width: 900px){
  .rooms-section{
    padding-top:clamp(62px,6vw,92px) !important;
    padding-bottom:clamp(56px,5vw,86px) !important;
  }
  .room-feature{
    height:86vh !important;
    min-height:720px !important;
    max-height:860px !important;
    margin-top:clamp(26px,3vw,42px) !important;
    border-radius:32px !important;
  }
  .room-feature-media,
  .room-inline-gallery,
  .room-inline-gallery .gallery-track,
  .room-inline-gallery figure,
  .room-inline-gallery img{
    height:100% !important;
    min-height:100% !important;
    max-height:100% !important;
  }
  .room-feature-copy{
    width:min(500px,38vw) !important;
    max-height:calc(86vh - 58px) !important;
    padding:clamp(22px,2.4vw,32px) !important;
    border-radius:26px !important;
    overflow:hidden !important;
    justify-content:center !important;
  }
  .room-feature-copy > span{
    font-size:12px !important;
    margin-bottom:6px !important;
  }
  .room-feature-copy h3{
    font-size:clamp(48px,5.7vw,76px) !important;
    line-height:.88 !important;
    margin-bottom:8px !important;
  }
  .room-choice-story{
    margin:8px 0 10px !important;
    padding-top:12px !important;
  }
  .room-choice-story strong{
    font-size:15px !important;
    line-height:1.18 !important;
  }
  .room-choice-story p{
    font-size:15px !important;
    line-height:1.42 !important;
    margin-top:6px !important;
  }
  .room-feature-copy > p{
    display:none !important;
  }
  .room-experience{
    margin:10px 0 12px !important;
    gap:8px !important;
  }
  .room-experience-title{
    font-size:clamp(18px,1.45vw,23px) !important;
    margin:0 !important;
  }
  .room-benefit-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:7px !important;
  }
  .room-benefit{
    min-height:0 !important;
    padding:9px 10px !important;
    border-radius:14px !important;
    gap:3px 8px !important;
  }
  .room-benefit span{
    width:23px !important;
    height:23px !important;
    font-size:12px !important;
  }
  .room-benefit strong{
    font-size:12.5px !important;
    line-height:1.12 !important;
  }
  .room-benefit p{
    font-size:11.5px !important;
    line-height:1.22 !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
  }
  .room-glance{
    padding:10px 12px !important;
    border-radius:16px !important;
    margin-top:2px !important;
  }
  .room-glance > strong{
    font-size:17px !important;
    margin-bottom:7px !important;
  }
  .room-glance div{
    gap:5px !important;
  }
  .room-glance span{
    padding:5px 8px !important;
    font-size:10.8px !important;
    line-height:1 !important;
  }
  .room-feature-copy > a{
    margin-top:12px !important;
    padding:13px 18px !important;
    font-size:clamp(15px,1vw,18px) !important;
    width:min(100%,460px) !important;
  }
  .room-feature-copy > a::after{
    width:34px !important;
    height:34px !important;
    font-size:30px !important;
  }
  .room-myth-emblem{
    display:none !important;
  }
  .room-cover-quick{
    width:min(560px,48vw) !important;
    padding:clamp(18px,2vw,26px) !important;
    border-radius:24px !important;
  }
  .room-cover-quick span{
    font-size:clamp(46px,5.4vw,72px) !important;
    line-height:.86 !important;
  }
  .room-cover-quick strong{
    font-size:14px !important;
    margin-top:8px !important;
  }
  .room-cover-quick div{
    gap:7px !important;
    margin-top:10px !important;
  }
  .room-cover-quick div span{
    font-size:11px !important;
    padding:7px 10px !important;
  }
}
@media (min-width: 900px) and (max-height: 820px){
  .room-feature{
    height:88vh !important;
    min-height:660px !important;
    max-height:800px !important;
  }
  .room-feature-copy{
    width:min(470px,38vw) !important;
    max-height:calc(88vh - 46px) !important;
    padding:20px !important;
  }
  .room-feature-copy h3{
    font-size:clamp(42px,5vw,64px) !important;
  }
  .room-benefit:nth-child(n+5){
    display:none !important;
  }
  .room-glance span:nth-child(n+5){
    display:none !important;
  }
}
@media (max-width: 699px){
  .rooms-section{
    padding-top:54px !important;
    padding-bottom:58px !important;
  }
  .room-feature{
    margin-top:28px !important;
  }
  .room-benefit{
    padding:12px 13px !important;
  }
  .room-glance{
    padding:14px !important;
  }
}

/* v51 Nefeli verified room myth mark */
.room-myth-nefeli{--room-mark:"ΝΕ";}
.room-myth-nefeli:after{content:"ΝΕ";}



/* v59 2026-06-20 Europe/Athens
   Premium amenities visual upgrade.
   Layout is intentionally unchanged. Only background, typography scale, card finish,
   icon treatment and desktop hover states are enhanced.
*/
.amenities-section{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.amenities-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(115deg, rgba(255,248,235,.92), rgba(246,235,215,.86)),
    url("../images/amenities-premium-bg.png") center/cover no-repeat;
  opacity:.32;
  filter:saturate(.82) contrast(.92);
}
.amenities-section::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 18% 22%, rgba(184,138,75,.18), transparent 34%),
    radial-gradient(circle at 82% 72%, rgba(21,52,39,.10), transparent 36%),
    linear-gradient(90deg, rgba(255,255,255,.22), transparent 55%);
  pointer-events:none;
}
.amenities-section .section-head h2,
.amenities-section h2{
  font-size:clamp(34px,4.9vw,72px) !important;
  line-height:.98 !important;
  letter-spacing:-.045em;
  text-wrap:balance;
  text-shadow:0 18px 42px rgba(82,58,31,.10);
}
.amenities-section .section-kicker,
.amenities-section .eyebrow{
  color:#9a6e32 !important;
}
.amenities-section article,
.amenities-section .amenity-premium-card{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(145deg, rgba(255,252,243,.92), rgba(244,232,210,.80)) !important;
  border:1px solid rgba(184,138,75,.30) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.75),
    0 18px 44px rgba(35,31,21,.09) !important;
  backdrop-filter:blur(10px);
}
.amenities-section article::before,
.amenities-section .amenity-premium-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(120deg, rgba(255,255,255,.46), transparent 42%),
    radial-gradient(circle at top right, rgba(184,138,75,.14), transparent 42%);
  pointer-events:none;
}
.amenity-line-icon{
  width:40px;
  height:40px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0 0 12px;
  color:#7b5527;
  background:rgba(255,248,235,.72);
  border:1px solid rgba(184,138,75,.34);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8), 0 10px 24px rgba(34,31,21,.08);
  font-size:13px;
  font-weight:950;
  letter-spacing:.02em;
}
.amenities-section article h3{
  color:#1f3428 !important;
  letter-spacing:-.015em;
}
.amenities-section article p{
  color:#615846 !important;
}
@media (hover:hover) and (min-width:900px){
  .amenities-section article,
  .amenities-section .amenity-premium-card{
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  }
  .amenities-section article:hover,
  .amenities-section .amenity-premium-card:hover{
    transform:translateY(-4px);
    border-color:rgba(184,138,75,.48) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.82),
      0 24px 58px rgba(35,31,21,.13),
      0 0 0 1px rgba(184,138,75,.10) !important;
  }
}
@media(max-width:699px){
  .amenities-section::before{
    opacity:.22;
  }
  .amenities-section .section-head h2,
  .amenities-section h2{
    font-size:clamp(32px,10vw,48px) !important;
  }
  .amenity-line-icon{
    width:36px;
    height:36px;
    margin-bottom:10px;
  }
}


/* v60 Premium Amenities Full Upgrade */
.amenities-section{
 position:relative;
}
.amenities-section::before{
 opacity:.58 !important;
 background:
 linear-gradient(rgba(248,243,232,.92),rgba(248,243,232,.92)),
 radial-gradient(circle at 15% 20%, rgba(26,62,43,.12), transparent 30%),
 radial-gradient(circle at 85% 25%, rgba(182,138,77,.14), transparent 30%),
 radial-gradient(circle at 50% 80%, rgba(44,76,58,.10), transparent 35%),
 url('../images/amenities-premium-bg.png') center center / cover no-repeat !important;
}
.amenities-section h2{
 max-width:760px;
}
.amenities-section h2::before{
 content:"ΑΡΧΟΝΤΙΚΟ";
 position:absolute;
 left:0;
 top:-80px;
 font-size:clamp(90px,10vw,180px);
 opacity:.03;
 pointer-events:none;
 color:#143427;
 font-weight:700;
}
.amenities-section article{
 background:linear-gradient(135deg,#f8f2e7,#f2eadc) !important;
 border:1px solid rgba(184,138,75,.35)!important;
 box-shadow:0 14px 40px rgba(0,0,0,.08)!important;
}
.amenities-section article:hover{
 box-shadow:0 20px 60px rgba(0,0,0,.12)!important;
}



/* v61 2026-06-20 Europe/Athens
   Amenities icons implementation.
   Same layout. Adds premium SVG icons and lighter scan-friendly card hierarchy.
*/
.amenities-section .amenity-premium-card{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:10px;
}
.amenities-section .amenity-icon{
  width:42px;
  height:42px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#7b5527;
  background:linear-gradient(145deg,rgba(255,250,240,.92),rgba(231,207,166,.42));
  border:1px solid rgba(184,138,75,.36);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 10px 28px rgba(36,30,18,.09);
}
.amenities-section .amenity-icon svg{
  width:22px;
  height:22px;
  fill:currentColor;
  display:block;
}
.amenities-section article h3,
.amenities-section article strong{
  margin-top:2px;
}
.amenities-section article{
  min-height:118px;
}
@media(max-width:699px){
  .amenities-section .amenity-icon{
    width:38px;
    height:38px;
  }
  .amenities-section .amenity-icon svg{
    width:20px;
    height:20px;
  }
}



/* v61b 2026-06-20 Europe/Athens
   Real amenities icon patch for the actual .amenity div grid.
   Keeps the same amenities layout and adds inline SVG icon hierarchy.
*/
.amenities-section .amenity.amenity-premium-card{
  display:flex !important;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:12px;
}
.amenities-section .amenity-icon{
  width:42px;
  height:42px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  color:#7b5527;
  background:linear-gradient(145deg,rgba(255,250,240,.94),rgba(231,207,166,.45));
  border:1px solid rgba(184,138,75,.38);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 10px 28px rgba(36,30,18,.09);
}
.amenities-section .amenity-icon svg{
  width:22px;
  height:22px;
  fill:currentColor;
  display:block;
}
.amenities-section .amenity-label{
  display:block;
}
@media(max-width:699px){
  .amenities-section .amenity-icon{
    width:38px;
    height:38px;
  }
  .amenities-section .amenity-icon svg{
    width:20px;
    height:20px;
  }
}



/* v62 2026-06-20 Europe/Athens
   Emotional amenities background upgrade.
   No layout changes. The cards remain in the same grid. The section now uses
   a custom βιωματικό background artwork that suggests Pelion stone, balcony,
   greenery, Pagasitikos light and fireplace warmth.
*/
.amenities-section{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.amenities-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  background:
    linear-gradient(90deg, rgba(246,238,222,.92) 0%, rgba(246,238,222,.78) 42%, rgba(246,238,222,.68) 100%),
    url("../images/amenities-emotional-bg-v62.jpg") center/cover no-repeat !important;
  opacity:1 !important;
  filter:saturate(.95) contrast(.98);
}
.amenities-section::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 26%, rgba(184,138,75,.18), transparent 32%),
    radial-gradient(circle at 74% 46%, rgba(21,52,39,.13), transparent 40%),
    linear-gradient(180deg, rgba(255,250,240,.55), rgba(255,250,240,.18));
}
.amenities-section .wrap{
  position:relative;
  z-index:1;
}
.amenities-section .wrap::before{
  content:"ΠΗΛΙΟ";
  position:absolute;
  left:-.06em;
  top:-.32em;
  z-index:-1;
  color:rgba(21,52,39,.045);
  font-family:Georgia,serif;
  font-size:clamp(120px,15vw,260px);
  line-height:.8;
  font-weight:900;
  letter-spacing:-.07em;
  pointer-events:none;
}
.amenities-section h2{
  text-shadow:0 18px 42px rgba(63,45,24,.10);
}
.amenities-section p{
  max-width:680px;
}
.amenities-section .amenity{
  background:
    linear-gradient(145deg, rgba(255,251,241,.86), rgba(239,224,198,.72)) !important;
  border-color:rgba(184,138,75,.38) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    0 18px 46px rgba(42,34,20,.11) !important;
}
.amenities-section .amenity-icon{
  background:linear-gradient(145deg,rgba(255,250,240,.96),rgba(218,183,125,.46)) !important;
  color:#704b20 !important;
  border-color:rgba(184,138,75,.44) !important;
}
@media(max-width:699px){
  .amenities-section::before{
    background:
      linear-gradient(180deg, rgba(246,238,222,.90), rgba(246,238,222,.74)),
      url("../images/amenities-emotional-bg-v62.jpg") center/cover no-repeat !important;
  }
  .amenities-section .wrap::before{
    font-size:clamp(86px,24vw,150px);
    top:-.22em;
  }
}



/* v63 2026-06-20 Europe/Athens
   Stronger βιωματικό amenities background.
   Same layout and same amenities grid. Background now carries a more emotional
   hospitality story: balcony morning, Pelion stone, greenery, Pagasitikos light
   and fireplace warmth.
*/
.amenities-section{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.amenities-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-4;
  background:
    linear-gradient(90deg, rgba(244,234,214,.82) 0%, rgba(244,234,214,.66) 43%, rgba(244,234,214,.52) 100%),
    url("../images/amenities-emotional-bg-v63.jpg") center/cover no-repeat !important;
  opacity:1 !important;
  filter:saturate(1.03) contrast(1.03);
}
.amenities-section::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  pointer-events:none;
  background:
    radial-gradient(circle at 16% 28%, rgba(178,121,58,.18), transparent 34%),
    radial-gradient(circle at 64% 45%, rgba(21,52,39,.12), transparent 37%),
    radial-gradient(circle at 87% 82%, rgba(153,72,35,.14), transparent 34%),
    linear-gradient(180deg, rgba(255,250,238,.38), rgba(255,250,238,.12));
}
.amenities-section .wrap{
  position:relative;
  z-index:1;
}
.amenities-section .wrap::before{
  content:"ΠΗΛΙΟ";
  position:absolute;
  left:-.05em;
  top:-.24em;
  z-index:-1;
  color:rgba(20,52,39,.058);
  font-family:Georgia,serif;
  font-size:clamp(118px,14vw,245px);
  line-height:.8;
  font-weight:900;
  letter-spacing:-.06em;
  pointer-events:none;
}
.amenities-section .amenity{
  background:
    linear-gradient(145deg, rgba(255,250,238,.83), rgba(238,219,187,.70)) !important;
  border-color:rgba(184,138,75,.44) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.76),
    0 22px 54px rgba(49,39,22,.14) !important;
}
.amenities-section .amenity-icon{
  background:linear-gradient(145deg,rgba(255,250,240,.96),rgba(215,176,110,.54)) !important;
  color:#6d461d !important;
  border-color:rgba(184,138,75,.50) !important;
}
.amenities-section h2{
  text-shadow:0 22px 50px rgba(49,35,18,.13);
}
@media(max-width:699px){
  .amenities-section::before{
    background:
      linear-gradient(180deg, rgba(244,234,214,.86), rgba(244,234,214,.68)),
      url("../images/amenities-emotional-bg-v63.jpg") center/cover no-repeat !important;
  }
  .amenities-section .wrap::before{
    font-size:clamp(84px,23vw,150px);
    top:-.15em;
  }
}



/* v64 2026-06-20 Europe/Athens
   Old page videos section.
   Presents the four legacy Wix videos as a premium responsive video gallery.
*/
.legacy-videos-section{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#eadfcf,#efe5d6);
  padding:clamp(80px,8vw,120px) 0;
}
.legacy-videos-section .wrap{
  width:min(1600px,calc(100% - 120px));
  margin:0 auto;
}
.section-kicker{
  color:#9B7A4D !important;
  font-weight:700 !important;
  letter-spacing:.18em !important;
}
.legacy-videos-section::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 20% 18%,rgba(184,138,75,.18),transparent 32%),
    radial-gradient(circle at 80% 78%,rgba(21,52,39,.12),transparent 38%);
  pointer-events:none;
}
.legacy-videos-section .wrap{
  position:relative;
  z-index:1;
}
.legacy-videos-head{
  max-width:980px;
}
.legacy-video-grid{
  display:grid;
  gap:18px;
  margin-top:clamp(26px,4vw,46px);
}
.legacy-video-card{
  display:grid;
  grid-template-columns:1fr;
  background:#10251c;
  border:1px solid rgba(184,138,75,.22);
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 24px 70px rgba(19,31,23,.16);
}
.legacy-video-open{
  position:relative;
  display:block;
  width:100%;
  min-height:260px;
  padding:0;
  border:0;
  background:#10251c;
  cursor:pointer;
  overflow:hidden;
}
.legacy-video-open img{
  width:100%;
  height:100%;
  min-height:260px;
  object-fit:cover;
  display:block;
  filter:saturate(.92) contrast(.96);
  transition:transform .35s ease, filter .35s ease;
}
.legacy-video-open::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 20%,rgba(8,20,15,.42));
}
.legacy-video-play{
  position:absolute;
  left:50%;
  top:50%;
  z-index:2;
  transform:translate(-50%,-50%);
  width:82px;
  height:82px;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:#fff8ec;
  background:rgba(16,37,28,.72);
  border:1px solid rgba(224,190,132,.62);
  box-shadow:0 18px 50px rgba(0,0,0,.26), inset 0 0 0 10px rgba(224,190,132,.18);
  font-size:34px;
  padding-left:5px;
}
.legacy-video-copy{
  padding:24px;
  color:#fff8ec;
}
.legacy-video-copy span{
  color:#d9b875;
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.legacy-video-copy h3{
  margin:8px 0 8px;
  font-family:Georgia,serif;
  font-size:clamp(30px,5vw,48px);
  line-height:.95;
}
.legacy-video-copy p{
  margin:0;
  color:rgba(255,248,236,.78);
  font-size:16px;
}
@media(min-width:900px){
  .legacy-video-grid{
    grid-template-columns:1.15fr .85fr;
    align-items:stretch;
  }
  .legacy-video-card:first-child{
    grid-row:span 2;
  }
  .legacy-video-card:first-child .legacy-video-open,
  .legacy-video-card:first-child .legacy-video-open img{
    min-height:560px;
  }
  .legacy-video-card:not(:first-child){
    grid-template-columns:1fr 1fr;
  }
  .legacy-video-card:not(:first-child) .legacy-video-open,
  .legacy-video-card:not(:first-child) .legacy-video-open img{
    min-height:260px;
  }
}
@media(hover:hover){
  .legacy-video-open:hover img{
    transform:scale(1.035);
    filter:saturate(1) contrast(1);
  }
}
.legacy-video-lightbox{
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:clamp(16px,4vw,56px);
  background:rgba(6,13,10,.88);
  backdrop-filter:blur(18px);
}
.legacy-video-lightbox.is-open{
  display:flex;
}
.legacy-video-lightbox video{
  width:min(1180px,94vw);
  max-height:82vh;
  border-radius:24px;
  background:#000;
  box-shadow:0 32px 90px rgba(0,0,0,.45);
}
.legacy-video-close{
  position:absolute;
  top:20px;
  right:20px;
  width:48px;
  height:48px;
  border-radius:999px;
  border:1px solid rgba(255,248,236,.25);
  background:rgba(255,248,236,.08);
  color:#fff8ec;
  font-size:30px;
  cursor:pointer;
}



/* v65 2026-06-20 Europe/Athens
   Legacy videos section vertical centering and visitor-facing copy balance.
   Keeps the same video section concept, centers the section in viewport height
   on desktop and improves readable premium spacing.
*/
@media(min-width:900px){
  .legacy-videos-section{
    min-height:100vh !important;
    display:flex !important;
    align-items:center !important;
    padding-top:clamp(48px,5vh,82px) !important;
    padding-bottom:clamp(48px,5vh,82px) !important;
  }
  .legacy-videos-section .wrap{
    width:100%;
  }
}
.legacy-videos-head h2,
.legacy-videos-section .section-head h2{
  max-width:980px;
  text-wrap:balance;
}
.legacy-videos-head p,
.legacy-videos-section .section-head p{
  max-width:920px;
  font-size:clamp(17px,1.15vw,21px);
  line-height:1.6;
}
.legacy-video-copy h3{
  text-wrap:balance;
}
.legacy-video-copy p{
  font-size:clamp(15px,1vw,17px);
  line-height:1.55;
}
@media(max-width:699px){
  .legacy-videos-section{
    padding-top:58px !important;
    padding-bottom:58px !important;
  }
  .legacy-videos-head p,
  .legacy-videos-section .section-head p{
    font-size:16px;
  }
}


.trust-strip{padding:18px 0;background:rgba(255,255,255,.04);backdrop-filter:blur(8px)}
.trust-strip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.trust-strip-grid div{padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:14px;text-align:center}
.trust-strip-grid strong{display:block}
.trust-strip-grid span{display:block;font-size:.92rem;opacity:.85}
@media(max-width:768px){.trust-strip-grid{grid-template-columns:1fr}}


/* v67 2026-06-21 Europe/Athens
   UX and conversion corrections after v66 audit.
   Moves trust confirmation after hero, reduces video section weight,
   adds decision layer for rooms and clearer booking actions.
*/
.trust-strip{
  background:linear-gradient(180deg,#0f261d,#132f24) !important;
  padding:20px 0 !important;
  border-top:1px solid rgba(224,190,132,.18);
  border-bottom:1px solid rgba(224,190,132,.18);
}
.trust-strip-grid div{
  background:rgba(255,248,236,.06);
  border-color:rgba(224,190,132,.22) !important;
}
.trust-strip-grid strong{
  color:#f6e7c7;
  font-family:Georgia,serif;
  font-size:clamp(20px,2vw,27px);
  line-height:1.05;
}
.trust-strip-grid span{
  color:rgba(255,248,236,.78);
  margin-top:7px;
}
.room-decision-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  margin:0 0 clamp(26px,4vw,44px);
}
.room-decision-grid article{
  padding:20px;
  border-radius:22px;
  background:rgba(255,248,236,.72);
  border:1px solid rgba(21,52,39,.12);
  box-shadow:0 18px 45px rgba(17,31,24,.07);
}
.room-decision-grid span{
  display:block;
  color:#b48a4b;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.12em;
  margin-bottom:8px;
}
.room-decision-grid strong{
  display:block;
  color:#122d22;
  font-family:Georgia,serif;
  font-size:clamp(22px,2.5vw,30px);
  line-height:1.05;
}
.room-decision-grid p{
  margin:9px 0 0;
  color:#6d665b;
  line-height:1.55;
}
.legacy-videos-section{
  min-height:auto !important;
  display:block !important;
  padding:clamp(50px,6vw,86px) 0 !important;
}
.legacy-videos-head{
  max-width:820px !important;
  margin-bottom:0 !important;
}
.legacy-videos-head h2,
.legacy-videos-section .section-head h2{
  max-width:760px !important;
  font-size:clamp(38px,4.6vw,62px) !important;
  line-height:1.02 !important;
}
.legacy-videos-head p,
.legacy-videos-section .section-head p{
  max-width:760px !important;
  font-size:clamp(16px,1.05vw,19px) !important;
  line-height:1.55 !important;
}
.legacy-video-grid{
  margin-top:clamp(18px,3vw,30px) !important;
  gap:18px !important;
}
.legacy-video-card{
  border-radius:24px !important;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.legacy-video-copy{
  padding:22px !important;
}
.legacy-video-copy h3{
  font-size:clamp(25px,3vw,36px) !important;
  line-height:1 !important;
}
.legacy-video-open,
.legacy-video-open img{
  min-height:250px !important;
}
.legacy-video-cta{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:clamp(22px,3vw,34px);
}
@media(min-width:760px){
  .room-decision-grid{
    grid-template-columns:repeat(3,1fr);
  }
}
@media(min-width:900px){
  .legacy-video-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .legacy-video-card:first-child{
    grid-row:auto !important;
  }
  .legacy-video-card,
  .legacy-video-card:not(:first-child){
    grid-template-columns:1fr 1fr !important;
  }
  .legacy-video-card:first-child .legacy-video-open,
  .legacy-video-card:first-child .legacy-video-open img,
  .legacy-video-card:not(:first-child) .legacy-video-open,
  .legacy-video-card:not(:first-child) .legacy-video-open img{
    min-height:260px !important;
  }
}
@media(hover:hover){
  .legacy-video-card:hover{
    transform:translateY(-4px);
    border-color:rgba(224,190,132,.44) !important;
    box-shadow:0 28px 80px rgba(19,31,23,.22);
  }
}
@media(max-width:699px){
  .legacy-video-cta .btn{
    width:100%;
    justify-content:center;
  }
  .sticky-actions .sticky-book{
    min-width:170px;
  }
}

/* v68 2026-06-21 Europe/Athens
   Fix: legacy videos section must be a 95vh desktop viewport block.
   The full title, intro, grid and CTA block is vertically centered inside that height.
*/
@media(min-width:900px){
  .legacy-videos-section{
    min-height:95vh !important;
    display:flex !important;
    align-items:center !important;
    padding-top:clamp(24px,3vh,42px) !important;
    padding-bottom:clamp(24px,3vh,42px) !important;
    box-sizing:border-box !important;
  }
  .legacy-videos-section .wrap{
    width:100% !important;
  }
  .legacy-videos-head{
    margin-top:0 !important;
  }
  .legacy-video-grid{
    margin-top:clamp(16px,2.2vh,24px) !important;
  }
  .legacy-video-cta{
    margin-top:clamp(16px,2.2vh,24px) !important;
  }
}

/* v69 2026-06-21 Europe/Athens
   Hard fix: legacy videos section must actually fit and center inside 95vh on desktop.
   The previous 95vh rule could not visually center because the inner content was taller than the viewport.
*/
@media(min-width:900px){
  .legacy-videos-section{
    height:95vh !important;
    min-height:95vh !important;
    max-height:95vh !important;
    display:flex !important;
    align-items:center !important;
    padding-top:18px !important;
    padding-bottom:18px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }
  .legacy-videos-section .wrap{
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
  }
  .legacy-videos-head{
    max-width:780px !important;
    margin:0 !important;
  }
  .legacy-videos-head h2,
  .legacy-videos-section .section-head h2{
    max-width:760px !important;
    font-size:clamp(38px,4.1vw,54px) !important;
    line-height:.98 !important;
    margin-bottom:10px !important;
  }
  .legacy-videos-head p,
  .legacy-videos-section .section-head p{
    max-width:760px !important;
    font-size:clamp(15px,.95vw,17px) !important;
    line-height:1.42 !important;
    margin-bottom:0 !important;
  }
  .legacy-video-grid{
    margin-top:18px !important;
    gap:14px !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .legacy-video-card,
  .legacy-video-card:not(:first-child){
    grid-template-columns:1fr 1fr !important;
    border-radius:20px !important;
  }
  .legacy-video-card:first-child{
    grid-row:auto !important;
  }
  .legacy-video-card:first-child .legacy-video-open,
  .legacy-video-card:first-child .legacy-video-open img,
  .legacy-video-card:not(:first-child) .legacy-video-open,
  .legacy-video-card:not(:first-child) .legacy-video-open img,
  .legacy-video-open,
  .legacy-video-open img{
    min-height:200px !important;
    height:200px !important;
  }
  .legacy-video-copy{
    padding:20px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
  }
  .legacy-video-copy span{
    font-size:11px !important;
    margin-bottom:6px !important;
  }
  .legacy-video-copy h3{
    font-size:clamp(25px,2.35vw,33px) !important;
    line-height:.98 !important;
    margin:0 0 8px !important;
  }
  .legacy-video-copy p{
    font-size:clamp(14px,.9vw,16px) !important;
    line-height:1.38 !important;
  }
  .legacy-video-cta{
    margin-top:18px !important;
    margin-bottom:26px !important;
    gap:14px !important;
  }
  .legacy-video-cta .btn{
    min-height:54px !important;
    padding:0 22px !important;
  }
  .legacy-video-cta .btn.secondary,
  .legacy-video-cta .btn-outline,
  .legacy-video-cta a:nth-child(2){
    background:rgba(16,37,28,.92) !important;
    color:#fff8ec !important;
    border-color:rgba(224,190,132,.55) !important;
    box-shadow:0 18px 42px rgba(16,37,28,.16) !important;
  }
}
@media(min-width:900px) and (max-height:820px){
  .legacy-videos-section{
    padding-top:14px !important;
    padding-bottom:14px !important;
  }
  .legacy-videos-head h2,
  .legacy-videos-section .section-head h2{
    font-size:clamp(34px,3.6vw,48px) !important;
  }
  .legacy-video-grid{
    margin-top:14px !important;
    gap:12px !important;
  }
  .legacy-video-card:first-child .legacy-video-open,
  .legacy-video-card:first-child .legacy-video-open img,
  .legacy-video-card:not(:first-child) .legacy-video-open,
  .legacy-video-card:not(:first-child) .legacy-video-open img,
  .legacy-video-open,
  .legacy-video-open img{
    min-height:178px !important;
    height:178px !important;
  }
  .legacy-video-copy{
    padding:16px !important;
  }
  .legacy-video-copy h3{
    font-size:clamp(23px,2.05vw,29px) !important;
  }
  .legacy-video-copy p{
    font-size:14px !important;
    line-height:1.32 !important;
  }
  .legacy-video-cta{
    margin-top:14px !important;
    margin-bottom:22px !important;
  }
}

/* v70 2026-06-21 Europe/Athens
   Readability fix: the whole legacy videos section gets a safe readable area.
   Keeps the 95vh desktop section, but moves title, intro, cards and CTAs inside the same safe grid.
*/
@media(min-width:900px){
  .legacy-videos-section{
    height:95vh !important;
    min-height:95vh !important;
    max-height:95vh !important;
    display:flex !important;
    align-items:center !important;
    padding:clamp(22px,3vh,36px) 0 !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }
  .legacy-videos-section .wrap{
    width:min(1560px,calc(100% - 112px)) !important;
    max-width:1560px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    box-sizing:border-box !important;
  }
  .legacy-videos-head{
    max-width:820px !important;
    margin:0 !important;
  }
  .legacy-videos-head h2,
  .legacy-videos-section .section-head h2{
    max-width:820px !important;
    font-size:clamp(38px,4vw,56px) !important;
    line-height:1 !important;
    margin-top:0 !important;
    margin-bottom:12px !important;
  }
  .legacy-videos-head p,
  .legacy-videos-section .section-head p{
    max-width:860px !important;
    font-size:clamp(15px,1vw,18px) !important;
    line-height:1.48 !important;
    margin:0 !important;
  }
  .legacy-video-grid{
    margin-top:clamp(18px,2.4vh,26px) !important;
    gap:16px !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .legacy-video-card,
  .legacy-video-card:not(:first-child){
    grid-template-columns:1fr 1fr !important;
    border-radius:22px !important;
  }
  .legacy-video-card:first-child{
    grid-row:auto !important;
  }
  .legacy-video-card:first-child .legacy-video-open,
  .legacy-video-card:first-child .legacy-video-open img,
  .legacy-video-card:not(:first-child) .legacy-video-open,
  .legacy-video-card:not(:first-child) .legacy-video-open img,
  .legacy-video-open,
  .legacy-video-open img{
    min-height:210px !important;
    height:210px !important;
  }
  .legacy-video-copy{
    padding:20px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
  }
  .legacy-video-copy h3{
    font-size:clamp(25px,2.35vw,34px) !important;
    line-height:1 !important;
    margin:0 0 8px !important;
  }
  .legacy-video-copy p{
    font-size:clamp(14px,.95vw,16px) !important;
    line-height:1.4 !important;
  }
  .legacy-video-cta{
    margin-top:clamp(18px,2.4vh,26px) !important;
    margin-bottom:0 !important;
    gap:14px !important;
  }
}
@media(min-width:900px) and (max-width:1280px){
  .legacy-videos-section .wrap{
    width:calc(100% - 72px) !important;
  }
  .legacy-videos-head h2,
  .legacy-videos-section .section-head h2{
    font-size:clamp(34px,4.2vw,48px) !important;
  }
}
@media(min-width:900px) and (max-height:820px){
  .legacy-videos-section{
    padding-top:18px !important;
    padding-bottom:18px !important;
  }
  .legacy-videos-section .wrap{
    width:min(1560px,calc(100% - 96px)) !important;
  }
  .legacy-videos-head h2,
  .legacy-videos-section .section-head h2{
    font-size:clamp(32px,3.6vw,46px) !important;
    margin-bottom:8px !important;
  }
  .legacy-videos-head p,
  .legacy-videos-section .section-head p{
    font-size:15px !important;
    line-height:1.38 !important;
  }
  .legacy-video-grid{
    margin-top:14px !important;
    gap:12px !important;
  }
  .legacy-video-card:first-child .legacy-video-open,
  .legacy-video-card:first-child .legacy-video-open img,
  .legacy-video-card:not(:first-child) .legacy-video-open,
  .legacy-video-card:not(:first-child) .legacy-video-open img,
  .legacy-video-open,
  .legacy-video-open img{
    min-height:176px !important;
    height:176px !important;
  }
  .legacy-video-copy{
    padding:16px !important;
  }
  .legacy-video-copy h3{
    font-size:clamp(22px,2.05vw,29px) !important;
  }
  .legacy-video-copy p{
    font-size:14px !important;
    line-height:1.32 !important;
  }
  .legacy-video-cta{
    margin-top:14px !important;
  }
}

/* v74 2026-06-21 Europe/Athens
   Mobile experience upgrade.
   Scope: mobile and small tablet only. Desktop layout remains unchanged.
   Goal: shorter, more readable mobile flow with safe gutters, better CTA handling,
   cleaner video cards and less vertical fatigue.
*/
@media(max-width:899px){
  html{
    scroll-padding-top:72px;
  }
  body{
    overflow-x:hidden;
  }
  .nav,
  .wrap,
  .hero-inner{
    width:calc(100% - 32px) !important;
    max-width:none !important;
  }
  section{
    overflow-x:hidden;
  }
  .section-head h2,
  .legacy-videos-head h2,
  .legacy-videos-section .section-head h2{
    font-size:clamp(34px,10.4vw,48px) !important;
    line-height:1.02 !important;
    letter-spacing:-.035em !important;
    text-wrap:balance;
  }
  .section-head p,
  .legacy-videos-head p,
  .legacy-videos-section .section-head p{
    font-size:16px !important;
    line-height:1.55 !important;
    max-width:100% !important;
  }
  .section-kicker,
  .eyebrow{
    color:#8f6f42 !important;
    font-size:12px !important;
    font-weight:850 !important;
    letter-spacing:.14em !important;
    line-height:1.25 !important;
  }
  .btn,
  .legacy-video-cta .btn,
  .hero-actions .btn,
  .section-actions .btn{
    width:100% !important;
    min-height:52px !important;
    justify-content:center !important;
    text-align:center !important;
    padding:14px 18px !important;
  }
}

@media(max-width:699px){
  .hero{
    min-height:92svh !important;
    padding:86px 0 28px !important;
    align-items:end !important;
  }
  .hero h1{
    font-size:clamp(42px,15vw,62px) !important;
    line-height:.94 !important;
    letter-spacing:-.055em !important;
  }
  .hero p{
    font-size:clamp(16px,4.7vw,19px) !important;
    line-height:1.5 !important;
  }
  .trust-strip{
    padding:14px 0 !important;
  }
  .trust-strip-grid{
    gap:10px !important;
  }
  .trust-strip-grid div{
    padding:13px 14px !important;
  }
  .trust-strip-grid strong{
    font-size:21px !important;
  }

  .legacy-videos-section{
    height:auto !important;
    min-height:auto !important;
    max-height:none !important;
    display:block !important;
    padding:54px 0 46px !important;
    overflow:visible !important;
    background-position:center top !important;
    background-size:cover !important;
  }
  .legacy-videos-section .wrap{
    width:calc(100% - 32px) !important;
    max-width:none !important;
    display:block !important;
  }
  .legacy-videos-head{
    max-width:100% !important;
  }
  .legacy-videos-head h2,
  .legacy-videos-section .section-head h2{
    margin-top:8px !important;
    margin-bottom:12px !important;
  }
  .legacy-video-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
    margin-top:22px !important;
  }
  .legacy-video-card,
  .legacy-video-card:not(:first-child){
    display:grid !important;
    grid-template-columns:1fr !important;
    border-radius:22px !important;
    overflow:hidden !important;
  }
  .legacy-video-open,
  .legacy-video-open img,
  .legacy-video-card:first-child .legacy-video-open,
  .legacy-video-card:first-child .legacy-video-open img,
  .legacy-video-card:not(:first-child) .legacy-video-open,
  .legacy-video-card:not(:first-child) .legacy-video-open img{
    width:100% !important;
    height:190px !important;
    min-height:190px !important;
  }
  .legacy-video-play{
    width:66px !important;
    height:66px !important;
    font-size:28px !important;
    box-shadow:0 14px 36px rgba(0,0,0,.28), inset 0 0 0 8px rgba(224,190,132,.18) !important;
  }
  .legacy-video-copy{
    padding:18px !important;
    min-height:auto !important;
  }
  .legacy-video-copy span{
    font-size:11px !important;
    letter-spacing:.11em !important;
  }
  .legacy-video-copy h3{
    font-size:clamp(26px,8vw,34px) !important;
    line-height:1.02 !important;
    margin:7px 0 8px !important;
  }
  .legacy-video-copy p{
    font-size:15px !important;
    line-height:1.46 !important;
  }
  .legacy-video-cta{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    margin-top:18px !important;
    margin-bottom:0 !important;
  }
  .legacy-video-cta a:nth-child(2){
    background:#10251c !important;
    color:#fff8ec !important;
    border-color:rgba(224,190,132,.56) !important;
  }

  .rooms-section,
  .location-section,
  .amenities-section,
  .contact-section,
  .seasons-section{
    padding-top:56px !important;
    padding-bottom:56px !important;
  }
  .room-card{
    border-radius:22px !important;
  }
  .room-card img{
    height:210px !important;
  }
  .room-body,
  .room-card .room-body{
    padding:18px !important;
  }
  .room-body h3,
  .room-card h3{
    font-size:clamp(28px,9vw,38px) !important;
    line-height:1 !important;
  }
  .room-decision-grid{
    gap:10px !important;
  }
  .room-decision-grid article{
    padding:16px !important;
    border-radius:18px !important;
  }
  .place-grid,
  .amenities-grid{
    gap:10px !important;
  }
  .contact-panel{
    border-radius:24px !important;
    padding:22px !important;
  }
  .contact-details a{
    word-break:break-word;
  }
  .footer{
    padding-bottom:104px !important;
  }
  .footer-inner{
    align-items:center !important;
    text-align:center !important;
  }
  .footer-credit{
    justify-content:center !important;
  }
  .sticky-actions{
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    padding:9px !important;
    padding-bottom:calc(9px + env(safe-area-inset-bottom)) !important;
  }
  .sticky-actions a{
    font-size:13px !important;
    padding:12px 8px !important;
    white-space:normal !important;
    line-height:1.15 !important;
  }
}

@media(max-width:390px){
  .nav,
  .wrap,
  .hero-inner,
  .legacy-videos-section .wrap{
    width:calc(100% - 24px) !important;
  }
  .legacy-video-open,
  .legacy-video-open img,
  .legacy-video-card:first-child .legacy-video-open,
  .legacy-video-card:first-child .legacy-video-open img,
  .legacy-video-card:not(:first-child) .legacy-video-open,
  .legacy-video-card:not(:first-child) .legacy-video-open img{
    height:176px !important;
    min-height:176px !important;
  }
  .legacy-video-copy h3{
    font-size:25px !important;
  }
}

/* v75 2026-06-21 Europe/Athens
   Mobile readability correction based on live screenshots.
   Scope: mobile room hero overlays and mobile trust strip only.
   Fixes oversized room names being clipped and makes the trust strip calmer,
   more readable and less vertically heavy on narrow screens.
*/
@media(max-width:699px){
  .room-feature{
    margin-top:22px !important;
    border-radius:24px !important;
    overflow:hidden !important;
  }
  .room-feature-media,
  .room-inline-gallery,
  .room-inline-gallery .gallery-track,
  .room-inline-gallery figure,
  .room-inline-gallery img{
    min-height:520px !important;
    height:520px !important;
  }
  .room-cover-quick{
    left:16px !important;
    right:16px !important;
    bottom:24px !important;
    width:auto !important;
    max-width:calc(100% - 32px) !important;
    padding:16px 16px 15px !important;
    border-radius:20px !important;
    overflow:hidden !important;
    background:linear-gradient(135deg,rgba(16,26,19,.88),rgba(16,26,19,.72)) !important;
    backdrop-filter:blur(12px) !important;
    border:1px solid rgba(224,190,132,.32) !important;
  }
  .room-cover-quick > span{
    display:block !important;
    max-width:100% !important;
    font-size:clamp(34px,11.2vw,46px) !important;
    line-height:.94 !important;
    letter-spacing:-.045em !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
    hyphens:auto !important;
  }
  .room-cover-quick strong{
    display:block !important;
    margin-top:8px !important;
    font-size:14px !important;
    line-height:1.28 !important;
  }
  .room-cover-quick div{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:7px !important;
    margin-top:10px !important;
  }
  .room-cover-quick div span{
    font-size:11px !important;
    line-height:1 !important;
    padding:7px 9px !important;
    white-space:nowrap !important;
  }
  .room-visual-identity{
    display:none !important;
  }
  .trust-strip{
    padding:18px 0 !important;
  }
  .trust-strip-grid{
    gap:12px !important;
  }
  .trust-strip-grid div{
    min-height:76px !important;
    padding:15px 16px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:18px !important;
    background:rgba(255,255,255,.035) !important;
    border-color:rgba(224,190,132,.22) !important;
  }
  .trust-strip-grid strong{
    font-size:22px !important;
    line-height:1.1 !important;
    margin-bottom:5px !important;
    color:#fff8ec !important;
  }
  .trust-strip-grid span{
    font-size:13px !important;
    line-height:1.35 !important;
    color:rgba(255,248,236,.74) !important;
  }
}
@media(max-width:390px){
  .room-feature-media,
  .room-inline-gallery,
  .room-inline-gallery .gallery-track,
  .room-inline-gallery figure,
  .room-inline-gallery img{
    min-height:500px !important;
    height:500px !important;
  }
  .room-cover-quick{
    left:14px !important;
    right:14px !important;
    max-width:calc(100% - 28px) !important;
    padding:15px 14px !important;
  }
  .room-cover-quick > span{
    font-size:clamp(31px,10.5vw,40px) !important;
  }
  .room-cover-quick div span:nth-child(n+4){
    display:none !important;
  }
}

/* v76 2026-06-21 Europe/Athens
   Mobile trust strip safe side air.
   Scope: trust strip mobile spacing only.
*/
@media(max-width:768px){
  .trust-strip{
    padding-left:14px !important;
    padding-right:14px !important;
  }
  .trust-strip .wrap{
    width:100% !important;
    max-width:100% !important;
  }
  .trust-strip-grid{
    gap:14px !important;
  }
  .trust-strip-grid div{
    padding-left:18px !important;
    padding-right:18px !important;
  }
}
@media(max-width:390px){
  .trust-strip{
    padding-left:18px !important;
    padding-right:18px !important;
  }
}

/* v78 2026-06-21 Europe/Athens
   Mobile room duplicate overlay fix.
   Scope: mobile room cards only.
   Removes the extra cover identity overlay on mobile so each room has one clear title,
   one clear information card and no repeated room name over the same photo.
*/
@media(max-width:699px){
  .room-cover-quick{
    display:none !important;
  }
  .room-visual-identity{
    display:none !important;
  }
  .room-feature-media,
  .room-inline-gallery,
  .room-inline-gallery .gallery-track,
  .room-inline-gallery figure,
  .room-inline-gallery img{
    min-height:360px !important;
    height:360px !important;
  }
  .room-inline-gallery:after{
    height:34% !important;
    background:linear-gradient(180deg,rgba(10,22,20,0),rgba(10,22,20,.32)) !important;
  }
  .room-feature-copy{
    position:relative !important;
    z-index:5 !important;
    margin:-34px 14px 18px !important;
    border-radius:22px !important;
    background:linear-gradient(180deg,rgba(16,26,19,.96),rgba(16,26,19,.91)) !important;
    border:1px solid rgba(224,190,132,.28) !important;
    box-shadow:0 18px 44px rgba(0,0,0,.20) !important;
  }
  .room-feature-copy h3{
    font-size:clamp(42px,13vw,58px) !important;
    line-height:.92 !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
  }
}
@media(max-width:390px){
  .room-feature-media,
  .room-inline-gallery,
  .room-inline-gallery .gallery-track,
  .room-inline-gallery figure,
  .room-inline-gallery img{
    min-height:330px !important;
    height:330px !important;
  }
  .room-feature-copy{
    margin:-28px 12px 16px !important;
  }
}

/* v79 2026-06-22 Europe/Athens
   Mobile room lightbox accessibility correction.
   Scope: mobile room cards only.
   Restores the glass room identity card and its play/lightbox trigger on mobile,
   while removing the bad overlap with the detail card below. The user keeps a
   clear fullscreen gallery action and the information panel starts after the image.
*/
@media(max-width:699px){
  .room-feature{
    overflow:visible !important;
    border-radius:24px !important;
  }
  .room-feature-media,
  .room-inline-gallery,
  .room-inline-gallery .gallery-track,
  .room-inline-gallery figure,
  .room-inline-gallery img{
    min-height:520px !important;
    height:520px !important;
  }
  .room-cover-quick{
    display:block !important;
    left:16px !important;
    right:16px !important;
    bottom:18px !important;
    width:auto !important;
    max-width:calc(100% - 32px) !important;
    padding:15px 94px 15px 16px !important;
    border-radius:20px !important;
    overflow:visible !important;
    background:linear-gradient(135deg,rgba(16,26,19,.91),rgba(16,26,19,.76)) !important;
    border:1px solid rgba(224,190,132,.34) !important;
    box-shadow:0 18px 44px rgba(0,0,0,.26) !important;
    backdrop-filter:blur(14px) saturate(1.08) !important;
    -webkit-backdrop-filter:blur(14px) saturate(1.08) !important;
    pointer-events:none !important;
  }
  .room-cover-quick > span{
    font-size:clamp(31px,10vw,43px) !important;
    line-height:.94 !important;
    letter-spacing:-.045em !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
  }
  .room-cover-quick > strong{
    margin-top:7px !important;
    font-size:13px !important;
    line-height:1.28 !important;
  }
  .room-cover-quick div{
    display:none !important;
  }
  .room-cover-quick .room-gallery-open{
    display:grid !important;
    pointer-events:auto !important;
    position:absolute !important;
    top:50% !important;
    right:14px !important;
    left:auto !important;
    transform:translateY(-50%) !important;
    width:64px !important;
    height:64px !important;
    min-width:64px !important;
    min-height:64px !important;
    z-index:40 !important;
  }
  .room-cover-quick .room-gallery-open:hover{
    transform:translateY(-50%) scale(1.035) !important;
  }
  .room-cover-quick .room-gallery-open::before{
    inset:18% !important;
    border-width:7px !important;
  }
  .room-cover-quick .room-gallery-open::after{
    font-size:28px !important;
  }
  .room-cover-quick .room-gallery-open .room-gallery-open-text{
    display:none !important;
  }
  .room-inline-gallery > .room-gallery-open{
    display:none !important;
  }
  .room-feature-copy{
    position:relative !important;
    z-index:5 !important;
    margin:18px 14px 22px !important;
    border-radius:22px !important;
    background:linear-gradient(180deg,rgba(16,26,19,.96),rgba(16,26,19,.91)) !important;
    border:1px solid rgba(224,190,132,.28) !important;
    box-shadow:0 18px 44px rgba(0,0,0,.18) !important;
  }
  .room-feature-copy h3{
    font-size:clamp(38px,12vw,54px) !important;
    line-height:.94 !important;
  }
}
@media(max-width:390px){
  .room-feature-media,
  .room-inline-gallery,
  .room-inline-gallery .gallery-track,
  .room-inline-gallery figure,
  .room-inline-gallery img{
    min-height:500px !important;
    height:500px !important;
  }
  .room-cover-quick{
    left:14px !important;
    right:14px !important;
    max-width:calc(100% - 28px) !important;
    padding:14px 86px 14px 14px !important;
  }
  .room-cover-quick > span{
    font-size:clamp(29px,9.8vw,39px) !important;
  }
  .room-cover-quick .room-gallery-open{
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
    min-height:58px !important;
    right:12px !important;
  }
  .room-cover-quick .room-gallery-open::after{
    font-size:25px !important;
  }
  .room-feature-copy{
    margin:16px 12px 20px !important;
  }
}


/* V80 MOBILE ROOM HERO FIX */
@media (max-width: 768px){
  .room-visual-identity{
    bottom: 110px !important;
    max-width: calc(100% - 120px) !important;
  }

  .room-visual-identity span{
    font-size: 2.2rem !important;
  }

  .room-visual-identity strong,
  .room-visual-identity em{
    font-size: 12px !important;
  }

  .room-feature-content,
  .room-feature-card,
  .room-feature-panel{
    margin-top: 24px !important;
  }

  .gallery-play,
  .room-lightbox-trigger,
  .video-play-btn{
    z-index: 30 !important;
  }
}


/* v81 2026-06-22 Europe/Athens
   REAL MOBILE ROOM FLOW FIX
   Reason: previous v80 patch targeted obsolete selectors (.room-visual-identity etc.).
   Current room template uses .room-cover-quick, .room-gallery-open, .room-feature-media
   and .room-feature-copy. On mobile the image/media layer was still effectively absolute,
   so the detail card could visually climb into the hero area and the lightbox trigger
   did not gain a clean accessible zone.

   Fix:
   - The room media becomes a real normal-flow block on mobile.
   - The slideshow stays inside that media block.
   - The room identity card stays inside the photo, above the bottom.
   - The play/lightbox trigger remains visible, large, and clickable.
   - The detail card starts after the photo block with clear spacing.
*/
@media (max-width: 899px){
  .room-feature{
    display:block !important;
    position:relative !important;
    overflow:hidden !important;
    border-radius:28px !important;
    min-height:0 !important;
    height:auto !important;
    max-height:none !important;
  }

  .room-feature-media{
    position:relative !important;
    inset:auto !important;
    display:block !important;
    width:100% !important;
    height:560px !important;
    min-height:560px !important;
    max-height:none !important;
    overflow:hidden !important;
    border-radius:28px 28px 0 0 !important;
    z-index:1 !important;
  }

  .room-inline-gallery{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    border-radius:0 !important;
    z-index:1 !important;
  }

  .room-inline-gallery .gallery-track,
  .room-inline-gallery figure,
  .room-inline-gallery img{
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    max-height:none !important;
  }

  .room-inline-gallery img{
    object-fit:cover !important;
    object-position:center center !important;
  }

  .room-cover-quick{
    position:absolute !important;
    left:16px !important;
    right:16px !important;
    top:auto !important;
    bottom:22px !important;
    width:auto !important;
    max-width:none !important;
    transform:none !important;
    z-index:30 !important;
    padding:16px 92px 16px 16px !important;
    border-radius:22px !important;
    background:linear-gradient(135deg,rgba(16,26,19,.93),rgba(16,26,19,.78)) !important;
    border:1px solid rgba(224,190,132,.34) !important;
    box-shadow:0 20px 48px rgba(0,0,0,.30) !important;
    backdrop-filter:blur(16px) saturate(1.08) !important;
    -webkit-backdrop-filter:blur(16px) saturate(1.08) !important;
    pointer-events:none !important;
  }

  .room-cover-quick > span{
    font-size:clamp(34px,11vw,48px) !important;
    line-height:.92 !important;
    letter-spacing:-.045em !important;
    white-space:normal !important;
  }

  .room-cover-quick > strong{
    margin-top:7px !important;
    font-size:13px !important;
    line-height:1.3 !important;
  }

  .room-cover-quick div{
    display:none !important;
  }

  .room-cover-quick .room-gallery-open{
    display:grid !important;
    position:absolute !important;
    top:50% !important;
    right:14px !important;
    left:auto !important;
    bottom:auto !important;
    transform:translateY(-50%) !important;
    width:66px !important;
    height:66px !important;
    min-width:66px !important;
    min-height:66px !important;
    z-index:60 !important;
    pointer-events:auto !important;
    cursor:pointer !important;
  }

  .room-cover-quick .room-gallery-open:hover{
    transform:translateY(-50%) scale(1.035) !important;
  }

  .room-cover-quick .room-gallery-open::before{
    inset:18% !important;
    border-width:7px !important;
  }

  .room-cover-quick .room-gallery-open::after{
    font-size:28px !important;
  }

  .room-cover-quick .room-gallery-open .room-gallery-open-text{
    display:none !important;
  }

  .room-inline-gallery > .room-gallery-open{
    display:none !important;
  }

  .room-feature-copy{
    position:relative !important;
    z-index:2 !important;
    width:auto !important;
    max-width:none !important;
    margin:22px 14px 22px !important;
    padding:20px !important;
    border-radius:24px !important;
    background:linear-gradient(180deg,rgba(16,26,19,.97),rgba(16,26,19,.92)) !important;
    border:1px solid rgba(224,190,132,.28) !important;
    box-shadow:0 18px 46px rgba(0,0,0,.20) !important;
  }

  .room-feature-copy h3{
    font-size:clamp(40px,12vw,58px) !important;
    line-height:.94 !important;
  }

  .room-inline-gallery .gallery-arrow{
    z-index:50 !important;
    top:50% !important;
    transform:translateY(-50%) !important;
  }
}

@media (max-width: 430px){
  .room-feature-media{
    height:540px !important;
    min-height:540px !important;
  }

  .room-cover-quick{
    left:14px !important;
    right:14px !important;
    bottom:18px !important;
    padding:14px 84px 14px 14px !important;
  }

  .room-cover-quick > span{
    font-size:clamp(32px,10.5vw,44px) !important;
  }

  .room-cover-quick .room-gallery-open{
    width:60px !important;
    height:60px !important;
    min-width:60px !important;
    min-height:60px !important;
    right:12px !important;
  }

  .room-cover-quick .room-gallery-open::after{
    font-size:25px !important;
  }

  .room-feature-copy{
    margin:20px 12px 22px !important;
    padding:18px !important;
  }
}


/* v82 2026-06-22 Europe/Athens
   MOBILE ROOM SLIDER FUNCTION FIX
   Keep room gallery arrows/play accessible while preserving slideshow mechanics.
   v81 corrected mobile flow, but forced gallery children too aggressively.
   This override restores track-based sliding on mobile.
*/
@media (max-width: 899px){
  .room-feature-media{
    position:relative !important;
    height:560px !important;
    min-height:560px !important;
    overflow:hidden !important;
  }

  .room-inline-gallery{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    overflow:hidden !important;
    border-radius:28px 28px 0 0 !important;
  }

  .room-inline-gallery .gallery-track{
    position:relative !important;
    display:flex !important;
    flex-direction:row !important;
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    overflow:visible !important;
    will-change:transform !important;
    transition:transform .55s cubic-bezier(.22,.61,.36,1) !important;
  }

  .room-inline-gallery figure{
    position:relative !important;
    display:block !important;
    flex:0 0 100% !important;
    width:100% !important;
    min-width:100% !important;
    height:100% !important;
    min-height:100% !important;
    margin:0 !important;
    overflow:hidden !important;
  }

  .room-inline-gallery figure img,
  .room-inline-gallery img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
  }

  .room-inline-gallery .gallery-arrow{
    display:grid !important;
    position:absolute !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    min-height:48px !important;
    z-index:80 !important;
    pointer-events:auto !important;
    cursor:pointer !important;
  }

  .room-inline-gallery .gallery-arrow.prev{
    left:16px !important;
  }

  .room-inline-gallery .gallery-arrow.next{
    right:16px !important;
  }

  .room-cover-quick{
    z-index:60 !important;
  }

  .room-cover-quick .room-gallery-open{
    z-index:100 !important;
    pointer-events:auto !important;
  }

  .room-feature-copy{
    position:relative !important;
    z-index:2 !important;
    margin-top:22px !important;
  }
}

@media (max-width: 430px){
  .room-feature-media{
    height:540px !important;
    min-height:540px !important;
  }

  .room-inline-gallery .gallery-arrow{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    min-height:46px !important;
  }

  .room-inline-gallery .gallery-arrow.prev{
    left:14px !important;
  }

  .room-inline-gallery .gallery-arrow.next{
    right:14px !important;
  }
}


/* v83 2026-06-22 Europe/Athens
   MOBILE ALL ROOMS GALLERY + LIGHTBOX FIX
   Applies to every room card, including Thetis/Nefeli variants.
   Goal:
   1. Slider arrows work on all rooms.
   2. Lightbox/play remains visible and clickable.
   3. Room identity overlay stays inside image.
   4. Detail card stays below image.
*/
@media (max-width: 899px){

  .room-feature,
  .room-card,
  .suite-card,
  .apartment-card{
    position:relative !important;
    display:block !important;
    overflow:hidden !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
  }

  .room-feature-media,
  .room-media,
  .suite-media,
  .apartment-media,
  .room-card-media{
    position:relative !important;
    display:block !important;
    inset:auto !important;
    width:100% !important;
    height:560px !important;
    min-height:560px !important;
    overflow:hidden !important;
    border-radius:28px 28px 0 0 !important;
    z-index:1 !important;
  }

  .room-inline-gallery,
  .inline-gallery,
  .mobile-room-gallery,
  .room-gallery{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    overflow:hidden !important;
    border-radius:inherit !important;
    z-index:1 !important;
  }

  .room-inline-gallery .gallery-track,
  .inline-gallery .gallery-track,
  .mobile-room-gallery .gallery-track,
  .room-gallery .gallery-track,
  .gallery-track{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    overflow:visible !important;
    transition:transform .55s cubic-bezier(.22,.61,.36,1) !important;
    will-change:transform !important;
  }

  .room-inline-gallery figure,
  .inline-gallery figure,
  .mobile-room-gallery figure,
  .room-gallery figure,
  .gallery-track figure,
  .gallery-slide{
    position:relative !important;
    display:block !important;
    flex:0 0 100% !important;
    width:100% !important;
    min-width:100% !important;
    max-width:100% !important;
    height:100% !important;
    min-height:100% !important;
    margin:0 !important;
    overflow:hidden !important;
  }

  .room-inline-gallery img,
  .inline-gallery img,
  .mobile-room-gallery img,
  .room-gallery img,
  .gallery-track figure img,
  .gallery-slide img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
  }

  .room-inline-gallery .gallery-arrow,
  .inline-gallery .gallery-arrow,
  .mobile-room-gallery .gallery-arrow,
  .room-gallery .gallery-arrow,
  .gallery-arrow{
    display:grid !important;
    place-items:center !important;
    position:absolute !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    min-height:48px !important;
    z-index:120 !important;
    pointer-events:auto !important;
    cursor:pointer !important;
    touch-action:manipulation !important;
  }

  .gallery-arrow.prev,
  .gallery-prev,
  .room-inline-gallery .gallery-arrow.prev,
  .inline-gallery .gallery-arrow.prev,
  .mobile-room-gallery .gallery-arrow.prev,
  .room-gallery .gallery-arrow.prev{
    left:16px !important;
    right:auto !important;
  }

  .gallery-arrow.next,
  .gallery-next,
  .room-inline-gallery .gallery-arrow.next,
  .inline-gallery .gallery-arrow.next,
  .mobile-room-gallery .gallery-arrow.next,
  .room-gallery .gallery-arrow.next{
    right:16px !important;
    left:auto !important;
  }

  .room-cover-quick,
  .room-quick,
  .room-identity,
  .room-overlay,
  .suite-cover-quick{
    position:absolute !important;
    left:16px !important;
    right:16px !important;
    top:auto !important;
    bottom:22px !important;
    width:auto !important;
    max-width:none !important;
    transform:none !important;
    z-index:90 !important;
    padding:16px 92px 16px 16px !important;
    border-radius:22px !important;
    pointer-events:none !important;
  }

  .room-cover-quick .room-gallery-open,
  .room-quick .room-gallery-open,
  .room-identity .room-gallery-open,
  .room-overlay .room-gallery-open,
  .suite-cover-quick .room-gallery-open,
  .room-gallery-open,
  .lightbox-open,
  .gallery-open{
    display:grid !important;
    position:absolute !important;
    top:50% !important;
    right:14px !important;
    left:auto !important;
    bottom:auto !important;
    transform:translateY(-50%) !important;
    width:66px !important;
    height:66px !important;
    min-width:66px !important;
    min-height:66px !important;
    z-index:160 !important;
    pointer-events:auto !important;
    cursor:pointer !important;
    touch-action:manipulation !important;
  }

  .room-feature-copy,
  .room-copy,
  .suite-copy,
  .apartment-copy,
  .room-details,
  .room-info-card{
    position:relative !important;
    z-index:2 !important;
    margin:22px 14px 22px !important;
  }
}

@media (max-width: 430px){
  .room-feature-media,
  .room-media,
  .suite-media,
  .apartment-media,
  .room-card-media{
    height:540px !important;
    min-height:540px !important;
  }

  .room-cover-quick,
  .room-quick,
  .room-identity,
  .room-overlay,
  .suite-cover-quick{
    left:14px !important;
    right:14px !important;
    bottom:18px !important;
    padding:14px 84px 14px 14px !important;
  }

  .room-gallery-open,
  .lightbox-open,
  .gallery-open,
  .room-cover-quick .room-gallery-open,
  .room-quick .room-gallery-open,
  .room-identity .room-gallery-open,
  .room-overlay .room-gallery-open,
  .suite-cover-quick .room-gallery-open{
    width:60px !important;
    height:60px !important;
    min-width:60px !important;
    min-height:60px !important;
    right:12px !important;
  }
}


/* v84 2026-06-22 Europe/Athens
   Slider functionality and guest-oriented room content support.
   Restores native horizontal scroll galleries expected by assets/js/main.js.
   Covers all room galleries, including Thetis desktop and mobile.
*/
.room-inline-gallery .gallery-track,
.room-gallery .gallery-track{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-snap-type:x mandatory !important;
  scroll-behavior:smooth !important;
  -webkit-overflow-scrolling:touch !important;
  transform:none !important;
}

.room-inline-gallery .gallery-track > figure,
.room-gallery .gallery-track > figure{
  flex:0 0 100% !important;
  width:100% !important;
  min-width:100% !important;
  scroll-snap-align:start !important;
}

.room-inline-gallery .gallery-track::-webkit-scrollbar,
.room-gallery .gallery-track::-webkit-scrollbar{
  display:none !important;
}

.room-inline-gallery .gallery-track,
.room-gallery .gallery-track{
  scrollbar-width:none !important;
}

.room-feature-media .room-cover-quick{
  pointer-events:none !important;
}

.room-feature-media .room-cover-quick .room-gallery-open,
.room-feature-media .room-gallery-open,
.room-feature-media .gallery-open,
.room-feature-media .room-play-trigger{
  pointer-events:auto !important;
  z-index:160 !important;
}

.room-thetis .room-cover-quick{
  display:block !important;
}

.room-experience.compact-room-experience{
  margin-top:24px;
}

.room-experience.compact-room-experience .room-benefit-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

@media (max-width: 899px){
  .room-inline-gallery .gallery-track,
  .room-gallery .gallery-track{
    height:100% !important;
    min-height:100% !important;
    overflow-x:auto !important;
    transform:none !important;
  }

  .room-inline-gallery .gallery-track > figure,
  .room-gallery .gallery-track > figure{
    height:100% !important;
    min-height:100% !important;
  }

  .room-inline-gallery .gallery-track > figure img,
  .room-gallery .gallery-track > figure img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }

  .room-experience.compact-room-experience .room-benefit-grid{
    grid-template-columns:1fr;
  }
}


/* v85 2026-06-22 Europe/Athens
   Brand restore + customer-facing copy + mobile play button containment.
*/
.designer-credit{
  display:flex;
  align-items:center;
  gap:14px;
  color:rgba(245,238,226,.78);
  font-size:14px;
  line-height:1.2;
}

.designer-credit a{
  display:inline-flex;
  align-items:center;
  text-decoration:none;
}

.designer-credit img{
  display:block;
  height:34px;
  max-width:190px;
  object-fit:contain;
  filter:brightness(1.08);
}

@media (max-width: 768px){
  .designer-credit{
    justify-content:center;
    flex-wrap:wrap;
    text-align:center;
    gap:10px;
  }

  .designer-credit img{
    height:30px;
    max-width:170px;
  }
}

@media (max-width: 899px){
  .room-cover-quick,
  .room-quick,
  .room-identity,
  .room-overlay,
  .suite-cover-quick{
    min-height:132px !important;
    overflow:hidden !important;
    padding-right:106px !important;
  }

  .room-cover-quick .room-gallery-open,
  .room-quick .room-gallery-open,
  .room-identity .room-gallery-open,
  .room-overlay .room-gallery-open,
  .suite-cover-quick .room-gallery-open{
    top:50% !important;
    right:18px !important;
    bottom:auto !important;
    transform:translateY(-50%) !important;
    width:64px !important;
    height:64px !important;
    min-width:64px !important;
    min-height:64px !important;
    max-width:64px !important;
    max-height:64px !important;
    overflow:hidden !important;
    border-radius:50% !important;
    box-sizing:border-box !important;
  }

  .room-cover-quick .room-gallery-open::before,
  .room-quick .room-gallery-open::before,
  .room-identity .room-gallery-open::before,
  .room-overlay .room-gallery-open::before,
  .suite-cover-quick .room-gallery-open::before{
    position:absolute !important;
    inset:15px !important;
    width:auto !important;
    height:auto !important;
    border-width:0 0 0 18px !important;
    transform:translate(3px,0) !important;
  }

  .room-cover-quick .room-gallery-open::after,
  .room-quick .room-gallery-open::after,
  .room-identity .room-gallery-open::after,
  .room-overlay .room-gallery-open::after,
  .suite-cover-quick .room-gallery-open::after{
    position:absolute !important;
    inset:0 !important;
    display:grid !important;
    place-items:center !important;
    transform:none !important;
    font-size:0 !important;
    content:"" !important;
  }
}

@media (max-width:430px){
  .room-cover-quick,
  .room-quick,
  .room-identity,
  .room-overlay,
  .suite-cover-quick{
    min-height:124px !important;
    padding-right:96px !important;
  }

  .room-cover-quick .room-gallery-open,
  .room-quick .room-gallery-open,
  .room-identity .room-gallery-open,
  .room-overlay .room-gallery-open,
  .suite-cover-quick .room-gallery-open{
    right:16px !important;
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
    min-height:58px !important;
    max-width:58px !important;
    max-height:58px !important;
  }
}


/* v86 2026-06-22 Europe/Athens
   Clean mobile room lightbox/play button.
   Fixes the double/overflow triangle visible in the room quick card.
*/
@media (max-width: 899px){
  .room-cover-quick .room-gallery-open,
  .room-quick .room-gallery-open,
  .room-identity .room-gallery-open,
  .room-overlay .room-gallery-open,
  .suite-cover-quick .room-gallery-open{
    position:absolute !important;
    top:50% !important;
    right:20px !important;
    left:auto !important;
    bottom:auto !important;
    transform:translateY(-50%) !important;
    width:62px !important;
    height:62px !important;
    min-width:62px !important;
    min-height:62px !important;
    max-width:62px !important;
    max-height:62px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    border-radius:50% !important;
    box-sizing:border-box !important;
    z-index:180 !important;
    pointer-events:auto !important;
    cursor:pointer !important;
    text-indent:-9999px !important;
    font-size:0 !important;
    line-height:0 !important;
    color:transparent !important;
  }

  .room-cover-quick .room-gallery-open::before,
  .room-quick .room-gallery-open::before,
  .room-identity .room-gallery-open::before,
  .room-overlay .room-gallery-open::before,
  .suite-cover-quick .room-gallery-open::before{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    right:auto !important;
    bottom:auto !important;
    width:0 !important;
    height:0 !important;
    min-width:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    transform:translate(-38%,-50%) !important;
    border-top:13px solid transparent !important;
    border-bottom:13px solid transparent !important;
    border-left:20px solid #f8f1e6 !important;
    border-right:0 !important;
    background:none !important;
    box-shadow:none !important;
    border-radius:0 !important;
    opacity:1 !important;
  }

  .room-cover-quick .room-gallery-open::after,
  .room-quick .room-gallery-open::after,
  .room-identity .room-gallery-open::after,
  .room-overlay .room-gallery-open::after,
  .suite-cover-quick .room-gallery-open::after{
    content:none !important;
    display:none !important;
    width:0 !important;
    height:0 !important;
    opacity:0 !important;
    visibility:hidden !important;
  }

  .room-cover-quick .room-gallery-open *,
  .room-quick .room-gallery-open *,
  .room-identity .room-gallery-open *,
  .room-overlay .room-gallery-open *,
  .suite-cover-quick .room-gallery-open *{
    display:none !important;
  }

  .room-cover-quick,
  .room-quick,
  .room-identity,
  .room-overlay,
  .suite-cover-quick{
    padding-right:112px !important;
    overflow:hidden !important;
  }
}

@media (max-width: 430px){
  .room-cover-quick .room-gallery-open,
  .room-quick .room-gallery-open,
  .room-identity .room-gallery-open,
  .room-overlay .room-gallery-open,
  .suite-cover-quick .room-gallery-open{
    right:18px !important;
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
    min-height:58px !important;
    max-width:58px !important;
    max-height:58px !important;
  }

  .room-cover-quick .room-gallery-open::before,
  .room-quick .room-gallery-open::before,
  .room-identity .room-gallery-open::before,
  .room-overlay .room-gallery-open::before,
  .suite-cover-quick .room-gallery-open::before{
    border-top-width:12px !important;
    border-bottom-width:12px !important;
    border-left-width:18px !important;
  }

  .room-cover-quick,
  .room-quick,
  .room-identity,
  .room-overlay,
  .suite-cover-quick{
    padding-right:104px !important;
  }
}


/* v87 2026-06-22 Europe/Athens
   Thetis play button must match the correct Nefeli play button.
   Cause: Thetis kept an extra inner/old triangle rendering.
   Fix: normalize the play button to a single circular component and hide child/generated duplicate marks.
*/
@media (max-width: 899px){
  .room-is-thetis .room-play-clean,
  .room-is-nefeli .room-play-clean,
  .room-cover-quick .room-play-clean,
  .room-quick .room-play-clean,
  .room-identity .room-play-clean,
  .room-overlay .room-play-clean{
    position:absolute !important;
    top:50% !important;
    right:20px !important;
    left:auto !important;
    bottom:auto !important;
    transform:translateY(-50%) !important;
    display:grid !important;
    place-items:center !important;
    width:64px !important;
    height:64px !important;
    min-width:64px !important;
    min-height:64px !important;
    max-width:64px !important;
    max-height:64px !important;
    border-radius:50% !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    z-index:220 !important;
    pointer-events:auto !important;
    cursor:pointer !important;
    text-indent:-9999px !important;
    font-size:0 !important;
    line-height:0 !important;
    color:transparent !important;
  }

  .room-is-thetis .room-play-clean::before,
  .room-is-nefeli .room-play-clean::before,
  .room-cover-quick .room-play-clean::before,
  .room-quick .room-play-clean::before,
  .room-identity .room-play-clean::before,
  .room-overlay .room-play-clean::before{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    right:auto !important;
    bottom:auto !important;
    width:0 !important;
    height:0 !important;
    min-width:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    transform:translate(-38%,-50%) !important;
    border-top:13px solid transparent !important;
    border-bottom:13px solid transparent !important;
    border-left:20px solid #f8f1e6 !important;
    border-right:0 !important;
    background:none !important;
    box-shadow:none !important;
    border-radius:0 !important;
    opacity:1 !important;
    visibility:visible !important;
  }

  .room-is-thetis .room-play-clean::after,
  .room-is-nefeli .room-play-clean::after,
  .room-cover-quick .room-play-clean::after,
  .room-quick .room-play-clean::after,
  .room-identity .room-play-clean::after,
  .room-overlay .room-play-clean::after{
    content:none !important;
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
  }

  .room-is-thetis .room-play-clean *,
  .room-is-nefeli .room-play-clean *,
  .room-cover-quick .room-play-clean *,
  .room-quick .room-play-clean *,
  .room-identity .room-play-clean *,
  .room-overlay .room-play-clean *,
  .room-play-hidden-child{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    width:0 !important;
    height:0 !important;
    overflow:hidden !important;
  }
}

@media (max-width:430px){
  .room-is-thetis .room-play-clean,
  .room-is-nefeli .room-play-clean,
  .room-cover-quick .room-play-clean,
  .room-quick .room-play-clean,
  .room-identity .room-play-clean,
  .room-overlay .room-play-clean{
    right:18px !important;
    width:60px !important;
    height:60px !important;
    min-width:60px !important;
    min-height:60px !important;
    max-width:60px !important;
    max-height:60px !important;
  }

  .room-is-thetis .room-play-clean::before,
  .room-is-nefeli .room-play-clean::before,
  .room-cover-quick .room-play-clean::before,
  .room-quick .room-play-clean::before,
  .room-identity .room-play-clean::before,
  .room-overlay .room-play-clean::before{
    border-top-width:12px !important;
    border-bottom-width:12px !important;
    border-left-width:18px !important;
  }
}


/* v88 2026-06-22 Europe/Athens
   REAL FIX for the broken Thetis floating play button.
   The broken extra triangle was not inside .room-cover-quick.
   It was the real sibling button:
   .room-play-trigger.gallery-open.room-gallery-open > .room-play-core
   Previous fixes targeted descendant selectors, so they missed the active button.
*/
.room-play-trigger.room-gallery-open,
button.room-play-trigger.gallery-open.room-gallery-open{
  overflow:hidden !important;
  border-radius:999px !important;
  display:grid !important;
  place-items:center !important;
  text-indent:0 !important;
  font-size:0 !important;
  line-height:0 !important;
}

.room-play-trigger.room-gallery-open .room-play-core,
button.room-play-trigger.gallery-open.room-gallery-open .room-play-core{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  width:0 !important;
  height:0 !important;
  max-width:0 !important;
  max-height:0 !important;
  overflow:hidden !important;
  font-size:0 !important;
  line-height:0 !important;
}

.room-play-trigger.room-gallery-open::after,
button.room-play-trigger.gallery-open.room-gallery-open::after{
  content:"▶" !important;
  position:relative !important;
  z-index:2 !important;
  display:block !important;
  margin-left:.12em !important;
  font-size:clamp(34px,3.2vw,54px) !important;
  line-height:1 !important;
  color:#fff8ec !important;
  text-shadow:0 8px 24px rgba(0,0,0,.5) !important;
  transform:none !important;
}

@media (max-width:899px){
  .room-play-trigger.room-gallery-open,
  button.room-play-trigger.gallery-open.room-gallery-open{
    width:64px !important;
    height:64px !important;
    min-width:64px !important;
    min-height:64px !important;
    max-width:64px !important;
    max-height:64px !important;
  }

  .room-play-trigger.room-gallery-open::after,
  button.room-play-trigger.gallery-open.room-gallery-open::after{
    font-size:28px !important;
  }
}

@media (max-width:430px){
  .room-play-trigger.room-gallery-open,
  button.room-play-trigger.gallery-open.room-gallery-open{
    width:60px !important;
    height:60px !important;
    min-width:60px !important;
    min-height:60px !important;
    max-width:60px !important;
    max-height:60px !important;
  }

  .room-play-trigger.room-gallery-open::after,
  button.room-play-trigger.gallery-open.room-gallery-open::after{
    font-size:26px !important;
  }
}


/* v89 2026-06-22 Europe/Athens
   Floating / emerging back-to-top button.
   Keeps the existing "Επιστροφή στην αρχή" action visible as a fixed control
   only after the visitor scrolls down.
*/
.mct-floating-backtop{
  position:fixed !important;
  right:28px !important;
  bottom:28px !important;
  z-index:9999 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  min-height:48px !important;
  padding:13px 22px !important;
  border-radius:999px !important;
  background:rgba(10,27,18,.92) !important;
  color:#e7c686 !important;
  border:1px solid rgba(231,198,134,.38) !important;
  box-shadow:0 18px 48px rgba(0,0,0,.32) !important;
  backdrop-filter:blur(14px) saturate(1.08) !important;
  -webkit-backdrop-filter:blur(14px) saturate(1.08) !important;
  font-weight:800 !important;
  line-height:1 !important;
  text-decoration:none !important;
  cursor:pointer !important;
  opacity:0 !important;
  visibility:hidden !important;
  transform:translateY(18px) scale(.96) !important;
  pointer-events:none !important;
  transition:opacity .28s ease, transform .28s ease, visibility .28s ease, background .28s ease !important;
}

.mct-floating-backtop::before{
  content:"↑" !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:24px !important;
  height:24px !important;
  border-radius:50% !important;
  background:rgba(231,198,134,.14) !important;
  color:#f5e7c8 !important;
  font-size:18px !important;
  line-height:1 !important;
}

.mct-floating-backtop.is-visible{
  opacity:1 !important;
  visibility:visible !important;
  transform:translateY(0) scale(1) !important;
  pointer-events:auto !important;
}

.mct-floating-backtop:hover{
  background:rgba(13,38,25,.96) !important;
  transform:translateY(-2px) scale(1.01) !important;
}

@media (max-width:768px){
  .mct-floating-backtop{
    right:14px !important;
    bottom:18px !important;
    min-height:46px !important;
    padding:12px 16px !important;
    font-size:14px !important;
  }
}


/* v90 2026-06-22 Europe/Athens
   Real floating back-to-top implementation.
   Uses an explicit fixed button independent of footer markup.
*/
.mct-backtop-real{
  position:fixed !important;
  right:28px !important;
  bottom:28px !important;
  z-index:2147483000 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  min-height:50px !important;
  padding:13px 22px !important;
  border-radius:999px !important;
  border:1px solid rgba(231,198,134,.42) !important;
  background:rgba(9,29,18,.94) !important;
  color:#e7c686 !important;
  box-shadow:0 20px 54px rgba(0,0,0,.34) !important;
  backdrop-filter:blur(14px) saturate(1.08) !important;
  -webkit-backdrop-filter:blur(14px) saturate(1.08) !important;
  cursor:pointer !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateY(18px) scale(.96) !important;
  transition:opacity .28s ease, transform .28s ease, visibility .28s ease !important;
}

.mct-backtop-real.is-visible{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateY(0) scale(1) !important;
}

.mct-backtop-real span{
  display:grid !important;
  place-items:center !important;
  width:26px !important;
  height:26px !important;
  border-radius:50% !important;
  background:rgba(231,198,134,.15) !important;
  color:#fff4dd !important;
  font-size:19px !important;
  line-height:1 !important;
}

.mct-backtop-real strong{
  font:inherit !important;
  font-weight:800 !important;
  white-space:nowrap !important;
}

.mct-backtop-real:hover{
  transform:translateY(-2px) scale(1.01) !important;
}

/* Hide static footer copy of the same control so the visitor sees only the floating version */
footer a[href="#top"],
.site-footer a[href="#top"],
.footer a[href="#top"],
.mct-floating-backtop:not(.is-visible){
  /* keep existing v89 hidden state harmless */
}

@media (max-width:768px){
  .mct-backtop-real{
    right:14px !important;
    bottom:18px !important;
    min-height:46px !important;
    padding:12px 15px !important;
    font-size:14px !important;
  }
}


/* v91 2026-06-22 Europe/Athens
   Mobile back-to-top compact fix.
   Problem: floating back-to-top collided with the sticky mobile CTA
   and displayed two arrow symbols.
   Fix: on mobile it becomes a compact single-arrow floating button
   above the sticky CTA.
*/
@media (max-width:768px){
  .mct-backtop-real{
    right:16px !important;
    bottom:86px !important;
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    min-height:46px !important;
    max-width:46px !important;
    max-height:46px !important;
    padding:0 !important;
    border-radius:50% !important;
    gap:0 !important;
  }

  .mct-backtop-real span{
    width:100% !important;
    height:100% !important;
    background:transparent !important;
    font-size:22px !important;
  }

  .mct-backtop-real strong{
    display:none !important;
  }

  .mct-backtop-real::before,
  .mct-backtop-real::after{
    content:none !important;
    display:none !important;
  }
}

@media (max-width:430px){
  .mct-backtop-real{
    right:14px !important;
    bottom:82px !important;
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
    max-width:44px !important;
    max-height:44px !important;
  }

  .mct-backtop-real span{
    font-size:21px !important;
  }
}


/* v92 2026-06-22 Europe/Athens
   Hide/remove the old static "Επιστροφή στην αρχή" footer/header link.
   The only visible back-to-top control should be .mct-backtop-real.
*/
a:not(.mct-backtop-real)[href="#top"],
a:not(.mct-backtop-real)[href="#"],
button:not(.mct-backtop-real){
}

/* Target old static back-to-top controls by common footer/topbar containers */
footer a[href="#top"],
.site-footer a[href="#top"],
.footer a[href="#top"],
.footer-backtop,
.back-to-top:not(.mct-backtop-real),
.backtop:not(.mct-backtop-real),
.return-top:not(.mct-backtop-real),
.to-top:not(.mct-backtop-real){
  display:none !important;
}

/* If the old control is a plain link/button containing this exact text,
   the v92 script below adds .mct-static-backtop-old to hide it. */
.mct-static-backtop-old{
  display:none !important;
}


/* v94 2026-06-22 Europe/Athens
   Premium footer/back-to-top cleanup.
   The old static "Επιστροφή στην αρχή" footer control was removed from HTML.
   Only one floating arrow remains, visible after scroll.
*/
.mct-backtop-real{
  position:fixed !important;
  right:28px !important;
  bottom:28px !important;
  z-index:2147483000 !important;
  display:grid !important;
  place-items:center !important;
  width:52px !important;
  height:52px !important;
  min-width:52px !important;
  min-height:52px !important;
  padding:0 !important;
  border-radius:50% !important;
  border:1px solid rgba(231,198,134,.46) !important;
  background:rgba(9,29,18,.92) !important;
  color:#fff4dd !important;
  box-shadow:0 20px 54px rgba(0,0,0,.34) !important;
  backdrop-filter:blur(14px) saturate(1.08) !important;
  -webkit-backdrop-filter:blur(14px) saturate(1.08) !important;
  cursor:pointer !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateY(14px) scale(.96) !important;
  transition:opacity .28s ease, transform .28s ease, visibility .28s ease, border-color .28s ease !important;
}

.mct-backtop-real.is-visible{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateY(0) scale(1) !important;
}

.mct-backtop-real span{
  display:block !important;
  font-size:23px !important;
  line-height:1 !important;
  color:#fff4dd !important;
}

.mct-backtop-real:hover{
  transform:translateY(-2px) scale(1.02) !important;
  border-color:rgba(231,198,134,.72) !important;
}

/* Safety: hide any remaining old static text if it exists in cached/legacy footer markup */
.mct-static-backtop-old,
.footer-backtop,
.footer-backtop-text,
.back-to-top:not(.mct-backtop-real),
.backtop:not(.mct-backtop-real),
.return-top:not(.mct-backtop-real),
.to-top:not(.mct-backtop-real),
footer a[href="#top"],
.site-footer a[href="#top"],
.footer a[href="#top"]{
  display:none !important;
}

@media (max-width:768px){
  .mct-backtop-real{
    right:14px !important;
    bottom:82px !important;
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
  }

  .mct-backtop-real span{
    font-size:21px !important;
  }
}


/* v95 2026-06-22 Europe/Athens
   Premium back-to-top visual refinement.
   Cleaner hotel-style floating control: glass, subtle gold ring, single elegant arrow.
*/
.mct-backtop-real{
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  min-height:48px !important;
  right:30px !important;
  bottom:30px !important;
  border-radius:50% !important;
  border:1px solid rgba(214,176,105,.62) !important;
  background:
    radial-gradient(circle at 38% 28%, rgba(255,244,221,.12), rgba(255,244,221,0) 42%),
    linear-gradient(145deg, rgba(15,39,25,.94), rgba(6,23,15,.98)) !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 0 0 1px rgba(255,244,221,.04) !important;
}

.mct-backtop-real span{
  font-size:0 !important;
  width:18px !important;
  height:18px !important;
  position:relative !important;
}

.mct-backtop-real span::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:48% !important;
  width:11px !important;
  height:11px !important;
  border-left:2px solid #f5dc9c !important;
  border-top:2px solid #f5dc9c !important;
  transform:translate(-50%,-50%) rotate(45deg) !important;
  border-radius:1px !important;
}

.mct-backtop-real span::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:2px !important;
  height:18px !important;
  background:#f5dc9c !important;
  transform:translateX(-50%) !important;
  border-radius:999px !important;
}

.mct-backtop-real:hover{
  border-color:rgba(245,220,156,.9) !important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.38),
    0 0 0 6px rgba(214,176,105,.08),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
}

@media (max-width:768px){
  .mct-backtop-real{
    right:16px !important;
    bottom:86px !important;
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    min-height:42px !important;
  }

  .mct-backtop-real span{
    width:16px !important;
    height:16px !important;
  }

  .mct-backtop-real span::before{
    width:10px !important;
    height:10px !important;
  }

  .mct-backtop-real span::after{
    height:16px !important;
  }
}


/* v96 2026-06-22 Europe/Athens
   Desktop back-to-top cleanup.
   The desktop version must also be premium: icon-only, no text label next to it.
*/
.mct-backtop-real{
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  min-height:48px !important;
  padding:0 !important;
  gap:0 !important;
  border-radius:50% !important;
}

.mct-backtop-real strong{
  display:none !important;
  visibility:hidden !important;
  width:0 !important;
  height:0 !important;
  overflow:hidden !important;
}

.mct-backtop-real span{
  margin:0 !important;
}

/* Safety for old converted text label from previous versions */
.mct-floating-backtop strong,
.mct-floating-backtop:not(.mct-backtop-real){
  display:none !important;
}


/* v97 2026-06-22 Europe/Athens
   Remove remaining visible footer "Επιστροφή στην αρχή" text.
   The footer should show location + logo only. Back-to-top remains only as the floating arrow.
*/
.site-footer,
.footer,
footer{
  position:relative !important;
}

.site-footer .mct-backtop-real,
.footer .mct-backtop-real,
footer .mct-backtop-real{
  position:fixed !important;
}

/* Defensive hiding for legacy static footer backtop text containers */
.footer-return-top,
.footer-backtop,
.footer-backtop-text,
.footer-top-link,
.backtop-label,
.back-to-top-label,
.return-to-top-label,
a.footer-link[href="#top"],
a[href="#top"]:not(.mct-backtop-real),
button:not(.mct-backtop-real)[data-backtop],
button:not(.mct-backtop-real)[aria-label="Επιστροφή στην αρχή"]{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  width:0 !important;
  height:0 !important;
  overflow:hidden !important;
}


/* v99 2026-06-22 Europe/Athens
   Premium photo restoration.
   Fixes the regression where seasonal cards and legacy video cards looked empty/dark.
   Restores visible photos while keeping readable premium overlays.
*/

/* Footer identity: keep MyCyberTeam, remove only the old static back-to-top text */
.footer .footer-inner{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:24px !important;
}

.footer-location{
  color:#f5ead7 !important;
}

.designer-credit{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  color:rgba(245,234,215,.72) !important;
  font-size:13px !important;
  line-height:1.2 !important;
}

.designer-credit a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-decoration:none !important;
}

.designer-credit img{
  display:block !important;
  height:36px !important;
  max-width:180px !important;
  object-fit:contain !important;
  filter:brightness(1.08) contrast(1.05) !important;
}

/* Seasons: photos must be visible, not buried under glass/blur */
.seasons-section .season-card{
  background-color:#10251c !important;
  background-size:cover !important;
  background-position:center !important;
  isolation:isolate !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.seasons-section .season-card.spring{background-image:url('../images/rooms/pileas.png') !important;}
.seasons-section .season-card.summer{background-image:url('../images/mansion-12.jpg') !important;}
.seasons-section .season-card.autumn{background-image:url('../images/mansion-14.jpg') !important;}
.seasons-section .season-card.winter{background-image:url('../images/mansion-01.jpg') !important;}

.seasons-section .season-card img{
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  object-fit:cover !important;
  opacity:1 !important;
  visibility:visible !important;
  z-index:0 !important;
  filter:saturate(1.12) contrast(1.06) brightness(1.02) !important;
  transform:scale(1.01) !important;
}

.seasons-section .season-card::after{
  z-index:1 !important;
  background:
    linear-gradient(180deg, rgba(6,18,12,.04) 0%, rgba(6,18,12,.18) 42%, rgba(6,18,12,.72) 100%),
    linear-gradient(90deg, rgba(6,18,12,.28) 0%, rgba(6,18,12,.08) 55%, rgba(6,18,12,.18) 100%) !important;
}

.seasons-section .season-body{
  z-index:2 !important;
}

/* Legacy video cards: restore thumbnails with local fallback backgrounds */
.legacy-video-open{
  background-color:#10251c !important;
  background-size:cover !important;
  background-position:center !important;
  isolation:isolate !important;
}

.legacy-video-card:nth-child(1) .legacy-video-open{background-image:url('../images/mansion-15.jpg') !important;}
.legacy-video-card:nth-child(2) .legacy-video-open{background-image:url('../images/seasons-premium-mural-v46.jpg') !important;}
.legacy-video-card:nth-child(3) .legacy-video-open{background-image:url('../images/mansion-12.jpg') !important;}
.legacy-video-card:nth-child(4) .legacy-video-open{background-image:url('../images/mansion-01.jpg') !important;}

.legacy-video-open img,
.legacy-video-card:first-child .legacy-video-open img,
.legacy-video-card:not(:first-child) .legacy-video-open img{
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  opacity:1 !important;
  visibility:visible !important;
  z-index:0 !important;
  filter:saturate(1.08) contrast(1.04) brightness(1.02) !important;
  transform:scale(1.01) !important;
}

.legacy-video-open::after{
  z-index:1 !important;
  background:
    linear-gradient(180deg, rgba(6,18,12,.02) 0%, rgba(6,18,12,.12) 52%, rgba(6,18,12,.48) 100%),
    linear-gradient(90deg, rgba(6,18,12,.10) 0%, rgba(6,18,12,.05) 60%, rgba(6,18,12,.20) 100%) !important;
}

.legacy-video-play{
  z-index:3 !important;
}

/* Keep the premium floating arrow only */
.mct-backtop-real{
  position:fixed !important;
  right:30px !important;
  bottom:30px !important;
  z-index:2147483000 !important;
  display:grid !important;
  place-items:center !important;
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  min-height:48px !important;
  padding:0 !important;
  border-radius:50% !important;
  border:1px solid rgba(214,176,105,.62) !important;
  background:radial-gradient(circle at 38% 28%, rgba(255,244,221,.12), rgba(255,244,221,0) 42%), linear-gradient(145deg, rgba(15,39,25,.94), rgba(6,23,15,.98)) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.08), inset 0 0 0 1px rgba(255,244,221,.04) !important;
  cursor:pointer !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateY(14px) scale(.96) !important;
  transition:opacity .28s ease, transform .28s ease, visibility .28s ease, border-color .28s ease !important;
}

.mct-backtop-real.is-visible{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateY(0) scale(1) !important;
}

.mct-backtop-real span{
  font-size:0 !important;
  width:18px !important;
  height:18px !important;
  position:relative !important;
}

.mct-backtop-real span::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:48% !important;
  width:11px !important;
  height:11px !important;
  border-left:2px solid #f5dc9c !important;
  border-top:2px solid #f5dc9c !important;
  transform:translate(-50%,-50%) rotate(45deg) !important;
  border-radius:1px !important;
}

.mct-backtop-real span::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:2px !important;
  height:18px !important;
  background:#f5dc9c !important;
  transform:translateX(-50%) !important;
  border-radius:999px !important;
}

footer a[href="#top"],
.site-footer a[href="#top"],
.footer a[href="#top"],
.footer-backtop,
.back-to-top:not(.mct-backtop-real),
.backtop:not(.mct-backtop-real),
.return-top:not(.mct-backtop-real),
.to-top:not(.mct-backtop-real){
  display:none !important;
}

@media(max-width:768px){
  .footer .footer-inner{
    flex-direction:column !important;
    justify-content:center !important;
    text-align:center !important;
  }

  .designer-credit{
    flex-direction:column !important;
    gap:8px !important;
  }

  .designer-credit img{
    height:32px !important;
  }

  .mct-backtop-real{
    right:16px !important;
    bottom:86px !important;
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    min-height:42px !important;
  }

  .legacy-video-open,
  .legacy-video-open img,
  .legacy-video-card:first-child .legacy-video-open,
  .legacy-video-card:first-child .legacy-video-open img,
  .legacy-video-card:not(:first-child) .legacy-video-open,
  .legacy-video-card:not(:first-child) .legacy-video-open img{
    height:190px !important;
    min-height:190px !important;
  }
}


/* v100 2026-06-22 Europe/Athens
   Premium location experience section.
   Restores the section as a balanced boutique hotel split layout with strong visual,
   guest-facing copy, and three decision cards.
*/
.mct-location-experience{
  position:relative !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 78% 20%, rgba(218,183,112,.16), rgba(218,183,112,0) 34%),
    radial-gradient(circle at 8% 82%, rgba(245,234,215,.08), rgba(245,234,215,0) 32%),
    linear-gradient(135deg, #07170f 0%, #10271a 48%, #06130d 100%) !important;
  color:#f5ead7 !important;
  padding:clamp(72px,8vw,128px) 0 !important;
}

.mct-location-experience::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(90deg, rgba(7,23,15,.92) 0%, rgba(7,23,15,.68) 38%, rgba(7,23,15,.26) 100%),
    radial-gradient(circle at 58% 50%, rgba(255,255,255,.06), rgba(255,255,255,0) 34%) !important;
  z-index:0 !important;
}

.mct-location-shell{
  position:relative !important;
  z-index:1 !important;
  display:grid !important;
  grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr) !important;
  gap:clamp(28px,5vw,72px) !important;
  align-items:center !important;
}

.mct-location-copy{
  position:relative !important;
  padding:clamp(26px,4vw,48px) !important;
  border-radius:34px !important;
  background:linear-gradient(145deg, rgba(14,35,23,.82), rgba(8,24,16,.62)) !important;
  border:1px solid rgba(225,190,128,.24) !important;
  box-shadow:
    0 32px 90px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
  backdrop-filter:blur(18px) saturate(1.08) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.08) !important;
}

.mct-location-copy .eyebrow{
  color:#d7b36e !important;
  font-weight:800 !important;
  letter-spacing:.18em !important;
}

.mct-location-copy h2{
  margin:.34em 0 .34em !important;
  color:#fff3dc !important;
  font-size:clamp(42px,6vw,82px) !important;
  line-height:.92 !important;
  letter-spacing:-.055em !important;
}

.mct-location-copy p{
  max-width:58ch !important;
  color:rgba(245,234,215,.84) !important;
  font-size:clamp(17px,1.35vw,21px) !important;
  line-height:1.68 !important;
  margin:0 0 28px !important;
}

.mct-location-visual{
  position:relative !important;
  min-height:clamp(430px,54vw,660px) !important;
  border-radius:40px !important;
  overflow:hidden !important;
  border:1px solid rgba(225,190,128,.24) !important;
  box-shadow:
    0 38px 110px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.1) !important;
  isolation:isolate !important;
}

.mct-location-visual img{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  filter:saturate(1.08) contrast(1.04) brightness(.95) !important;
  transform:scale(1.015) !important;
  z-index:0 !important;
}

.mct-location-visual::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:
    linear-gradient(180deg, rgba(6,18,12,.02) 0%, rgba(6,18,12,.18) 48%, rgba(6,18,12,.66) 100%),
    radial-gradient(circle at 72% 24%, rgba(245,220,156,.18), rgba(245,220,156,0) 34%) !important;
  pointer-events:none !important;
}

.mct-location-badges{
  position:absolute !important;
  left:24px !important;
  right:24px !important;
  bottom:24px !important;
  z-index:2 !important;
  display:flex !important;
  gap:12px !important;
  flex-wrap:wrap !important;
}

.mct-location-badges span{
  display:inline-flex !important;
  align-items:center !important;
  min-height:42px !important;
  padding:10px 16px !important;
  border-radius:999px !important;
  background:rgba(9,29,18,.72) !important;
  border:1px solid rgba(245,220,156,.34) !important;
  color:#fff1d4 !important;
  font-weight:800 !important;
  box-shadow:0 12px 34px rgba(0,0,0,.26) !important;
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
}

.mct-location-benefits{
  grid-column:1 / -1 !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
  margin-top:clamp(12px,2.2vw,26px) !important;
}

.mct-location-benefits article{
  position:relative !important;
  padding:26px !important;
  border-radius:28px !important;
  background:linear-gradient(145deg, rgba(245,234,215,.09), rgba(245,234,215,.045)) !important;
  border:1px solid rgba(245,220,156,.18) !important;
  box-shadow:0 24px 72px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.07) !important;
  backdrop-filter:blur(16px) !important;
  -webkit-backdrop-filter:blur(16px) !important;
}

.mct-location-benefits article span{
  display:inline-flex !important;
  color:#d7b36e !important;
  font-weight:900 !important;
  letter-spacing:.14em !important;
  margin-bottom:14px !important;
}

.mct-location-benefits article h3{
  margin:0 0 10px !important;
  color:#fff1d4 !important;
  font-size:clamp(22px,2.2vw,31px) !important;
  line-height:1.05 !important;
}

.mct-location-benefits article p{
  margin:0 !important;
  color:rgba(245,234,215,.78) !important;
  line-height:1.62 !important;
}

@media(max-width:920px){
  .mct-location-shell{
    grid-template-columns:1fr !important;
  }

  .mct-location-copy{
    order:1 !important;
  }

  .mct-location-visual{
    order:2 !important;
    min-height:380px !important;
  }

  .mct-location-benefits{
    order:3 !important;
    grid-template-columns:1fr !important;
  }
}

@media(max-width:560px){
  .mct-location-experience{
    padding:64px 0 !important;
  }

  .mct-location-copy{
    border-radius:28px !important;
    padding:24px !important;
  }

  .mct-location-copy h2{
    font-size:clamp(38px,12vw,54px) !important;
  }

  .mct-location-visual{
    min-height:330px !important;
    border-radius:30px !important;
  }

  .mct-location-badges{
    left:16px !important;
    right:16px !important;
    bottom:16px !important;
  }

  .mct-location-badges span{
    min-height:38px !important;
    padding:9px 13px !important;
    font-size:14px !important;
  }

  .mct-location-benefits article{
    padding:22px !important;
    border-radius:24px !important;
  }
}


/* v101 2026-06-22 Europe/Athens
   Reliable premium room lightbox visuals.
   The image must dominate, no page controls above the gallery, no cloned overlays.
*/
html.mct-room-lightbox-open,
body.mct-room-lightbox-open{
  overflow:hidden !important;
}

body.mct-room-lightbox-open .mct-backtop-real,
body.mct-room-lightbox-open .sticky-cta,
body.mct-room-lightbox-open .mobile-sticky-cta,
body.mct-room-lightbox-open .sticky-actions{
  display:none !important;
}

.mct-room-lightbox{
  position:fixed !important;
  inset:0 !important;
  z-index:2147483600 !important;
  display:grid !important;
  grid-template-rows:auto 1fr auto !important;
  background:
    radial-gradient(circle at 50% 44%, rgba(255,244,221,.04), rgba(255,244,221,0) 32%),
    rgba(3,10,7,.97) !important;
  color:#fff8ec !important;
  overflow:hidden !important;
}

.mct-room-lightbox-top{
  position:relative !important;
  z-index:5 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:20px !important;
  padding:18px 24px !important;
  background:linear-gradient(180deg, rgba(0,0,0,.62), rgba(0,0,0,0)) !important;
}

.mct-room-lightbox-title{
  display:grid !important;
  gap:4px !important;
}

.mct-room-lightbox-title strong{
  color:#fff8ec !important;
  font-family:Georgia,serif !important;
  font-size:clamp(28px,3vw,46px) !important;
  line-height:1 !important;
}

.mct-room-lightbox-title span{
  color:#e3c07a !important;
  font-weight:900 !important;
  font-size:14px !important;
}

.mct-room-lightbox-close{
  display:grid !important;
  place-items:center !important;
  width:62px !important;
  height:62px !important;
  border-radius:50% !important;
  border:1px solid rgba(245,220,156,.38) !important;
  background:rgba(20,32,24,.70) !important;
  color:#fff8ec !important;
  font-size:44px !important;
  line-height:1 !important;
  cursor:pointer !important;
  box-shadow:0 18px 44px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.08) !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
}

.mct-room-lightbox-figure{
  position:relative !important;
  z-index:1 !important;
  display:grid !important;
  place-items:center !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:clamp(14px,2vw,26px) clamp(74px,7vw,110px) !important;
  overflow:hidden !important;
}

.mct-room-lightbox-figure img{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:calc(100vh - 184px) !important;
  object-fit:contain !important;
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
  transition:opacity .16s ease !important;
  box-shadow:0 28px 90px rgba(0,0,0,.36) !important;
  border-radius:18px !important;
}

.mct-room-lightbox-figure figcaption{
  position:absolute !important;
  left:50% !important;
  bottom:clamp(24px,4vh,44px) !important;
  transform:translateX(-50%) !important;
  z-index:3 !important;
  max-width:min(860px,calc(100% - 42px)) !important;
  padding:10px 16px !important;
  border-radius:999px !important;
  background:rgba(10,27,18,.72) !important;
  color:#fff8ec !important;
  border:1px solid rgba(245,220,156,.18) !important;
  font-weight:850 !important;
  text-align:center !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
}

.mct-room-lightbox-nav{
  position:absolute !important;
  top:50% !important;
  z-index:6 !important;
  display:grid !important;
  place-items:center !important;
  width:58px !important;
  height:58px !important;
  border-radius:50% !important;
  border:1px solid rgba(245,220,156,.38) !important;
  background:rgba(20,32,24,.66) !important;
  color:#fff8ec !important;
  font-size:48px !important;
  line-height:1 !important;
  cursor:pointer !important;
  box-shadow:0 18px 44px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.08) !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
  transform:translateY(-50%) !important;
}

.mct-room-lightbox-prev{
  left:24px !important;
}

.mct-room-lightbox-next{
  right:24px !important;
}

.mct-room-lightbox-bottom{
  position:relative !important;
  z-index:5 !important;
  display:grid !important;
  gap:10px !important;
  padding:12px 24px 18px !important;
  background:linear-gradient(0deg, rgba(0,0,0,.56), rgba(0,0,0,0)) !important;
}

.mct-room-lightbox-count{
  display:block !important;
  text-align:center !important;
  color:#e3c07a !important;
  font-weight:950 !important;
  font-size:18px !important;
}

.mct-room-lightbox-progress{
  height:3px !important;
  border-radius:999px !important;
  overflow:hidden !important;
  background:rgba(255,255,255,.16) !important;
}

.mct-room-lightbox-progress span{
  display:block !important;
  width:0;
  height:100% !important;
  background:#e3c07a !important;
  transition:width .22s ease !important;
}

@media(max-width:768px){
  .mct-room-lightbox-top{
    padding:14px 14px !important;
  }

  .mct-room-lightbox-title strong{
    font-size:30px !important;
  }

  .mct-room-lightbox-title span{
    font-size:12px !important;
  }

  .mct-room-lightbox-close{
    width:48px !important;
    height:48px !important;
    font-size:34px !important;
  }

  .mct-room-lightbox-figure{
    padding:10px 12px 56px !important;
  }

  .mct-room-lightbox-figure img{
    max-height:calc(100vh - 190px) !important;
    border-radius:14px !important;
  }

  .mct-room-lightbox-nav{
    width:46px !important;
    height:46px !important;
    font-size:36px !important;
  }

  .mct-room-lightbox-prev{
    left:10px !important;
  }

  .mct-room-lightbox-next{
    right:10px !important;
  }

  .mct-room-lightbox-figure figcaption{
    bottom:14px !important;
    max-width:calc(100% - 28px) !important;
    border-radius:18px !important;
    font-size:13px !important;
    line-height:1.25 !important;
  }
}


/* v102 2026-06-22 Europe/Athens
   Lightbox cleanup and unified trigger styling.
   The legacy .room-lightbox is disabled so only .mct-room-lightbox can appear.
*/
.room-lightbox,
.room-lightbox.is-open{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

.room-cover-quick{
  pointer-events:auto !important;
}

.room-cover-quick .room-gallery-open.room-play-trigger.gallery-open{
  position:absolute !important;
  top:50% !important;
  right:20px !important;
  transform:translateY(-50%) !important;
  display:grid !important;
  place-items:center !important;
  width:64px !important;
  height:64px !important;
  min-width:64px !important;
  min-height:64px !important;
  max-width:64px !important;
  max-height:64px !important;
  border-radius:50% !important;
  overflow:hidden !important;
  z-index:220 !important;
  pointer-events:auto !important;
  cursor:pointer !important;
  border:1px solid rgba(245,220,156,.34) !important;
  background:
    radial-gradient(circle at 40% 30%, rgba(255,248,236,.16), rgba(255,248,236,0) 45%),
    rgba(10,27,18,.68) !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.28),
    inset 0 0 0 8px rgba(245,220,156,.10),
    inset 0 0 0 15px rgba(245,220,156,.08) !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
  text-indent:0 !important;
  font-size:0 !important;
  line-height:0 !important;
}

.room-cover-quick .room-gallery-open.room-play-trigger.gallery-open::before,
.room-cover-quick .room-gallery-open.room-play-trigger.gallery-open::after{
  content:none !important;
  display:none !important;
}

.room-cover-quick .room-gallery-open.room-play-trigger.gallery-open .room-play-core{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:auto !important;
  height:auto !important;
  max-width:none !important;
  max-height:none !important;
  overflow:visible !important;
  color:#fff8ec !important;
  font-size:28px !important;
  line-height:1 !important;
  transform:translateX(2px) !important;
  text-shadow:0 8px 22px rgba(0,0,0,.42) !important;
}

@media(max-width:430px){
  .room-cover-quick .room-gallery-open.room-play-trigger.gallery-open{
    right:18px !important;
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
    min-height:58px !important;
    max-width:58px !important;
    max-height:58px !important;
  }

  .room-cover-quick .room-gallery-open.room-play-trigger.gallery-open .room-play-core{
    font-size:25px !important;
  }
}


/* v103 2026-06-22 Europe/Athens
   Simple premium contact form.
   Goal: easier booking intent, readable fields, human wording, premium spacing.
*/
.contact-panel-premium{
  align-items:stretch !important;
  gap:clamp(28px,5vw,72px) !important;
}

.premium-contact-form{
  display:grid !important;
  gap:16px !important;
  padding:clamp(22px,3vw,36px) !important;
  border-radius:34px !important;
  background:
    radial-gradient(circle at 80% 0%, rgba(231,198,134,.12), rgba(231,198,134,0) 34%),
    linear-gradient(145deg, rgba(245,234,215,.085), rgba(245,234,215,.035)) !important;
  border:1px solid rgba(245,220,156,.22) !important;
  box-shadow:
    0 28px 80px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.07) !important;
  backdrop-filter:blur(16px) saturate(1.08) !important;
  -webkit-backdrop-filter:blur(16px) saturate(1.08) !important;
}

.premium-contact-form .form-row{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:14px !important;
}

.premium-contact-form label{
  display:grid !important;
  gap:8px !important;
  margin:0 !important;
}

.premium-contact-form label span{
  color:#e7c686 !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

.premium-contact-form input,
.premium-contact-form select,
.premium-contact-form textarea{
  width:100% !important;
  min-height:56px !important;
  box-sizing:border-box !important;
  padding:15px 16px !important;
  border-radius:18px !important;
  border:1px solid rgba(245,234,215,.22) !important;
  background:rgba(255,248,236,.08) !important;
  color:#fff8ec !important;
  font:inherit !important;
  outline:none !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
  transition:border-color .2s ease, background .2s ease, box-shadow .2s ease !important;
}

.premium-contact-form input::placeholder,
.premium-contact-form textarea::placeholder{
  color:rgba(255,248,236,.46) !important;
}

.premium-contact-form select{
  appearance:auto !important;
}

.premium-contact-form select option{
  color:#10251c !important;
  background:#fff8ec !important;
}

.premium-contact-form textarea{
  min-height:116px !important;
  resize:vertical !important;
}

.premium-contact-form input:focus,
.premium-contact-form select:focus,
.premium-contact-form textarea:focus{
  border-color:rgba(231,198,134,.72) !important;
  background:rgba(255,248,236,.12) !important;
  box-shadow:0 0 0 4px rgba(231,198,134,.10), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.premium-submit{
  width:100% !important;
  min-height:64px !important;
  border-radius:999px !important;
  margin-top:4px !important;
  font-weight:950 !important;
}

.form-note{
  margin:0 !important;
  color:rgba(245,234,215,.56) !important;
  font-size:13px !important;
  line-height:1.45 !important;
  text-align:center !important;
}

@media(max-width:820px){
  .premium-contact-form .form-row{
    grid-template-columns:1fr !important;
  }

  .premium-contact-form{
    border-radius:28px !important;
    padding:22px !important;
  }

  .premium-contact-form input,
  .premium-contact-form select,
  .premium-contact-form textarea{
    min-height:54px !important;
    border-radius:16px !important;
  }

  .premium-submit{
    min-height:58px !important;
  }
}


/* v104 footer logo safety spacing: keep floating back-to-top above MyCyberTeam credit */
.mct-backtop-real{
  bottom:96px !important;
}

@media(max-width:768px){
  .mct-backtop-real{
    bottom:118px !important;
  }
}

/* v106 hero background slideshow
   2026-06-22 12:48 Europe/Athens
   Scope: hero background only. Three selected photos crossfade without changing layout/text.
*/
.hero-slideshow{
  z-index:0;
  background:#101a13;
}
.hero-slideshow .hero-slide{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  filter:saturate(.96) contrast(1.04);
  transform:scale(1);
  animation:heroCrossFadeV106 18s infinite ease-in-out;
  will-change:opacity,transform;
}
.hero-slideshow .hero-slide-1{animation-delay:0s;opacity:1;}
.hero-slideshow .hero-slide-2{animation-delay:6s;}
.hero-slideshow .hero-slide-3{animation-delay:12s;}
@keyframes heroCrossFadeV106{
  0%{opacity:0;transform:scale(1);}
  16.666%{opacity:1;}
  50%{opacity:1;}
  66.666%{opacity:0;transform:scale(1.08);}
  100%{opacity:0;transform:scale(1.08);}
}
@media (prefers-reduced-motion:reduce){
  .hero-slideshow .hero-slide{animation:none;opacity:0;transform:none;}
  .hero-slideshow .hero-slide-1{opacity:1;}
}