:root{--black:#050505;--gold:#c89b45;--gold-light:#e5c37c;--white:#f4efe6;--muted:#aaa49a;--line:rgba(200,155,69,.28);--side:clamp(24px,5vw,78px)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#050505;color:var(--white);font-family:"Segoe UI",Arial,sans-serif;line-height:1.7}a{text-decoration:none;color:inherit}em{font-style:normal;color:var(--gold-light)}
.site-header{height:78px;position:fixed;inset:0 0 auto;z-index:100;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:42px;padding:0 var(--side);transition:.3s ease}.site-header.scrolled{height:66px;background:rgba(4,4,4,.94);border-bottom:1px solid rgba(200,155,69,.14);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}
.brand-copy{display:grid;font-family:Georgia,serif;line-height:1}.brand-copy strong{font-size:.95rem;letter-spacing:.14em;font-weight:500}.brand-copy em{font-size:1.02rem;letter-spacing:.14em;margin-top:6px}.main-nav{display:flex;justify-content:center;gap:clamp(18px,3vw,40px);align-items:center}.main-nav>a,.dropdown-toggle{font-size:.81rem;letter-spacing:.1em;font-weight:700;color:#d8d3ca}.header-book{min-height:38px;display:flex;align-items:center;padding:0 22px;border:1px solid var(--line);font-size:.80rem;font-weight:800}.menu-toggle{display:none}
.nav-dropdown{position:relative}.dropdown-toggle{display:inline-flex;align-items:center;gap:7px}.dropdown-toggle::after{content:"⌄";color:var(--gold-light)}.dropdown-menu{position:absolute;top:calc(100% + 18px);left:50%;transform:translateX(-50%) translateY(8px);min-width:270px;padding:10px;display:grid;gap:4px;opacity:0;visibility:hidden;pointer-events:none;background:rgba(6,6,6,.98);border:1px solid var(--line);box-shadow:0 22px 55px rgba(0,0,0,.4);transition:.2s ease}.nav-dropdown:hover .dropdown-menu,.nav-dropdown.open .dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.dropdown-menu a{padding:11px 13px;color:#d8d3ca;font-size:.80rem;white-space:nowrap}.dropdown-menu a:hover{color:var(--gold-light);background:rgba(200,155,69,.08)}
.unit-hero{min-height:86vh;position:relative;display:grid;align-items:end;overflow:hidden}.unit-photo,.unit-overlay{position:absolute;inset:0}.unit-photo{background:#161616 center/cover no-repeat}.unit-overlay{background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.72))}.unit-copy{position:relative;z-index:2;padding:140px var(--side) 75px;max-width:950px}.eyebrow{color:var(--gold);font-size:.82rem;letter-spacing:.2em;font-weight:800}.unit-copy h1{margin-top:12px;font-family:Georgia,serif;font-size:clamp(3.5rem,8vw,7.4rem);font-weight:400;line-height:.92}.unit-copy p{max-width:700px;margin-top:22px;color:#d2cbc0}.outline-btn{display:inline-flex;min-height:48px;align-items:center;margin-top:28px;padding:0 24px;border:1px solid var(--line);color:var(--gold-light);font-size:.80rem;font-weight:800}
.unit-details{padding:100px var(--side) 120px}.unit-intro span{color:var(--gold);font-size:.79rem;letter-spacing:.18em}.unit-intro h2{margin-top:12px;font-family:Georgia,serif;font-size:clamp(2.8rem,5vw,5rem);font-weight:400}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:55px}.detail-grid article{padding:28px;border-top:1px solid var(--gold);background:linear-gradient(145deg,rgba(200,155,69,.055),rgba(255,255,255,.01))}.detail-grid h3{font-family:Georgia,serif;font-size:1.5rem;font-weight:400;color:var(--gold-light)}.detail-grid ul{list-style:none;display:grid;gap:9px;margin-top:18px;color:var(--muted)}.detail-grid li{position:relative;padding-left:18px}.detail-grid li::before{content:"";position:absolute;left:0;top:.7em;width:7px;height:1px;background:var(--gold)}
footer{min-height:85px;padding:0 var(--side);display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(200,155,69,.12);color:#77736d;font-size:.85rem;letter-spacing:.1em}
@media(max-width:850px){.site-header{grid-template-columns:1fr auto}.header-book{display:none}.menu-toggle{display:grid;width:44px;height:44px;border:1px solid var(--line);background:#080808;place-content:center;gap:6px}.menu-toggle span{width:18px;height:1px;background:var(--gold-light)}.main-nav{position:fixed;top:70px;left:18px;right:18px;display:none;flex-direction:column;align-items:flex-start;padding:22px;background:rgba(5,5,5,.98);border:1px solid var(--line)}.main-nav.open{display:flex}.nav-dropdown{width:100%}.dropdown-toggle{width:100%;justify-content:space-between}.dropdown-menu{position:static;transform:none!important;min-width:0;width:100%;margin-top:8px;opacity:1;visibility:visible;pointer-events:auto;display:none;box-shadow:none;background:#0a0a0a}.nav-dropdown.open .dropdown-menu{display:grid}.nav-dropdown:hover .dropdown-menu{display:none}.nav-dropdown.open:hover .dropdown-menu{display:grid}.detail-grid{grid-template-columns:1fr}}

.unit-gallery-section{padding:100px var(--side) 120px;border-top:1px solid rgba(200,155,69,.16);background:linear-gradient(180deg,#070707,#040404)}
.unit-gallery-heading{max-width:760px;margin-bottom:45px}
.unit-gallery-heading>span{color:var(--gold);font-size:.80rem;letter-spacing:.18em}
.unit-gallery-heading h2{margin-top:10px;font-family:Georgia,serif;font-size:clamp(2.6rem,5vw,5rem);font-weight:400}
.unit-gallery-heading p{margin-top:13px;color:var(--muted)}
.unit-gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}
.unit-gallery-item{position:relative;min-height:280px;grid-column:span 4;overflow:hidden;background:#0c0c0c center/cover no-repeat;border:1px solid rgba(200,155,69,.17)}
.unit-gallery-item:nth-child(5n+1){grid-column:span 7;min-height:410px}
.unit-gallery-item:nth-child(5n+2){grid-column:span 5;min-height:410px}
.unit-gallery-item:nth-child(5n+3),.unit-gallery-item:nth-child(5n+4),.unit-gallery-item:nth-child(5n+5){grid-column:span 4}
.unit-gallery-item span{position:absolute;left:12px;bottom:10px;padding:6px 9px;color:#e7dfd2;background:rgba(0,0,0,.55);font-size:.80rem}
@media(max-width:800px){.unit-gallery-grid{grid-template-columns:1fr 1fr}.unit-gallery-item,.unit-gallery-item:nth-child(n){grid-column:auto;min-height:260px}}
@media(max-width:520px){.unit-gallery-grid{grid-template-columns:1fr}}


.unit-gallery-grid.layout-grid{
  display:grid;
  grid-template-columns:repeat(var(--gallery-columns,3),minmax(0,1fr));
  gap:var(--gallery-gap,14px);
}
.unit-gallery-grid.layout-grid .unit-gallery-item{
  grid-column:auto!important;
  min-height:300px!important;
  border-radius:var(--gallery-radius,0);
}

.unit-gallery-grid.layout-masonry{
  display:block;
  columns:var(--gallery-columns,3);
  column-gap:var(--gallery-gap,14px);
}
.unit-gallery-grid.layout-masonry .unit-gallery-item{
  display:block;
  width:100%;
  break-inside:avoid;
  margin:0 0 var(--gallery-gap,14px);
  min-height:0!important;
  aspect-ratio:auto;
  height:auto;
  border-radius:var(--gallery-radius,0);
}
.unit-gallery-grid.layout-masonry .unit-gallery-item img{
  display:block;
  width:100%;
  height:auto;
}

.unit-gallery-grid.layout-collage{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:var(--gallery-gap,14px);
}
.unit-gallery-grid.layout-collage .unit-gallery-item{
  border-radius:var(--gallery-radius,0);
}
.unit-gallery-grid.layout-collage .unit-gallery-item:nth-child(6n+1){grid-column:span 7;min-height:430px}
.unit-gallery-grid.layout-collage .unit-gallery-item:nth-child(6n+2){grid-column:span 5;min-height:430px}
.unit-gallery-grid.layout-collage .unit-gallery-item:nth-child(6n+3){grid-column:span 4;min-height:290px}
.unit-gallery-grid.layout-collage .unit-gallery-item:nth-child(6n+4){grid-column:span 4;min-height:290px}
.unit-gallery-grid.layout-collage .unit-gallery-item:nth-child(6n+5){grid-column:span 4;min-height:290px}
.unit-gallery-grid.layout-collage .unit-gallery-item:nth-child(6n+6){grid-column:span 12;min-height:340px}

.unit-gallery-grid.layout-slider{
  display:flex;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  gap:var(--gallery-gap,14px);
  scrollbar-width:thin;
  scrollbar-color:var(--gold) #111;
}
.unit-gallery-grid.layout-slider .unit-gallery-item{
  flex:0 0 min(900px,88vw);
  min-height:520px!important;
  grid-column:auto!important;
  scroll-snap-align:center;
  border-radius:var(--gallery-radius,0);
}

.unit-gallery-item img{
  width:100%;
  height:100%;
  object-fit:var(--gallery-fit,cover);
  object-position:center;
}
@media(max-width:800px){
  .unit-gallery-grid.layout-grid{grid-template-columns:repeat(2,1fr)}
  .unit-gallery-grid.layout-masonry{columns:2}
  .unit-gallery-grid.layout-collage{grid-template-columns:1fr 1fr}
  .unit-gallery-grid.layout-collage .unit-gallery-item:nth-child(n){grid-column:auto;min-height:260px}
}
@media(max-width:520px){
  .unit-gallery-grid.layout-grid{grid-template-columns:1fr}
  .unit-gallery-grid.layout-masonry{columns:1}
  .unit-gallery-grid.layout-collage{grid-template-columns:1fr}
  .unit-gallery-grid.layout-slider .unit-gallery-item{flex-basis:92vw;min-height:360px!important}
}


.unit-gallery-section.size-small{max-width:980px;margin-inline:auto}
.unit-gallery-section.size-medium{max-width:1280px;margin-inline:auto}
.unit-gallery-section.size-large{max-width:1600px;margin-inline:auto}
.unit-gallery-section.size-full{max-width:none;width:100%}

.unit-gallery-wrap{position:relative}
.gallery-arrow{
  display:none;
  position:absolute;
  top:50%;
  z-index:6;
  width:48px;
  height:48px;
  transform:translateY(-50%);
  border:1px solid rgba(200,155,69,.45);
  border-radius:50%;
  background:rgba(5,5,5,.72);
  color:var(--gold-light);
  font-family:Georgia,serif;
  font-size:2rem;
  line-height:1;
  cursor:pointer;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}
.gallery-prev{left:18px}
.gallery-next{right:18px}
.layout-slider ~ .gallery-arrow{display:grid;place-items:center}
.unit-gallery-wrap.slider-active .gallery-arrow{display:grid;place-items:center}

.gallery-dots{
  display:none;
  justify-content:center;
  gap:8px;
  margin-top:18px;
}
.unit-gallery-wrap.slider-active .gallery-dots{display:flex}
.gallery-dot{
  width:8px;height:8px;border-radius:50%;
  border:1px solid var(--gold);
  background:transparent;
  cursor:pointer;
}
.gallery-dot.active{background:var(--gold)}

.unit-gallery-grid.layout-slider{
  position:relative;
  display:block;
  overflow:hidden;
  min-height:520px;
}
.unit-gallery-grid.layout-slider .unit-gallery-item{
  position:absolute;
  inset:0;
  width:100%;
  min-height:520px!important;
  opacity:0;
  pointer-events:none;
  transform:translateX(0) scale(1);
  transition:opacity .65s ease,transform .65s ease;
}
.unit-gallery-grid.layout-slider .unit-gallery-item.active{
  opacity:1;
  pointer-events:auto;
  z-index:2;
}
.unit-gallery-grid.layout-slider.effect-slide .unit-gallery-item{
  opacity:1;
  transform:translateX(105%);
}
.unit-gallery-grid.layout-slider.effect-slide .unit-gallery-item.active{
  transform:translateX(0);
}
.unit-gallery-grid.layout-slider.effect-slide .unit-gallery-item.prev{
  transform:translateX(-105%);
}
.unit-gallery-grid.layout-slider.effect-zoom .unit-gallery-item{
  transform:scale(1.08);
}
.unit-gallery-grid.layout-slider.effect-zoom .unit-gallery-item.active{
  transform:scale(1);
}
.unit-gallery-grid.layout-slider.effect-none .unit-gallery-item{
  transition:none;
}
@media(max-width:700px){
  .gallery-arrow{width:40px;height:40px;font-size:1.6rem}
  .gallery-prev{left:8px}.gallery-next{right:8px}
  .unit-gallery-grid.layout-slider,
  .unit-gallery-grid.layout-slider .unit-gallery-item{min-height:360px!important}
}


.unit-gallery-item{cursor:zoom-in}

.gallery-lightbox{
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:26px;
  background:rgba(0,0,0,.94);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}
.gallery-lightbox.open{display:flex}
.lightbox-stage{
  position:relative;
  width:min(1400px,88vw);
  height:min(86vh,920px);
  display:grid;
  place-items:center;
}
.lightbox-stage img{
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  -webkit-user-select:none;
  user-select:none;
  box-shadow:0 28px 80px rgba(0,0,0,.5);
}
.lightbox-caption{
  position:absolute;
  left:50%;
  bottom:10px;
  transform:translateX(-50%);
  max-width:min(760px,80vw);
  padding:8px 12px;
  color:#eee6d8;
  background:rgba(5,5,5,.68);
  border:1px solid rgba(200,155,69,.2);
  font-size:.85rem;
  text-align:center;
}
.lightbox-caption:empty{display:none}
.lightbox-close,
.lightbox-arrow{
  position:absolute;
  z-index:2;
  border:1px solid rgba(200,155,69,.4);
  background:rgba(5,5,5,.72);
  color:var(--gold-light);
  cursor:pointer;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}
.lightbox-close{
  right:24px;
  top:20px;
  width:46px;
  height:46px;
  border-radius:50%;
  font-size:2rem;
  line-height:1;
}
.lightbox-arrow{
  top:50%;
  width:54px;
  height:54px;
  transform:translateY(-50%);
  border-radius:50%;
  font-family:Georgia,serif;
  font-size:2.2rem;
}
.lightbox-prev{left:24px}
.lightbox-next{right:24px}
body.lightbox-open{overflow:hidden}

@media(max-width:700px){
  .gallery-lightbox{padding:12px}
  .lightbox-stage{width:94vw;height:82vh}
  .lightbox-arrow{width:42px;height:42px;font-size:1.7rem}
  .lightbox-prev{left:8px}
  .lightbox-next{right:8px}
  .lightbox-close{right:10px;top:10px;width:42px;height:42px}
}

.unit-gallery-wrap{width:var(--gallery-wrap-width,100%);max-width:100%;margin-inline:auto}
.gallery-navigation{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:28px}
.gallery-load-more{display:none;min-height:46px;padding:0 24px;border:1px solid var(--gold);background:#080808;color:var(--gold-light);font-size:.80rem;font-weight:800;letter-spacing:.08em;cursor:pointer}
.gallery-load-more.visible{display:inline-flex;align-items:center}
.gallery-pagination{display:none;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px}
.gallery-pagination.visible{display:flex}
.gallery-page-btn{min-width:38px;height:38px;border:1px solid rgba(200,155,69,.28);background:#0a0a0a;color:#d8d1c5;cursor:pointer}
.gallery-page-btn.active{background:var(--gold);color:#080808}


.hotel-story-section{
  padding:115px var(--side) 130px;
  border-top:1px solid rgba(200,155,69,.18);
  background:
    radial-gradient(circle at 20% 15%,rgba(200,155,69,.05),transparent 28%),
    radial-gradient(circle at 80% 70%,rgba(200,155,69,.04),transparent 24%),
    #060606;
}
.hotel-story-heading{
  width:min(980px,100%);
  margin:0 auto 85px;
  text-align:center;
}
.hotel-story-heading .section-kicker{
  color:var(--gold);
  font-size:.80rem;
  letter-spacing:.2em;
  font-weight:800;
}
.hotel-story-heading h2{
  margin-top:16px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(3rem,5.5vw,5.8rem);
  line-height:.96;
  font-weight:400;
  letter-spacing:-.035em;
}
.hotel-story-heading p{
  max-width:760px;
  margin:25px auto 0;
  color:#aaa49a;
  line-height:1.85;
  font-size:.96rem;
}

.hotel-story-list{
  width:min(1450px,100%);
  margin:auto;
  display:grid;
  gap:110px;
}
.hotel-story-card{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:clamp(45px,6vw,95px);
  align-items:center;
}
.hotel-story-card.reverse .story-photo-shell{order:2}
.hotel-story-card.reverse .story-content{order:1}

.story-photo-shell{
  position:relative;
  min-height:540px;
  padding:11px;
  border:1px solid rgba(200,155,69,.55);
  background:rgba(255,255,255,.01);
  overflow:hidden;
  box-shadow:0 28px 75px rgba(0,0,0,.38);
}
.story-photo-shell::before,
.story-photo-shell::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:3;
}
.story-photo-shell::before{
  inset:20px;
  border:1px solid rgba(229,195,124,.14);
}
.story-photo-shell::after{
  width:58px;height:58px;
  right:-1px;top:-1px;
  border-top:1px solid var(--gold-light);
  border-right:1px solid var(--gold-light);
}
.story-photo{
  position:absolute;
  inset:11px;
  background:#121212 center/cover no-repeat;
  overflow:hidden;
}
#hotelRoomsPhoto{
  background-image:
    linear-gradient(180deg,transparent 55%,rgba(0,0,0,.45)),
    url("/images/hotel-camere.webp"),
    linear-gradient(135deg,#302719,#0d0d0d);
}
#hotelRestaurantPhoto{
  background-image:
    linear-gradient(180deg,transparent 55%,rgba(0,0,0,.45)),
    url("/images/hotel-restaurant.webp"),
    linear-gradient(135deg,#352817,#0c0c0c);
}
#hotelConferencePhoto{
  background-image:
    linear-gradient(180deg,transparent 55%,rgba(0,0,0,.45)),
    url("/images/hotel-conferinte.webp"),
    linear-gradient(135deg,#2b2a25,#0c0c0c);
}

/* Golden moving point around the frame */
.frame-star{
  position:absolute;
  z-index:8;
  width:8px;
  height:8px;
  left:-4px;
  top:-4px;
  border-radius:50%;
  background:#fff0b7;
  box-shadow:
    0 0 7px 2px rgba(255,230,155,.95),
    0 0 18px 6px rgba(200,155,69,.65),
    0 0 34px 12px rgba(200,155,69,.20);
  animation:border-star-run 7s linear infinite;
}
.star-delay{animation-delay:-2.25s}
.star-delay-2{animation-delay:-4.5s}

@keyframes border-star-run{
  0%{left:-4px;top:-4px}
  24.9%{left:calc(100% - 4px);top:-4px}
  25%{left:calc(100% - 4px);top:-4px}
  49.9%{left:calc(100% - 4px);top:calc(100% - 4px)}
  50%{left:calc(100% - 4px);top:calc(100% - 4px)}
  74.9%{left:-4px;top:calc(100% - 4px)}
  75%{left:-4px;top:calc(100% - 4px)}
  100%{left:-4px;top:-4px}
}

.story-content{
  position:relative;
  padding:20px 0;
}
.story-index{
  position:absolute;
  right:0;
  top:-38px;
  color:rgba(200,155,69,.09);
  font-family:Georgia,serif;
  font-size:8rem;
  line-height:1;
  pointer-events:none;
}
.story-eyebrow{
  color:var(--gold);
  font-size:.80rem;
  letter-spacing:.18em;
  font-weight:800;
}
.story-content h3{
  max-width:670px;
  margin-top:14px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(2.5rem,4.5vw,4.9rem);
  line-height:1;
  font-weight:400;
  letter-spacing:-.035em;
}
.story-content>p{
  max-width:650px;
  margin-top:24px;
  color:#aaa49a;
  line-height:1.9;
  font-size:.94rem;
}
.story-features{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  margin-top:32px;
  border:1px solid rgba(200,155,69,.18);
  background:rgba(200,155,69,.16);
}
.story-features.compact{grid-template-columns:repeat(2,minmax(0,1fr))}
.story-features li{
  list-style:none;
  min-height:92px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:16px 18px;
  background:#090909;
}
.story-features strong{
  color:var(--gold-light);
  font-family:Georgia,serif;
  font-size:1.2rem;
  font-weight:400;
}
.story-features span{
  margin-top:5px;
  color:#8f897e;
  font-size:.84rem;
  line-height:1.45;
}

@media(max-width:980px){
  .hotel-story-card{grid-template-columns:1fr;gap:36px}
  .hotel-story-card.reverse .story-photo-shell,
  .hotel-story-card.reverse .story-content{order:initial}
  .story-photo-shell{min-height:440px}
}
@media(max-width:620px){
  .hotel-story-section{padding-top:85px;padding-bottom:95px}
  .hotel-story-list{gap:75px}
  .story-photo-shell{min-height:340px}
  .story-features,
  .story-features.compact{grid-template-columns:1fr}
  .story-index{font-size:5.5rem}
}
@media(prefers-reduced-motion:reduce){
  .frame-star{animation:none}
}

#tamasRoomsPhoto{
  background-image:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.45)),url("/images/tamas-spatiu-grupuri.webp"),linear-gradient(135deg,#302719,#0d0d0d);
}
#tamasAmenitiesPhoto{
  background-image:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.45)),url("/images/tamas-bucatarie.webp"),linear-gradient(135deg,#352817,#0c0c0c);
}
#tamasBathroomsPhoto{
  background-image:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.45)),url("/images/tamas-confort-ambele-niveluri.webp"),linear-gradient(135deg,#2b2a25,#0c0c0c);
}

#baciuRoomsPhoto{
  background-image:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.45)),url("/images/baciu-spatiu-grupuri.jpg"),linear-gradient(135deg,#302719,#0d0d0d);
}
#baciuAmenitiesPhoto{
  background-image:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.45)),url("/images/baciu-timp-impreuna.webp"),linear-gradient(135deg,#352817,#0c0c0c);
}
#baciuBathroomsPhoto{
  background-image:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.45)),url("/images/baciu-confort.webp"),linear-gradient(135deg,#2b2a25,#0c0c0c);
}

