*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0d0d0c;color:#eee7dc;font-family:Montserrat,sans-serif;font-weight:300;line-height:1.7}a{color:inherit;text-decoration:none}.hero{height:100vh;min-height:680px;background:linear-gradient(90deg,rgba(5,5,4,.7),rgba(5,5,4,.2)),url("uploads/gallery/hero.png") center/cover;position:relative}.hero:after{content:"";position:absolute;inset:auto 0 0;height:30%;background:linear-gradient(transparent,#0d0d0c)}nav{position:absolute;z-index:2;top:0;left:0;right:0;height:90px;padding:0 7vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff16}.logo,footer span{font:600 27px "Cormorant Garamond",serif;letter-spacing:4px}.logo span{color:#c8a46a}nav div{display:flex;gap:32px;font-size:10px;letter-spacing:2px;text-transform:uppercase}nav div a:hover{color:#e0c38d}.outline{border:1px solid #c8a46a;padding:11px 17px;font-size:9px;text-transform:uppercase;letter-spacing:1.5px}.hero-content{position:absolute;z-index:2;left:10vw;top:31%;max-width:600px}.eyebrow{color:#e0c38d;letter-spacing:4px;text-transform:uppercase;font-size:9px;margin:0 0 17px}.hero h1,h2{font:600 clamp(55px,7vw,100px)/.92 "Cormorant Garamond",serif;margin:0}.hero h1 em,h2 em{color:#e0c38d;font-style:italic}.hero-content>p:not(.eyebrow){max-width:390px;color:#d0c8bd;font-size:13px;margin:25px 0 30px}.gold{display:inline-block;background:#c8a46a;color:#111;padding:14px 21px;text-transform:uppercase;letter-spacing:1.6px;font-size:9px;font-weight:600}.gold:hover{background:#e0c38d}section{padding:120px 7vw}.services{text-align:center;background:#121210}.heading{max-width:650px;margin:0 auto 60px}.heading h2{font-size:clamp(50px,6vw,75px)}.heading>p:last-child{color:#aaa39a;font-size:12px}.circles{display:flex;justify-content:center;flex-wrap:wrap;gap:42px}.circles>a{width:145px}.circle{width:145px;height:145px;border-radius:50%;border:1px solid #c8a46a99;overflow:hidden;transition:.4s}.circle img{width:100%;height:100%;object-fit:cover;transition:.4s}.circles>a:hover .circle{transform:scale(1.14);box-shadow:0 20px 50px #000}.circles h3{font:500 23px "Cormorant Garamond",serif;margin:17px 0 0}.gallery{background:#0d0d0c}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.gallery figure{margin:0;position:relative;overflow:hidden;background:#151513;min-height:300px}.gallery img{display:block;width:100%;height:100%;min-height:300px;object-fit:cover;transition:.5s}.gallery figure:hover img{transform:scale(1.04)}figcaption{position:absolute;left:0;right:0;bottom:0;padding:35px 20px 18px;background:linear-gradient(transparent,#000);display:flex;flex-direction:column}figcaption strong{font:500 25px "Cormorant Garamond",serif}figcaption small{color:#d0c8bd;font-size:9px;text-transform:uppercase;letter-spacing:2px}.contact{background:#151513;display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;align-items:center}.contact h2{font-size:clamp(55px,6vw,85px)}.contact>div>p:not(.eyebrow){color:#aaa39a;font-size:13px}.contact-data{margin:35px 0;border-top:1px solid #c8a46a44}.contact-data a{display:block;padding:16px 0;border-bottom:1px solid #c8a46a44}.contact-data small,.contact-data strong{display:block}.contact-data small{color:#aaa39a;font-size:8px;text-transform:uppercase;letter-spacing:2px}.contact-data strong{font-size:13px;font-weight:400}.map{height:500px;border:1px solid #c8a46a44}.map iframe{width:100%;height:100%;border:0;filter:grayscale(1) sepia(.2) brightness(.7)}footer{padding:35px 7vw;border-top:1px solid #c8a46a33;display:flex;justify-content:space-between;align-items:center;color:#777;font-size:9px;letter-spacing:1px}footer span{color:#eee7dc;font-size:20px}footer a{color:#c8a46a}@media(max-width:800px){nav{height:auto;padding:20px 5vw;flex-wrap:wrap;gap:15px}nav div{order:3;width:100%;justify-content:center;gap:15px}.outline{display:none}.hero-content{left:7vw;top:32%}.gallery-grid{grid-template-columns:1fr 1fr}.contact{grid-template-columns:1fr}.map{height:400px}}@media(max-width:520px){section{padding:80px 6vw}.gallery-grid{grid-template-columns:1fr}.circles{gap:25px 12px}.circles>a,.circle{width:120px}.circle{height:120px}.hero h1{font-size:60px}footer{flex-direction:column;gap:15px}}

