*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f3ed;color:#382f29;font:16px/1.7 Arial,sans-serif}.w{width:min(1160px,calc(100% - 36px));margin:auto}header{position:sticky;top:0;z-index:20;background:#f7f3edf2;backdrop-filter:blur(12px);border-bottom:1px solid #ded5cb}.nav{height:70px;display:flex;align-items:center;justify-content:space-between}.logo{font:30px Georgia;text-decoration:none}.logo small{font:9px Arial;letter-spacing:.22em;display:block;margin-top:-7px}nav{display:flex;gap:18px;align-items:center}nav a{text-decoration:none}.btn{display:inline-block;background:#382f29;color:#fff!important;text-decoration:none;padding:12px 20px;border-radius:99px;font-weight:bold}.hero{width:100%;display:block}.intro{text-align:center;padding:65px 0 72px}.ey{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#98795f;font-weight:bold}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.15}h1{font-size:clamp(40px,6vw,68px);margin:.25em 0}h2{font-size:clamp(31px,4vw,48px)}h3{font-size:23px}.lead{font-size:18px;color:#756b63;max-width:830px;margin:15px auto 28px}section{padding:72px 0;border-top:1px solid #ded5cb}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card,.review{background:#fff;border:1px solid #ded5cb;border-radius:19px;padding:23px}.card p{color:#756b63}.card a{font-weight:bold;text-decoration:none}.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.split img{width:100%;border-radius:22px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.gallery figure{margin:0;background:white;border:1px solid #ded5cb;border-radius:17px;overflow:hidden}.gallery img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.gallery figcaption{padding:11px 14px;color:#756b63;font-size:13px}.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stars{color:#98795f;letter-spacing:.12em}.review p{font:18px/1.55 Georgia,serif}.price{max-width:900px}.pg{margin:30px 0}.pg h3{border-bottom:1px solid #ded5cb;padding-bottom:10px}.pr{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px dashed #d7cec5}.pr b{white-space:nowrap}.booking{background:#382f29;color:#fff}.booking p{color:#ddd}.bookgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.book{background:#fff;color:#382f29;text-decoration:none;padding:20px;border-radius:17px}.book strong{font-size:19px}.visit{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}.visit img{width:100%;border-radius:20px}.hours{display:grid;grid-template-columns:auto 1fr;gap:6px 18px}.faq details{background:white;border:1px solid #ded5cb;border-radius:14px;padding:16px 19px;margin:9px 0}.sub{padding:70px 0}.content{max-width:850px}footer{padding:30px 0;color:#756b63;font-size:13px}.mobile{display:none}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.reviews{grid-template-columns:1fr 1fr}.split,.visit{grid-template-columns:1fr}}@media(max-width:650px){nav a:not(.btn){display:none}.grid,.gallery,.reviews,.bookgrid{grid-template-columns:1fr}.intro,section{padding:48px 0}.hero{min-height:210px;object-fit:cover}.mobile{display:block;position:fixed;bottom:14px;left:18px;right:18px;text-align:center;z-index:30}.pr{font-size:14px}footer{padding-bottom:80px}}

/* --- HERO: pełna szerokość strony, bez deformowania grafiki --- */
html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}
main {
  width: 100%;
  max-width: 100%;
}
img.hero {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  margin: 0;
}


/* MOBILE — w sekcjach ze zdjęciem najpierw zdjęcie, potem tekst */
@media (max-width: 650px) {
  .split,
  .visit {
    display: flex;
    flex-direction: column;
  }

  .split > img,
  .visit > img {
    order: -1;
    width: 100%;
    height: auto;
    display: block;
  }

  .split > div,
  .visit > div {
    order: 0;
  }
}

/* Nagłówek bez dodatkowego logo po lewej */
.nav {
  justify-content: flex-end;
}


/* MOBILE — O MNIE: zawsze zdjęcie przed tekstem */
@media (max-width: 900px) {
  #omnie .about-split {
    display: flex !important;
    flex-direction: column !important;
  }

  #omnie .about-split > img {
    order: 1 !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 0 28px 0 !important;
  }

  #omnie .about-split > div {
    order: 2 !important;
  }
}