#calinetRoomsPhoto{
  background-image:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.45)),url("/images/calinet-refugiu-odihna.jpg"),linear-gradient(135deg,#302719,#0d0d0d);
}
#calinetAmenitiesPhoto{
  background-image:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.45)),url("/images/calinet-libertate.webp"),linear-gradient(135deg,#352817,#0c0c0c);
}
#calinetBathroomsPhoto{
  background-image:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.45)),url("/images/calinet-facilitati.webp"),linear-gradient(135deg,#2b2a25,#0c0c0c);
}

/* PRO TYPOGRAPHY */
.eyebrow,
.section-kicker,
.story-eyebrow,
.contact-kicker,
.team-role,
.role,
.main-nav a,
.dropdown-menu a,
.header-book,
.pdf-actions a,
.master-unit-head span,
.contact-list span{
  letter-spacing:.11em;
  font-weight:700;
}

.story-content>p,
.hotel-story-heading p,
.section-heading p,
.about-hero p,
.unit-copy p,
.contact-list strong,
.values-content p,
.pdf-card p{
  font-size:1rem;
  line-height:1.8;
}

.story-features span,
.timeline-band span,
.team-card p,
.contact-form-note,
.gallery-help,
.muted{
  font-size:.9rem;
  line-height:1.65;
}

