/* KPHYSIO – футър и мобилно меню v2 (02.11.2026). Цветове и стил като hero-то (.kx).
   Футър: префикс kzf-. Мобилно меню: пренаписва визията на съществуващото .mobile-menu (JS и маркировката остават). */
:root{--kzc-bg:#0a2130;--kzc-bg2:#0b2433;--kzc-ink:#f3f8fa;--kzc-dim:#a9bdc8;--kzc-dim2:#8aa2af;--kzc-teal:#2bd4c6;--kzc-teal-ink:#05282f;
  --kzc-line:rgba(157,208,215,.16);--kzc-line2:rgba(43,212,198,.28);--kzc-red:#ff4d4d;--kzc-star:#f2b928;--kzc-ease:cubic-bezier(.2,.7,.2,1)}

/* ============================== ФУТЪР ============================== */
.kzf{position:relative;isolation:isolate;overflow:hidden;color:var(--kzc-ink);font-family:Inter,"Segoe UI",-apple-system,Roboto,system-ui,sans-serif;
  background:radial-gradient(55% 60% at 85% 10%,rgba(43,212,198,.09),transparent 70%),radial-gradient(50% 60% at 0% 100%,rgba(18,90,120,.38),transparent 70%),linear-gradient(160deg,#0b2433 0%,#0a2130 55%,#08202c 100%)}
.kzf *,.kzf *::before,.kzf *::after{box-sizing:border-box}
.kzf::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:64px 64px;
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%)}
.kzf a{color:inherit;text-decoration:none}
.kzf :focus-visible{outline:3px solid var(--kzc-teal);outline-offset:3px;border-radius:8px}
.kzf svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.kzf svg .f{fill:currentColor;stroke:none}
.kzf__bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.kzf__orbit{position:absolute;right:-180px;top:-220px;width:620px;aspect-ratio:1;border-radius:50%;border:1px solid var(--kzc-line)}
.kzf__orbit::before{content:"";position:absolute;inset:90px;border-radius:50%;border:1px dashed rgba(157,208,215,.12)}
.kzf__orbit i{position:absolute;inset:0;transform:rotate(110deg)}
.kzf__orbit i::before{content:"";position:absolute;right:-6px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:var(--kzc-teal);box-shadow:0 0 0 6px rgba(43,212,198,.16),0 0 24px rgba(43,212,198,.6)}
.kzf__in{width:min(1180px,calc(100% - 2*clamp(16px,5vw,64px)));margin-inline:auto;padding-top:clamp(56px,7vw,96px)}

.kzf__top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px 40px;flex-wrap:wrap}
.kzf .kzf__claim{margin:0;font-size:clamp(34px,5vw,68px);line-height:.98;font-weight:900;letter-spacing:-.025em;text-transform:uppercase;color:var(--kzc-ink)}
.kzf__l{display:block}
.kzf__red{color:var(--kzc-red)}.kzf__wh{color:var(--kzc-ink)}.kzf__teal{color:var(--kzc-teal)}
.kzf .kzf__status,.mobile-menu .kzm-status{display:inline-flex;align-items:center;gap:10px;margin:0;padding:10px 16px;border:1px solid var(--kzc-line);border-radius:999px;background:rgba(255,255,255,.03);font-size:14px;font-weight:700;color:var(--kzc-dim)}
.kzf__dot{position:relative;width:10px;height:10px;border-radius:50%;background:var(--kzc-dim2);flex:none}
[data-kz-state="open"] .kzf__dot{background:#34d399}
[data-kz-state="open"] [data-kz-status]{color:var(--kzc-ink)}
@media (prefers-reduced-motion:no-preference){
  [data-kz-state="open"] .kzf__dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:#34d399;animation:kzc-ping 1.6s ease-out 3}
}
@keyframes kzc-ping{from{transform:scale(1);opacity:.7}to{transform:scale(3);opacity:0}}

.kzf__tiles{margin-top:clamp(32px,4vw,48px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.kzf .kzf__tile{position:relative;display:flex;align-items:center;gap:14px;min-height:84px;padding:16px 18px;border:1px solid var(--kzc-line);border-radius:18px;background:rgba(255,255,255,.035);overflow:hidden;transition:border-color .25s,background-color .25s,transform .25s var(--kzc-ease)}
.kzf .kzf__tile::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(43,212,198,.12),transparent 70%);transform:translateX(-100%);transition:transform .7s var(--kzc-ease);pointer-events:none}
@media (hover:hover){.kzf .kzf__tile:hover{border-color:var(--kzc-line2);background:rgba(43,212,198,.06);transform:translateY(-3px)}}
@media (hover:hover){.kzf .kzf__tile:hover::after{transform:translateX(100%)}}
.kzf__ico{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:rgba(43,212,198,.12);color:var(--kzc-teal);flex:none}
.kzf__tile>span:nth-child(2){min-width:0;display:grid;gap:2px}
.kzf__tile small{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--kzc-dim2)}
.kzf__tile b{font-size:16px;font-weight:800;line-height:1.3;color:var(--kzc-ink);overflow-wrap:anywhere}
.kzf__go{margin-left:auto;color:var(--kzc-teal);transition:transform .2s}
.kzf__tile:hover .kzf__go{transform:translateX(4px)}

