/* Shared by the two homepages and eight product detail pages only. */
[data-light-field] { position: relative; isolation: isolate; }
.salang-atmosphere { background: #050505; }
.salang-light-field {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  background: radial-gradient(ellipse 25% 16% at 34% 27%, #450913, transparent 100%), radial-gradient(ellipse 20% 17% at 76% 53%, #24070c, transparent 100%), #050505;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, rgba(0,0,0,.94) var(--field-hero-end, 55%), rgba(0,0,0,.6) var(--field-product-mid, 76%), transparent 98%);
  mask-image: linear-gradient(to bottom, #000 0%, rgba(0,0,0,.94) var(--field-hero-end, 55%), rgba(0,0,0,.6) var(--field-product-mid, 76%), transparent 98%);
}
.salang-light-field__canvas {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  filter: blur(clamp(18px, 2vw, 30px));
  transform: scale(1.15);
}
.salang-light-field__canvas[hidden] { display: none; }
[data-light-field="home"] #hero-section,
[data-light-field="home"] #downloads { background: transparent; border-top-color: transparent; }
[data-light-field="home"] #hero-section { z-index: 1; }
[data-light-field="home"] #hero-section > .absolute.inset-0 { display: none; }
.salang-light-field__mouse {
  position: absolute;
  z-index: 1;
  width: clamp(340px, 42vw, 620px);
  height: clamp(340px, 42vw, 620px);
  transform: translate(-50%, -50%);
  background: radial-gradient(circle, rgba(230,0,33,.34) 0%, rgba(150,0,22,.22) 36%, rgba(100,0,16,.14) 54%, transparent 74%);
  filter: blur(48px);
  opacity: 0;
  mix-blend-mode: screen;
  transition: opacity .35s ease;
  pointer-events: none;
}
[data-light-field].is-light-field-hover .salang-light-field__mouse { opacity: .48; }
/* Fade the entire product light layer, including mouse light, before clipping. */
[data-light-field="product"] .salang-light-field {
  background: radial-gradient(ellipse 25% 24% at 38% 44%, #2e0710, transparent 100%), #030303;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 16%, #000 58%, rgba(0,0,0,.65) 74%, rgba(0,0,0,.18) 90%, transparent 100%);
  mask-image: linear-gradient(to bottom, transparent 0%, #000 16%, #000 58%, rgba(0,0,0,.65) 74%, rgba(0,0,0,.18) 90%, transparent 100%);
}
[data-light-field="product"].is-light-field-hover .salang-light-field__mouse { opacity: .3; }
@media (max-width: 768px), (hover: none), (pointer: coarse) {
  .salang-light-field__mouse { display: none; }
}