/* Home carousel: one complete phone viewport below the fixed 72px header. */
@media screen and (max-width: 767px) {
 #home > section.slider {
  position: relative; box-sizing: border-box; display: flex; flex-direction: column;
  width: 100%; height: calc(100vh - 72px); height: calc(100svh - 72px);
  min-height: 0; max-height: none; margin: 0; padding: 24px 24px 92px;
  background-size: cover; background-position: center; isolation: isolate;
  animation: none !important; transition: none !important; opacity: 1 !important;
 }
 #home > section.slider .brightness {
  position: static; display: flex; align-items: center; flex: 1; min-height: 0;
  width: 100%; height: auto; margin: 0; padding: 0; background: transparent;
 }
 #home > section.slider div.main {
  position: static; box-sizing: border-box; width: 100%; height: auto;
  min-height: 0; max-width: none; margin: 0; padding: 0 !important;
  color: white; text-align: left; animation: none !important; transition: none !important; opacity: 1 !important;
 }
 #home > section.slider h1.first, #home > section.slider h1.second {
  position: static; width: 100%; max-width: none; height: auto; margin: 0; padding: 0;
  font: 500 clamp(25px, 4.4svh, 36px)/1.12 'Fira Sans', Arial, sans-serif !important;
  text-transform: uppercase; white-space: normal; overflow-wrap: anywhere; color: white;
 }
 #home > section.slider h2, #home > section.slider h2.second {
  position: static; width: 100%; max-width: none; height: auto; margin: 0; padding: 0;
  font: 400 clamp(17px, 2.8svh, 22px)/1.35 'Fira Sans', Arial, sans-serif !important;
  white-space: normal; color: white;
 }
 #home > section.slider h1 + h2 { margin-top: 20px; }
 #home > section.slider div.description.slider { display: none; }
 #home > section.slider > a.bulb {
  position: absolute !important; inset: auto auto 28px 50% !important;
  transform: translateX(-50%) !important; box-sizing: border-box;
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  width: auto; min-width: 0; min-height: 44px; margin: 0; padding: 10px 12px;
  font: 500 14px/1.3 'Fira Sans', Arial, sans-serif; white-space: nowrap;
 }
 #home > section.slider img.arrowLeft, #home > section.slider img.arrowRight {
  position: absolute; box-sizing: border-box; top: auto; bottom: 28px;
  width: 44px; height: 44px; margin: 0; padding: 10px; transform: none;
 }
 #home > section.slider img.arrowLeft { left: 16px; right: auto; }
 #home > section.slider img.arrowRight { right: 16px; left: auto; }
 #home > section.slider div.rectangles {
  position: absolute; left: 50%; right: auto; top: auto; bottom: 10px;
  transform: translateX(-50%); display: flex; gap: 8px; width: auto; margin: 0;
 }
 #home > section.slider div.rectangles { bottom: 0; gap: 0; }
 #home > section.slider div.rectangle {
  position: relative; box-sizing: border-box; width: 44px; height: 28px;
  margin: 0; padding: 0; border: 0; background: transparent; cursor: pointer;
 }
 #home > section.slider div.rectangle::before {
  content: ''; position: absolute; width: 18px; height: 4px; left: 13px; top: 12px;
  background: rgba(255,255,255,.45);
 }
 #home > section.slider div.rectangle.active::before { background: white; }
 #home > section.slider [role="button"] { cursor: pointer; touch-action: manipulation; }
 #home > section.slider [role="button"]:focus-visible { outline: 2px solid white; outline-offset: -2px; }
}
@media screen and (max-width: 767px) and (max-height: 500px) {
 #home > section.slider { padding-top: 12px; padding-bottom: 76px; }
 #home > section.slider h1.first, #home > section.slider h1.second { font-size: 22px !important; }
 #home > section.slider h2, #home > section.slider h2.second { font-size: 16px !important; }
 #home > section.slider h1 + h2 { margin-top: 10px; }
 #home > section.slider > a.bulb { bottom: 20px !important; }
 #home > section.slider img.arrowLeft, #home > section.slider img.arrowRight { bottom: 20px; }
 #home > section.slider div.rectangle { height: 20px; }
 #home > section.slider div.rectangle::before { top: 8px; }
}