
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#211d19;background:#fbfaf7;font-family:Arial,sans-serif}
header{height:104px;background:#fff;display:flex;align-items:center;position:relative;z-index:4}
nav{width:min(1180px,96%);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:22px}
nav>a{font-size:12px;letter-spacing:1.1px;text-decoration:none;color:#252525;white-space:nowrap}
.brand{text-align:center;line-height:1}.brand strong{display:block;color:#db4bb3;font:30px Georgia,serif;letter-spacing:3px}.brand span{display:block;color:#db4bb3;letter-spacing:4px;font-size:11px;margin-top:6px}.lotus{color:#db4bb3;font-size:25px}
.book{background:linear-gradient(#c99b4e,#9b691f);color:#fff!important;border-radius:8px;text-decoration:none;box-shadow:inset 0 0 0 1px #e4c484}.small{padding:14px 18px}
.hero{min-height:640px;background:linear-gradient(90deg,rgba(0,0,0,.25),rgba(0,0,0,.08),rgba(0,0,0,.30)),url("../images/photo-01.jpg") center/cover;display:grid;place-items:center;padding:40px 20px}
.heroCopy{text-align:center;color:#fff;margin-top:75px;text-shadow:0 2px 9px #000;max-width:920px}.hero h1{font:58px/1.03 Georgia,serif;margin:0}.hero h1 em{font-style:normal;color:#f2dfad}.hero i{display:block;width:54px;border-top:3px solid #b68837;margin:25px auto}.hero p{font-size:17px;line-height:1.5}.big{display:inline-block;font:35px Georgia,serif;padding:14px 55px;margin-top:8px;text-shadow:none}.big small{display:block;font:14px Arial,sans-serif;margin-top:3px}
.gallery{position:relative;padding:24px 24px 42px;background:white}.gallery>img{width:100%;height:500px;object-fit:cover;border-radius:6px;display:block}.arr{position:absolute;top:46%;width:52px;height:52px;border-radius:50%;border:0;background:white;font-size:42px;line-height:40px;z-index:2}.prev{left:25px}.next{right:25px}#dots{text-align:center;padding-top:14px}#dots button{border:0;background:none;padding:4px 14px;color:#777}#dots button.active{color:#a36c1d;border-bottom:3px solid #a36c1d}
.features{padding:34px 20px;display:grid;grid-template-columns:repeat(5,1fr);text-align:center;background:#fffdf9;border-top:1px solid #eee5d8;border-bottom:1px solid #eee5d8}.features div{font-size:34px;color:#9b681d;border-right:1px solid #e6d8c1}.features div:last-child{border:0}.features span{display:block;color:#222;font-size:16px;margin-top:8px}
.content{max-width:1180px;margin:auto;padding:70px 28px}.eyebrow{font-size:12px;letter-spacing:5px;color:#a36c1d;font-weight:bold;text-transform:uppercase}.content h2,.location h2,.booking h2{font:44px/1.08 Georgia,serif;margin:10px 0 24px}.content h3{font:32px Georgia,serif;margin:0 0 18px}.content p{font-size:17px;line-height:1.75;margin:0 0 18px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.split img{width:100%;height:430px;object-fit:cover;border-radius:10px}.split.reverse .text{order:2}.split.reverse img{order:1}
.location{padding:70px 28px;background:#f6f0e7}.location-inner{max-width:1180px;margin:auto}.locgrid{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}.location img{width:100%;height:460px;object-fit:cover;border-radius:10px}.distances{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;margin-top:26px}.distance{padding:15px 0;border-top:1px solid #d9c8ac;font-size:15px}.distance b{display:block;font-size:16px;margin-bottom:4px}
.info{max-width:1180px;margin:30px auto 0;padding:30px 28px 50px}.infoBox{display:grid;grid-template-columns:1fr 1fr;gap:25px;background:#f5f1ea;border-radius:12px;padding:28px}.notice{display:flex;gap:14px}.notice .no{font-size:32px}.notice b{display:block;font-size:18px;margin-bottom:5px}.notice p{margin:0;line-height:1.5}
.booking{background:#251f1a;color:#fff;padding:72px 28px}.booking-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:center}.booking p{line-height:1.7;color:#eee5da}.booking .host{font-size:19px;color:#fff}.booking a{color:#f2d8a4}.qrbox{background:#fff;color:#211d19;border-radius:12px;padding:28px;text-align:center}.qr{width:190px;height:190px;margin:0 auto 18px;display:grid;grid-template-columns:repeat(15,1fr);gap:1px;background:#fff;padding:8px;border:1px solid #ddd}.qr i{background:#fff}.qr i.on{background:#111}.qrbox b{display:block;line-height:1.4}
footer{padding:25px;text-align:center;background:#fff;font-size:14px;color:#555}
@media(max-width:850px){header{height:auto;padding:18px 0}nav{flex-wrap:wrap;justify-content:center}.brand{order:-1;width:100%}.hero h1{font-size:42px}.hero{min-height:580px}.gallery>img{height:330px}.features{grid-template-columns:1fr 1fr}.features div{border-right:0;border-bottom:1px solid #e6d8c1;padding:18px}.split,.locgrid,.booking-inner{grid-template-columns:1fr}.split.reverse .text,.split.reverse img{order:initial}.content h2,.location h2,.booking h2{font-size:36px}.infoBox{grid-template-columns:1fr}.distances{grid-template-columns:1fr}.big{font-size:28px;padding:14px 28px}}

/* --- Wersja 3.1: premium typography + corrected header axis --- */
:root{
  --serif-premium:"Bodoni 72","Bodoni MT","Didot","Didot LT STD","Baskerville","Iowan Old Style","Times New Roman",serif;
  --sans-premium:"Avenir Next","Avenir","Montserrat","Helvetica Neue",Arial,sans-serif;
}
body{
  font-family:var(--sans-premium);
  font-weight:400;
  letter-spacing:.01em;
}
header{height:108px}
nav{
  width:min(1240px,96%);
  display:grid;
  grid-template-columns:1fr 1fr 1fr minmax(310px,1.65fr) 1fr 1fr 1.25fr;
  align-items:center;
  gap:18px;
}
nav>a{text-align:center;font-size:11px;letter-spacing:1.55px;font-weight:500}
.brand{
  width:100%;
  justify-self:center;
  text-align:center;
  transform:none;
}
.brand strong{
  font-family:var(--serif-premium);
  font-size:31px;
  font-weight:500;
  letter-spacing:3.8px;
}
.brand span{
  font-family:var(--sans-premium);
  letter-spacing:4.5px;
  font-size:10px;
}
.lotus{font-size:26px;line-height:.9}
.hero h1,.content h2,.location h2,.booking h2,.content h3,.big{
  font-family:var(--serif-premium);
  font-weight:400;
}
.hero h1{font-size:61px;letter-spacing:-.015em}
.hero p{
  max-width:850px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  text-wrap:balance;
}
.content p,.location p,.booking p,.notice p{
  text-align:justify;
  text-justify:inter-word;
  hyphens:auto;
}
.content p,.location p{
  line-height:1.82;
  letter-spacing:.012em;
}
.content h2,.location h2,.booking h2{
  letter-spacing:-.02em;
}
.eyebrow{
  font-family:var(--sans-premium);
  font-size:10px;
  letter-spacing:5.5px;
}
.features span{
  font-family:var(--sans-premium);
  font-size:15px;
  letter-spacing:.02em;
}
.booking h3{
  font-family:var(--serif-premium);
  font-weight:400;
  font-size:25px;
}
footer{font-family:var(--sans-premium);letter-spacing:.025em}
@media(max-width:1000px){
  nav{display:flex;flex-wrap:wrap;justify-content:center}
  .brand{order:-1;width:100%}
}


/* --- Wersja 3.2: logo / header corrections --- */
header{
  height:128px;
  min-height:128px;
  overflow:visible;
  background:#fff;
}
nav{
  height:100%;
  padding:10px 0 12px;
}
.brand{
  height:104px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  line-height:1;
  position:relative;
  z-index:5;
}
.lotus{
  width:48px;
  height:38px;
  color:#db4bb3;
  margin:0 auto 3px;
  line-height:0;
  flex:0 0 auto;
}
.lotus svg{
  width:48px;
  height:34px;
  display:block;
}
.brand strong{
  display:block;
  line-height:1.02;
  margin:0;
}
.brand span{
  display:block;
  line-height:1.1;
  margin-top:7px;
  padding-bottom:2px;
}
.hero{margin-top:0}
@media(max-width:1000px){
  header{height:auto;min-height:142px;padding:8px 0 12px}
  nav{height:auto}
  .brand{height:96px}
}

.realqr{display:block!important;width:210px!important;height:210px!important;padding:10px!important}
.realqr svg{display:block;width:100%;height:100%}

/* =========================================================
   LA BELLE SUITE — PREMIUM v4
   Warstwa wyłącznie wizualna. Treści, zdjęcia, QR i logo bez zmian.
   ========================================================= */

html{background:#f6f1ea}
body{
  background:#f8f5f0;
  color:#26211c;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* Header: spokojny, butikowy, bez ingerencji w samo logo */
header{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(255,255,255,.96);
  border-bottom:1px solid rgba(83,66,46,.12);
  box-shadow:0 8px 30px rgba(42,32,22,.055);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
nav{
  width:min(1320px,96%);
  padding-left:12px;
  padding-right:12px;
}
nav>a:not(.book){
  position:relative;
  color:#2d2823;
  transition:color .25s ease;
}
nav>a:not(.book)::after{
  content:"";
  position:absolute;
  left:50%;
  right:50%;
  bottom:-10px;
  height:1px;
  background:#ad7e3b;
  transition:left .25s ease,right .25s ease;
}
nav>a:not(.book):hover{color:#9f722f}
nav>a:not(.book):hover::after{left:18%;right:18%}

/* CTA */
.book{
  background:linear-gradient(135deg,#caa466 0%,#a87835 48%,#8b5c24 100%);
  border:1px solid rgba(255,255,255,.32);
  border-radius:2px;
  box-shadow:0 10px 30px rgba(139,92,36,.22),inset 0 1px 0 rgba(255,255,255,.30);
  letter-spacing:.06em;
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;
}
.book:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 38px rgba(139,92,36,.30),inset 0 1px 0 rgba(255,255,255,.34);
  filter:saturate(1.05);
}
.small{padding:14px 20px}

/* Hero */
.hero{
  min-height:clamp(650px,78vh,860px);
  background-position:center 54%;
  position:relative;
  isolation:isolate;
  border-bottom:1px solid rgba(255,255,255,.25);
}
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    linear-gradient(180deg,rgba(24,18,13,.04) 0%,rgba(24,18,13,.03) 45%,rgba(24,18,13,.34) 100%),
    radial-gradient(circle at 50% 42%,transparent 0 27%,rgba(22,17,13,.16) 88%);
}
.heroCopy{
  max-width:980px;
  margin-top:38px;
  padding:48px 44px;
  text-shadow:0 2px 22px rgba(0,0,0,.42);
}
.hero h1{
  font-size:clamp(48px,5vw,76px);
  line-height:.98;
  letter-spacing:-.035em;
}
.hero h1 em{color:#f3dfad}
.hero i{width:62px;margin:30px auto 28px;border-top-width:1px}
.hero p{
  max-width:820px;
  font-size:17px;
  line-height:1.78;
  letter-spacing:.015em;
  color:rgba(255,255,255,.95);
}
.big{
  margin-top:18px;
  padding:17px 48px;
  font-size:30px;
  letter-spacing:.015em;
}
.big small{margin-top:6px;letter-spacing:.06em;text-transform:uppercase;font-size:10px}

/* Galeria */
.gallery{
  max-width:1400px;
  margin:0 auto;
  padding:86px 46px 58px;
  background:transparent;
}
.gallery>img{
  height:clamp(480px,60vw,720px);
  border-radius:2px;
  box-shadow:0 28px 70px rgba(47,37,27,.16);
}
.arr{
  top:50%;
  width:54px;
  height:54px;
  border:1px solid rgba(255,255,255,.58);
  background:rgba(30,25,21,.58);
  color:#fff;
  box-shadow:0 8px 28px rgba(0,0,0,.18);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  transition:transform .2s ease,background .2s ease;
}
.arr:hover{transform:scale(1.05);background:rgba(30,25,21,.75)}
.prev{left:58px}.next{right:58px}
#dots{padding-top:20px}
#dots button{padding:5px 12px;font-size:11px;color:#a99b8b}
#dots button.active{color:#9b6b2e;border-bottom-color:#9b6b2e}

/* Pasek udogodnień */
.features{
  max-width:1320px;
  margin:0 auto 16px;
  padding:34px 22px;
  background:#fff;
  border:1px solid rgba(91,72,52,.10);
  box-shadow:0 16px 46px rgba(56,43,31,.06);
}
.features div{
  padding:9px 16px;
  color:#9d7032;
  font-size:29px;
  border-right:1px solid rgba(137,104,61,.18);
}
.features span{
  margin-top:11px;
  color:#403932;
  font-size:13px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

/* Sekcje redakcyjne */
.content{
  max-width:1280px;
  padding:118px 34px;
}
.content + .content{
  border-top:1px solid rgba(117,92,65,.10);
}
.split{
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(52px,7vw,100px);
}
.split.reverse{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.split img{
  height:clamp(440px,48vw,620px);
  border-radius:2px;
  box-shadow:0 24px 65px rgba(42,33,25,.14);
}
.text{max-width:565px}
.split.reverse .text{justify-self:end}
.eyebrow{
  color:#a4783c;
  font-weight:600;
  letter-spacing:.42em;
  margin-bottom:17px;
}
.content h2,.location h2,.booking h2{
  font-size:clamp(39px,4vw,57px);
  line-height:1.06;
  margin:0 0 28px;
  color:#2c2620;
}
.content p,.location p{
  font-size:16.5px;
  line-height:1.92;
  color:#4d453d;
}
.content b,.location b{color:#2c2722;font-weight:600}

/* Lokalizacja — wyraźna, luksusowa plansza */
.location{
  position:relative;
  padding:120px 34px;
  background:
    radial-gradient(circle at 82% 10%,rgba(190,155,105,.12),transparent 28%),
    #eee7dc;
  border-top:1px solid rgba(126,98,65,.12);
  border-bottom:1px solid rgba(126,98,65,.12);
}
.location-inner{max-width:1280px}
.locgrid{gap:clamp(55px,7vw,100px)}
.location img{
  height:clamp(480px,54vw,650px);
  border-radius:2px;
  box-shadow:0 26px 70px rgba(48,38,28,.16);
}
.distances{gap:0 34px;margin-top:32px}
.distance{
  padding:18px 0;
  border-top:1px solid rgba(126,98,65,.22);
  color:#5d5348;
}
.distance b{
  font-family:var(--serif-premium);
  font-size:18px;
  font-weight:400;
  color:#2e2822;
}

/* Informacje */
.info{
  max-width:1280px;
  margin:0 auto;
  padding:96px 34px 110px;
}
.info>.eyebrow{text-align:center;margin-bottom:26px}
.infoBox{
  gap:20px;
  padding:0;
  background:transparent;
}
.notice{
  padding:30px 32px;
  background:#fff;
  border:1px solid rgba(96,76,54,.11);
  box-shadow:0 14px 42px rgba(51,40,29,.055);
}
.notice .no{font-size:27px;filter:grayscale(1);opacity:.75}
.notice b{
  font-family:var(--serif-premium);
  font-weight:400;
  font-size:24px;
  color:#2e2822;
}
.notice p{color:#5a5148;line-height:1.7}

/* Rezerwacja */
.booking{
  position:relative;
  overflow:hidden;
  padding:112px 34px;
  background:
    radial-gradient(circle at 83% 20%,rgba(177,132,72,.19),transparent 25%),
    radial-gradient(circle at 12% 90%,rgba(112,77,44,.18),transparent 32%),
    #201b17;
}
.booking::before{
  content:"";
  position:absolute;
  inset:28px;
  border:1px solid rgba(209,177,126,.15);
  pointer-events:none;
}
.booking-inner{max-width:1220px;grid-template-columns:1.25fr .75fr;gap:80px}
.booking h2{color:#fff;font-size:clamp(48px,5vw,70px);margin-bottom:14px}
.booking h3{color:#d4b582;margin:0 0 22px}
.booking p{color:#d9d0c6;line-height:1.82;text-align:justify}
.booking .host{margin-top:28px;color:#fff}
.booking a:not(.book){color:#e2c18a;text-decoration:none;border-bottom:1px solid rgba(226,193,138,.38)}
.qrbox{
  border-radius:2px;
  padding:38px 34px 32px;
  background:#fffdf9;
  border:1px solid rgba(211,178,127,.38);
  box-shadow:0 25px 70px rgba(0,0,0,.24);
}
.qrbox b{
  margin-top:12px;
  font-family:var(--serif-premium);
  font-size:20px;
  font-weight:400;
  line-height:1.35;
}

footer{
  padding:34px 24px 38px;
  background:#faf7f2;
  color:#6b6157;
  border-top:1px solid rgba(93,73,52,.10);
  line-height:1.8;
}
footer b{color:#3b342e;font-weight:600}
footer a{color:#9b6b2e;text-decoration:none}

/* subtelne detale */
::selection{background:#ddc39a;color:#211b16}
img{image-rendering:auto}

@media(max-width:1100px){
  .gallery{padding-left:24px;padding-right:24px}
  .prev{left:35px}.next{right:35px}
  .content,.location,.info,.booking{padding-left:26px;padding-right:26px}
}
@media(max-width:850px){
  header{position:relative}
  .hero{min-height:620px}
  .heroCopy{padding:30px 16px;margin-top:10px}
  .hero h1{font-size:45px}
  .gallery{padding-top:50px;padding-bottom:38px}
  .gallery>img{height:390px}
  .features{margin-left:14px;margin-right:14px}
  .features div{padding:20px 8px}
  .content{padding-top:78px;padding-bottom:78px}
  .split,.split.reverse{grid-template-columns:1fr;gap:42px}
  .text,.split.reverse .text{max-width:none;justify-self:stretch}
  .split img{height:min(520px,78vw)}
  .location{padding-top:78px;padding-bottom:78px}
  .location img{height:min(520px,78vw)}
  .booking{padding-top:82px;padding-bottom:82px}
  .booking::before{inset:14px}
  .booking-inner{gap:46px}
  .booking p{text-align:left}
  .notice{padding:25px 22px}
}
@media(max-width:560px){
  .hero h1{font-size:39px}
  .hero p{font-size:15px;line-height:1.7}
  .big{font-size:25px;padding:15px 26px}
  .gallery{padding-left:12px;padding-right:12px}
  .gallery>img{height:320px}
  .arr{width:44px;height:44px;font-size:34px}
  .prev{left:18px}.next{right:18px}
  .features{grid-template-columns:1fr 1fr;padding:16px 12px}
  .features div{font-size:25px}
  .content,.location,.info,.booking{padding-left:20px;padding-right:20px}
  .content h2,.location h2{font-size:38px}
  .content p,.location p{font-size:15.5px;line-height:1.78}
  .booking h2{font-size:48px}
  .qrbox{padding:28px 18px}
}


/* --- Wersja premium 4.1: lepsza czytelność tekstu na hero --- */
.heroCopy{
  max-width: 980px;
}
.hero p{
  max-width: 760px;
  margin: 22px auto 0;
  padding: 20px 26px;
  background: rgba(255, 251, 246, 0.82);
  color: #2b241d !important;
  border: 1px solid rgba(201, 155, 78, 0.22);
  border-radius: 16px;
  box-shadow: 0 14px 36px rgba(0,0,0,0.16);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  text-shadow: none !important;
}
.hero .book.big{
  margin-top: 18px;
}
@media(max-width: 850px){
  .hero p{
    margin-top: 18px;
    padding: 16px 18px;
    border-radius: 14px;
  }
}


/* --- Wersja premium 4.2: polskie znaki + ciaśniejszy rytm sekcji --- */
:root{
  --serif-premium: Georgia, "Palatino Linotype", "Book Antiqua", "Times New Roman", serif;
  --sans-premium: "Segoe UI", Arial, Helvetica, sans-serif;
}

/* Typografia z pełnym wsparciem polskich znaków */
body{
  font-family:var(--sans-premium) !important;
  font-size:16px;
  line-height:1.68;
  letter-spacing:0;
}
.hero h1,
.content h2,
.location h2,
.booking h2,
.content h3,
.booking h3,
.big{
  font-family:var(--serif-premium) !important;
  font-weight:400;
}
.brand strong{
  font-family:var(--serif-premium) !important;
}
nav>a,
.brand span,
.eyebrow,
.features span,
footer{
  font-family:var(--sans-premium) !important;
}

/* Mniej przeskalowane nagłówki */
.hero h1{
  font-size:54px !important;
  line-height:1.06;
  letter-spacing:-.012em;
}
.content h2,
.location h2,
.booking h2{
  font-size:39px !important;
  line-height:1.12;
  margin-bottom:18px !important;
}
.content h3{
  font-size:29px !important;
}
.booking h3{
  font-size:23px !important;
}

/* Czytelniejsze akapity i mniej pustej przestrzeni */
.content p,
.location p,
.booking p,
.notice p{
  font-size:16px !important;
  line-height:1.72 !important;
  margin-bottom:14px !important;
}
.content p:last-child,
.location p:last-child,
.booking p:last-child{
  margin-bottom:0 !important;
}

/* Ciaśniejszy rytm pionowy między sekcjami */
.content{
  padding:46px 28px !important;
}
.location{
  padding:50px 28px !important;
}
.info{
  margin-top:14px !important;
  padding:22px 28px 38px !important;
}
.booking{
  padding:56px 28px !important;
}
footer{
  padding:20px 24px !important;
}

/* Mniejsze przerwy wewnątrz układu */
.split{
  gap:34px !important;
}
.locgrid{
  gap:34px !important;
}
.booking-inner{
  gap:36px !important;
}
.distances{
  margin-top:18px !important;
}

/* Zdjęcia odrobinę niższe, żeby sekcje były bardziej zwarte */
.split img{
  height:380px !important;
}
.location img{
  height:410px !important;
}

/* Delikatne rozdzielenie sekcji zamiast dużych białych pól */
.content + .content{
  border-top:1px solid rgba(155,105,31,.10);
}
.content:nth-of-type(even){
  background:#fcfaf6;
}

/* Hero — elegancki, ale nie przewymiarowany */
.hero{
  min-height:600px !important;
}
.hero p{
  font-family:var(--sans-premium) !important;
  font-size:16px !important;
  line-height:1.65 !important;
  padding:17px 23px !important;
  max-width:730px !important;
}
.hero .book.big{
  font-size:30px !important;
  padding:13px 44px !important;
}

/* Udogodnienia bardziej kompaktowe */
.features{
  padding:24px 20px !important;
}
.features div{
  font-size:30px !important;
  padding:8px 10px;
}
.features span{
  font-size:14px !important;
  margin-top:6px !important;
}

/* Mniejsza galeria na desktopie, nadal reprezentacyjna */
.gallery{
  padding:20px 24px 30px !important;
}
.gallery>img{
  height:455px !important;
}

/* Mobile */
@media(max-width:850px){
  .hero h1{font-size:39px !important}
  .content h2,.location h2,.booking h2{font-size:32px !important}
  .content{padding:34px 20px !important}
  .location{padding:38px 20px !important}
  .booking{padding:42px 20px !important}
  .split,.locgrid,.booking-inner{gap:24px !important}
  .split img,.location img{height:310px !important}
  .gallery{padding:14px 14px 24px !important}
  .gallery>img{height:300px !important}
  .hero p{padding:15px 16px !important}
  .hero .book.big{font-size:25px !important;padding:12px 24px !important}
}


/* --- Premium 4.3: lighter glass panel on hero copy --- */
.hero p{
  background:rgba(255,251,246,.58)!important;
  border:1px solid rgba(255,255,255,.48)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.14)!important;
  backdrop-filter:blur(9px)!important;
  -webkit-backdrop-filter:blur(9px)!important;
}


/* --- Wersja 4.4: przełącznik języków --- */
header{
  position:relative;
  padding-top:28px;
}
.language-switcher{
  position:absolute;
  top:7px;
  right:24px;
  z-index:20;
  display:flex;
  align-items:center;
  gap:8px;
}
.language-switcher a{
  width:30px;
  height:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-size:20px;
  line-height:1;
  border-radius:5px;
  opacity:.76;
  transition:transform .2s ease, opacity .2s ease, box-shadow .2s ease;
}
.language-switcher a:hover{
  opacity:1;
  transform:translateY(-1px);
}
.language-switcher a.active{
  opacity:1;
  box-shadow:0 0 0 1px rgba(155,105,31,.42), 0 3px 10px rgba(0,0,0,.08);
  background:#fff;
}
@media(max-width:850px){
  header{padding-top:34px}
  .language-switcher{
    top:7px;
    right:50%;
    transform:translateX(50%);
  }
}


/* --- Wersja premium 4.5: korekta osi logo + lżejsza ramka hero --- */

/* Header / logo */
header{
  position:relative !important;
  background:#fff !important;
  min-height:148px !important;
  height:148px !important;
  padding-top:34px !important;   /* miejsce na flagi */
  overflow:visible !important;
}

nav{
  position:relative !important;
  width:min(1240px, 96%) !important;
  margin:0 auto !important;
  min-height:98px !important;
  height:98px !important;
  display:grid !important;
  grid-template-columns: 1fr 1fr 1fr 360px 1fr 1fr 1.35fr !important;
  align-items:center !important;
  gap:16px !important;
  padding:0 4px 12px !important;
}

nav > a{
  text-align:center !important;
  white-space:nowrap !important;
}

.brand{
  position:absolute !important;
  left:50% !important;
  top:51% !important;
  transform:translate(-50%,-50%) !important;
  width:360px !important;
  height:96px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
  margin:0 !important;
  z-index:8 !important;
  pointer-events:none;
}

.lotus{
  width:46px !important;
  height:32px !important;
  margin:0 auto 4px !important;
  line-height:0 !important;
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.lotus svg{
  display:block !important;
  width:44px !important;
  height:30px !important;
}

.brand strong{
  display:block !important;
  margin:0 !important;
  line-height:1.02 !important;
}

.brand span{
  display:block !important;
  margin-top:6px !important;
  margin-bottom:0 !important;
  padding:0 !important;
  line-height:1.05 !important;
  position:relative !important;
  top:0 !important;
}

/* Flagi */
.language-switcher{
  position:absolute !important;
  top:8px !important;
  right:24px !important;
  z-index:12 !important;
}

/* Hero description panel */
.hero p{
  max-width:760px !important;
  margin:22px auto 0 !important;
  padding:18px 24px !important;
  background:rgba(255, 250, 244, 0.42) !important;
  color:#2a231d !important;
  border:1px solid rgba(255,255,255,0.34) !important;
  border-radius:18px !important;
  box-shadow:
    0 14px 34px rgba(69, 44, 16, 0.10),
    inset 0 1px 0 rgba(255,255,255,0.30) !important;
  backdrop-filter: blur(12px) saturate(118%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(118%) !important;
  text-shadow:none !important;
}

/* Mobile safety */
@media(max-width:1000px){
  header{
    min-height:168px !important;
    height:auto !important;
    padding-top:40px !important;
  }
  nav{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    align-items:center !important;
    min-height:auto !important;
    height:auto !important;
    gap:12px 18px !important;
    padding:62px 0 12px !important;
  }
  .brand{
    position:absolute !important;
    left:50% !important;
    top:72px !important;
    transform:translateX(-50%) !important;
    width:320px !important;
    height:82px !important;
  }
  .language-switcher{
    right:50% !important;
    transform:translateX(50%) !important;
    top:8px !important;
  }
  .hero p{
    padding:16px 18px !important;
    background:rgba(255, 250, 244, 0.46) !important;
  }
}


/* --- Wersja premium 4.6: luksusowe logo + poprawa osi + lepsza czcionka w ramce --- */

/* Header */
header{
  min-height:164px !important;
  height:164px !important;
  padding-top:36px !important;
  background:#fff !important;
  overflow:visible !important;
}

nav{
  position:relative !important;
  width:min(1260px, 96%) !important;
  margin:0 auto !important;
  min-height:108px !important;
  height:108px !important;
  display:grid !important;
  grid-template-columns: minmax(92px,1fr) minmax(92px,1fr) minmax(92px,1fr) 460px minmax(92px,1fr) minmax(92px,1fr) minmax(190px,1.35fr) !important;
  align-items:center !important;
  gap:10px !important;
  padding:0 6px 10px !important;
}

nav > a{
  text-align:center !important;
  white-space:nowrap !important;
  position:relative !important;
  z-index:2 !important;
}

/* odsunięcie linków od środka, żeby nie nachodziły na logo */
nav > a:nth-of-type(1){justify-self:end !important;}
nav > a:nth-of-type(2){justify-self:center !important;}
nav > a:nth-of-type(3){justify-self:start !important; margin-left:-8px !important; margin-right:46px !important;}
nav > a:nth-of-type(4){justify-self:end !important; margin-left:86px !important;}
nav > a:nth-of-type(5){justify-self:start !important; margin-left:14px !important;}
nav > a:nth-of-type(6){justify-self:start !important; margin-left:8px !important;}

.brand{
  position:absolute !important;
  left:50% !important;
  top:54% !important;
  transform:translate(-50%, -50%) !important;
  width:430px !important;
  height:112px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  margin:0 !important;
  z-index:9 !important;
  pointer-events:none !important;
}

.lotus{
  width:62px !important;
  height:42px !important;
  margin:0 auto 7px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:0 !important;
  color:#db4bb3 !important;
  filter:drop-shadow(0 3px 10px rgba(219,75,179,.16)) !important;
}
.lotus svg{
  width:58px !important;
  height:40px !important;
  display:block !important;
}

.brand strong{
  font-family: Georgia, "Palatino Linotype", "Book Antiqua", serif !important;
  font-size:41px !important;
  letter-spacing:4.8px !important;
  line-height:1 !important;
  font-weight:400 !important;
  color:#db4bb3 !important;
  margin:0 !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.7),
    0 8px 20px rgba(219,75,179,.08) !important;
}

.brand span{
  font-family: "Segoe UI", Arial, Helvetica, sans-serif !important;
  font-size:10px !important;
  letter-spacing:5.6px !important;
  line-height:1.1 !important;
  color:#db4bb3 !important;
  margin-top:8px !important;
  padding:0 !important;
  opacity:.95 !important;
}

/* Language switcher */
.language-switcher{
  top:9px !important;
  right:24px !important;
  z-index:14 !important;
}

/* Ramka tekstu hero – bardziej lux i z lepszą czcionką */
.hero p{
  font-family: Georgia, "Palatino Linotype", "Book Antiqua", serif !important;
  font-size:17px !important;
  line-height:1.72 !important;
  letter-spacing:.01em !important;
  max-width:760px !important;
  margin:22px auto 0 !important;
  padding:18px 26px !important;
  color:#2a231d !important;
  background:linear-gradient(135deg, rgba(255,255,255,.20), rgba(255,248,241,.30)) !important;
  border:1px solid rgba(255,255,255,.26) !important;
  border-radius:20px !important;
  box-shadow:
    0 18px 38px rgba(52, 35, 15, .08),
    inset 0 1px 0 rgba(255,255,255,.30) !important;
  backdrop-filter: blur(13px) saturate(124%) !important;
  -webkit-backdrop-filter: blur(13px) saturate(124%) !important;
  text-shadow:none !important;
}

/* Mobile / tablet safety */
@media(max-width:1120px){
  header{
    min-height:176px !important;
    height:auto !important;
    padding-top:42px !important;
  }
  nav{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    align-items:center !important;
    gap:12px 18px !important;
    min-height:auto !important;
    height:auto !important;
    padding:76px 0 12px !important;
  }
  nav > a:nth-of-type(3),
  nav > a:nth-of-type(4),
  nav > a:nth-of-type(5),
  nav > a:nth-of-type(6){
    margin-left:0 !important;
    margin-right:0 !important;
  }
  .brand{
    top:78px !important;
    width:340px !important;
    height:88px !important;
  }
  .brand strong{
    font-size:34px !important;
    letter-spacing:4px !important;
  }
  .lotus{
    width:54px !important;
    height:36px !important;
    margin-bottom:5px !important;
  }
  .lotus svg{
    width:50px !important;
    height:34px !important;
  }
  .language-switcher{
    right:50% !important;
    transform:translateX(50%) !important;
  }
  .hero p{
    padding:16px 18px !important;
    font-size:16px !important;
  }
}


/* --- Wersja premium 4.7: czytelniejszy hero + subtelniejsze zasady pobytu --- */

/* Ramka w hero: zamiast czarnego tekstu — jasna typografia na eleganckim szkle */
.hero p{
  font-family: Georgia, "Palatino Linotype", "Book Antiqua", serif !important;
  font-size:17px !important;
  line-height:1.72 !important;
  font-weight:400 !important;
  letter-spacing:.012em !important;
  color:#fffaf4 !important;
  background:
    linear-gradient(135deg, rgba(34,28,23,.31), rgba(53,42,32,.22)) !important;
  border:1px solid rgba(255,255,255,.30) !important;
  box-shadow:
    0 16px 38px rgba(20,14,9,.13),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
  backdrop-filter:blur(10px) saturate(112%) !important;
  -webkit-backdrop-filter:blur(10px) saturate(112%) !important;
  text-shadow:0 1px 8px rgba(0,0,0,.28) !important;
}

/* Ważne informacje — mniejsze i bardziej eleganckie */
.infoBox{
  grid-template-columns:repeat(3,1fr) !important;
  gap:16px !important;
  padding:22px !important;
}
.notice{
  gap:10px !important;
  align-items:flex-start !important;
}
.notice .no{
  font-size:25px !important;
  line-height:1 !important;
}
.notice b{
  font-size:16px !important;
  margin-bottom:4px !important;
}
.notice p{
  font-size:14px !important;
  line-height:1.48 !important;
}

@media(max-width:900px){
  .infoBox{
    grid-template-columns:1fr !important;
  }
  .hero p{
    font-size:16px !important;
  }
}


/* --- Wersja 4.8: osobny rząd logo + osobny rząd nawigacji --- */
.site-header{
  position:relative !important;
  height:auto !important;
  min-height:0 !important;
  padding:0 !important;
  background:#fff !important;
  overflow:visible !important;
  border-bottom:1px solid rgba(165,125,68,.15);
}

.site-header .language-switcher{
  position:absolute !important;
  top:12px !important;
  right:26px !important;
  z-index:30 !important;
}

.brand-row{
  min-height:126px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:15px 160px 8px;
  background:#fff;
  position:relative;
  z-index:8;
}

.brand-row .brand{
  position:static !important;
  left:auto !important;
  top:auto !important;
  transform:none !important;
  width:auto !important;
  min-width:430px !important;
  height:auto !important;
  margin:0 auto !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  pointer-events:auto !important;
  z-index:auto !important;
}

.brand-row .lotus{
  width:66px !important;
  height:43px !important;
  margin:0 auto 6px !important;
}

.brand-row .lotus svg{
  width:62px !important;
  height:42px !important;
}

.brand-row .brand strong{
  font-family:Georgia, "Palatino Linotype", "Book Antiqua", serif !important;
  font-size:43px !important;
  line-height:.98 !important;
  letter-spacing:5.2px !important;
  font-weight:400 !important;
  color:#d946ae !important;
  margin:0 !important;
  white-space:nowrap;
}

.brand-row .brand span{
  font-family:"Segoe UI", Arial, sans-serif !important;
  font-size:10px !important;
  line-height:1 !important;
  letter-spacing:6.4px !important;
  color:#d946ae !important;
  margin:10px 0 0 !important;
  padding:0 !important;
  white-space:nowrap;
  opacity:.9 !important;
}

.nav-row{
  border-top:1px solid rgba(165,125,68,.14);
  background:rgba(255,255,255,.98);
  box-shadow:0 8px 22px rgba(67,45,18,.035);
}

.site-header .main-nav{
  width:min(1240px,94%) !important;
  min-height:58px !important;
  height:auto !important;
  margin:0 auto !important;
  padding:7px 0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:30px !important;
  position:static !important;
}

.site-header .nav-group{
  display:flex;
  align-items:center;
  gap:30px;
}

.site-header .main-nav a{
  position:static !important;
  z-index:auto !important;
  margin:0 !important;
  padding:10px 0;
  font-family:"Segoe UI", Arial, sans-serif !important;
  font-size:10.5px !important;
  line-height:1 !important;
  font-weight:600 !important;
  letter-spacing:1.7px !important;
  color:#312921 !important;
  text-decoration:none !important;
  white-space:nowrap;
}

.site-header .main-nav a:not(.book){
  border-bottom:1px solid transparent;
  transition:border-color .2s ease,color .2s ease;
}

.site-header .main-nav a:not(.book):hover{
  color:#9b691f !important;
  border-bottom-color:rgba(155,105,31,.45);
}

.site-header .main-nav .book{
  color:#fff !important;
  padding:12px 18px !important;
  letter-spacing:1.15px !important;
}

/* Nie pozwalamy wcześniejszym regułom nav / brand ingerować w nowy header. */
.site-header nav > a:nth-of-type(1),
.site-header nav > a:nth-of-type(2),
.site-header nav > a:nth-of-type(3),
.site-header nav > a:nth-of-type(4),
.site-header nav > a:nth-of-type(5),
.site-header nav > a:nth-of-type(6){
  justify-self:auto !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

/* Zasady pobytu delikatniejsze wizualnie */
.infoBox .notice:first-child .no{
  color:#a77935;
  font-size:20px !important;
}

/* Responsywność nowego nagłówka */
@media(max-width:900px){
  .site-header .language-switcher{
    top:9px !important;
    right:50% !important;
    transform:translateX(50%) !important;
  }
  .brand-row{
    min-height:132px;
    padding:38px 18px 10px;
  }
  .brand-row .brand{
    min-width:0 !important;
    width:100% !important;
  }
  .brand-row .brand strong{
    font-size:34px !important;
    letter-spacing:4px !important;
  }
  .brand-row .brand span{
    letter-spacing:4.7px !important;
    font-size:9px !important;
  }
  .site-header .main-nav{
    flex-direction:column !important;
    gap:5px !important;
    padding:10px 12px 14px !important;
  }
  .site-header .nav-group{
    justify-content:center;
    flex-wrap:wrap;
    gap:6px 18px;
  }
  .site-header .main-nav a{
    font-size:10px !important;
  }
}

