/* DESKTOP ONLY — Outdoor light switch integration */
@media (min-width:901px){
  #outdoorHeroSection .outdoor-hero{position:relative}

  #outdoorHeroSection .outdoor-hero>.outdoor-light-switch.tq-hero-light-switch{
    position:absolute!important;
    z-index:80!important;
    left:auto!important;
    right:clamp(16px,2vw,34px)!important;
    top:50%!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    margin:0!important;
    pointer-events:auto!important;
    visibility:visible!important;
    opacity:1!important;
    animation:none!important
  }

  #outdoorHeroSection .outdoor-hero>.outdoor-light-switch.tq-hero-light-switch:is(:hover,:active){
    transform:translateY(-50%)!important
  }

  #outdoorHeroSection .outdoor-light-crossfade-layer{
    pointer-events:none!important;
    opacity:1;
    transition:opacity 420ms cubic-bezier(.22,1,.36,1)!important;
    will-change:opacity
  }

  #outdoorHeroSection .outdoor-light-crossfade-layer.is-fading{
    opacity:0!important
  }

  #outdoorHeroSection.outdoor-light-is-off .outdoor-fx-card-arrow{
    animation:none!important;
    filter:none!important;
    opacity:.34!important
  }

  #outdoorHeroSection.outdoor-light-is-off :is(
    [data-outdoor-zoom-trigger],
    [data-facade-zoom-trigger]
  ){
    opacity:.55!important;
    filter:saturate(.42) brightness(.76)!important;
    cursor:not-allowed!important;
    pointer-events:auto!important;
    transform:translate(-50%,-50%) scale(1)!important
  }

  #outdoorHeroSection.outdoor-light-is-off :is(
    [data-outdoor-zoom-trigger],
    [data-facade-zoom-trigger]
  ):is(:hover,:active,:focus){
    transform:translate(-50%,-50%) scale(1)!important;
    box-shadow:
      0 16px 38px rgba(0,0,0,.18),
      inset 0 1px 0 rgba(255,255,255,.40),
      inset 0 -1px 0 rgba(0,0,0,.07)!important
  }

  .outdoor-light-lock-alert{
    position:fixed;
    z-index:2147483000;
    left:50%;
    bottom:28px;
    transform:translate3d(-50%,18px,0) scale(.985);
    width:min(440px,calc(100vw - 28px));
    min-height:72px;
    padding:13px 16px;
    display:flex;
    align-items:center;
    gap:12px;
    direction:rtl;
    color:#f4f7f8;
    background:rgba(7,12,20,.90);
    border:1px solid rgba(220,229,232,.17);
    border-radius:18px;
    box-shadow:0 16px 40px rgba(0,0,0,.32);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:
      opacity .22s ease,
      transform .28s cubic-bezier(.22,1,.36,1),
      visibility 0s linear .28s
  }

  .outdoor-light-lock-alert.is-visible{
    opacity:1;
    visibility:visible;
    transform:translate3d(-50%,0,0) scale(1);
    transition-delay:0s
  }

  .outdoor-light-lock-alert__icon{
    flex:0 0 42px;
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:13px;
    color:#f3b36d;
    background:rgba(192,96,36,.12);
    border:1px solid rgba(232,174,88,.18)
  }

  .outdoor-light-lock-alert__icon svg{
    width:21px;
    height:21px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round
  }

  .outdoor-light-lock-alert__copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:4px;
    text-align:right
  }

  .outdoor-light-lock-alert__copy strong{
    font:700 15px/1.35 Tahoma,Arial,sans-serif
  }

  .outdoor-light-lock-alert__copy small{
    font:400 12px/1.55 Tahoma,Arial,sans-serif;
    color:rgba(244,247,248,.68)
  }

  #outdoorHeroSection .outdoor-light-switch.is-rate-limited{
    cursor:not-allowed!important;
    filter:saturate(.35) brightness(.72)!important;
    opacity:.72!important
  }

  #outdoorHeroSection .outdoor-light-switch.is-rate-limited .tq-status-state{
    opacity:.7
  }

  .outdoor-light-rate-alert{
    border-color:rgba(255,170,90,.22)
  }

  .outdoor-light-rate-alert .outdoor-light-lock-alert__icon{
    color:#ffb15f;
    background:rgba(192,96,36,.14);
    border-color:rgba(255,177,95,.24)
  }

  @media (prefers-reduced-motion:reduce){
    #outdoorHeroSection .outdoor-light-crossfade-layer,
    .outdoor-light-lock-alert{
      transition:none!important
    }
  }
}

@media (max-width:900px){
  #outdoorHeroSection .outdoor-light-switch,
  .outdoor-light-lock-alert{
    display:none!important
  }
}