footer{
  font-size:.78rem;
}

@media(max-width:620px){
  .story-content>p,
  .hotel-story-heading p,
  .section-heading p,
  .about-hero p,
  .unit-copy p,
  .contact-list strong,
  .values-content p{
    font-size:.96rem;
  }
}


/* Keep page sections visually above the accent without changing their existing look. */
main,header,footer,.site-header{
  position:relative;
  z-index:0;
}

@media(max-width:700px){
  body::before{
    width:105vw;
    height:160px;
    top:56%;
    opacity:.34;
    transform:translate(-50%,-50%) rotate(-17deg);
  }
  body::after{
    width:90vw;
    top:59%;
    opacity:.28;
  }
}


/* GLOBAL DECORATIVE GOLD ACCENT - SAFE STACKING */
body{
  position:relative;
  overflow-x:hidden;
}
body::before{
  content:"";
  position:absolute;
  left:50%;
  top:44%;
  width:min(78vw,1180px);
  height:190px;
  transform:translate(-50%,-50%) rotate(-12deg);
  pointer-events:none;
  opacity:.48;
  filter:blur(24px);
  z-index:0;
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(116,73,29,0) 10%,
      rgba(116,73,29,.10) 24%,
      rgba(200,155,69,.22) 42%,
      rgba(239,207,126,.14) 50%,
      rgba(132,79,31,.13) 61%,
      rgba(200,155,69,.08) 76%,
      transparent 100%
    );
}
body::after{
  content:"";
  position:absolute;
  left:56%;
  top:47%;
  width:min(58vw,900px);
  height:100px;
  transform:translate(-50%,-50%) rotate(-12deg);
  pointer-events:none;
  opacity:.32;
  filter:blur(42px);
  z-index:0;
  background:radial-gradient(
    ellipse at center,
    rgba(216,175,83,.22) 0%,
    rgba(105,62,26,.10) 42%,
    transparent 74%
  );
}

