/* ========== LABORATORİYA SƏHİFƏSİ – ÜMUMİ ========== */

/* Базовые токены уже есть в style.css:
   --sb-max-width, --sb-max-img-width (≤ 350px), цвета и т.д.
   Здесь описываем только специфические секции. */

/* ========== SECTION 1: LABORATORİYA HERO ========== */

.sb-lab-hero {
  padding: 34px 20px 72px;
}

.sb-lab-hero-inner {
  max-width: var(--sb-max-width);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: 32px;
  align-items: center;
}

.sb-lab-hero-title {
  font-size: 32px;
  line-height: 1.08;
  letter-spacing: -0.02em;
  margin: 4px 0 12px;
}

.sb-lab-hero-text {
  font-size: 14px;
  color: var(--sb-color-ink-soft);
  max-width: 520px;
}

.sb-lab-hero-text + .sb-lab-hero-text {
  margin-top: 8px;
}

/* Pill-элементы */

.sb-lab-hero-points {
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.sb-lab-hero-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  border-radius: var(--sb-radius-pill);
  background: rgba(249, 244, 237, 0.96);
  border: 1px solid rgba(200, 230, 160, 0.7);
  font-size: 11px;
  color: var(--sb-color-ink-soft);
}

.sb-lab-hero-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: radial-gradient(circle at 20% 0, #FFFFFF 0, var(--sb-color-plum) 100%);
}

/* Vizual panel */

.sb-lab-hero-visual {
  position: relative;
}

.sb-lab-hero-glow {
  position: absolute;
  inset: -40px -10px -20px;
  background:
    radial-gradient(circle at 0 0, rgba(200, 230, 160, 0.5), transparent 60%),
    radial-gradient(circle at 100% 0, rgba(92, 39, 81, 0.4), transparent 60%),
    radial-gradient(circle at 50% 100%, rgba(217, 146, 99, 0.4), transparent 60%);
  opacity: 0.95;
  z-index: -1;
}

.sb-lab-hero-board {
  position: relative;
  border-radius: 34px;
  padding: 18px 18px 20px;
  background:
    linear-gradient(135deg, rgba(12, 9, 14, 0.96), rgba(39, 18, 28, 0.98));
  box-shadow: var(--sb-shadow-soft);
  overflow: hidden;
  min-height: 320px;
}

/* Фигуры в hero */

.sb-lab-hero-figure {
  position: absolute;
  margin: 0;
}

.sb-lab-hero-img {
  max-width: var(--sb-max-img-width);
  width: 100%;
  border-radius: 22px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.32);
  transition:
    transform 0.6s var(--sb-ease-soft),
    box-shadow 0.6s var(--sb-ease-soft);
}

.sb-lab-hero-figure--main {
  left: 8%;
  bottom: 6%;
}

.sb-lab-hero-figure--vials {
  right: 2%;
  bottom: 4%;
}

.sb-lab-hero-figure--notebook {
  left: 50%;
  top: 6%;
  transform: translateX(-50%);
}

/* Лёгкая “float” анимация */

.sb-lab-hero-figure--main .sb-lab-hero-img {
  animation: sbLabFloatA 9s ease-in-out infinite alternate;
}

.sb-lab-hero-figure--vials .sb-lab-hero-img {
  animation: sbLabFloatB 10s ease-in-out infinite alternate;
}

.sb-lab-hero-figure--notebook .sb-lab-hero-img {
  animation: sbLabFloatC 11s ease-in-out infinite alternate;
}

@keyframes sbLabFloatA {
  0% { transform: translateY(0) rotate(-2deg); }
  100% { transform: translateY(-10px) rotate(1deg); }
}

@keyframes sbLabFloatB {
  0% { transform: translateY(0) rotate(2deg); }
  100% { transform: translateY(-8px) rotate(0deg); }
}

@keyframes sbLabFloatC {
  0% { transform: translate(-50%, 0) rotate(-3deg); }
  100% { transform: translate(-50%, -8px) rotate(1deg); }
}

/* ========== SECTION 2: FORMUL FƏLSƏFƏSİ PANELİ ========== */

.sb-lab-philosophy {
  padding: 12px 20px 64px;
}

.sb-lab-philosophy-inner {
  max-width: var(--sb-max-width);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: 26px;
  align-items: flex-start;
}