.service-info-section{background:#11110f}
.service-details-list{max-width:1250px;margin:0 auto}
.service-detail{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;padding:70px 0;border-top:1px solid #c8a46a33}
.service-detail.reverse .service-detail-image{order:2}
.service-detail-image{min-height:460px;border:1px solid #c8a46a33;overflow:hidden}
.service-detail-image img{display:block;width:100%;height:100%;min-height:460px;object-fit:cover}
.service-detail-copy h2{font-size:clamp(48px,5vw,72px);margin-bottom:24px}
.service-description{white-space:normal;color:#aaa39a;font-size:14px;max-width:520px;margin:0 0 30px}
@media(max-width:800px){.service-detail{grid-template-columns:1fr;gap:35px}.service-detail.reverse .service-detail-image{order:0}.service-detail-image,.service-detail-image img{min-height:360px}}


/* ===== POPRAWKI UKŁADU USŁUG / NAV / POWRÓT NA GÓRĘ ===== */

/* Nawigacja zawsze widoczna podczas przewijania */
.hero nav{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  height: 78px;
  background: rgba(10,10,9,.92);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(200,164,106,.24);
  box-shadow: 0 8px 28px rgba(0,0,0,.18);
}

/* Żeby fixed nav nie zasłaniał kotwic */
#uslugi,
#galeria,
#kontakt,
.service-detail{
  scroll-margin-top: 92px;
}

/* Sekcja szczegółów bez jednego wspólnego tła */
.service-info-section{
  background: #10100f;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

.service-info-section > .heading{
  padding-left: 7vw;
  padding-right: 7vw;
  margin-bottom: 55px;
}

/* Każda usługa ma dokładnie taki sam układ i wysokość */
.service-details-list{
  max-width: none;
  width: 100%;
  margin: 0;
}

.service-detail{
  min-height: 620px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 0;
  align-items: stretch;
  padding: 0;
  border-top: 0;
  overflow: hidden;
}

/* Naprzemienne tła dla wyraźnego oddzielenia usług */
.service-tone-dark{
  background: #11110f;
}

.service-tone-light{
  background: #1b1b18;
}

/* Obraz i tekst mają identyczną połowę szerokości i wysokość */
.service-detail-image,
.service-detail-copy{
  min-width: 0;
  min-height: 620px;
}

.service-detail-image{
  overflow: hidden;
  border: 0;
  position: relative;
}

.service-detail-image::after{
  content: "";
  position: absolute;
  inset: 24px;
  border: 1px solid rgba(200,164,106,.34);
  pointer-events: none;
}

.service-detail-image img{
  width: 100%;
  height: 100%;
  min-height: 620px;
  display: block;
  object-fit: cover;
}

.service-detail-copy{
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 70px clamp(42px, 6vw, 110px);
}

.service-detail-copy h2{
  margin-top: 0;
  margin-bottom: 24px;
  max-width: 560px;
}

.service-description{
  max-width: 560px;
  margin-bottom: 34px;
}

/* Odwrócenie tylko kolejności kolumn, bez zmiany rozmiarów */
.service-detail.reverse .service-detail-image{
  order: 2;
}

.service-detail.reverse .service-detail-copy{
  order: 1;
}

/* Stały przycisk w prawym dolnym rogu */
.back-to-top{
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 1100;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(200,164,106,.65);
  background: rgba(16,16,14,.94);
  color: #e0c38d;
  display: grid;
  place-items: center;
  font-size: 22px;
  line-height: 1;
  text-decoration: none;
  box-shadow: 0 10px 30px rgba(0,0,0,.28);
  transition: transform .25s ease, background .25s ease, color .25s ease;
}

.back-to-top:hover{
  transform: translateY(-4px);
  background: #c8a46a;
  color: #111;
}

/* Tablet/mobile */
@media(max-width: 800px){
  .hero nav{
    height: auto;
    min-height: 76px;
    position: fixed;
  }

  #uslugi,
  #galeria,
  #kontakt,
  .service-detail{
    scroll-margin-top: 120px;
  }

  .service-detail{
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .service-detail.reverse .service-detail-image,
  .service-detail.reverse .service-detail-copy{
    order: initial;
  }

  .service-detail-image,
  .service-detail-copy{
    min-height: auto;
  }

  .service-detail-image,
  .service-detail-image img{
    min-height: 420px;
  }

  .service-detail-copy{
    padding: 52px 7vw 64px;
  }
}

@media(max-width: 520px){
  .service-detail-image,
  .service-detail-image img{
    min-height: 330px;
  }

  .back-to-top{
    right: 16px;
    bottom: 16px;
    width: 44px;
    height: 44px;
  }
}


/* Lista punktów w szczegółach usług */
.service-description{
  width: 100%;
  max-width: 560px;
  margin-bottom: 34px;
}

.service-description > p{
  margin: 0 0 28px;
  color: #c7b89a;
  font-size: 15px;
  line-height: 1.8;
}

.service-features{
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}

.service-features li{
  position: relative;
  padding: 14px 10px 14px 23px;
  border-top: 1px solid rgba(200,164,106,.28);
  color: #d8c8aa;
  font-size: 13px;
  line-height: 1.45;
}

.service-features li:last-child{
  border-bottom: 1px solid rgba(200,164,106,.28);
}

.service-features li::before{
  content: "✦";
  position: absolute;
  left: 0;
  top: 15px;
  color: #c8a46a;
  font-size: 10px;
}

/* Punkty usług */

.service-detail-copy .service-features {
    display: block !important;

    width: 100% !important;
    max-width: 560px !important;

    margin: 28px 0 0 !important;
    padding: 0 !important;
}