/* Public content stays above the decorative accent. */
main, footer{
  position:relative;
  z-index:1;
}

/* Header/dropdown must stay above everything. */
.site-header{
  position:fixed !important;
  z-index:10000 !important;
}
.main-nav{
  position:relative;
  z-index:10001;
}
.nav-dropdown{
  position:relative;
  z-index:10002;
}
.dropdown-menu{
  z-index:10003 !important;
}

@media(max-width:700px){
  body::before{
    width:108vw;
    height:145px;
    top:46%;
    opacity:.38;
    transform:translate(-50%,-50%) rotate(-16deg);
  }
  body::after{
    width:92vw;
    top:49%;
    opacity:.24;
  }
}


/* DROPDOWN STAY-OPEN + VISIBLE MID-PAGE GOLD BAND */

/* Invisible bridge between CAZARE and its submenu:
   prevents :hover from being lost while moving the mouse downward. */
.nav-dropdown{
  padding-bottom:20px;
  margin-bottom:-20px;
}
.dropdown-menu{
  top:100% !important;
  margin-top:0 !important;
}
.nav-dropdown:hover .dropdown-menu,
.nav-dropdown:focus-within .dropdown-menu,
.nav-dropdown.open .dropdown-menu{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

/* Stronger but still elegant gold/black diagonal accent around page middle. */
main{
  position:relative;
  z-index:1;
}
main::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:-8vw;
  top:46%;
  width:116vw;
  height:330px;
  transform:rotate(-7deg);
  pointer-events:none;
  opacity:1;
  background:
    linear-gradient(
      90deg,
      rgba(0,0,0,0) 0%,
      rgba(49,31,13,.10) 16%,
      rgba(112,70,26,.22) 31%,
      rgba(190,139,55,.31) 46%,
      rgba(222,178,86,.24) 54%,
      rgba(123,75,28,.20) 68%,
      rgba(33,22,12,.08) 84%,
      rgba(0,0,0,0) 100%
    );
  filter:blur(24px);
}

