/* Хелловін 2026 · сезонний шар для clinic.houston.dp.ua і houston.dp.ua.
   Усе під html.hw — без класу файл нічого не змінює. Вмикає /_hw/hw.js, вимикається сам після 31.10. */
html.hw{--hw-o:#FF7A1A;--hw-o2:#FFB25B}
html.hw .nav{border-bottom-color:rgba(255,122,26,.28)}
html.hw .nav::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(158,188,50,.6) 30%,rgba(255,122,26,.85) 70%,transparent)}
html.hw :is(.hero,.s-hero,.pghero) .t-eyebrow{color:var(--hw-o2)}
html.hw :is(.hero,.s-hero,.pghero) .hero-sep{background:linear-gradient(90deg,#9ebc32,var(--hw-o))}
html.hw :is(.hero,.s-hero,.pghero) h1 :is(.lime,.lime-text){background:linear-gradient(92deg,#9ebc32 10%,var(--hw-o) 90%);
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}

/* шар декору: під текстом, не ловить дотики */
.hw-fx{position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none;overflow:hidden;margin:0!important;padding:0!important;max-width:none!important}
.hw-pk{position:absolute;width:150px;top:calc(var(--nav-h,72px) + 56px);filter:drop-shadow(0 0 22px rgba(255,122,26,.45))}
.hw-pk.l{left:6%}.hw-pk.r{right:6%}
.hw-pk svg{display:block;width:100%;height:auto;animation:hwFloat 7s ease-in-out infinite}
@keyframes hwFloat{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-10px) rotate(3deg)}}
.hw-web{position:absolute;top:var(--nav-h,72px);width:120px;opacity:.22}
.hw-web.l{left:0}.hw-web.r{right:0;transform:scaleX(-1)}
.hw-web svg{display:block;width:100%;height:auto}
.hw-bat{position:absolute;left:0;width:46px;animation:hwFly linear infinite}
.hw-bat i{display:block;animation:hwBob 2.6s ease-in-out infinite alternate}
.hw-bat svg{display:block;width:100%;height:auto;animation:hwFlap .32s ease-in-out infinite alternate;transform-origin:50% 40%}
.hw-bat.rev{animation-name:hwFlyR}
@keyframes hwFly{from{transform:translateX(-60px)}to{transform:translateX(calc(100vw + 60px))}}
@keyframes hwFlyR{from{transform:translateX(calc(100vw + 60px))}to{transform:translateX(-60px)}}
@keyframes hwBob{from{transform:translateY(-14px)}to{transform:translateY(14px)}}
@keyframes hwFlap{from{transform:scaleY(1)}to{transform:scaleY(.62)}}

/* порада на головній */
.hw-tip{position:relative;z-index:3;display:flex;align-items:center;gap:10px;max-width:560px;margin:6px auto 14px;
  padding:9px 8px 9px 12px;border:1px solid rgba(255,122,26,.45);border-radius:14px;background:rgba(255,122,26,.08);
  color:var(--text,#e8e4dc);font-size:13.5px;line-height:1.45;text-align:left}
.hw-tip svg{flex:0 0 30px;width:30px;height:auto}
.hw-tip b{color:var(--hw-o2);font-weight:500}
.hw-tip button{flex:0 0 36px;width:36px;height:36px;margin-left:auto;border:0;border-radius:10px;background:transparent;
  color:rgba(232,228,220,.6);font-size:20px;line-height:1;cursor:pointer}
.hw-tip button:hover,.hw-tip button:focus-visible{background:rgba(255,255,255,.08);color:#fff}

@media (max-width:760px){
  .hw-pk{width:50px;top:calc(var(--nav-h,64px) + 6px)}
  .hw-pk.l,.hw-pk.r{left:auto;right:14px}
  .hw-web{width:64px;opacity:.2}
  .hw-web.r{left:0;right:auto;transform:none}
  .hw-bat{width:30px}
  .hw-bat.b1{top:calc(var(--nav-h,64px) + 10px)!important}
  .hw-bat.b2{top:calc(var(--nav-h,64px) + 34px)!important}
  .hw-bat.b3{display:none}
  .hw-tip{font-size:13px;margin:4px auto 12px}
}
@media (prefers-reduced-motion:reduce){
  .hw-pk svg,.hw-bat,.hw-bat i,.hw-bat svg{animation:none}
  .hw-bat{left:auto}.hw-bat.b1{left:22%}.hw-bat.b2{left:68%}.hw-bat.b3{display:none}
}
@media print{.hw-fx,.hw-tip{display:none}}