.sb-lab-philosophy-text {
  font-size: 14px;
  color: var(--sb-color-ink-soft);
  max-width: 520px;
}

.sb-lab-philosophy-text + .sb-lab-philosophy-text {
  margin-top: 8px;
}

/* Ribbon addımlar */

.sb-lab-philosophy-ribbon {
  margin-top: 12px;
  border-radius: 20px;
  padding: 10px 10px 11px;
  background: rgba(249, 244, 237, 0.96);
  border: 1px solid rgba(200, 230, 160, 0.7);
  box-shadow: var(--sb-shadow-subtle);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.sb-lab-philosophy-step {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 6px;
  align-items: flex-start;
}

.sb-lab-philosophy-step-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  font-size: 11px;
  color: #FFFFFF;
  background: radial-gradient(circle at 20% 0, #FFFFFF 0, var(--sb-color-plum) 100%);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.25);
}

.sb-lab-philosophy-step-text {
  font-size: 13px;
  margin: 0;
  color: var(--sb-color-ink-soft);
}

/* Gallery sağda */

.sb-lab-philosophy-gallery {
  display: grid;
  grid-template-rows: minmax(0, 1.1fr) minmax(0, 1.1fr);
  gap: 10px;
}

.sb-lab-philosophy-figure {
  margin: 0;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: var(--sb-shadow-subtle);
}

.sb-lab-philosophy-img {
  max-width: var(--sb-max-img-width);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ========== SECTION 3: İSTEHSAL AXINI – ZONA PANORAMASI ========== */

.sb-lab-process {
  padding: 10px 20px 72px;
}

.sb-lab-process-inner {
  max-width: var(--sb-max-width);
  margin: 0 auto;
  display: grid;
  grid-template-rows: auto auto;
  row-gap: 18px;
}

.sb-lab-process-text {
  font-size: 14px;
  color: var(--sb-color-ink-soft);
  max-width: 540px;
}

/* Зоны слева */

.sb-lab-process-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: 22px;
  align-items: flex-start;
}

.sb-lab-process-zones {
  position: relative;
  padding-left: 18px;
  border-left: 1px dashed rgba(92, 39, 81, 0.28);
  display: grid;
  grid-template-rows: repeat(3, auto);
  row-gap: 10px;
}

.sb-lab-process-zone {
  position: relative;
  border-radius: 18px;
  padding: 8px 9px 10px;
  background: rgba(249, 244, 237, 0.96);
  border: 1px solid rgba(200, 230, 160, 0.7);
  box-shadow: var(--sb-shadow-subtle);
}

.sb-lab-process-zone::before {
  content: "";
  position: absolute;
  left: -18px;
  top: 16px;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: radial-gradient(circle at 20% 0, #FFFFFF 0, var(--sb-color-pistachio-deep) 100%);
  box-shadow: 0 0 0 4px rgba(200, 230, 160, 0.4);
}

.sb-lab-process-zone-title {
  font-size: 14px;
  margin: 0 0 4px;
  color: var(--sb-color-ink);
}

.sb-lab-process-zone-text {
  font-size: 13px;
  margin: 0;
  color: var(--sb-color-ink-soft);
}

/* Gallery sağda */

.sb-lab-process-gallery {
  display: grid;
  grid-template-rows: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 10px;
}

.sb-lab-process-figure {
  margin: 0;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: var(--sb-shadow-subtle);
}

.sb-lab-process-img {
  max-width: var(--sb-max-img-width);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ========== RESPONSIVE – LABORATORİYA SƏHİFƏSİ (1–3 SECTIONS) ========== */

@media (max-width: 1024px) {
  .sb-lab-hero-inner,
  .sb-lab-philosophy-inner,
  .sb-lab-process-layout {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 768px) {
  .sb-lab-hero,
  .sb-lab-philosophy,
  .sb-lab-process {
    padding-inline: 16px;
  }

  .sb-lab-hero-title {
    font-size: 26px;
  }
}

@media (max-width: 640px) {
  /* Hero: колоночный layout вместо absolute для мобилки */

  .sb-lab-hero-board {
    min-height: auto;
    border-radius: 26px;
    padding: 16px 14px 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .sb-lab-hero-figure {
    position: static;
    margin: 0 0 10px;
    transform: none;
  }

  .sb-lab-hero-figure:last-child {
    margin-bottom: 0;
  }

  .sb-lab-hero-img {
    max-width: 230px; /* < 350px, без гориз. скролла */
    width: 100%;
  }

  .sb-lab-philosophy-ribbon {
    grid-template-columns: minmax(0, 1fr);
  }

  .sb-lab-philosophy-gallery,
  .sb-lab-process-gallery {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto;
  }

  .sb-lab-process-layout {
    gap: 18px;
  }
}
/* ========== SECTION 4: TƏHLÜKƏSİZLİK & TƏMİZLİK PROTOKOLU ========== */

.sb-lab-safety {
  padding: 10px 20px 64px;
}

.sb-lab-safety-inner {
  max-width: var(--sb-max-width);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
  gap: 26px;
  align-items: flex-start;
}

.sb-lab-safety-text {
  font-size: 14px;
  color: var(--sb-color-ink-soft);
  max-width: 520px;
}

.sb-lab-safety-text + .sb-lab-safety-text {
  margin-top: 8px;
}

.sb-lab-safety-list {
  margin-top: 12px;
  display: grid;
  grid-template-rows: repeat(3, auto);
  row-gap: 6px;
}

.sb-lab-safety-item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 6px;
  align-items: flex-start;
  font-size: 13px;
  color: var(--sb-color-ink-soft);
}

.sb-lab-safety-bullet {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: radial-gradient(circle at 20% 0, #FFFFFF 0, var(--sb-color-pistachio-deep) 100%);
  margin-top: 5px;
}

/* Gallery sağda */

.sb-lab-safety-gallery {
  display: grid;
  grid-template-rows: minmax(0, 1.1fr) minmax(0, 1.1fr);
  gap: 10px;
}

.sb-lab-safety-figure {
  margin: 0;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: var(--sb-shadow-subtle);
}

.sb-lab-safety-img {
  max-width: var(--sb-max-img-width);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ========== SECTION 5: STABİLLİK & TEST PANELİ ========== */

.sb-lab-testing {
  padding: 8px 20px 64px;
}

.sb-lab-testing-inner {
  max-width: var(--sb-max-width);
  margin: 0 auto;
  display: grid;
  grid-template-rows: auto auto;
  row-gap: 16px;
}

.sb-lab-testing-text {
  font-size: 14px;
  color: var(--sb-color-ink-soft);
  max-width: 520px;
}

.sb-lab-testing-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.sb-lab-testing-card {
  border-radius: 18px;
  padding: 8px 9px 10px;
  background: rgba(249, 244, 237, 0.96);
  border: 1px solid rgba(200, 230, 160, 0.7);
  box-shadow: var(--sb-shadow-subtle);
  display: grid;
  grid-template-rows: auto minmax(0, 1.2fr) auto;
  gap: 6px;
}

.sb-lab-testing-label {
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--sb-color-ink-soft);
}

.sb-lab-testing-figure {
  margin: 0;
}

.sb-lab-testing-img {
  max-width: var(--sb-max-img-width);
  width: 100%;
  border-radius: 14px;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.16);
}

.sb-lab-testing-note {
  font-size: 12px;
  margin: 0;
  color: var(--sb-color-ink-soft);
}

/* ========== SECTION 6: QABL AŞDIRMA & ETİKET DİZAYNI ========== */

.sb-lab-packaging {
  padding: 8px 20px 72px;
}

.sb-lab-packaging-inner {
  max-width: var(--sb-max-width);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: 26px;
  align-items: center;
}

.sb-lab-packaging-text {
  font-size: 14px;
  color: var(--sb-color-ink-soft);
  max-width: 520px;
}

.sb-lab-packaging-text + .sb-lab-packaging-text {
  margin-top: 8px;
}

.sb-lab-packaging-list {
  margin: 10px 0 0;
  padding-left: 18px;
  font-size: 13px;
  color: var(--sb-color-ink-soft);
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* İki şəkilli sıra */

.sb-lab-packaging-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 10px;
}

.sb-lab-packaging-figure {
  margin: 0;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: var(--sb-shadow-subtle);
}

.sb-lab-packaging-img {
  max-width: var(--sb-max-img-width);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* ========== RESPONSIVE – LAB SƏHİFƏSİ (4–6 SECTIONS) ========== */

@media (max-width: 1024px) {
  .sb-lab-safety-inner,
  .sb-lab-packaging-inner {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 820px) {
  .sb-lab-testing-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .sb-lab-safety,
  .sb-lab-testing,
  .sb-lab-packaging {
    padding-inline: 16px;
  }

  .sb-lab-safety-inner {
    gap: 18px;
  }

  .sb-lab-safety-gallery,
  .sb-lab-packaging-row {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto;
  }

  .sb-lab-testing-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* ========== SECTION 7: XAMMAL MƏNŞƏYİ & İZLƏNƏBİLİRLİK ========== */

.sb-lab-origin {
  padding: 10px 20px 64px;
}

.sb-lab-origin-inner {
  max-width: var(--sb-max-width);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
  gap: 26px;
  align-items: flex-start;
}

.sb-lab-origin-text {
  font-size: 14px;
  color: var(--sb-color-ink-soft);
  max-width: 520px;
}

.sb-lab-origin-text + .sb-lab-origin-text {
  margin-top: 8px;
}

.sb-lab-origin-pills {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.sb-lab-origin-pill {
  font-size: 11px;
  padding: 5px 10px;
  border-radius: var(--sb-radius-pill);
  background: rgba(249, 244, 237, 0.96);
  border: 1px solid rgba(200, 230, 160, 0.7);
  color: var(--sb-color-ink-soft);
}

/* Gallery sağda */

.sb-lab-origin-gallery {
  display: grid;
  grid-template-rows: minmax(0, 1.1fr) minmax(0, 1.1fr);
  gap: 10px;
}

.sb-lab-origin-figure {
  margin: 0;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: var(--sb-shadow-subtle);
}

.sb-lab-origin-img {
  max-width: var(--sb-max-img-width);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ========== SECTION 8: SENSOR PANEL – QOXU & TEKSTURA TESTLƏRİ ========== */

.sb-lab-sensory {
  padding: 8px 20px 64px;
}

.sb-lab-sensory-inner {
  max-width: var(--sb-max-width);
  margin: 0 auto;
  display: grid;
  grid-template-rows: auto auto;
  row-gap: 16px;
}

.sb-lab-sensory-text {
  font-size: 14px;
  color: var(--sb-color-ink-soft);
  max-width: 520px;
}

.sb-lab-sensory-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.sb-lab-sensory-card {
  border-radius: 18px;
  padding: 8px 9px 10px;
  background: rgba(249, 244, 237, 0.96);
  border: 1px solid rgba(200, 230, 160, 0.7);
  box-shadow: var(--sb-shadow-subtle);
  display: grid;
  grid-template-rows: auto minmax(0, 1.2fr) auto;
  gap: 6px;
}

.sb-lab-sensory-label {
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--sb-color-ink-soft);
}

.sb-lab-sensory-figure {
  margin: 0;
}

.sb-lab-sensory-img {
  max-width: var(--sb-max-img-width);
  width: 100%;
  border-radius: 14px;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.16);
}

.sb-lab-sensory-note {
  font-size: 12px;
  margin: 0;
  color: var(--sb-color-ink-soft);
}

/* Hover effekti */

.sb-lab-sensory-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.2);
  transition:
    transform var(--sb-transition-fast),
    box-shadow var(--sb-transition-fast);
}

/* ========== SECTION 9: PARTİYA JURNALI & NÖMRƏLƏNDİRMƏ ========== */

.sb-lab-batches {
  padding: 8px 20px 72px;
}

.sb-lab-batches-inner {
  max-width: var(--sb-max-width);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: 26px;
  align-items: center;
}

.sb-lab-batches-text {
  font-size: 14px;
  color: var(--sb-color-ink-soft);
  max-width: 520px;
}

/* Strip-gallery */

.sb-lab-batches-strip {
  border-radius: 24px;
  padding: 10px 10px 12px;
  background:
    radial-gradient(circle at 0 0, rgba(200, 230, 160, 0.45), transparent 60%),
    radial-gradient(circle at 100% 100%, rgba(92, 39, 81, 0.35), transparent 60%),
    linear-gradient(135deg, #FDF9F3, #F9F4ED);
  box-shadow: var(--sb-shadow-soft);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 10px;
}

.sb-lab-batches-card {
  margin: 0;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: var(--sb-shadow-subtle);
  background: rgba(249, 244, 237, 0.96);
}

.sb-lab-batches-img {
  max-width: var(--sb-max-img-width);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* ========== RESPONSIVE – LAB SƏHİFƏSİ (7–9 SECTIONS) ========== */

@media (max-width: 1024px) {
  .sb-lab-origin-inner,
  .sb-lab-batches-inner {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 820px) {
  .sb-lab-sensory-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .sb-lab-origin,
  .sb-lab-sensory,
  .sb-lab-batches {
    padding-inline: 16px;
  }

  .sb-lab-origin-gallery {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto;
  }

  .sb-lab-sensory-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .sb-lab-batches-strip {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto;
  }
}
/* ========== SECTION 10: GERİ ƏLAQƏNİN LABORATORİYAYA QAYIDIŞI ========== */

.sb-lab-loop {
  padding: 10px 20px 64px;
}

.sb-lab-loop-inner {
  max-width: var(--sb-max-width);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: 26px;
  align-items: center;
}

.sb-lab-loop-text {
  font-size: 14px;
  color: var(--sb-color-ink-soft);
  max-width: 520px;
}

.sb-lab-loop-text + .sb-lab-loop-text {
  margin-top: 8px;
}

/* Gallery sağda */

.sb-lab-loop-gallery {
  display: grid;
  grid-template-rows: minmax(0, 1.1fr) minmax(0, 1.1fr);
  gap: 10px;
}

.sb-lab-loop-figure {
  margin: 0;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: var(--sb-shadow-subtle);
}

.sb-lab-loop-img {
  max-width: var(--sb-max-img-width);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ========== SECTION 11: BAKI İQLİM S SENARİLƏRİ ========== */

.sb-lab-climate {
  padding: 8px 20px 64px;
}

.sb-lab-climate-inner {
  max-width: var(--sb-max-width);
  margin: 0 auto;
  display: grid;
  grid-template-rows: auto auto;
  row-gap: 16px;
}

.sb-lab-climate-text {
  font-size: 14px;
  color: var(--sb-color-ink-soft);
  max-width: 520px;
}

.sb-lab-climate-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.sb-lab-climate-card {
  border-radius: 18px;
  padding: 8px 9px 10px;
  background: rgba(249, 244, 237, 0.96);
  border: 1px solid rgba(200, 230, 160, 0.7);
  box-shadow: var(--sb-shadow-subtle);
  display: grid;
  grid-template-rows: auto minmax(0, 1.2fr) auto;
  gap: 6px;
}

.sb-lab-climate-label {
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--sb-color-ink-soft);
}

.sb-lab-climate-figure {
  margin: 0;
}

.sb-lab-climate-img {
  max-width: var(--sb-max-img-width);
  width: 100%;
  border-radius: 14px;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.16);
}

.sb-lab-climate-note {
  font-size: 12px;
  margin: 0;
  color: var(--sb-color-ink-soft);
}

/* ========== SECTION 12: KOMANDA & LABORATORİYA RİTMİ ========== */

.sb-lab-team {
  padding: 8px 20px 72px;
}

.sb-lab-team-inner {
  max-width: var(--sb-max-width);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: 26px;
  align-items: center;
}

.sb-lab-team-text {
  font-size: 14px;
  color: var(--sb-color-ink-soft);
  max-width: 520px;
}

.sb-lab-team-text + .sb-lab-team-text {
  margin-top: 8px;
}

/* Gallery sağda */

.sb-lab-team-gallery {
  display: grid;
  grid-template-rows: minmax(0, 1.1fr) minmax(0, 1.1fr);
  gap: 10px;
}

.sb-lab-team-figure {
  margin: 0;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: var(--sb-shadow-subtle);
}

.sb-lab-team-img {
  max-width: var(--sb-max-img-width);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* ========== RESPONSIVE – LAB SƏHİFƏSİ (10–12 SECTIONS) ========== */

@media (max-width: 1024px) {
  .sb-lab-loop-inner,
  .sb-lab-team-inner {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 820px) {
  .sb-lab-climate-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .sb-lab-loop,
  .sb-lab-climate,
  .sb-lab-team {
    padding-inline: 16px;
  }

  .sb-lab-loop-gallery,
  .sb-lab-team-gallery {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto;
  }

  .sb-lab-climate-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* ========== SECTION 13: DOKUMENTASİYA & ŞƏFFAFLIQ PANELİ ========== */

.sb-lab-docs {
  padding: 10px 20px 64px;
}

.sb-lab-docs-inner {
  max-width: var(--sb-max-width);
  margin: 0 auto;
}

.sb-lab-docs-card {
  border-radius: 26px;
  padding: 16px 16px 18px;
  background:
    radial-gradient(circle at 0 0, rgba(200, 230, 160, 0.45), transparent 60%),
    radial-gradient(circle at 100% 100%, rgba(92, 39, 81, 0.4), transparent 60%),
    linear-gradient(135deg, #120a08, #2a1513);
  box-shadow: var(--sb-shadow-soft);
  color: #FFFFFF;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: 24px;
  align-items: center;
}

.sb-lab-docs-text {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.9);
  max-width: 540px;
}

.sb-lab-docs-text + .sb-lab-docs-text {
  margin-top: 8px;
}

/* Gallery */

.sb-lab-docs-gallery {
  display: grid;
  grid-template-rows: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: 10px;
}

.sb-lab-docs-figure {
  margin: 0;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: var(--sb-shadow-subtle);
  background: rgba(0, 0, 0, 0.2);
}

.sb-lab-docs-img {
  max-width: var(--sb-max-img-width);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ========== SECTION 14: TƏLİM & PROTOKOL GÜNLƏRİ ========== */

.sb-lab-training {
  padding: 8px 20px 64px;
}

.sb-lab-training-inner {
  max-width: var(--sb-max-width);
  margin: 0 auto;
}

.sb-lab-training-layout {
  border-radius: 26px;
  padding: 14px 14px 16px;
  background: rgba(249, 244, 237, 0.96);
  border: 1px solid rgba(200, 230, 160, 0.7);
  box-shadow: var(--sb-shadow-subtle);
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
  gap: 20px;
  align-items: flex-start;
}

.sb-lab-training-text {
  font-size: 14px;
  color: var(--sb-color-ink-soft);
  max-width: 520px;
}

.sb-lab-training-text + .sb-lab-training-text {
  margin-top: 8px;
}

.sb-lab-training-points {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.sb-lab-training-pill {
  font-size: 11px;
  padding: 5px 10px;
  border-radius: var(--sb-radius-pill);
  background: #FFFFFF;
  border: 1px solid rgba(200, 230, 160, 0.7);
  color: var(--sb-color-ink-soft);
}

/* Mosaic */

.sb-lab-training-mosaic {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  gap: 8px;
}

.sb-lab-training-figure {
  margin: 0;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: var(--sb-shadow-subtle);
}

.sb-lab-training-figure--a {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}

.sb-lab-training-figure--b {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
}

.sb-lab-training-figure--c {
  grid-column: 1 / 3;
  grid-row: 2 / 3;
}

.sb-lab-training-img {
  max-width: var(--sb-max-img-width);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ========== SECTION 15: PİLOT BURAXILIŞLAR & DAXİLİ TEST QRUPU ========== */

.sb-lab-pilots {
  padding: 8px 20px 72px;
}

.sb-lab-pilots-inner {
  max-width: var(--sb-max-width);
  margin: 0 auto;
  display: grid;
  grid-template-rows: auto auto;
  row-gap: 16px;
}

.sb-lab-pilots-text {
  font-size: 14px;
  color: var(--sb-color-ink-soft);
  max-width: 540px;
}

.sb-lab-pilots-text + .sb-lab-pilots-text {
  margin-top: 8px;
}

/* Row of cards */

.sb-lab-pilots-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.sb-lab-pilots-card {
  border-radius: 18px;
  padding: 8px 9px 10px;
  background: rgba(249, 244, 237, 0.96);
  border: 1px solid rgba(200, 230, 160, 0.7);
  box-shadow: var(--sb-shadow-subtle);
  display: grid;
  grid-template-rows: minmax(0, 1.2fr) auto;
  gap: 6px;
}

.sb-lab-pilots-figure {
  margin: 0;
}

.sb-lab-pilots-img {
  max-width: var(--sb-max-img-width);
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 14px;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.16);
}

.sb-lab-pilots-note {
  font-size: 12px;
  margin: 0;
  color: var(--sb-color-ink-soft);
}
/* ========== RESPONSIVE – LAB SƏHİFƏSİ (13–15 SECTIONS) ========== */

@media (max-width: 1024px) {
  .sb-lab-docs-card,
  .sb-lab-training-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .sb-lab-pilots-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .sb-lab-docs,
  .sb-lab-training,
  .sb-lab-pilots {
    padding-inline: 16px;
  }

  .sb-lab-docs-card {
    border-radius: 22px;
    padding: 14px 14px 16px;
  }

  .sb-lab-docs-gallery {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto;
  }

  .sb-lab-training-mosaic {
    grid-template-columns: minmax(0, 1fr);
  }

  .sb-lab-pilots-row {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* ========== SECTION 16: GƏLƏCƏK FORMULLAR & PROTOTİPLƏR ========== */

.sb-lab-future {
  padding: 8px 20px 64px;
}

.sb-lab-future-inner {
  max-width: var(--sb-max-width);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
  gap: 26px;
  align-items: flex-start;
}

.sb-lab-future-text {
  font-size: 14px;
  color: var(--sb-color-ink-soft);
  max-width: 540px;
}

.sb-lab-future-text + .sb-lab-future-text {
  margin-top: 8px;
}

/* Timeline-столбик */

.sb-lab-future-steps {
  margin-top: 12px;
  border-left: 1px dashed rgba(92, 39, 81, 0.28);
  padding-left: 16px;
  display: grid;
  grid-template-rows: repeat(3, auto);
  row-gap: 6px;
}

.sb-lab-future-step {
  position: relative;
  font-size: 13px;
  color: var(--sb-color-ink-soft);
}

.sb-lab-future-step-dot {
  position: absolute;
  left: -22px;
  top: 3px;
  width: 11px;
  height: 11px;
  border-radius: 999px;
  background: radial-gradient(circle at 20% 0, #FFFFFF 0, var(--sb-color-pistachio-deep) 100%);
  box-shadow: 0 0 0 4px rgba(200, 230, 160, 0.4);
}

.sb-lab-future-step-text {
  margin: 0;
}

/* Gallery sağda */

.sb-lab-future-gallery {
  display: grid;
  grid-template-rows: minmax(0, 1.1fr) minmax(0, 1.1fr);
  gap: 10px;
}

.sb-lab-future-figure {
  margin: 0;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: var(--sb-shadow-subtle);
}

.sb-lab-future-img {
  max-width: var(--sb-max-img-width);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ========== SECTION 17: LABORATORİYADAN EV RAFINA QƏDƏR ========== */

.sb-lab-closing {
  padding: 8px 20px 80px;
}

.sb-lab-closing-inner {
  max-width: var(--sb-max-width);
  margin: 0 auto;
}

.sb-lab-closing-main {
  border-radius: 30px;
  padding: 18px 18px 20px;
  background:
    radial-gradient(circle at 0 0, rgba(200, 230, 160, 0.5), transparent 60%),
    radial-gradient(circle at 100% 100%, rgba(92, 39, 81, 0.5), transparent 60%),
    linear-gradient(135deg, #120a08, #2a1513);
  color: #FFFFFF;
  box-shadow: var(--sb-shadow-soft);
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr);
  gap: 26px;
  align-items: center;
}

.sb-lab-closing-title {
  font-size: 26px;
  line-height: 1.15;
  letter-spacing: -0.02em;
  margin: 4px 0 10px;
}

.sb-lab-closing-text {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.9);
  max-width: 520px;
}

.sb-lab-closing-text + .sb-lab-closing-text {
  margin-top: 8px;
}

.sb-lab-closing-actions {
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* Gallery sağda */

.sb-lab-closing-gallery {
  display: grid;
  grid-template-rows: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: 10px;
}

.sb-lab-closing-figure {
  margin: 0;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: var(--sb-shadow-subtle);
  background: rgba(0, 0, 0, 0.18);
}

.sb-lab-closing-img {
  max-width: var(--sb-max-img-width);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* ========== RESPONSIVE – LAB SƏHİFƏSİ (16–17 SECTIONS) ========== */

@media (max-width: 1024px) {
  .sb-lab-future-inner,
  .sb-lab-closing-main {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 640px) {
  .sb-lab-future,
  .sb-lab-closing {
    padding-inline: 16px;
  }

  .sb-lab-closing-main {
    border-radius: 24px;
    padding: 16px 14px 18px;
  }

  .sb-lab-future-gallery,
  .sb-lab-closing-gallery {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto;
  }
}