/* Fine luminous line inside the broad gradient. */
main::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:8vw;
  top:49%;
  width:84vw;
  height:74px;
  transform:rotate(-7deg);
  pointer-events:none;
  opacity:.62;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(135,86,31,.10) 20%,
    rgba(214,165,70,.26) 45%,
    rgba(236,199,115,.20) 55%,
    rgba(118,70,25,.10) 78%,
    transparent
  );
  filter:blur(30px);
}

/* Disable the previous body accent so the two systems do not cancel/muddy each other. */
body::before,
body::after{
  display:none !important;
}

@media(max-width:700px){
  main::before{
    left:-30vw;
    width:160vw;
    height:230px;
    top:48%;
    transform:rotate(-10deg);
  }
  main::after{
    left:-5vw;
    width:110vw;
    top:50%;
    transform:rotate(-10deg);
  }
}


/* Cross-browser gallery scrollbar support */
.unit-gallery-grid.layout-slider::-webkit-scrollbar{
  height:8px;
}
.unit-gallery-grid.layout-slider::-webkit-scrollbar-track{
  background:#111;
}
.unit-gallery-grid.layout-slider::-webkit-scrollbar-thumb{
  background:var(--gold);
  border-radius:999px;
}


/* RESPONSIVE FRAMED LIGHTBOX */
.gallery-lightbox{
  position:fixed !important;
  inset:0 !important;
  z-index:999999 !important;
  display:none;
  align-items:center !important;
  justify-content:center !important;
  padding:clamp(12px,2.5vw,32px) !important;
  background:rgba(0,0,0,.90) !important;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}

