/* Silver Garden - 10 piętro : style globalne */

html { scroll-behavior: smooth; }
body { margin: 0; overflow-x: clip; background: #14120F; color: #F4F1EB; font-family: "Montserrat", system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
* { box-sizing: border-box; }

a { color: #C0A277; text-decoration: none; }
a:hover { color: #F4F1EB; }
input, select, textarea, button { font-family: inherit; }

/* Widoczny fokus klawiatury - WCAG 2.4.7 */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible { outline: 2px solid #C0A277; outline-offset: 3px; }

/* Przejścia stanów interaktywnych */
a, button { transition: background-color .45s cubic-bezier(.22,.61,.36,1), border-color .45s cubic-bezier(.22,.61,.36,1), color .45s cubic-bezier(.22,.61,.36,1); }

@keyframes sgFade { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
@keyframes sgPulse { 0% { transform: scale(0.6); opacity: 0.85; } 70% { transform: scale(1.5); opacity: 0; } 100% { transform: scale(1.5); opacity: 0; } }

/* Ograniczona animacja - WCAG 2.3.3 */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
  html { scroll-behavior: auto; }
}


/* ------------------------------------------------------------------
   Zachowanie responsywne - reguły niemożliwe do zapisania inline
   ------------------------------------------------------------------ */

/* Galeria: kafle klikalne */
.sg-shot { transition: opacity .4s ease; }
.sg-shot:hover { opacity: .82; }

/* Lightbox */
.sg-lightbox {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(11, 10, 8, 0.95);
  padding: clamp(12px, 4vw, 56px);
}
.sg-lightbox[data-open="1"] { display: flex; }
.sg-lightbox img {
  max-width: 100%;
  max-height: 82vh;
  display: block;
  object-fit: contain;
}
.sg-lb-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(20, 18, 15, 0.8);
  border: 1px solid rgba(244, 241, 235, 0.34);
  color: #F4F1EB;
  font-size: 24px;
  cursor: pointer;
}
.sg-lb-btn:hover { border-color: #A98657; color: #C0A277; }
.sg-lb-prev { left: clamp(8px, 2vw, 32px); }
.sg-lb-next { right: clamp(8px, 2vw, 32px); }
.sg-lb-close { top: clamp(12px, 2vw, 28px); right: clamp(12px, 2vw, 28px); transform: none; }
.sg-lb-count {
  position: absolute;
  bottom: clamp(14px, 2vw, 30px);
  left: 50%;
  transform: translateX(-50%);
  font-size: 13px;
  letter-spacing: 0.16em;
  color: rgba(244, 241, 235, 0.72);
}

/* Wskaźnik przesuwania dla list poziomych */
.sg-dots {
  display: none;
  gap: 7px;
  justify-content: center;
  align-items: center;
  padding: 16px 0 2px;
}
.sg-dots span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgba(244, 241, 235, 0.28);
  transition: background-color .3s ease, transform .3s ease;
}
.sg-dots span[data-on="1"] { background: #A98657; transform: scale(1.35); }
.sg-dots i {
  font-size: 15px;
  color: rgba(244, 241, 235, 0.5);
  margin-left: 6px;
}

@media (max-width: 760px) {
  /* Hero: zdjęcie na górze, treść pod nim na czystym tle */
  .sg-hero {
    position: relative !important;
    min-height: 0 !important;
    flex-direction: column !important;
    align-items: stretch !important;
    background-image: none !important;
    background: #14120F !important;
  }
  .sg-hero-img {
    display: block !important;
    width: 100%;
    height: 34vh;
    min-height: 210px;
    max-height: 320px;
    object-fit: cover;
    object-position: center 72%;
  }
  .sg-hero-inner { padding: 30px 20px 40px !important; }

  /* Kafle: ikona obok tytułu, nie nad nim */
  .sg-tile {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    row-gap: 12px !important;
    column-gap: 16px !important;
  }
  .sg-tile > i { flex: none !important; font-size: 30px !important; }
  .sg-tile > h3 { flex: 1 1 0 !important; min-width: 0; }
  .sg-tile > p { flex: 1 1 0 !important; min-width: 0; }
  .sg-tile > h3 ~ p { flex: 1 1 100% !important; }

  /* Listy poziome dochodzą do prawej krawędzi ekranu */
  .sg-units {
    margin-right: calc(-1 * clamp(20px, 4vw, 72px)) !important;
    padding-right: 0 !important;
  }
  .sg-dots { display: flex; }

  /* Nagłówek: tylko logo i CTA - linki znikają, żeby nic nie nachodziło */
  .sg-navlinks { display: none !important; }

  /* Plakietka z rabatem wchodzi w tok dokumentu nad nagłówkiem */
  .sg-seal {
    position: absolute !important;
    top: 18px !important;
    right: 16px !important;
    width: 166px !important;
    height: 166px !important;
    margin: 0 !important;
    padding: 14px !important;
  }
  .sg-seal > span:first-child { font-size: 11.5px !important; letter-spacing: 0.1em !important; max-width: 94% !important; }
  .sg-seal > span:nth-child(2) { font-size: 36px !important; }
  .sg-seal > span:last-child { font-size: 11px !important; max-width: 94% !important; }
  .sg-hero-copy { padding-top: 0 !important; }
  .sg-hero-inner { position: static !important; }

  /* Przyciski na całą szerokość */
  .sg-hero-copy a[href="#kontakt"],
  .sg-hero-copy a[href="#apartamenty"],
  #kontakt button,
  #szybki-kontakt button,
  #szybki-kontakt input[type="email"] { width: 100% !important; flex: 1 1 100% !important; }
  .sg-hero-copy > div:last-child { flex-direction: column !important; align-items: stretch !important; }

  /* Kafle cech: bez wymuszonej wysokości i z mniejszym oddechem */
  .sg-tile {
    min-height: 0 !important;
    padding: 26px 22px !important;
    gap: 12px !important;
  }

  /* Punkty POI zasłaniały mapę na małym ekranie */
  .sg-map-poi { display: none !important; }

  /* Galeria i lista lokali: przesuwane w poziomie */
  .sg-gallery,
  .sg-units {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .sg-gallery::-webkit-scrollbar,
  .sg-units::-webkit-scrollbar { display: none; }
  .sg-gallery > * {
    flex: 0 0 82%;
    scroll-snap-align: center;
  }
  .sg-units > * {
    flex: 0 0 78%;
    scroll-snap-align: center;
  }

  /* Krótsza strona: mniej pionowego powietrza między sekcjami */
  #szybki-kontakt,
  #standard,
  #apartamenty,
  #inwestycja,
  #deweloper,
  #kontakt { padding-top: 44px !important; padding-bottom: 44px !important; }
  #lokalizacja > div:last-child { padding-top: 44px !important; padding-bottom: 44px !important; }
  footer { padding-top: 26px !important; padding-bottom: 26px !important; }
  #kontakt { padding-bottom: 30px !important; }
  #kontakt form { gap: 14px !important; }
}

/* Desktop: mniej powietrza pod formularzem i nad stopką */
#kontakt { padding-bottom: clamp(34px, 3.4vw, 64px); }
footer { padding-top: clamp(26px, 2.4vw, 44px) !important; }


/* ------------------------------------------------------------------
   Style układu - jedna klasa na unikalny zestaw deklaracji
   ------------------------------------------------------------------ */

.sg-1 {
  width:100%;
  margin:0 auto;
  background:#14120F;
}
.sg-2 {
  position:sticky;
  top:0;
  z-index:50;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:clamp(11px,1.4vw,18px) clamp(14px,4vw,72px);
  background:rgba(20,18,15,0.82);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(244,241,235,0.1);
}
.sg-3 {
  width:100%;
  max-width:1440px;
  margin:0 auto;
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:space-between;
  gap:clamp(12px,2vw,24px);
}
.sg-4 {
  flex:none;
  display:flex;
  align-items:center;
  gap:clamp(10px,1.4vw,18px);
}
.sg-5 {
  display:flex;
  align-items:center;
  flex:none;
}
.sg-6 {
  height:clamp(34px,3vw,46px);
  aspect-ratio:156/60;
  width:auto;
  flex:none;
  object-fit:contain;
  display:block;
}
.sg-7 {
  padding-left:clamp(10px,1.4vw,18px);
  border-left:1px solid rgba(244,241,235,0.22);
  white-space:nowrap;
  font-size:clamp(11px,1vw,13px);
  letter-spacing:0.22em;
  color:#C0A277;
  font-weight:400;
}
.sg-8 {
  flex:1 1 auto;
  min-width:0;
  display:flex;
  align-items:center;
  gap:clamp(14px,2vw,36px);
  flex-wrap:nowrap;
  justify-content:flex-end;
}
.sg-9 {
  flex:0 1 auto;
  min-width:0;
  height:18px;
  overflow:hidden;
  display:flex;
  flex-wrap:wrap;
  align-content:flex-start;
  gap:clamp(14px,2vw,36px);
}
.sg-10 {
  flex:none;
  white-space:nowrap;
  font-size:clamp(11px,1vw,13px);
  letter-spacing:0.12em;
  color:rgba(244,241,235,0.72);
  text-transform:uppercase;
}
.sg-11 {
  flex:none;
  padding:12px clamp(16px,1.6vw,24px);
  border:1px solid #A98657;
  color:#C0A277;
  font-size:clamp(11px,1vw,13px);
  font-weight:600;
  letter-spacing:0.1em;
  text-transform:uppercase;
  min-height:44px;
  display:flex;
  align-items:center;
  white-space:nowrap;
}
.sg-11:hover {
  background:#A98657;
  color:#14120F;
}
.sg-12 {
  position:relative;
  min-height:clamp(560px,88vh,1010px);
  display:flex;
  align-items:flex-end;
  background-image:linear-gradient(to top, rgba(20,18,15,0.88) 0%, rgba(20,18,15,0.66) 42%, rgba(20,18,15,0.3) 74%, rgba(20,18,15,0.16) 100%), url('uploads/opt/vis-99-w01.webp');
  background-size:cover;
  background-position:center;
}
.sg-13 {
  position:absolute;
  top:clamp(80px,9vw,120px);
  right:calc(max(0px, (100% - 1584px) / 2) + clamp(20px,4vw,72px));
  z-index:3;
  width:clamp(200px,17vw,262px);
  height:clamp(200px,17vw,262px);
  border-radius:50%;
  background:rgba(20,18,15,0.82);
  padding:clamp(24px,2.2vw,32px);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  text-align:center;
}
.sg-14 {
  max-width:88%;
  font-size:clamp(12px,1vw,14px);
  font-weight:500;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:#C0A277;
}
.sg-15 {
  font-family:'Marcellus',serif;
  font-size:clamp(38px,4.2vw,68px);
  line-height:1;
  color:#C0A277;
}
.sg-16 {
  width:32px;
  height:1px;
  background:rgba(192,162,119,0.6);
  margin:8px 0;
}
.sg-17 {
  max-width:82%;
  font-size:clamp(11px,0.85vw,13px);
  font-weight:400;
  line-height:1.45;
  color:rgba(244,241,235,0.92);
}
.sg-18 {
  display:none;
}
.sg-19 {
  width:100%;
  padding:clamp(40px,6vw,96px) clamp(20px,4vw,72px);
  animation:sgFade 1s ease both;
  position:relative;
  max-width:1584px;
  margin:0 auto;
  display:flex;
  flex-wrap:wrap;
  gap:clamp(28px,4vw,72px);
  align-items:flex-start;
  justify-content:space-between;
}
.sg-20 {
  flex:1 1 100%;
  max-width:1000px;
  padding-top:max(0px, calc(168px - (100vw - 380px) * 0.3));
  display:flex;
  flex-direction:column;
  gap:clamp(20px,2.4vw,34px);
}
.sg-21 {
  align-self:flex-start;
  margin-left:-16px;
  padding:9px 16px;
  background:rgba(20,18,15,0.72);
  font-size:clamp(10px,0.85vw,12px);
  font-weight:400;
  letter-spacing:0.24em;
  color:#C0A277;
  text-transform:uppercase;
}
.sg-22 {
  margin:0;
  max-width:min(100%,12.5em);
  font-family:'Marcellus',serif;
  font-weight:400;
  font-size:clamp(31px,5.4vw,92px);
  line-height:1.07;
  letter-spacing:-0.015em;
}
.sg-23 {
  margin:0;
  max-width:620px;
  font-size:clamp(16px,1.15vw,21px);
  font-weight:300;
  line-height:1.65;
  color:rgba(244,241,235,0.94);
  text-wrap:pretty;
}
.sg-24 {
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  align-items:center;
  padding-top:8px;
}
.sg-25 {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:56px;
  padding:0 clamp(22px,2.4vw,38px);
  background:#A98657;
  color:#14120F;
  font-size:clamp(12px,1vw,14px);
  font-weight:600;
  letter-spacing:0.12em;
  text-transform:uppercase;
  text-align:center;
}
.sg-25:hover {
  background:#C0A277;
}
.sg-26 {
  padding:clamp(32px,3.2vw,56px) clamp(20px,4vw,72px);
  background:rgba(169,134,87,0.12);
}
.sg-27 {
  max-width:1440px;
  margin:0 auto;
  display:flex;
  flex-wrap:wrap;
  gap:clamp(20px,2.4vw,44px);
  align-items:center;
  justify-content:space-between;
}
.sg-28 {
  flex:1 1 340px;
  max-width:560px;
  display:flex;
  gap:clamp(16px,1.6vw,24px);
  align-items:flex-start;
}
.sg-29 {
  flex:none;
  font-size:clamp(36px,3.4vw,48px);
  line-height:1;
  color:#A98657;
}
.sg-30 {
  font-family:'Marcellus',serif;
  font-size:clamp(20px,1.8vw,28px);
  line-height:1.28;
  color:#F4F1EB;
}
.sg-31 {
  margin-top:8px;
  font-size:14px;
  font-weight:300;
  color:rgba(244,241,235,0.62);
}
.sg-32 {
  flex:1 1 min(100%,520px);
  max-width:640px;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.sg-33 {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.sg-34 {
  flex:1 1 220px;
  min-height:54px;
  padding:0 16px;
  background:transparent;
  border:1px solid rgba(244,241,235,0.45);
  color:#F4F1EB;
  font-size:16px;
  font-weight:300;
}
.sg-34:focus {
  border-color:#A98657;
  outline:none;
}
.sg-35 {
  flex:none;
  min-height:54px;
  padding:0 clamp(22px,2.2vw,34px);
  background:#A98657;
  border:none;
  color:#14120F;
  font-size:clamp(12px,1vw,14px);
  font-weight:600;
  letter-spacing:0.12em;
  text-transform:uppercase;
  cursor:pointer;
}
.sg-35:hover {
  background:#C0A277;
}
.sg-36 {
  display:flex;
  gap:10px;
  align-items:flex-start;
  font-size:12px;
  font-weight:300;
  line-height:1.5;
  color:rgba(244,241,235,0.66);
  cursor:pointer;
}
.sg-37 {
  width:17px;
  height:17px;
  margin:1px 0 0;
  accent-color:#A98657;
  flex:none;
}
.sg-38 {
  padding:clamp(30px,3vw,54px) clamp(20px,4vw,72px);
  background:#14120F;
  border-bottom:1px solid rgba(244,241,235,0.12);
}
.sg-39 {
  max-width:1440px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));
  column-gap:clamp(16px,1.8vw,44px);
  row-gap:clamp(26px,2.8vw,44px);
}
.sg-40 {
  font-family:'Marcellus',serif;
  font-size:clamp(30px,2.8vw,46px);
  color:#C0A277;
  line-height:1;
}
.sg-41 {
  margin-top:10px;
  font-size:13px;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:rgba(244,241,235,0.72);
}
.sg-42 {
  padding:clamp(56px,6vw,116px) clamp(20px,4vw,72px);
}
.sg-43 {
  max-width:1440px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:clamp(36px,4vw,68px);
}
.sg-44 {
  display:flex;
  flex-wrap:wrap;
  gap:clamp(20px,3vw,80px);
  align-items:flex-start;
  justify-content:space-between;
}
.sg-45 {
  flex:1 1 min(100%,380px);
  max-width:660px;
}
.sg-46 {
  font-size:12px;
  letter-spacing:0.34em;
  color:#A98657;
  text-transform:uppercase;
}
.sg-47 {
  margin:18px 0 0;
  font-family:'Marcellus',serif;
  font-weight:400;
  font-size:clamp(26px,3.6vw,60px);
  line-height:1.14;
  letter-spacing:-0.01em;
}
.sg-48 {
  margin:clamp(14px,1.6vw,34px) 0 0;
  flex:1 1 min(100%,300px);
  max-width:420px;
  font-size:17px;
  font-weight:300;
  line-height:1.7;
  color:rgba(244,241,235,0.66);
  text-wrap:pretty;
}
.sg-49 {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));
  gap:1px;
  background:rgba(244,241,235,0.12);
}
.sg-50 {
  background:#14120F;
  padding:clamp(30px,2.6vw,46px);
  display:flex;
  flex-direction:column;
  gap:16px;
  min-height:230px;
}
.sg-51 {
  font-size:38px;
  line-height:1;
  color:#A98657;
  flex:none;
}
.sg-52 {
  margin:0;
  font-family:'Marcellus',serif;
  font-weight:400;
  font-size:clamp(20px,1.55vw,26px);
  line-height:1.3;
}
.sg-53 {
  margin:0;
  font-size:16px;
  font-weight:300;
  line-height:1.65;
  color:rgba(244,241,235,0.62);
}
.sg-54 {
  position:relative;
  padding:clamp(56px,6vw,116px) clamp(20px,4vw,72px);
  background:#191712;
}
.sg-55 {
  flex:1 1 min(100%,380px);
  max-width:700px;
}
.sg-56 {
  margin:18px 0 0;
  font-family:'Marcellus',serif;
  font-weight:400;
  font-size:clamp(26px,3.6vw,60px);
  line-height:1.14;
}
.sg-57 {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));
  gap:clamp(24px,3vw,56px);
  align-items:stretch;
}
.sg-58 {
  display:flex;
  flex-direction:column;
  background:#14120F;
}
.sg-59 {
  width:100%;
  height:auto;
  display:block;
}
.sg-60 {
  padding:clamp(28px,2.4vw,44px);
  display:flex;
  flex-direction:column;
  gap:18px;
}
.sg-61 {
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:16px;
  flex-wrap:wrap;
}
.sg-62 {
  margin:0;
  font-family:'Marcellus',serif;
  font-weight:400;
  font-size:clamp(24px,2.1vw,34px);
}
.sg-63 {
  font-size:13px;
  letter-spacing:0.16em;
  color:#A98657;
  text-transform:uppercase;
}
.sg-64 {
  display:flex;
  flex-wrap:wrap;
  gap:28px;
}
.sg-65 {
  font-family:'Marcellus',serif;
  font-size:26px;
}
.sg-66 {
  font-size:12px;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:rgba(244,241,235,0.66);
  margin-top:6px;
}
.sg-67 {
  margin:0;
  font-size:16px;
  font-weight:300;
  line-height:1.7;
  color:rgba(244,241,235,0.62);
}
.sg-68 {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr));
  gap:1px;
  background:rgba(244,241,235,0.1);
}
.sg-69 {
  aspect-ratio:3/2;
  overflow:hidden;
  border:0;
  padding:0;
  cursor:zoom-in;
  background-image:url('uploads/opt/vis-z10.webp');
  background-size:cover;
  background-position:center;
}
.sg-70 {
  aspect-ratio:3/2;
  overflow:hidden;
  border:0;
  padding:0;
  cursor:zoom-in;
  background-image:url('uploads/opt/vis-99-w01.webp');
  background-size:cover;
  background-position:center;
}
.sg-71 {
  aspect-ratio:3/2;
  overflow:hidden;
  border:0;
  padding:0;
  cursor:zoom-in;
  background-image:url('uploads/opt/vis-107-w01.webp');
  background-size:cover;
  background-position:center;
}
.sg-72 {
  aspect-ratio:3/2;
  overflow:hidden;
  border:0;
  padding:0;
  cursor:zoom-in;
  background-image:url('uploads/opt/vis-107-w02.webp');
  background-size:cover;
  background-position:center;
}
.sg-73 {
  aspect-ratio:3/2;
  overflow:hidden;
  border:0;
  padding:0;
  cursor:zoom-in;
  background-image:url('uploads/opt/vis-99-w02.webp');
  background-size:cover;
  background-position:center;
}
.sg-74 {
  aspect-ratio:3/2;
  overflow:hidden;
  border:0;
  padding:0;
  cursor:zoom-in;
  background-image:url('uploads/opt/vis-107-w04.webp');
  background-size:cover;
  background-position:center;
}
.sg-75 {
  max-width:1440px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:clamp(36px,4vw,64px);
}
.sg-76 {
  display:flex;
  flex-wrap:wrap;
  gap:clamp(24px,4vw,72px);
  align-items:flex-end;
  justify-content:space-between;
}
.sg-77 {
  flex:1 1 min(100%,380px);
  max-width:640px;
}
.sg-78 {
  flex:1 1 460px;
  max-width:620px;
  background:rgba(169,134,87,0.07);
  padding:clamp(22px,2vw,30px) clamp(24px,2.2vw,34px);
}
.sg-79 {
  font-size:16px;
  font-weight:300;
  line-height:1.7;
  color:rgba(244,241,235,0.78);
}
.sg-80 {
  margin-top:14px;
  display:flex;
  align-items:center;
  gap:14px;
}
.sg-81 {
  flex:none;
  font-size:clamp(30px,2.6vw,38px);
  line-height:1;
  color:#A98657;
}
.sg-82 {
  font-family:'Marcellus',serif;
  font-size:clamp(22px,2vw,30px);
  color:#C0A277;
}
.sg-83 {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));
  gap:1px;
  background:rgba(244,241,235,0.12);
}
.sg-84 {
  position:relative;
  background:#14120F;
  padding:clamp(26px,2.2vw,38px);
  display:flex;
  flex-direction:column;
  gap:18px;
  min-height:200px;
}
.sg-84:hover {
  background:#1B1913;
}
.sg-85 {
  position:absolute;
  inset:0;
  pointer-events:none;
  background:rgba(169,134,87,0.09);
}
.sg-86 {
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:12px;
}
.sg-87 {
  font-family:'Marcellus',serif;
  font-size:clamp(20px,1.7vw,26px);
}
.sg-88 {
  font-size:11px;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:#C0A277;
}
.sg-89 {
  display:flex;
  flex-direction:column;
  gap:12px;
  border-top:1px solid rgba(244,241,235,0.12);
  padding-top:20px;
}
.sg-90 {
  display:flex;
  justify-content:space-between;
  font-size:15px;
  font-weight:300;
}
.sg-91 {
  display:flex;
  align-items:center;
  gap:9px;
  color:rgba(244,241,235,0.66);
}
.sg-92 {
  font-size:16px;
  line-height:1;
  color:rgba(244,241,235,0.66);
  flex:none;
}
.sg-93 {
  display:flex;
  flex-wrap:wrap;
  gap:clamp(18px,2vw,28px);
  align-items:center;
  padding:clamp(22px,2.2vw,32px) clamp(24px,2.4vw,36px);
  background:rgba(169,134,87,0.07);
}
.sg-94 {
  flex:none;
  font-size:40px;
  line-height:1;
  color:#A98657;
}
.sg-95 {
  flex:1 1 300px;
  font-size:clamp(16px,1.3vw,20px);
  font-weight:300;
  line-height:1.6;
  color:rgba(244,241,235,0.86);
}
.sg-96 {
  flex:none;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:54px;
  padding:0 clamp(24px,2.4vw,36px);
  background:#A98657;
  color:#14120F;
  font-size:clamp(12px,1vw,14px);
  font-weight:600;
  letter-spacing:0.12em;
  text-transform:uppercase;
}
.sg-96:hover {
  background:#C0A277;
}
.sg-97 {
  margin:0;
  font-size:13px;
  font-weight:300;
  color:rgba(244,241,235,0.74);
  max-width:900px;
}
.sg-98 {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));
  background:#191712;
}
.sg-99 {
  min-height:clamp(240px,42vw,640px);
  background-image:url('uploads/opt/Silver-Garden_Z02N.webp');
  background-size:cover;
  background-position:center;
}
.sg-100 {
  padding:clamp(56px,6vw,116px) clamp(20px,4vw,72px);
  display:flex;
  flex-direction:column;
  gap:clamp(28px,3vw,44px);
  justify-content:center;
}
.sg-101 {
  margin:18px 0 0;
  font-family:'Marcellus',serif;
  font-weight:400;
  font-size:clamp(25px,3.2vw,52px);
  line-height:1.16;
}
.sg-102 {
  margin:0;
  max-width:560px;
  font-size:17px;
  font-weight:300;
  line-height:1.75;
  color:rgba(244,241,235,0.68);
  text-wrap:pretty;
}
.sg-103 {
  display:flex;
  flex-direction:column;
  max-width:620px;
}
.sg-104 {
  display:flex;
  align-items:center;
  gap:clamp(16px,1.6vw,26px);
  padding:clamp(15px,1.5vw,20px) 0;
}
.sg-105 {
  font-size:28px;
  line-height:1;
  color:#A98657;
  flex:none;
}
.sg-106 {
  font-family:'Marcellus',serif;
  font-size:clamp(20px,1.6vw,25px);
  color:#C0A277;
  min-width:90px;
}
.sg-107 {
  font-size:15px;
  font-weight:300;
  color:rgba(244,241,235,0.7);
}
.sg-108 {
  display:flex;
  align-items:center;
  gap:clamp(16px,1.6vw,26px);
  padding:clamp(15px,1.5vw,20px) 0;
  border-top:1px solid rgba(244,241,235,0.14);
}
.sg-109 {
  display:flex;
  flex-wrap:wrap;
  gap:1px;
  background:rgba(244,241,235,0.12);
}
.sg-110 {
  flex:1 1 300px;
  background:#14120F;
  padding:clamp(30px,2.6vw,44px) clamp(22px,2vw,34px);
  display:flex;
  flex-direction:column;
  gap:18px;
  min-height:230px;
}
.sg-111 {
  font-size:40px;
  line-height:1;
  color:#A98657;
}
.sg-112 {
  margin:0;
  font-size:15px;
  font-weight:300;
  line-height:1.65;
  color:rgba(244,241,235,0.66);
}
.sg-113 {
  font-weight:500;
  color:#F4F1EB;
}
.sg-114 {
  padding:clamp(56px,6vw,116px) clamp(20px,4vw,72px);
  background:#191712;
}
.sg-115 {
  max-width:1440px;
  margin:0 auto;
  display:flex;
  flex-wrap:wrap;
  gap:clamp(32px,4vw,80px);
  align-items:flex-start;
  justify-content:space-between;
}
.sg-116 {
  flex:1 1 min(100%,420px);
  max-width:640px;
  display:flex;
  flex-direction:column;
  gap:clamp(22px,2.2vw,32px);
}
.sg-117 {
  width:clamp(180px,17vw,260px);
  height:auto;
  display:block;
}
.sg-118 {
  margin:0;
  font-size:clamp(17px,1.35vw,21px);
  font-weight:400;
  line-height:1.6;
  color:#F4F1EB;
  text-wrap:pretty;
}
.sg-119 {
  flex:1 1 min(100%,380px);
  max-width:600px;
  display:flex;
  flex-direction:column;
  gap:clamp(18px,1.8vw,26px);
  padding-top:clamp(0px,2vw,54px);
}
.sg-120 {
  margin:0;
  font-size:16px;
  font-weight:300;
  line-height:1.75;
  color:rgba(244,241,235,0.7);
  text-wrap:pretty;
}
.sg-121 {
  position:relative;
  background:#191712;
}
.sg-122 {
  position:relative;
  height:clamp(320px,34vw,560px);
}
.sg-123 {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  filter:grayscale(1) invert(0.92) hue-rotate(180deg) contrast(0.86) brightness(0.94);
}
.sg-124 {
  position:absolute;
  top:clamp(14px,2.4vw,32px);
  right:clamp(14px,4vw,72px);
  z-index:4;
  display:flex;
  align-items:center;
  gap:10px;
  min-height:48px;
  padding:0 20px;
  background:rgba(20,18,15,0.9);
  border:1px solid rgba(244,241,235,0.5);
  color:#F4F1EB;
  font-size:12px;
  font-weight:600;
  letter-spacing:0.12em;
  text-transform:uppercase;
}
.sg-124:hover {
  border-color:#A98657;
  color:#C0A277;
}
.sg-125 {
  font-size:18px;
  line-height:1;
}
.sg-126 {
  position:absolute;
  left:clamp(16px,4vw,72px);
  bottom:clamp(16px,2.4vw,36px);
  right:clamp(16px,4vw,72px);
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:flex-end;
  justify-content:flex-end;
  pointer-events:none;
}
.sg-127 {
  display:flex;
  align-items:center;
  gap:9px;
  padding:9px 14px;
  background:rgba(20,18,15,0.9);
  font-size:12px;
  font-weight:300;
  color:rgba(244,241,235,0.86);
}
.sg-128 {
  font-size:16px;
  color:#A98657;
}
.sg-129 {
  padding:clamp(56px,6vw,116px) clamp(20px,4vw,72px);
  background:#14120F;
}
.sg-130 {
  max-width:1440px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));
  gap:clamp(36px,4vw,80px);
  align-items:start;
}
.sg-131 {
  display:flex;
  flex-direction:column;
  gap:24px;
}
.sg-132 {
  margin:0;
  font-family:'Marcellus',serif;
  font-weight:400;
  font-size:clamp(26px,3.4vw,56px);
  line-height:1.14;
}
.sg-133 {
  margin:0;
  max-width:480px;
  font-size:17px;
  font-weight:300;
  line-height:1.75;
  color:rgba(244,241,235,0.7);
  text-wrap:pretty;
}
.sg-134 {
  display:flex;
  flex-direction:column;
  gap:10px;
  padding-top:8px;
  font-size:16px;
  font-weight:300;
  color:rgba(244,241,235,0.8);
}
.sg-135 {
  display:flex;
  align-items:center;
  gap:14px;
}
.sg-136 {
  font-size:20px;
  line-height:1;
  color:#A98657;
  flex:none;
}
.sg-137 {
  background:rgba(25,23,18,0.86);
  border:1px solid rgba(244,241,235,0.14);
  padding:clamp(28px,2.8vw,48px);
  display:flex;
  flex-direction:column;
  gap:20px;
}
.sg-138 {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));
  gap:20px;
}
.sg-139 {
  display:flex;
  flex-direction:column;
  gap:8px;
}
.sg-140 {
  font-size:12px;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:rgba(244,241,235,0.66);
}
.sg-141 {
  min-height:52px;
  padding:0 16px;
  background:transparent;
  border:1px solid rgba(244,241,235,0.22);
  color:#F4F1EB;
  font-size:16px;
  font-weight:300;
}
.sg-141:focus {
  border-color:#A98657;
  outline:none;
}
.sg-142 {
  display:flex;
  gap:12px;
  align-items:flex-start;
  font-size:14px;
  font-weight:300;
  line-height:1.6;
  color:rgba(244,241,235,0.7);
  cursor:pointer;
}
.sg-143 {
  width:20px;
  height:20px;
  margin:2px 0 0;
  accent-color:#A98657;
  flex:none;
}
.sg-144 {
  display:flex;
  gap:12px;
  align-items:flex-start;
  font-size:13px;
  font-weight:300;
  line-height:1.6;
  color:rgba(244,241,235,0.6);
  cursor:pointer;
}
.sg-145 {
  color:#C0A277;
  text-decoration:underline;
}
.sg-146 {
  min-height:58px;
  background:#A98657;
  border:none;
  color:#14120F;
  font-size:14px;
  font-weight:600;
  letter-spacing:0.14em;
  text-transform:uppercase;
  cursor:pointer;
}
.sg-146:hover {
  background:#C0A277;
}
.sg-147 {
  padding:clamp(38px,3.6vw,64px) clamp(20px,4vw,72px);
}
.sg-148 {
  max-width:1440px;
  margin:0 auto;
  display:flex;
  flex-wrap:wrap;
  gap:24px;
  justify-content:space-between;
  align-items:center;
}
.sg-149 {
  display:flex;
  align-items:center;
  gap:12px;
  font-size:13px;
  font-weight:300;
  color:rgba(244,241,235,0.66);
}
.sg-150 {
  display:flex;
  flex-wrap:wrap;
  gap:28px;
  font-size:13px;
  font-weight:300;
}
.sg-151 {
  color:rgba(244,241,235,0.62);
}
.sg-152 {
  color:#C0A277;
}

.sg-check-sm { width: 17px; height: 17px; margin: 1px 0 0; accent-color: #A98657; flex: none; }
.sg-check { width: 20px; height: 20px; margin: 2px 0 0; accent-color: #A98657; flex: none; }