.kzf__cols{margin-top:clamp(40px,5vw,64px);display:grid;grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(0,.8fr)) minmax(0,1fr);gap:32px clamp(24px,4vw,56px);padding-top:clamp(32px,4vw,48px);border-top:1px solid var(--kzc-line)}
.kzf .kzf__logo{position:relative;display:inline-block;font-size:30px;font-weight:900;letter-spacing:-.03em;color:#fff}
.kzf__logo i{position:absolute;right:-12px;top:6px;width:8px;height:8px;border-radius:50%;background:var(--kzc-teal);box-shadow:0 0 12px rgba(43,212,198,.7)}
.kzf__brand p{margin:12px 0 0;max-width:38ch;font-size:15px;line-height:1.6;color:var(--kzc-dim)}
.kzf__social{display:flex;gap:10px;margin-top:20px}
.kzf .kzf__social a{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--kzc-line);border-radius:12px;color:var(--kzc-ink);transition:border-color .2s,background-color .2s,color .2s,transform .2s}
@media (hover:hover){.kzf .kzf__social a:hover{border-color:var(--kzc-teal);background:var(--kzc-teal);color:var(--kzc-teal-ink);transform:translateY(-2px)}}
.kzf .kzf__h{margin:0 0 14px;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--kzc-teal)}
.kzf__col ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.kzf .kzf__col a,.kzf .kzf__linkbtn{position:relative;display:inline-flex;align-items:center;min-height:36px;padding:0;border:0;background:none;font:inherit;font-size:15px;font-weight:600;color:var(--kzc-dim);cursor:pointer;transition:color .2s,transform .2s}
.kzf .kzf__col a::before,.kzf .kzf__linkbtn::before{content:"";position:absolute;left:-14px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--kzc-teal);transform:scale(0);transition:transform .2s}
.kzf .kzf__linkbtn{width:auto;min-width:0;margin:0;text-align:left;justify-content:flex-start;box-shadow:none;letter-spacing:normal;text-transform:none;line-height:1.4}
@media (hover:hover){.kzf .kzf__col a:hover,.kzf .kzf__linkbtn:hover{color:#fff;transform:translateX(6px)}}
@media (hover:hover){.kzf .kzf__col a:hover::before,.kzf .kzf__linkbtn:hover::before{transform:scale(1)}}
.kzf__hours li{display:flex;justify-content:space-between;gap:12px;padding:7px 10px;margin-inline:-10px;border-radius:10px;font-size:14px;color:var(--kzc-dim)}
.kzf__hours li span:last-child{font-variant-numeric:tabular-nums;color:var(--kzc-ink);font-weight:600}
.kzf__hours li.is-today{background:rgba(43,212,198,.1);color:#fff;font-weight:800}
.kzf__hours li.is-today span:first-child::after{content:" · днес";color:var(--kzc-teal);font-weight:700}

.kzf__mark{margin-top:clamp(32px,5vw,56px);font-size:clamp(64px,17vw,250px);line-height:.8;font-weight:900;letter-spacing:-.05em;text-align:center;white-space:nowrap;
  color:transparent;-webkit-text-stroke:1px rgba(157,208,215,.18);user-select:none;
  background:linear-gradient(90deg,transparent 0%,rgba(43,212,198,.22) 50%,transparent 100%) no-repeat;background-size:30% 100%;background-position:-60% 0;-webkit-background-clip:text;background-clip:text}
@media (prefers-reduced-motion:no-preference){
  .kzf.is-play .kzf__mark{animation:kzc-sweep 2.4s var(--kzc-ease) .3s both}
  .kzf.is-play .kzf__orbit i{animation:kzc-orbit 4s var(--kzc-ease) both}
}
@keyframes kzc-sweep{from{background-position:-60% 0}to{background-position:160% 0}}
@keyframes kzc-orbit{from{transform:rotate(-90deg)}to{transform:rotate(110deg)}}

.kzf__bottom{display:flex;align-items:center;justify-content:space-between;gap:16px 32px;flex-wrap:wrap;padding:22px 0 max(26px,env(safe-area-inset-bottom));border-top:1px solid var(--kzc-line)}
.kzf__bottom p{margin:0;font-size:13px;line-height:1.6;color:var(--kzc-dim2)}
.kzf .kzf__up{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid var(--kzc-line);border-radius:999px;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--kzc-ink);transition:border-color .2s,background-color .2s}
.kzf .kzf__up:hover{border-color:var(--kzc-teal);background:rgba(43,212,198,.1)}
.kzf__up svg{width:16px;height:16px;transition:transform .2s}
.kzf__up:hover svg{transform:translateY(-3px)}

@media (prefers-reduced-motion:no-preference){
  html.kzc-js .kzf-r{opacity:0;transform:translateY(16px);transition:opacity .6s var(--kzc-ease),transform .6s var(--kzc-ease);transition-delay:var(--kzc-d,0ms)}
  html.kzc-js .kzf-r.is-in{opacity:1;transform:none}
  html.kzc-js .kzf__tile.kzf-r.is-in:hover{transform:translateY(-3px)}
}

@media (max-width:980px){
  .kzf__cols{grid-template-columns:1fr 1fr}
  .kzf__brand{grid-column:1/-1}
  .kzf__tiles{grid-template-columns:1fr}
  .kzf__orbit{width:440px;right:-220px;top:-160px}
}
@media (max-width:560px){
  .kzf__cols{grid-template-columns:1fr 1fr;gap:28px 20px}
  .kzf__hours{grid-column:1/-1}
  .kzf .kzf__claim{font-size:clamp(30px,10vw,40px)}
  .kzf__bottom{flex-direction:column;align-items:flex-start}
}

/* ============================== МОБИЛНО МЕНЮ ============================== */
@media (max-width:992px){
  html body .overlay{background:rgba(3,14,21,.62);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
  html body .mobile-menu{width:min(100vw,420px);border-left:1px solid var(--kzc-line);color:var(--kzc-ink);box-shadow:-30px 0 80px rgba(0,0,0,.45);
    background:radial-gradient(70% 40% at 100% 0%,rgba(43,212,198,.12),transparent 70%),radial-gradient(60% 40% at 0% 100%,rgba(18,90,120,.4),transparent 70%),linear-gradient(170deg,#0b2433 0%,#0a2130 60%,#08202c 100%);
    transition:transform .38s var(--kzc-ease),visibility 0s linear .38s}
  html body.menu-open .mobile-menu{transition:transform .38s var(--kzc-ease),visibility 0s}
  html body .mobile-menu::before{content:"";position:absolute;right:-150px;top:-150px;width:360px;aspect-ratio:1;border-radius:50%;border:1px solid var(--kzc-line);pointer-events:none;z-index:0}
  html body .mobile-menu::after{content:"";position:absolute;right:30px;top:24px;width:10px;height:10px;border-radius:50%;background:var(--kzc-teal);box-shadow:0 0 0 5px rgba(43,212,198,.16);pointer-events:none;opacity:0;z-index:0}
  html body .mobile-menu__topbar{background:linear-gradient(180deg,#0b2433 75%,rgba(11,36,51,0));border-bottom:0;box-shadow:none;min-height:0;padding-bottom:12px;z-index:4}
  html body .mobile-menu__brand strong{position:relative;display:inline-block;width:max-content;color:#fff;font-size:26px;font-weight:900;letter-spacing:-.03em}
  html body .mobile-menu__brand strong i{position:absolute;right:-11px;top:4px;width:7px;height:7px;border-radius:50%;background:var(--kzc-teal);box-shadow:0 0 10px rgba(43,212,198,.7)}
  html body .mobile-menu__brand span{color:var(--kzc-dim);font-size:13px}
  html body .mobile-menu__brand small{color:var(--kzc-dim2);font-size:12px}
  html body .mobile-menu .kzm-status{margin-top:10px;padding:6px 12px;font-size:12.5px;width:max-content;max-width:100%}
  html body .mobile-menu .close-menu{border-color:var(--kzc-line);background:rgba(255,255,255,.05);color:#fff;border-radius:50%;transition:transform .3s var(--kzc-ease),background-color .2s,border-color .2s}
  html body .mobile-menu .close-menu:hover,html body .mobile-menu .close-menu:focus-visible{border-color:var(--kzc-teal);background:rgba(43,212,198,.12);color:var(--kzc-teal)}
  html body .mobile-menu__content{position:relative;z-index:1;gap:22px;padding-top:6px}

  html body .mobile-menu__primary-cta{border:0;background:var(--kzc-teal);color:var(--kzc-teal-ink);box-shadow:0 14px 34px rgba(43,212,198,.25)}
  html body .mobile-menu__primary-cta .mobile-menu__action-icon{background:rgba(5,40,47,.12);color:var(--kzc-teal-ink)}
  html body .mobile-menu__call-cta{border:1px solid var(--kzc-line);background:rgba(255,255,255,.04);color:#fff;box-shadow:none}
  html body .mobile-menu__call-cta .mobile-menu__action-icon{background:rgba(43,212,198,.12);color:var(--kzc-teal)}
  html body .mobile-menu__trust{border-color:var(--kzc-line);background:rgba(255,255,255,.03);color:var(--kzc-dim);box-shadow:none}
  html body .mobile-menu__trust strong{color:#fff}
  html body .mobile-menu__stars{color:var(--kzc-star)}
  html body .mobile-menu__trust-divider{background:var(--kzc-line)}
  html body .mobile-menu__group-label{color:var(--kzc-teal);letter-spacing:.2em}

  /* Навигация: голяма типография с номера (01, 02 …) вместо иконки */
  html body .mobile-menu .mobile-nav-links{gap:0;counter-reset:kzm}
  html body .mobile-menu .mobile-nav-links li{counter-increment:kzm;border-bottom:1px solid var(--kzc-line)}
  html body .mobile-menu .mobile-nav-links a{grid-template-columns:34px minmax(0,1fr) 24px;min-height:58px;padding:8px 4px;border:0;border-radius:0;background:none;color:#fff;font-size:21px;font-weight:800;letter-spacing:-.01em}
  html body .mobile-menu .mobile-nav-links--secondary a{min-height:50px;font-size:17px;color:var(--kzc-dim)}
  html body .mobile-menu .mobile-nav-links a::after{content:"0" counter(kzm);grid-column:1;grid-row:1;font-size:12px;font-weight:700;color:var(--kzc-dim2);letter-spacing:.04em}
  html body .mobile-menu .mobile-nav-links--secondary li{counter-increment:none}
  html body .mobile-menu .mobile-nav-links--secondary a::after{content:"·";font-size:18px}
  html body .mobile-nav-links__icon{display:none}
  html body .mobile-nav-links__label{grid-column:2;grid-row:1}
  html body .mobile-nav-links__arrow{grid-column:3;grid-row:1;color:var(--kzc-teal);opacity:.6;transition:transform .2s,opacity .2s}
  html body .mobile-menu .mobile-nav-links a.is-active{background:none;color:var(--kzc-teal)}
  html body .mobile-menu .mobile-nav-links a.is-active::before{top:14px;bottom:14px;left:-16px;width:3px;background:var(--kzc-teal)}
  html body .mobile-menu .mobile-nav-links a:hover,html body .mobile-menu .mobile-nav-links a:focus-visible{background:none;color:var(--kzc-teal)}
  html body .mobile-menu .mobile-nav-links a:hover .mobile-nav-links__arrow{opacity:1;transform:translateX(3px)}

  html body .mobile-menu .mobile-site-search__field input{border-color:var(--kzc-line);background:rgba(255,255,255,.05);color:#fff}
  html body .mobile-menu .mobile-site-search__field input::placeholder{color:var(--kzc-dim2)}
  html body .mobile-menu .mobile-site-search__field svg{color:var(--kzc-dim)}
  html body .mobile-menu .site-search-status{color:var(--kzc-dim2)}
  html body .mobile-menu__contact{border-color:var(--kzc-line);background:rgba(255,255,255,.03);box-shadow:none}
  html body .mobile-menu__contact-icon{background:rgba(43,212,198,.12);color:var(--kzc-teal)}
  html body .mobile-menu__contact-copy strong{color:#fff}
  html body .mobile-menu__contact-copy>span{color:var(--kzc-dim)}
  html body .mobile-menu__contact-copy a{color:var(--kzc-teal)}
  html body .mobile-menu :where(a,button,input):focus-visible{outline:3px solid var(--kzc-teal);outline-offset:2px}

  /* Поява при отваряне: елементите влизат един след друг (само ако движението е разрешено) */
  @media (prefers-reduced-motion:no-preference){
    html body .mobile-menu__brand,html body .mobile-menu__actions>*,html body .mobile-menu__trust,html body .mobile-menu .mobile-nav-links li,html body .mobile-menu__group-label,html body .mobile-site-search,html body .mobile-menu__contact{opacity:0;transform:translateX(28px);transition:opacity .35s var(--kzc-ease),transform .45s var(--kzc-ease)}
    html body.menu-open .mobile-menu__brand,html body.menu-open .mobile-menu__actions>*,html body.menu-open .mobile-menu__trust,html body.menu-open .mobile-menu .mobile-nav-links li,html body.menu-open .mobile-menu__group-label,html body.menu-open .mobile-site-search,html body.menu-open .mobile-menu__contact{opacity:1;transform:none}
    html body.menu-open .mobile-menu__brand{transition-delay:.08s}
    html body.menu-open .mobile-menu__actions>:nth-child(1){transition-delay:.12s}
    html body.menu-open .mobile-menu__actions>:nth-child(2){transition-delay:.16s}
    html body.menu-open .mobile-menu__trust{transition-delay:.2s}
    html body.menu-open .mobile-menu__group-label{transition-delay:.22s}
    html body.menu-open .mobile-menu .mobile-nav-links li:nth-child(1){transition-delay:.24s}
    html body.menu-open .mobile-menu .mobile-nav-links li:nth-child(2){transition-delay:.28s}
    html body.menu-open .mobile-menu .mobile-nav-links li:nth-child(3){transition-delay:.32s}
    html body.menu-open .mobile-menu .mobile-nav-links li:nth-child(4){transition-delay:.36s}
    html body.menu-open .mobile-menu .mobile-nav-links li:nth-child(5){transition-delay:.4s}
    html body.menu-open .mobile-menu .mobile-nav-links li:nth-child(n+6){transition-delay:.44s}
    html body.menu-open .mobile-menu .mobile-nav-links--secondary li{transition-delay:.46s}
    html body.menu-open .mobile-site-search,html body.menu-open .mobile-menu__contact{transition-delay:.5s}
    html body.menu-open .mobile-menu::after{animation:kzc-blink .5s ease .4s both}
    html body.menu-open .mobile-menu .close-menu{transform:rotate(90deg)}
  }
}
@keyframes kzc-blink{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}