.gallery-lightbox.open{
  display:flex !important;
}

.gallery-lightbox .lightbox-stage{
  position:relative !important;
  width:min(94vw,1500px) !important;
  height:min(90vh,980px) !important;
  max-width:94vw !important;
  max-height:90vh !important;
  padding:clamp(8px,1.2vw,16px) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  border:1px solid rgba(229,195,124,.48) !important;
  border-radius:14px !important;
  background:
    linear-gradient(145deg,rgba(216,182,91,.055),rgba(255,255,255,.01)),
    #080808 !important;
  box-shadow:
    0 24px 80px rgba(0,0,0,.55),
    inset 0 0 0 1px rgba(229,195,124,.035);
}

.gallery-lightbox .lightbox-stage img,
.gallery-lightbox #lightboxImage{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:calc(90vh - 42px) !important;
  object-fit:contain !important;
  object-position:center !important;
  border-radius:9px !important;
  background:#050505;
}

/* Elegant gold animated star on the lightbox frame */
.gallery-lightbox .lightbox-stage::after{
  content:"";
  position:absolute;
  z-index:5;
  width:8px;
  height:8px;
  left:-4px;
  top:-4px;
  border-radius:50%;
  background:#fff1bb;
  pointer-events:none;
  box-shadow:
    0 0 7px 2px rgba(255,233,170,.95),
    0 0 18px 6px rgba(200,155,69,.58);
  animation:gallery-lightbox-star 8s linear infinite;
}

