:root{
  --sz_bg: #eef0ed;
  --sz_text: #1f2a31;
  --sz_muted: rgba(31,42,49,0.78);
  --sz_line: rgba(31,42,49,0.18);
  --sz_badge: #4f6473;
}

/* ===== SEKCJA SZCZEGÓŁY ===== */
.szczegoly_section{
  width:100vw;
  height:100vh;
  background: var(--sz_bg);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.szczegoly_wrap{
  width:100%;
  height:100%;
  display:grid;
  grid-template-columns: 1.05fr 1fr;
}

/* ===== LEWA GRAFIKA ===== */
.szczegoly_left{
  position:relative;
  height:100%;
  overflow:hidden;
  background: url("img/szczegoly_left.jpg") center center / cover no-repeat;
}

.szczegoly_left::after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(90deg, rgba(0,0,0,0.10) 0%, rgba(0,0,0,0.03) 55%, rgba(0,0,0,0) 100%);
}

.szczegoly_left_img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* ===== PRAWA KOLUMNA ===== */
.szczegoly_right{
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:54px 62px;
  box-sizing:border-box;
}

.szczegoly_title{
  margin:0 0 34px 0;
  font-family:"Cormorant Garamond", serif;
  font-weight:600;
  font-size: clamp(2.2rem, 3.2vw, 4.0rem);
  color: rgba(79,100,115,0.95);
  letter-spacing:-0.5px;
}

.szczegoly_rows{
  display:flex;
  flex-direction:column;
  gap:26px;
}

/* ===== WIERSZE / BADGE ===== */
.szczegoly_row{
  display:grid;
  grid-template-columns: 108px 1fr;
  gap:24px;
  align-items:center;
}

.szczegoly_badge{
  width:96px;
  height:96px;
  border-radius:999px;
  background: var(--sz_badge);
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  box-shadow:0 10px 26px rgba(0,0,0,0.10);
}

.badge_top{
  font-family:"Arsenal", serif;
  font-size:1.35rem;
  font-weight:600;
  line-height:1.0;
}

.badge_bottom{
  font-family:"Arsenal", serif;
  font-size:1.6rem;
  font-weight:600;
  line-height:1.0;
  margin-top:4px;
}

.badge_big{
  font-family:"Arsenal", serif;
  font-size:1.55rem;
  font-weight:600;
  line-height:1.0;
}

/* ===== TEKST ===== */
.szczegoly_text{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.szczegoly_label{
  font-family:"Arsenal", Arial, sans-serif;
  font-weight:700;
  letter-spacing:0.6px;
  font-size:1.5rem;
  color: var(--sz_text);
}

.szczegoly_desc{
  font-family:"Arsenal", Arial, sans-serif;
  font-size:1.15rem;
  color: var(--sz_muted);
  line-height:1.35;
  max-width:640px;
}

.szczegoly_divider{
  height:1px;
  background: var(--sz_line);
  width:80%;
  margin-left:120px;
}

.szczegoly_footer_text{
  margin:34px 0 0 0;
  font-family:"Arsenal", Arial, sans-serif;
  font-size:1.35rem;
  line-height:1.45;
  color: rgba(79,100,115,0.95);
  font-weight:700;
  max-width:820px;
}

/* ===== RESPONSYWNOŚĆ ===== */
@media (max-width: 1100px){
  .szczegoly_wrap{ grid-template-columns: 1fr 1fr; }
  .szczegoly_right{ padding:42px 34px; }
}

@media (max-width: 900px){
  .szczegoly_section{
    height:auto;
    min-height:100vh;
  }

  .szczegoly_wrap{
    grid-template-columns: 1fr;
    grid-template-rows: 44vh auto;
    height:auto;
    min-height:100vh;
  }

  .szczegoly_left{ min-height:44vh; }

  .szczegoly_right{
    padding:26px 18px 34px 18px;
    justify-content:flex-start;
  }

  .szczegoly_title{
    margin-bottom:22px;
    text-align:center;
  }

  .szczegoly_row{
    grid-template-columns: 90px 1fr;
    gap:16px;
  }

  .szczegoly_badge{
    width:82px;
    height:82px;
  }

  .szczegoly_divider{ margin-left:106px; }

  .szczegoly_footer_text{
    margin-top:22px;
    font-size:1.0rem;
  }
}