body.gallery-bateau {
  background:
    radial-gradient(circle at 12% 10%, rgba(60, 172, 186, 0.22), transparent 34%),
    radial-gradient(circle at 88% 18%, rgba(225, 177, 77, 0.14), transparent 28%),
    radial-gradient(circle at 50% 100%, rgba(21, 77, 106, 0.2), transparent 35%),
    linear-gradient(180deg, #f5fbfd 0%, #eef6f8 52%, #e5f1f4 100%);
  color: #113849;
}

body.gallery-bateau::before {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(120deg, transparent 0 18%, rgba(96, 214, 224, 0.08) 18% 19%, transparent 19% 38%, rgba(20, 90, 114, 0.06) 38% 39%, transparent 39% 100%),
    radial-gradient(circle at 22% 30%, rgba(255, 255, 255, 0.45), transparent 16%),
    radial-gradient(circle at 78% 26%, rgba(96, 214, 224, 0.16), transparent 14%);
  opacity: 0.8;
}

body.gallery-bateau header {
  background: linear-gradient(100deg, #123046 0%, #174e67 55%, #2a6b82 100%);
}

body.gallery-bateau .hero {
  background:
    linear-gradient(135deg, rgba(12, 46, 68, 0.96), rgba(20, 90, 114, 0.95)),
    radial-gradient(circle at top right, rgba(96, 214, 224, 0.2), transparent 32%);
  box-shadow:
    0 18px 40px rgba(20, 68, 90, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

body.gallery-bateau .hero::before {
  background: radial-gradient(circle, rgba(96, 214, 224, 0.3) 0%, rgba(96, 214, 224, 0) 70%);
}

body.gallery-bateau .hero h2 {
  letter-spacing: 0.04em;
}

body.gallery-bateau .controls,
body.gallery-bateau .fixed-galleries {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(241, 248, 250, 0.97)),
    radial-gradient(circle at top right, rgba(96, 214, 224, 0.18), transparent 28%);
  border-color: rgba(20, 90, 114, 0.14);
}

body.gallery-bateau .gallery-item {
  border-color: rgba(20, 90, 114, 0.16);
  box-shadow:
    0 14px 30px rgba(20, 68, 90, 0.1),
    0 0 0 1px rgba(96, 214, 224, 0.04);
}

body.gallery-bateau .gallery-item:hover {
  transform: translateY(-6px) rotate(-0.25deg);
  box-shadow:
    0 20px 36px rgba(20, 68, 90, 0.16),
    0 0 0 1px rgba(96, 214, 224, 0.12);
}

body.gallery-bateau .gallery-item::before {
  background: linear-gradient(90deg, rgba(20, 90, 114, 0.98), rgba(96, 214, 224, 0.98));
}

body.gallery-bateau .gallery-meta {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(240, 249, 251, 0.99)),
    radial-gradient(circle at top left, rgba(96, 214, 224, 0.08), transparent 45%);
}

body.gallery-bateau .gallery-meta h3 {
  color: #174e67;
}

body.gallery-bateau .gallery-universe,
body.gallery-bateau .fixed-gallery-tag {
  background: linear-gradient(135deg, rgba(20, 90, 114, 0.12), rgba(96, 214, 224, 0.18));
  color: #174e67;
}

body.gallery-bateau .lightbox {
  background:
    radial-gradient(circle at center, rgba(20, 90, 114, 0.18), rgba(7, 18, 28, 0.94) 60%),
    rgba(8, 15, 24, 0.9);
}

body.gallery-bateau .lightbox img {
  box-shadow:
    0 0 0 1px rgba(96, 214, 224, 0.16),
    0 18px 40px rgba(0, 0, 0, 0.34),
    0 0 42px rgba(20, 90, 114, 0.18);
}