@keyframes gallery-lightbox-star{
  0%{left:-4px;top:-4px}
  24.9%{left:calc(100% - 4px);top:-4px}
  25%{left:calc(100% - 4px);top:-4px}
  49.9%{left:calc(100% - 4px);top:calc(100% - 4px)}
  50%{left:calc(100% - 4px);top:calc(100% - 4px)}
  74.9%{left:-4px;top:calc(100% - 4px)}
  75%{left:-4px;top:calc(100% - 4px)}
  100%{left:-4px;top:-4px}
}

.gallery-lightbox .lightbox-close,
.gallery-lightbox .lightbox-arrow{
  position:fixed !important;
  z-index:1000001 !important;
  border:1px solid rgba(229,195,124,.42) !important;
  background:rgba(8,8,8,.86) !important;
  color:#e5c37c !important;
  box-shadow:0 10px 26px rgba(0,0,0,.25);
  cursor:pointer;
}

.gallery-lightbox .lightbox-close{
  top:clamp(14px,2vw,26px) !important;
  right:clamp(14px,2vw,26px) !important;
  width:46px !important;
  height:46px !important;
  border-radius:50% !important;
  font-size:1.8rem !important;
  line-height:1 !important;
}

.gallery-lightbox .lightbox-arrow{
  top:50% !important;
  width:52px !important;
  height:52px !important;
  transform:translateY(-50%) !important;
  border-radius:50% !important;
  font-size:2rem !important;
}

.gallery-lightbox .lightbox-prev{
  left:clamp(10px,1.8vw,24px) !important;
}
.gallery-lightbox .lightbox-next{
  right:clamp(10px,1.8vw,24px) !important;
}

.gallery-lightbox .lightbox-caption{
  position:absolute !important;
  left:50% !important;
  bottom:10px !important;
  transform:translateX(-50%) !important;
  max-width:calc(100% - 30px);
  padding:7px 10px !important;
  border-radius:8px;
  background:rgba(0,0,0,.62) !important;
  color:#eee7dc !important;
  font-size:.78rem !important;
  text-align:center;
}

@media(max-width:700px){
  .gallery-lightbox{
    padding:10px !important;
  }

  .gallery-lightbox .lightbox-stage{
    width:calc(100vw - 20px) !important;
    height:calc(100dvh - 92px) !important;
    max-width:calc(100vw - 20px) !important;
    max-height:calc(100dvh - 92px) !important;
    padding:8px !important;
    border-radius:11px !important;
  }

  .gallery-lightbox .lightbox-stage img,
  .gallery-lightbox #lightboxImage{
    max-width:100% !important;
    max-height:calc(100dvh - 112px) !important;
    border-radius:7px !important;
  }

  .gallery-lightbox .lightbox-close{
    top:10px !important;
    right:10px !important;
    width:42px !important;
    height:42px !important;
  }

  .gallery-lightbox .lightbox-arrow{
    width:42px !important;
    height:42px !important;
    font-size:1.7rem !important;
    background:rgba(8,8,8,.78) !important;
  }

  .gallery-lightbox .lightbox-prev{left:8px !important}
  .gallery-lightbox .lightbox-next{right:8px !important}

  .gallery-lightbox .lightbox-caption{
    bottom:7px !important;
    font-size:.7rem !important;
  }
}

@media(max-width:420px){
  .gallery-lightbox .lightbox-stage{
    width:calc(100vw - 12px) !important;
    max-width:calc(100vw - 12px) !important;
    height:calc(100dvh - 78px) !important;
    max-height:calc(100dvh - 78px) !important;
    padding:6px !important;
  }

  .gallery-lightbox .lightbox-stage img,
  .gallery-lightbox #lightboxImage{
    max-height:calc(100dvh - 96px) !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .gallery-lightbox .lightbox-stage::after{
    animation:none !important;
  }
}


/* UNIT BOOKING CTA */
.unit-booking-cta{
  display:flex;
  justify-content:center;
  padding:28px 20px 42px;
}
.unit-booking-button{
  position:relative;
  min-width:220px;
  min-height:52px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 28px;
  overflow:hidden;
  border:1px solid rgba(229,195,124,.55);
  border-radius:999px;
  background:
    linear-gradient(145deg,rgba(229,195,124,.10),rgba(200,155,69,.025)),
    #090909;
  color:#e5c37c;
  font-size:.78rem;
  font-weight:850;
  letter-spacing:.11em;
  box-shadow:0 12px 28px rgba(0,0,0,.20),inset 0 0 0 1px rgba(229,195,124,.025);
  transition:.2s ease;
}
.unit-booking-button::before{
  content:"";
  position:absolute;
  top:0;bottom:0;left:-120%;
  width:42%;
  transform:skewX(-20deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);
  transition:left .48s ease;
}
.unit-booking-button:hover{
  color:#090909;
  background:linear-gradient(135deg,#f0d58a,#c89b45);
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(0,0,0,.25),0 0 24px rgba(200,155,69,.12);
}
.unit-booking-button:hover::before{left:135%}