/* ==========================================================
   DIAZ Kit v1.5 — «живий» шар: день/ніч, креслення на міліметрівці,
   нові кнопки, штамп-кікер, рулетка етапів, лінійка-фільтр, анімації
   ========================================================== */
:root{--dz-gp1:rgba(52,72,34,.075);--dz-gp2:rgba(52,72,34,.035);--dz-bp:rgba(110,140,50,.42);--dz-bp-t:rgba(80,105,40,.55);--dz-num-s:#bcc3b6}

/* ---------- міліметрівка на світлих секціях ---------- */
.dz-sec.dz-light:not(.dz-clients),.dz-sec.dz-white:not(.dz-clients){
  background-image:linear-gradient(var(--dz-gp1) 1px,transparent 1px),linear-gradient(90deg,var(--dz-gp1) 1px,transparent 1px),
  linear-gradient(var(--dz-gp2) 1px,transparent 1px),linear-gradient(90deg,var(--dz-gp2) 1px,transparent 1px);
  background-size:100px 100px,100px 100px,20px 20px,20px 20px;background-position:center -1px}
.dz-light.dz-grid-bg::before{display:none}

/* ---------- креслення у фоні ---------- */
.dz-bpd{position:absolute;z-index:0;pointer-events:none;width:clamp(240px,25vw,440px);color:var(--dz-bp);will-change:transform}
.dz-bpd--r{right:clamp(-60px,-2vw,0px)}.dz-bpd--l{left:clamp(-60px,-2vw,0px)}
.dz-bpd svg{display:block;width:100%;height:auto;overflow:visible}
.dz-bpd path,.dz-bpd rect,.dz-bpd circle,.dz-bpd line,.dz-bpd polyline{fill:none;stroke:currentColor;stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2.6s var(--dz-ease);transition-delay:calc(var(--i,0) * 90ms)}
.dz-bpd .dsh{stroke-dasharray:4 5 !important;stroke-dashoffset:0 !important;opacity:0;transition:opacity 1.4s 1s}
.dz-bpd .fil{fill:currentColor;stroke:none;opacity:0;transition:opacity 1s 1.4s}
.dz-bpd text{fill:var(--dz-bp-t);font:600 11px var(--dz-f);letter-spacing:.06em;opacity:0;transition:opacity 1s 1.6s}
.dz-bpd.is-in path,.dz-bpd.is-in rect,.dz-bpd.is-in circle,.dz-bpd.is-in line,.dz-bpd.is-in polyline{stroke-dashoffset:0}
.dz-bpd.is-in .dsh,.dz-bpd.is-in .fil,.dz-bpd.is-in text{opacity:1}
@media (max-width:1599px){.dz-bpd{opacity:.6}}
@media (max-width:767px){.dz-bpd{width:200px;opacity:.45}}

/* ---------- кікер-штамп креслення ---------- */
.dz-kicker p{display:inline-flex !important;align-items:stretch;gap:0 !important;padding:0 !important;border:1px solid rgba(255,255,255,.24) !important;border-radius:0 !important;background:rgba(10,12,14,.38) !important;position:relative;letter-spacing:.16em}
.dz-kicker p::before{display:none !important}
.dz-kicker p::after{content:"";position:absolute;inset:-6px;pointer-events:none;--c:var(--dz-g);background:
  linear-gradient(var(--c),var(--c)) 0 0/9px 1.5px,linear-gradient(var(--c),var(--c)) 0 0/1.5px 9px,
  linear-gradient(var(--c),var(--c)) 100% 0/9px 1.5px,linear-gradient(var(--c),var(--c)) 100% 0/1.5px 9px,
  linear-gradient(var(--c),var(--c)) 0 100%/9px 1.5px,linear-gradient(var(--c),var(--c)) 0 100%/1.5px 9px,
  linear-gradient(var(--c),var(--c)) 100% 100%/9px 1.5px,linear-gradient(var(--c),var(--c)) 100% 100%/1.5px 9px;background-repeat:no-repeat}
.dz-kc{display:flex;align-items:center;padding:11px 16px;border-left:1px solid rgba(255,255,255,.2);white-space:nowrap;
  opacity:0;transform:translateY(8px);animation:dzKc .8s var(--dz-ease) forwards;animation-delay:calc(var(--i) * 110ms + .2s)}
.dz-kc:first-child{border-left:0}
.dz-kc--i{padding:0 11px;color:var(--dz-g)}
.dz-kc--i svg{width:20px;height:20px;animation:dzSpin 14s linear infinite}
.dz-kc--xy{font-weight:600 !important;color:#9aa4a8;letter-spacing:.08em;font-variant-numeric:tabular-nums}
@keyframes dzKc{to{opacity:1;transform:none}}
@keyframes dzSpin{to{transform:rotate(360deg)}}
@media (max-width:767px){.dz-kc--xy{display:none}.dz-kicker p{max-width:100%}.dz-kc{white-space:normal;font-size:10.5px !important;line-height:1.35 !important;padding:8px 10px;letter-spacing:.1em}.dz-kc--i{padding:0 8px}.dz-kc--i svg{width:16px;height:16px}}

/* ---------- кнопки v1.5 ---------- */
.dz-btn .button,.dz-btn a.button{border-radius:8px !important;box-shadow:none !important;overflow:visible !important;isolation:isolate;position:relative;transition:transform .35s var(--dz-ease),box-shadow .35s !important}
.dz-btn .button:hover{transform:none;box-shadow:0 18px 36px -18px rgba(126,159,58,.9) !important;background:var(--dz-g) !important}
.dz-btn .button .button_label{padding:18px 28px !important;position:relative;z-index:1}
.dz-btn .button .button_icon{position:relative;z-index:1;background:none !important;border-left:1px solid rgba(14,17,19,.16);transition:border-color .4s}
.dz-bf{position:absolute;inset:0;z-index:0;border-radius:inherit;background:#0e1113;clip-path:inset(0 100% 0 0);transition:clip-path .6s var(--dz-ease);pointer-events:none;overflow:hidden}
.dz-bf::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,rgba(166,200,90,.13) 0 6px,transparent 6px 14px);transform:translateX(-28px);transition:transform 1.2s linear}
.dz-btn .button:hover .dz-bf{clip-path:inset(0 0 0 0)}
.dz-btn .button:hover .dz-bf::after{transform:none}
.dz-rl{display:inline-grid;overflow:hidden;vertical-align:top;line-height:1.3;padding:0 1px}
.dz-rl>span{grid-area:1/1;transition:transform .55s var(--dz-ease)}
.dz-rl>span+span{transform:translateY(115%);color:var(--dz-g)}
.dz-btn .button:hover .dz-rl>span:first-child{transform:translateY(-115%)}
.dz-btn .button:hover .dz-rl>span+span{transform:none}
.dz-btn .button:hover .button_icon{border-color:rgba(166,200,90,.28)}
.dz-btn .button:hover .button_icon i{color:var(--dz-g) !important;animation:dzArr .65s var(--dz-ease)}
@keyframes dzArr{0%{transform:none}45%{transform:translateX(160%);opacity:0}46%{transform:translateX(-160%);opacity:0}100%{transform:translateX(4px);opacity:1}}
.dz-bk{position:absolute;inset:-9px;pointer-events:none;z-index:2;opacity:0;transition:inset .5s var(--dz-ease),opacity .35s;--c:var(--dz-g);background:
  linear-gradient(var(--c),var(--c)) 0 0/10px 1.5px,linear-gradient(var(--c),var(--c)) 0 0/1.5px 10px,
  linear-gradient(var(--c),var(--c)) 100% 0/10px 1.5px,linear-gradient(var(--c),var(--c)) 100% 0/1.5px 10px,
  linear-gradient(var(--c),var(--c)) 0 100%/10px 1.5px,linear-gradient(var(--c),var(--c)) 0 100%/1.5px 10px,
  linear-gradient(var(--c),var(--c)) 100% 100%/10px 1.5px,linear-gradient(var(--c),var(--c)) 100% 100%/1.5px 10px;background-repeat:no-repeat}
.dz-btn .button:hover .dz-bk{opacity:1;inset:-5px}
.dz-btn .button:active{transform:scale(.97) !important}
/* ghost */
.dz-btn.dz-btn--ghost .button,.dz-btn.dz-btn--ghost a.button{background:transparent !important;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.3) !important}
.dz-btn.dz-btn--ghost .button:hover{background:transparent !important;box-shadow:inset 0 0 0 1.5px var(--dz-g) !important}
.dz-btn--ghost .dz-bf{background:var(--dz-g)}
.dz-btn--ghost .dz-bf::after{background:repeating-linear-gradient(-45deg,rgba(14,17,19,.09) 0 6px,transparent 6px 14px)}
.dz-btn--ghost .dz-rl>span+span{color:#0e1113}
.dz-btn--ghost .button .button_icon{border-left-color:rgba(255,255,255,.16)}
.dz-btn.dz-btn--ghost .button:hover .button_icon i{color:#0e1113 !important}
.dz-btn--ghost .button:hover .button_icon{border-color:rgba(14,17,19,.2)}
.dz-light .dz-btn.dz-btn--ghost .button,.dz-white .dz-btn.dz-btn--ghost .button{box-shadow:inset 0 0 0 1.5px var(--dz-bd) !important}
.dz-light .dz-btn--ghost .button .button_icon,.dz-white .dz-btn--ghost .button .button_icon{border-left-color:var(--dz-bd)}
.dz-hdr-btn .button .button_label{padding:13px 18px !important}
.dz-mag{transition:transform .3s var(--dz-ease)}
/* кнопка форми */
.dz-btn-p,.dz-btn-p:hover{border-radius:8px;box-shadow:none;background:linear-gradient(90deg,#0e1113 50%,var(--dz-g) 50%) 100% 0/202% 100% no-repeat;transition:background-position .6s var(--dz-ease),color .35s,transform .3s var(--dz-ease)}
.dz-btn-p:hover{background-position:0 0;color:var(--dz-g) !important;transform:none}

/* ---------- клієнти ---------- */
.dz-clients{padding:52px 0 44px !important}
.dz-clients .dz-eyebrow .title{color:var(--dz-mute) !important;letter-spacing:.2em !important}
.dz-clients .dz-eyebrow .title::before{display:block !important;content:"";width:26px;height:1px;border:0;transform:none;background:currentColor}
.dz-clients .dz-eyebrow .title::after{display:block !important;content:"";width:26px;height:1px;background:currentColor;transform:none}
.dz-marquee > .mcb-wrap-inner{background:var(--dz-sbg,#fff)}
.dz-marquee .mcb-column{width:230px !important}
.dz-marquee .mcb-column-inner{margin:0 !important;height:112px;display:flex !important;align-items:center;justify-content:center;position:relative;border-left:1px dashed var(--dz-bd)}
.dz-marquee .mcb-column-inner::before{content:"";position:absolute;inset:10px 14px;pointer-events:none;opacity:0;transition:opacity .35s,inset .45s var(--dz-ease);--c:var(--dz-g);background:
  linear-gradient(var(--c),var(--c)) 0 0/9px 1.5px,linear-gradient(var(--c),var(--c)) 0 0/1.5px 9px,
  linear-gradient(var(--c),var(--c)) 100% 0/9px 1.5px,linear-gradient(var(--c),var(--c)) 100% 0/1.5px 9px,
  linear-gradient(var(--c),var(--c)) 0 100%/9px 1.5px,linear-gradient(var(--c),var(--c)) 0 100%/1.5px 9px,
  linear-gradient(var(--c),var(--c)) 100% 100%/9px 1.5px,linear-gradient(var(--c),var(--c)) 100% 100%/1.5px 9px;background-repeat:no-repeat}
.dz-marquee .mcb-column:hover .mcb-column-inner::before{opacity:1;inset:16px 22px}
.dz-marquee .image_frame,.dz-marquee .image_wrapper,.dz-marquee a{background:none !important;border:0 !important;box-shadow:none !important;padding:0 !important;margin:0 !important;display:flex !important;align-items:center;justify-content:center}
.dz-marquee img{max-height:62px !important;max-width:150px !important;width:auto !important;height:auto !important;object-fit:contain;filter:grayscale(1) url(#dzLogo);opacity:.9;mix-blend-mode:multiply;transition:filter .45s,opacity .45s,transform .45s var(--dz-ease)}
  filter:grayscale(1) contrast(1.45) brightness(1.02);opacity:.72;mix-blend-mode:multiply;transition:filter .45s,opacity .45s,transform .45s var(--dz-ease)}
.dz-marquee .mcb-column:hover img{filter:url(#dzLogo);opacity:1;transform:scale(1.06)}

/* ---------- етапи: рулетка ---------- */
@media (min-width:768px){
  .dz-steps-tape{display:none !important}
  .dz-steps > .mcb-wrap-inner{padding-top:96px !important}
}
.dz-tm{position:absolute;left:0;right:0;top:0;height:48px;pointer-events:none;z-index:2}
.dz-tm__case{position:absolute;left:0;top:0;width:52px;height:48px;z-index:3;filter:drop-shadow(0 10px 18px rgba(0,0,0,.28))}
.dz-tm__case svg{width:100%;height:100%;display:block}
.dz-tm__track{position:absolute;left:44px;right:0;top:13px;height:24px}
.dz-tm__blade{position:absolute;left:0;top:0;bottom:0;width:calc(var(--p,0) * 100%);min-width:10px;overflow:hidden;border-radius:0 3px 3px 0;
  background:
   repeating-linear-gradient(90deg,rgba(14,17,19,.7) 0 1px,transparent 1px 6px) 0 0/100% 5px no-repeat,
   repeating-linear-gradient(90deg,rgba(14,17,19,.8) 0 1.5px,transparent 1.5px 30px) 0 0/100% 9px no-repeat,
   repeating-linear-gradient(90deg,rgba(14,17,19,.9) 0 1.5px,transparent 1.5px 60px) 0 0/100% 14px no-repeat,
   linear-gradient(180deg,#c9e489,var(--dz-g) 55%,#93b447);
  box-shadow:0 6px 14px -8px rgba(0,0,0,.5);transition:width .12s linear}
.dz-tm__nums span{position:absolute;bottom:2px;transform:translateX(-50%);font:700 8.5px/1 var(--dz-f-h);color:#0e1113;letter-spacing:0}
.dz-tm__nums span.r{color:#b8322a}
.dz-tm__hook{position:absolute;right:0;top:-5px;bottom:-5px;width:5px;border-radius:1px;background:linear-gradient(90deg,#8b949a,#e6ebee 50%,#8b949a);box-shadow:0 2px 6px rgba(0,0,0,.4)}
.dz-tm__blade{overflow:visible}
.dz-tm__blade>.dz-tm__nums{position:absolute;inset:0;overflow:hidden}
.dz-tm__mk{position:absolute;top:37px;width:14px;margin-left:-7px;height:calc(96px - 37px - 8px);opacity:.25;transition:opacity .4s}
.dz-tm__mk::before{content:"";position:absolute;left:50%;top:0;width:0;height:0;border:6px solid transparent;border-top:7px solid var(--dz-mute);margin-left:-6px;transition:border-color .4s,transform .4s var(--dz-ease)}
.dz-tm__mk::after{content:"";position:absolute;left:50%;top:9px;bottom:0;border-left:1.5px dashed var(--dz-mute);transform-origin:top;transform:scaleY(0);transition:transform .6s var(--dz-ease),border-color .4s}
.dz-tm__mk.is-on{opacity:1}
.dz-tm__mk.is-on::before{border-top-color:var(--dz-g);transform:translateY(2px)}
.dz-tm__mk.is-on::after{transform:scaleY(1);border-left-color:var(--dz-g)}
@media (max-width:1100px){.dz-tm__mk{display:none}}
@media (max-width:767px){.dz-tm{display:none}}
/* номери етапів */
.dz-step .how_it_works .image_wrapper{width:auto !important;height:auto !important;margin:0 0 14px !important;position:relative}
.dz-step .how_it_works .image_wrapper .image{display:none !important}
.dz-step .how_it_works .image_wrapper .number{position:relative !important;inset:auto !important;display:block !important;text-align:left;
  font:700 clamp(46px,4.6vw,68px)/1 var(--dz-f-h) !important;letter-spacing:-.04em;color:transparent !important;-webkit-text-stroke:1.5px var(--dz-num-s);
  background:linear-gradient(90deg,var(--dz-g) 50%,transparent 50%) 100% 0/200% 100% no-repeat !important;-webkit-background-clip:text;background-clip:text;transition:background-position 1s var(--dz-ease),-webkit-text-stroke-color .6s}
.dz-step .how_it_works .image_wrapper .number{display:inline-block !important;width:auto !important;height:auto !important;border-radius:0 !important;-webkit-background-clip:text !important;background-clip:text !important;padding:0 .04em !important}
.dz-dark .dz-step .how_it_works .image_wrapper .number{--dz-num-s:#3d464c}
.dz-step.is-on .how_it_works .image_wrapper .number{background-position:0 0 !important;-webkit-text-stroke-color:var(--dz-g);color:transparent !important}
.dz-step .how_it_works .image_wrapper::before{content:attr(data-l);display:block;font:800 11px/1 var(--dz-f);letter-spacing:.2em;text-transform:uppercase;color:var(--dz-mute);margin:0 0 10px}
.dz-step.is-on .how_it_works .image_wrapper::before{color:var(--dz-g3)}
.dz-dark .dz-step.is-on .how_it_works .image_wrapper::before{color:var(--dz-g)}
.dz-step .mcb-column-inner{opacity:.45}
.dz-step .how_it_works .title{position:relative;padding-top:14px}
.dz-step .how_it_works .title::before{content:"";position:absolute;left:0;top:0;width:34px;height:2px;background:var(--dz-g);transform:scaleX(0);transform-origin:left;transition:transform .8s var(--dz-ease) .2s}
.dz-step.is-on .how_it_works .title::before{transform:none}

/* ---------- калькулятор: види ремонту (цеглини) ---------- */
.dz-level{display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:flex-start !important;gap:0 !important;
  white-space:normal !important;word-break:normal !important;overflow-wrap:normal !important;hyphens:manual;min-width:0;height:auto !important;line-height:1.3 !important;
  padding:18px 18px 16px !important;border-radius:14px !important;position:relative;text-transform:none !important;letter-spacing:0 !important;overflow:hidden;transition:border-color .3s,background .3s,transform .35s var(--dz-ease),box-shadow .35s !important}
.dz-level:hover{transform:translateY(-3px);box-shadow:0 16px 30px -20px rgba(0,0,0,.4)}
.dz-level__bar{display:flex !important;flex-direction:column-reverse;justify-content:flex-start;gap:3px;height:38px;margin:0 0 14px}
.dz-level__bar i{width:56px !important;height:9px !important;border-radius:2px !important;background:repeating-linear-gradient(90deg,var(--dz-g) 0 17px,transparent 17px 19px) !important}
.dz-level__bar i:nth-child(2){background-position:-9px 0 !important;width:47px !important;margin-left:9px}
.dz-level__bar i:nth-child(3){width:38px !important;margin-left:0}
.dz-level b{display:block !important;font:800 17px/1.25 var(--dz-f) !important;margin:0 0 6px !important;white-space:normal}
.dz-level small{display:block !important;font:500 13.5px/1.45 var(--dz-f) !important;white-space:normal}
.dz-level::after{content:"";position:absolute;right:14px;top:14px;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--dz-bd);transition:.3s}
.dz-level[aria-checked="true"]::after{border-color:var(--dz-g);background:var(--dz-g) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e1113' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center/12px no-repeat}
@media (max-width:1240px) and (min-width:768px){.dz-levels{grid-template-columns:1fr !important}.dz-level{flex-direction:row !important;align-items:center !important;gap:16px !important}.dz-level__bar{margin:0}.dz-level b{margin:0 0 2px !important}}
.dz-chip{border-radius:10px !important}

/* ---------- портфоліо: лінійка-фільтр ---------- */
.dz-pf-bar{position:relative;display:flex !important;flex-wrap:nowrap !important;gap:0 !important;justify-content:center;margin:0 auto 38px !important;padding:0 0 16px;overflow-x:auto;scrollbar-width:none;max-width:100%}
.dz-pf-bar::-webkit-scrollbar{display:none}
.dz-pf-bar::after{content:"";position:absolute;left:0;right:0;bottom:0;height:12px;pointer-events:none;background:
  linear-gradient(var(--dz-bd),var(--dz-bd)) 0 100%/100% 1px no-repeat,
  repeating-linear-gradient(90deg,var(--dz-bd) 0 1px,transparent 1px 8px) 0 100%/100% 5px no-repeat,
  repeating-linear-gradient(90deg,var(--dz-mute) 0 1px,transparent 1px 40px) 0 100%/100% 11px no-repeat;opacity:.9}
.dz-pf-bar button{flex:none;display:inline-flex !important;align-items:flex-start;justify-content:center;gap:0 !important;width:auto !important;min-width:0 !important;background:none !important;border:0 !important;border-radius:0 !important;padding:12px 20px 14px !important;font:800 12.5px/1 var(--dz-f) !important;letter-spacing:.12em !important;text-transform:uppercase;color:var(--dz-mute) !important;box-shadow:none !important;position:relative;transition:color .3s}
.dz-pf-bar button:hover,.dz-pf-bar button.is-on{color:var(--dz-text) !important;background:none !important}
.dz-dark .dz-pf-bar button:hover,.dz-dark .dz-pf-bar button.is-on{color:#fff !important}
.dz-pf-bar button sup{font:700 10px/1 var(--dz-f-h) !important;color:var(--dz-g3);opacity:1 !important;margin-left:5px;letter-spacing:0;vertical-align:super}
.dz-pf-ind{position:absolute;bottom:0;left:0;height:12px;width:0;z-index:1;pointer-events:none;border-radius:2px 2px 0 0;
  background:repeating-linear-gradient(90deg,rgba(14,17,19,.55) 0 1px,transparent 1px 8px) 0 100%/100% 5px no-repeat,var(--dz-g);
  transform:translateX(var(--x,0));width:var(--w,0);transition:transform .55s var(--dz-ease),width .55s var(--dz-ease)}
.dz-pf-ind::before{content:"";position:absolute;left:50%;top:-8px;margin-left:-5px;border:5px solid transparent;border-bottom:6px solid var(--dz-g);border-top:0}
@media (max-width:767px){.dz-pf-bar{justify-content:flex-start}.dz-pf-bar button{padding:12px 14px 14px !important}}
/* сітка без «дірок» */
.dz-pf > .mcb-wrap-inner{grid-auto-flow:row !important;grid-auto-rows:clamp(190px,19vw,290px) !important}
.dz-pf .mcb-column.dz-pf-in{animation:dzPfIn .8s var(--dz-ease) both;animation-delay:var(--pd,0s)}
@keyframes dzPfIn{from{opacity:0;transform:translateY(26px);clip-path:inset(0 0 100% 0 round 14px)}to{opacity:1;transform:none;clip-path:inset(0 0 0 0 round 14px)}}
.dz-pf .mcb-column-inner::before{content:attr(data-n);position:absolute;left:12px;top:12px;z-index:2;font:700 10px/1 var(--dz-f-h);color:#0e1113;background:var(--dz-g);padding:5px 6px;border-radius:4px;opacity:0;transform:translateY(-6px);transition:.4s var(--dz-ease)}
.dz-pf .mcb-column:hover .mcb-column-inner::before{opacity:1;transform:none}
@media (max-width:767px){.dz-pf > .mcb-wrap-inner{grid-auto-rows:170px !important}}

/* ---------- «шторка» появи фото ---------- */
.dz-wp{position:absolute;inset:0;z-index:3;pointer-events:none;background:var(--dz-g);transform:scaleX(0);transform-origin:left;border-radius:inherit}
.dz-wipe.is-w .dz-wp{animation:dzWipe 1.15s var(--dz-ease) forwards}
.dz-wipe img{opacity:0}
.dz-wipe.is-w img{animation:dzWImg 1.4s var(--dz-ease) forwards}
@keyframes dzWipe{0%{transform:scaleX(0);transform-origin:left}48%{transform:scaleX(1);transform-origin:left}52%{transform:scaleX(1);transform-origin:right}99%{opacity:1}100%{transform:scaleX(0);transform-origin:right;opacity:0;visibility:hidden}}
@keyframes dzWImg{0%,45%{opacity:0;scale:1.18}50%{opacity:1}100%{opacity:1;scale:1}}

/* ---------- розмірна лінія під зеленими словами ---------- */
.dz-h2 .title .dz-g{position:relative;display:inline-block}
.dz-h2 .title .dz-g::after{content:"";position:absolute;left:0;right:0;bottom:-.1em;height:.24em;pointer-events:none;
  background:linear-gradient(currentColor,currentColor) 0 50%/100% 1.5px no-repeat,linear-gradient(currentColor,currentColor) 0 0/1.5px 100% no-repeat,linear-gradient(currentColor,currentColor) 100% 0/1.5px 100% no-repeat;
  opacity:.6;transform:scaleX(0);transform-origin:left;transition:transform 1.3s var(--dz-ease) .55s}
.dz-h2.is-in .title .dz-g::after,.dz-h2:not(.dz-rv) .title .dz-g::after{transform:scaleX(1)}
@media (max-width:767px){.dz-h2 .title .dz-g{display:inline}.dz-h2 .title .dz-g::after{display:none}}

/* ---------- лазерний рівень у hero ---------- */
.dz-laser{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .5s}
.dz-hero.is-laser .dz-laser{opacity:1}
.dz-laser i{position:absolute;display:block}
.dz-laser .h{left:0;right:0;top:var(--ly,50%);height:1px;background:linear-gradient(90deg,transparent,rgba(166,200,90,.55) 15%,rgba(166,200,90,.55) 85%,transparent);box-shadow:0 0 10px 1px rgba(166,200,90,.35)}
.dz-laser .v{top:0;bottom:0;left:var(--lx,50%);width:1px;background:linear-gradient(180deg,transparent,rgba(166,200,90,.4) 15%,rgba(166,200,90,.4) 85%,transparent);box-shadow:0 0 10px 1px rgba(166,200,90,.25)}
.dz-laser .c{left:var(--lx,50%);top:var(--ly,50%);width:22px;height:22px;margin:-11px 0 0 -11px;border:1px solid var(--dz-g);border-radius:50%;box-shadow:0 0 0 4px rgba(166,200,90,.12)}
.dz-laser b{position:absolute;left:var(--lx,50%);top:var(--ly,50%);transform:translate(16px,14px);font:700 10px/1 var(--dz-f);letter-spacing:.12em;color:var(--dz-g);white-space:nowrap;font-variant-numeric:tabular-nums}
@media (hover:none),(max-width:959px){.dz-laser{display:none}}

/* ---------- 3D-нахил карток послуг ---------- */
.dz-svc{perspective:1200px}
.dz-svc > .mcb-wrap-inner{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .6s var(--dz-ease)}

/* ---------- перемикач день/ніч ---------- */
.dz-hdr-theme{width:auto !important;flex:0 0 auto !important}
.dz-hdr-theme .mcb-column-inner{margin:0 !important}
.dz-theme{position:relative;width:58px;height:32px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.05);cursor:pointer;padding:0;display:block;transition:background .4s,border-color .4s}
.dz-theme:hover{border-color:var(--dz-g)}
.dz-theme__k{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--dz-g);display:flex;align-items:center;justify-content:center;transition:transform .55s var(--dz-ease),background .4s;box-shadow:0 4px 10px -3px rgba(0,0,0,.5)}
.dz-theme__k svg{position:absolute;width:14px;height:14px;transition:opacity .4s,transform .55s var(--dz-ease)}
.dz-theme__k .m{opacity:0;transform:rotate(-90deg) scale(.5)}
.dz-theme__st{position:absolute;inset:0;pointer-events:none}
.dz-theme__st i{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;opacity:0;transition:opacity .5s}
.dz-theme__st i:nth-child(1){left:12px;top:9px}.dz-theme__st i:nth-child(2){left:18px;top:19px}.dz-theme__st i:nth-child(3){left:9px;top:20px;width:1.5px;height:1.5px}
[data-dz-theme="night"] .dz-theme{background:rgba(166,200,90,.1)}
[data-dz-theme="night"] .dz-theme__k{transform:translateX(26px);background:#e8ece9}
[data-dz-theme="night"] .dz-theme__k .s{opacity:0;transform:rotate(90deg) scale(.5)}
[data-dz-theme="night"] .dz-theme__k .m{opacity:1;transform:none}
[data-dz-theme="night"] .dz-theme__st i{opacity:.8}
@media (max-width:767px){.dz-theme{width:50px;height:28px}.dz-theme__k{width:20px;height:20px}[data-dz-theme="night"] .dz-theme__k{transform:translateX(22px)}}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition-new(root){z-index:2147483646}

/* ==========================================================
   НІЧНИЙ РЕЖИМ
   ========================================================== */
[data-dz-theme="night"]{
  --dz-paper:#0f1417; --dz-paper2:#1b2226; --dz-card:#151b1e; --dz-bd:#283035;
  --dz-text:#e7ece9; --dz-mute:#9aa4a8; --dz-g-a:rgba(166,200,90,.14);
  --dz-gp1:rgba(166,200,90,.07); --dz-gp2:rgba(166,200,90,.03);
  --dz-bp:rgba(166,200,90,.34); --dz-bp-t:rgba(166,200,90,.5); --dz-num-s:#3d464c;
  color-scheme:dark}
[data-dz-theme="night"] body:has(.dz-sec),[data-dz-theme="night"] body:has(.dz-sec) #Wrapper,[data-dz-theme="night"] body:has(.dz-sec) #Content{background-color:#0b0e10 !important}
[data-dz-theme="night"] .dz-light{background-color:#0f1417}
[data-dz-theme="night"] .dz-white{background-color:#12181b}
[data-dz-theme="night"] .dz-sec{color:var(--dz-text)}
[data-dz-theme="night"] .dz-light .dz-g,[data-dz-theme="night"] .dz-white .dz-g{color:var(--dz-g) !important}
[data-dz-theme="night"] .dz-eyebrow .title{color:var(--dz-g) !important}
[data-dz-theme="night"] .dz-clients .dz-eyebrow .title{color:var(--dz-mute) !important}
[data-dz-theme="night"] .dz-card > .mcb-wrap-inner{background:var(--dz-card);border-color:var(--dz-bd)}
[data-dz-theme="night"] .dz-card .dz-num .title{color:var(--dz-g) !important}
[data-dz-theme="night"] .dz-checks li::before{background-color:rgba(166,200,90,.16)}
[data-dz-theme="night"] .dz-collage .dz-collage-2 img{border-color:#0f1417}
[data-dz-theme="night"] .dz-calc__form,[data-dz-theme="night"] .dz-inline-form,[data-dz-theme="night"] .dz-modal__box{background:var(--dz-card) !important;border-color:var(--dz-bd)}
[data-dz-theme="night"] .dz-calc__res-in{background:#0a0d0f;border:1px solid var(--dz-bd)}
[data-dz-theme="night"] .dz-chip[aria-checked="true"],[data-dz-theme="night"] .dz-level[aria-checked="true"]{background:var(--dz-g) !important;border-color:var(--dz-g) !important;color:#0e1113 !important}
[data-dz-theme="night"] .dz-chip[aria-checked="true"] svg{color:#0e1113}
[data-dz-theme="night"] .dz-level[aria-checked="true"] small{color:#2c3a14 !important}
[data-dz-theme="night"] .dz-level[aria-checked="true"] .dz-level__bar i{background:repeating-linear-gradient(90deg,#0e1113 0 17px,transparent 17px 19px) !important}
[data-dz-theme="night"] .dz-level[aria-checked="true"]::after{background-color:#0e1113;border-color:#0e1113;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a6c85a' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E")}
[data-dz-theme="night"] .dz-opt__box{background:#0f1417;border-color:#3a444a}
[data-dz-theme="night"] .dz-opt:has(input:checked){background:rgba(166,200,90,.08)}
[data-dz-theme="night"] .dz-area__range::-webkit-slider-thumb{background:#0f1417}
[data-dz-theme="night"] .dz-form input:focus,[data-dz-theme="night"] .dz-form select:focus,[data-dz-theme="night"] .dz-form textarea:focus{background:#0b0e10 !important}
[data-dz-theme="night"] .dz-form .dz-f span,[data-dz-theme="night"] .dz-form__legal a{color:var(--dz-text)}
[data-dz-theme="night"] .dz-form__msg.is-ok{color:var(--dz-g)}
[data-dz-theme="night"] .dz-marquee img{filter:grayscale(1) url(#dzLogo) invert(1);mix-blend-mode:screen;opacity:.85}
[data-dz-theme="night"] .dz-marquee .mcb-column:hover img{filter:grayscale(1) url(#dzLogo) invert(1) sepia(1) hue-rotate(40deg) saturate(3);opacity:1}
[data-dz-theme="night"] .dz-clients{border-bottom-color:var(--dz-bd)}
[data-dz-theme="night"] .dz-tm__case{filter:drop-shadow(0 10px 18px rgba(0,0,0,.6))}
[data-dz-theme="night"] .dz-btn-p{background-image:linear-gradient(90deg,#e7ece9 50%,var(--dz-g) 50%)}
[data-dz-theme="night"] .dz-btn-p:hover{color:#0e1113 !important}
[data-dz-theme="night"] .dz-light .dz-btn:not(.dz-btn--ghost) .dz-bf,[data-dz-theme="night"] .dz-white .dz-btn:not(.dz-btn--ghost) .dz-bf{background:#e7ece9}
[data-dz-theme="night"] .dz-light .dz-btn:not(.dz-btn--ghost) .dz-rl>span+span,[data-dz-theme="night"] .dz-white .dz-btn:not(.dz-btn--ghost) .dz-rl>span+span{color:#0e1113}
[data-dz-theme="night"] .dz-light .dz-btn:not(.dz-btn--ghost) .button:hover .button_icon i,[data-dz-theme="night"] .dz-white .dz-btn:not(.dz-btn--ghost) .button:hover .button_icon i{color:#0e1113 !important}
[data-dz-theme="night"] .dz-light .dz-btn.dz-btn--ghost .button,[data-dz-theme="night"] .dz-white .dz-btn.dz-btn--ghost .button{box-shadow:inset 0 0 0 1.5px #3a444a !important}
[data-dz-theme="night"] .dz-map{filter:grayscale(1) invert(.92) contrast(.85) brightness(.8)}
html[data-dz-theme]{transition:none}

@media (prefers-reduced-motion:reduce){
  .dz-bpd path,.dz-bpd rect,.dz-bpd circle,.dz-bpd line,.dz-bpd polyline{stroke-dashoffset:0;transition:none}
  .dz-bpd text,.dz-bpd .dsh,.dz-bpd .fil{opacity:1}
  .dz-kc{opacity:1;transform:none;animation:none}.dz-kc--i svg{animation:none}
  .dz-wipe img{opacity:1;animation:none}.dz-wp{display:none}
  .dz-pf .mcb-column.dz-pf-in{animation:none}
}

/* ==========================================================
   v1.6 — шрифти Tektur + Onest, колаж «Про компанію», картки
   ========================================================== */
:root{--dz-f-h:"Tektur","Onest",system-ui,sans-serif;--dz-f:"Onest","Manrope",system-ui,-apple-system,"Segoe UI",sans-serif}
.dz-h1 .title{font-weight:800 !important;letter-spacing:-.02em !important;line-height:1 !important}
.dz-h2 .title{font-weight:700 !important;letter-spacing:-.015em !important;line-height:1.06 !important}
.dz-h3 .title,.dz-step .how_it_works .title{font-weight:700 !important;letter-spacing:-.005em !important}
.dz-sec p,.dz-sec li{letter-spacing:-.005em}
.dz-qf .number-wrapper,.dz-qf .number{font-weight:700 !important;letter-spacing:-.02em !important}
.dz-rotline{font-weight:600 !important}

/* ---------- колаж «Про компанію» ---------- */
.dz-collage > .mcb-wrap-inner{padding:30px 30px 80px 0 !important}
.dz-cl-plate{position:absolute;z-index:0;right:0;top:0;width:74%;height:calc(100% - 118px);border-radius:24px;background:
  linear-gradient(rgba(166,200,90,.1) 1px,transparent 1px) 0 0/24px 24px,linear-gradient(90deg,rgba(166,200,90,.1) 1px,transparent 1px) 0 0/24px 24px,#12171a;
  box-shadow:0 40px 80px -40px rgba(10,14,16,.55);overflow:hidden;pointer-events:none}
.dz-cl-plate svg{position:absolute}
.dz-cl-rt{left:0;right:0;top:0;width:100%;height:14px}
.dz-cl-rr{right:0;top:0;bottom:0;width:14px;height:100%}
.dz-cl-lb{position:absolute;right:16px;bottom:14px;writing-mode:vertical-rl;font:700 10px/1 var(--dz-f-h);letter-spacing:.18em;color:var(--dz-g);opacity:.8}
.dz-cl-plate .t{stroke:rgba(166,200,90,.55);stroke-width:1}
.dz-collage .dz-photo--tall{position:relative;z-index:1;width:74% !important;margin:30px 30px 0 auto !important}
.dz-collage .dz-photo--tall img{aspect-ratio:4/5;object-fit:cover;transition:transform 1.4s var(--dz-ease)}
.dz-collage .dz-photo--tall:hover img{transform:scale(1.04)}
.dz-collage .dz-photo .mcb-column-inner{position:relative}
.dz-collage .dz-collage-2{z-index:3 !important;width:46% !important;left:0 !important;bottom:0 !important;transform:rotate(-3deg) translateY(var(--cy,0px));transition:transform .8s var(--dz-ease)}
.dz-collage .dz-collage-2:hover{transform:rotate(0deg) translateY(var(--cy,0px)) scale(1.02)}
.dz-collage .dz-collage-2 img{aspect-ratio:5/4;object-fit:cover;border:10px solid #fff !important;border-radius:6px !important;box-shadow:0 30px 60px -25px rgba(10,14,16,.55) !important}
.dz-collage .dz-collage-2 .image_wrapper,.dz-collage .dz-collage-2 .image_frame{border-radius:6px !important;overflow:visible !important}
.dz-tape-p{position:absolute;z-index:4;width:92px;height:26px;background:rgba(236,226,196,.85);box-shadow:0 2px 6px rgba(0,0,0,.12);pointer-events:none;clip-path:polygon(3% 0,97% 0,100% 18%,96% 36%,100% 54%,96% 72%,100% 90%,97% 100%,3% 100%,0 82%,4% 64%,0 46%,4% 28%,0 10%)}
.dz-tape-p.a{left:-18px;top:-6px;transform:rotate(-38deg)}
.dz-tape-p.b{right:-18px;top:-6px;transform:rotate(36deg)}
.dz-cl-tag{position:absolute;z-index:3;left:18px;bottom:18px;display:inline-flex;align-items:center;gap:9px;padding:9px 14px 9px 11px;border-radius:999px;background:rgba(14,17,19,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font:700 12.5px/1.2 var(--dz-f);letter-spacing:.01em;pointer-events:none;max-width:calc(100% - 36px)}
.dz-cl-tag i{width:8px;height:8px;border-radius:50%;background:var(--dz-g);box-shadow:0 0 0 4px rgba(166,200,90,.25);flex:none;animation:dzPulse 2s infinite}
.dz-collage .dz-photo--tall .dz-cl-tag{left:auto;right:18px}
.dz-collage-2 .dz-cl-tag{left:10px;right:auto;bottom:10px;font-size:11.5px;padding:7px 12px 7px 9px}
/* печатка «20+» */
.dz-collage .dz-badge-w{right:auto !important;left:6% !important;top:50px !important;bottom:auto !important;z-index:4 !important}
.dz-badge.dz-seal{position:relative;width:156px;height:156px;padding:0 !important;border-radius:50%;background:#0e1113 !important;color:#fff;display:flex !important;align-items:center;justify-content:center;flex-direction:column;gap:2px;box-shadow:0 24px 50px -20px rgba(10,14,16,.7),0 0 0 6px rgba(166,200,90,.18) !important}
.dz-seal svg{position:absolute;inset:0;width:100%;height:100%;animation:dzSpin 26s linear infinite}
.dz-seal svg text{fill:var(--dz-g);font:700 11px var(--dz-f-h);letter-spacing:.14em;text-transform:uppercase}
.dz-seal svg circle{fill:none;stroke:rgba(166,200,90,.35);stroke-width:1;stroke-dasharray:2 4}
.dz-seal b{font:800 44px/1 var(--dz-f-h) !important;color:#fff;letter-spacing:-.02em;position:relative}
.dz-seal b::after{content:"";display:block;width:34px;height:2px;background:var(--dz-g);margin:8px auto 0}
.dz-seal > span{display:none !important}
@media (max-width:767px){
  .dz-cl-plate{width:80%;height:calc(100% - 90px)}
  .dz-collage .dz-photo--tall{width:80% !important;margin:22px 22px 0 auto !important}
  .dz-badge.dz-seal{width:118px;height:118px}.dz-seal b{font-size:34px !important}.dz-seal svg text{font-size:9px}
  .dz-collage .dz-badge-w{left:0 !important;top:10px !important}
  .dz-collage .dz-photo--tall .dz-cl-tag{top:14px;bottom:auto;right:14px}
  .dz-collage-2 .dz-cl-tag{font-size:10.5px;white-space:nowrap;max-width:none}
}

/* ---------- картки «Чому DIAZ» ---------- */
.dz-card > .mcb-wrap-inner{padding:30px 30px 32px !important}
.dz-card .dz-num .title{font:800 52px/1 var(--dz-f-h) !important;margin:0 0 18px !important;color:transparent !important;-webkit-text-stroke:1.3px var(--dz-num-s);letter-spacing:-.02em;transition:-webkit-text-stroke-color .4s,color .4s}
.dz-dark .dz-card .dz-num .title{-webkit-text-stroke-color:#3d464c}
.dz-card:hover .dz-num .title{-webkit-text-stroke-color:var(--dz-g);color:rgba(166,200,90,.14) !important}
.dz-card > .mcb-wrap-inner::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--dz-g);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--dz-ease)}
.dz-card:hover > .mcb-wrap-inner::after{transform:none}
.dz-card > .mcb-wrap-inner{--c:var(--dz-g)}
.dz-card > .mcb-wrap-inner .dz-cc{position:absolute;right:14px;top:14px;width:16px;height:16px;border-top:1.5px solid var(--dz-bd);border-right:1.5px solid var(--dz-bd);transition:border-color .4s,width .5s var(--dz-ease),height .5s var(--dz-ease)}
.dz-card:hover > .mcb-wrap-inner .dz-cc{border-color:var(--dz-g);width:30px;height:30px}
/* ---------- картки послуг ---------- */
.dz-svc-n{position:absolute;left:26px;top:24px;z-index:2;font:700 12px/1 var(--dz-f-h);letter-spacing:.12em;color:#fff;padding:8px 10px;border-radius:8px;background:rgba(14,17,19,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.12)}
.dz-svc-n b{color:var(--dz-g);font-weight:700}
.dz-svc > .mcb-wrap-inner .dz-svc-bar{position:absolute;left:30px;right:30px;bottom:22px;height:2px;background:rgba(255,255,255,.14);overflow:hidden;z-index:2}
.dz-svc-bar i{position:absolute;inset:0;background:var(--dz-g);transform:scaleX(0);transform-origin:left;transition:transform .7s var(--dz-ease)}
.dz-svc:hover .dz-svc-bar i{transform:none}
/* ---------- кнопка дзвінка (Popup4Phone) у фірмових кольорах ---------- */
.popup4phone-popover-button-icon-background{fill:var(--dz-g) !important}
.popup4phone-popover-button-icon-handset{fill:#0e1113 !important}
.popup4phone-popover-button::after{content:"";position:absolute;inset:6px;border-radius:22px;border:2px solid rgba(166,200,90,.7);pointer-events:none;animation:dzRing 2.4s var(--dz-ease) infinite}
@keyframes dzRing{0%{transform:scale(.85);opacity:.9}100%{transform:scale(1.35);opacity:0}}
/* ---------- форма: лінійка зверху ---------- */
.dz-inline-form{position:relative;overflow:hidden}
.dz-inline-form::before{content:"";position:absolute;left:0;right:0;top:0;height:10px;pointer-events:none;
  background:repeating-linear-gradient(90deg,var(--dz-g) 0 1px,transparent 1px 8px) 0 0/100% 5px no-repeat,repeating-linear-gradient(90deg,var(--dz-g) 0 1.5px,transparent 1.5px 40px) 0 0/100% 10px no-repeat;opacity:.7}
/* ---------- підвал: водяний знак ---------- */
.dz-ftr{position:relative;overflow:hidden}
.dz-ftr::after{content:"DIAZ";position:absolute;left:50%;bottom:-.24em;transform:translateX(-50%);font:800 clamp(120px,24vw,380px)/1 var(--dz-f-h);letter-spacing:.02em;color:transparent;-webkit-text-stroke:1px rgba(166,200,90,.1);pointer-events:none;white-space:nowrap;z-index:0}
.dz-ftr > .section_wrapper{position:relative;z-index:1}

/* ==========================================================
   v1.6.1 — меню: рулетка-повзунок, CAD-рамка, аркуш креслення
   ========================================================== */
.dz-hdr-menu .mfn-menu-label-wrapper::before,.dz-hdr-menu .mfn-menu-label-wrapper::after{display:none !important}
.dz-hdr-menu .mcb-column-inner{position:relative}
.dz-hdr-menu .mfn-header-menu > li > a{color:#d9dfdc !important;transition:color .3s}
.dz-hdr-menu .mfn-header-menu > li > a:hover,.dz-hdr-menu .mfn-header-menu > li:hover > a{color:#fff !important}
.dz-hdr-menu .mfn-header-menu > li.current-menu-item > a,.dz-hdr-menu .mfn-header-menu > li.current-menu-ancestor > a,.dz-hdr-menu .mfn-header-menu > li.current-menu-parent > a{color:var(--dz-g) !important}
/* CAD-рамка виділення при наведенні */
.dz-hdr-menu .mfn-header-menu > li > a .menu-label::after{content:"" !important;position:absolute;left:-9px;right:-9px;top:-8px;bottom:-8px;height:auto !important;transform:scale(1.18) !important;opacity:0;pointer-events:none;
  --c:var(--dz-g);background:
  linear-gradient(var(--c),var(--c)) 0 0/7px 1.5px,linear-gradient(var(--c),var(--c)) 0 0/1.5px 7px,
  linear-gradient(var(--c),var(--c)) 100% 0/7px 1.5px,linear-gradient(var(--c),var(--c)) 100% 0/1.5px 7px,
  linear-gradient(var(--c),var(--c)) 0 100%/7px 1.5px,linear-gradient(var(--c),var(--c)) 0 100%/1.5px 7px,
  linear-gradient(var(--c),var(--c)) 100% 100%/7px 1.5px,linear-gradient(var(--c),var(--c)) 100% 100%/1.5px 7px !important;background-repeat:no-repeat !important;
  transition:opacity .3s,transform .45s var(--dz-ease) !important}
.dz-hdr-menu .mfn-header-menu > li:hover > a .menu-label::after{opacity:1;transform:none !important}
.dz-hdr-menu .mfn-menu-subicon i{display:inline-block;transition:transform .35s var(--dz-ease)}
.dz-hdr-menu .mfn-header-menu > li:hover > a .mfn-menu-subicon i{transform:rotate(180deg)}
/* рулетка-повзунок під меню */
.dz-mind{position:absolute;left:0;top:0;height:7px;width:0;border-radius:1px 3px 3px 1px;pointer-events:none;opacity:0;z-index:2;
  background:repeating-linear-gradient(90deg,rgba(14,17,19,.75) 0 1px,transparent 1px 5px) 0 0/100% 3px no-repeat,repeating-linear-gradient(90deg,rgba(14,17,19,.85) 0 1px,transparent 1px 25px) 0 0/100% 5px no-repeat,linear-gradient(180deg,#c9e489,var(--dz-g) 60%,#8fb043);
  box-shadow:0 4px 10px -4px rgba(166,200,90,.7);
  transition:transform .55s cubic-bezier(.3,1.35,.5,1),width .55s cubic-bezier(.3,1.35,.5,1),opacity .3s,top .3s}
.dz-mind::after{content:"";position:absolute;right:-2px;top:-3px;bottom:-3px;width:3px;border-radius:1px;background:linear-gradient(90deg,#8b949a,#eef2f4 50%,#8b949a)}
.dz-mind.is-on{opacity:1}
/* випадаюче меню — аркуш креслення */
.dz-hdr-menu .mfn-header-menu .sub-menu{counter-reset:dzs;min-width:300px !important;width:max-content !important;max-width:360px;padding:20px 10px 10px !important;border-radius:14px !important;overflow:hidden;
  background:linear-gradient(rgba(166,200,90,.05) 1px,transparent 1px) 0 0/20px 20px,linear-gradient(90deg,rgba(166,200,90,.05) 1px,transparent 1px) 0 0/20px 20px,#12171a !important}
.dz-hdr-menu .mfn-header-menu .sub-menu::before{content:"";position:absolute;left:0;right:0;top:0;height:9px;pointer-events:none;
  background:repeating-linear-gradient(90deg,rgba(166,200,90,.55) 0 1px,transparent 1px 8px) 0 0/100% 5px no-repeat,repeating-linear-gradient(90deg,rgba(166,200,90,.8) 0 1.5px,transparent 1.5px 40px) 0 0/100% 9px no-repeat}
.dz-hdr-menu .mfn-header-menu .sub-menu li a{counter-increment:dzs;white-space:nowrap;display:flex !important;align-items:center;gap:12px;position:relative;transition:background .25s,color .25s,padding .3s var(--dz-ease) !important}
.dz-hdr-menu .mfn-header-menu .sub-menu li a::before{content:counter(dzs,decimal-leading-zero);font:700 11px/1 var(--dz-f-h);color:var(--dz-g);opacity:.55;min-width:18px;transition:opacity .25s}
.dz-hdr-menu .mfn-header-menu .sub-menu li a::after{content:"";width:14px;height:10px;margin-left:auto;opacity:0;transform:translateX(-10px);transition:opacity .3s,transform .4s var(--dz-ease);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 10' fill='none' stroke='%23a6c85a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 5h12M9 1l4 4-4 4'/%3E%3C/svg%3E") center/contain no-repeat}
.dz-hdr-menu .mfn-header-menu .sub-menu li a:hover{background:rgba(166,200,90,.09) !important;padding-left:18px !important}
.dz-hdr-menu .mfn-header-menu .sub-menu li a:hover::before{opacity:1}
.dz-hdr-menu .mfn-header-menu .sub-menu li a:hover::after{opacity:1;transform:none}
.dz-hdr-menu .mfn-header-menu .sub-menu li.current-menu-item > a{color:var(--dz-g) !important}
.dz-hdr-menu .mfn-header-menu .sub-menu li a .menu-label::after{display:none !important}
/* мобільне меню */
.mfn-header-tmpl-menu-sidebar .mfn-header-menu{counter-reset:dzm}
.mfn-header-tmpl-menu-sidebar .mfn-header-menu > li{border-bottom:1px dashed rgba(255,255,255,.1)}
.mfn-header-tmpl-menu-sidebar .mfn-header-menu > li > a{counter-increment:dzm;display:flex !important;align-items:center;gap:12px;font-family:var(--dz-f-h) !important;letter-spacing:.04em}
.mfn-header-tmpl-menu-sidebar .mfn-header-menu > li > a::before{content:counter(dzm,decimal-leading-zero);font:700 11px/1 var(--dz-f-h);color:var(--dz-g);opacity:.7}
.mfn-header-tmpl-menu-sidebar .current-menu-item > a{color:var(--dz-g) !important}
.mfn-header-tmpl-menu-sidebar .mfn-menu-label-wrapper::before{display:none !important}

/* ==========================================================
   v1.7 — блок «На зв’язку» + мобільне меню
   ========================================================== */
.popup4phone-popover-button,.popup4phone-popover{display:none !important}
.dz-hub{position:fixed;right:22px;bottom:22px;z-index:99990;font-family:var(--dz-f)}
.dz-hub__fab{position:relative;display:flex;align-items:center;gap:0;height:62px;min-width:62px;padding:0;border:0;border-radius:18px;cursor:pointer;color:#0e1113;
  background:linear-gradient(180deg,#c3e07f,var(--dz-g));box-shadow:0 18px 40px -14px rgba(126,159,58,.85),inset 0 -3px 0 rgba(0,0,0,.12);transition:transform .35s var(--dz-ease),border-radius .35s,background .35s}
.dz-hub__fab:hover{transform:translateY(-3px)}
.dz-hub__ico{position:absolute;left:0;top:0;width:62px;height:62px;display:flex;align-items:center;justify-content:center;transition:opacity .3s,transform .45s var(--dz-ease)}
.dz-hub__ico svg{width:28px;height:28px}
.dz-hub__ico--x{opacity:0;transform:rotate(-90deg) scale(.6)}
.dz-hub__lbl{display:block;max-width:0;overflow:hidden;white-space:nowrap;padding-left:62px;font:800 14px/1 var(--dz-f-h);letter-spacing:.04em;text-transform:uppercase;transition:max-width .5s var(--dz-ease),padding .5s var(--dz-ease)}
.dz-hub__fab:hover .dz-hub__lbl{max-width:160px;padding-right:20px}
.dz-hub__dot{position:absolute;right:-3px;top:-3px;width:14px;height:14px;border-radius:50%;background:#3ddc84;border:3px solid #0e1113}
.dz-hub.is-off .dz-hub__dot{background:#e7c14a}
.dz-hub__ring{position:absolute;inset:0;border-radius:inherit;border:2px solid rgba(166,200,90,.7);pointer-events:none;animation:dzRing 2.6s var(--dz-ease) infinite}
.dz-hub[data-open="1"] .dz-hub__fab{background:#0e1113;color:var(--dz-g);box-shadow:0 18px 40px -14px rgba(0,0,0,.6),inset 0 0 0 1.5px rgba(166,200,90,.6)}
.dz-hub[data-open="1"] .dz-hub__ico--a{opacity:0;transform:rotate(90deg) scale(.6)}
.dz-hub[data-open="1"] .dz-hub__ico--x{opacity:1;transform:none}
.dz-hub[data-open="1"] .dz-hub__ring,.dz-hub[data-open="1"] .dz-hub__lbl{display:none}
.dz-hub__panel{position:absolute;right:0;bottom:78px;width:370px;max-height:calc(100vh - 130px);overflow:auto;border-radius:22px;padding:26px 20px 18px;color:#e7ece9;
  background:linear-gradient(rgba(166,200,90,.045) 1px,transparent 1px) 0 0/20px 20px,linear-gradient(90deg,rgba(166,200,90,.045) 1px,transparent 1px) 0 0/20px 20px,#12171a;
  border:1px solid #283035;box-shadow:0 40px 90px -30px rgba(0,0,0,.7);
  opacity:0;visibility:hidden;transform:translateY(16px) scale(.97);transform-origin:bottom right;transition:opacity .35s,transform .45s var(--dz-ease),visibility 0s .45s}
.dz-hub__panel::before{content:"";position:absolute;left:0;right:0;top:0;height:10px;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(166,200,90,.55) 0 1px,transparent 1px 8px) 0 0/100% 5px no-repeat,repeating-linear-gradient(90deg,rgba(166,200,90,.85) 0 1.5px,transparent 1.5px 40px) 0 0/100% 10px no-repeat}
.dz-hub[data-open="1"] .dz-hub__panel{opacity:1;visibility:visible;transform:none;transition:opacity .35s,transform .45s var(--dz-ease),visibility 0s}
.dz-hub__grab{display:none}
.dz-hub__scrim{display:none}
.dz-hub__x{display:none;position:absolute;right:14px;top:16px;width:40px;height:40px;border-radius:12px;border:1px solid #2c3439;background:rgba(255,255,255,.03);color:#fff;align-items:center;justify-content:center;cursor:pointer;padding:0}
.dz-hub__x svg{width:18px;height:18px}
.dz-hub__eb{display:block;font:800 11px/1 var(--dz-f);letter-spacing:.18em;text-transform:uppercase;color:var(--dz-g);margin-bottom:8px}
.dz-hub__t{display:block;font:700 22px/1.15 var(--dz-f-h);color:#fff;letter-spacing:-.01em}
.dz-hub__st{display:flex;align-items:center;gap:8px;margin:10px 0 16px;font:600 13px/1.3 var(--dz-f);color:#a9b3b7}
.dz-hub__st i{width:8px;height:8px;border-radius:50%;background:#3ddc84;box-shadow:0 0 0 4px rgba(61,220,132,.18);flex:none;animation:dzPulse 2s infinite}
.dz-hub.is-off .dz-hub__st i{background:#e7c14a;box-shadow:0 0 0 4px rgba(231,193,74,.18)}
.dz-hub__call{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;background:var(--dz-g);color:#0e1113 !important;text-decoration:none !important;transition:transform .3s var(--dz-ease),box-shadow .3s}
.dz-hub__call:hover{transform:translateY(-2px);box-shadow:0 14px 30px -14px rgba(166,200,90,.9)}
.dz-hub__ci{width:42px;height:42px;border-radius:12px;background:#0e1113;color:var(--dz-g);display:flex;align-items:center;justify-content:center;flex:none}
.dz-hub__ci svg{width:22px;height:22px;animation:dzShake 3.2s ease-in-out infinite}
@keyframes dzShake{0%,86%,100%{transform:none}88%{transform:rotate(-14deg)}90%{transform:rotate(12deg)}92%{transform:rotate(-10deg)}94%{transform:rotate(8deg)}}
.dz-hub__call small{display:block;font:700 11px/1 var(--dz-f);letter-spacing:.14em;text-transform:uppercase;opacity:.7;margin-bottom:5px}
.dz-hub__call b{display:block;font:700 19px/1 var(--dz-f-h);letter-spacing:-.01em;white-space:nowrap}
.dz-hub__cb{margin:16px 0 0}
.dz-hub__cb label{display:block;font:600 12.5px/1.4 var(--dz-f);color:#a9b3b7;margin:0 0 8px}
.dz-hub__row{display:flex;gap:8px}
.dz-hub__row input[type=tel]{flex:1;min-width:0;margin:0 !important;height:48px;padding:0 14px !important;border-radius:12px !important;border:1.5px solid #2c3439 !important;background:#0b0e10 !important;color:#fff !important;font:700 15px var(--dz-f) !important;box-shadow:none !important}
.dz-hub__row input[type=tel]:focus{border-color:var(--dz-g) !important;outline:none}
.dz-hub__row button{height:48px;padding:0 16px;border:0;border-radius:12px;cursor:pointer;font:800 13.5px/1 var(--dz-f);color:#0e1113;background:#e7ece9;white-space:nowrap;transition:background .3s,color .3s}
.dz-hub__row button:hover{background:var(--dz-g)}
.dz-hub__row button:disabled{opacity:.6;cursor:wait}
.dz-hub__msg{margin:8px 0 0 !important;min-height:0;font:600 13px/1.4 var(--dz-f)}
.dz-hub__msg.is-ok{color:var(--dz-g)}.dz-hub__msg.is-err{color:#ff8a7a}
.dz-hub__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.dz-hub__grid a{display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;border:1px solid #283035;background:rgba(255,255,255,.02);color:#dfe5e1 !important;text-decoration:none !important;font:700 13px/1.25 var(--dz-f);transition:border-color .3s,background .3s,transform .3s var(--dz-ease)}
.dz-hub__grid a svg{width:22px;height:22px;flex:none;color:var(--dz-g)}
.dz-hub__grid a:hover{border-color:rgba(166,200,90,.6);background:rgba(166,200,90,.07);transform:translateY(-2px)}
.dz-hub__grid a.is-vb svg{color:#a78bfa}.dz-hub__grid a.is-wa svg{color:#4ade80}.dz-hub__grid a.is-tg svg{color:#38bdf8}
.dz-hub__foot{margin-top:14px;padding-top:12px;border-top:1px dashed #2c3439;font:600 12px/1.4 var(--dz-f);color:#7f898d}
body.dz-modal-open .dz-hub{opacity:0;pointer-events:none}
@media (max-width:767px){
  .dz-hub{right:14px;bottom:14px}
  .dz-hub__fab{height:56px;min-width:56px;border-radius:16px}.dz-hub__ico{width:56px;height:56px}.dz-hub__lbl{display:none}
  .dz-hub__panel{position:fixed;left:0;right:0;bottom:0;width:auto;max-height:88vh;border-radius:24px 24px 0 0;padding:30px 16px calc(18px + env(safe-area-inset-bottom));transform:translateY(100%);transform-origin:bottom}
  .dz-hub[data-open="1"] .dz-hub__panel{transform:none}
  .dz-hub__grab{display:block;position:absolute;left:50%;top:12px;width:44px;height:4px;margin-left:-22px;border-radius:4px;background:#3a444a}
  .dz-hub[data-open="1"] .dz-hub__fab{opacity:0;pointer-events:none}
  .dz-hub__x{display:flex !important}
  .dz-hub__scrim{display:block;position:fixed;inset:0;background:rgba(8,10,11,.6);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .35s;z-index:-1}
  .dz-hub[data-open="1"] .dz-hub__scrim{opacity:1;pointer-events:auto}
}

/* ---------- мобільне меню (сайдбар Betheme) ---------- */
.mfn-header-tmpl-menu-sidebar{background:linear-gradient(rgba(166,200,90,.04) 1px,transparent 1px) 0 0/22px 22px,linear-gradient(90deg,rgba(166,200,90,.04) 1px,transparent 1px) 0 0/22px 22px,#0e1113 !important;width:min(420px,100vw) !important;max-width:100vw !important}
.mfn-header-tmpl-menu-sidebar-wrapper{padding:84px 22px 28px !important;display:flex !important;flex-direction:column;min-height:100%;box-sizing:border-box}
.mfn-header-tmpl-menu-sidebar-wrapper::before{content:"";position:absolute;left:0;right:0;top:0;height:10px;background:repeating-linear-gradient(90deg,rgba(166,200,90,.5) 0 1px,transparent 1px 8px) 0 0/100% 5px no-repeat,repeating-linear-gradient(90deg,rgba(166,200,90,.85) 0 1.5px,transparent 1.5px 40px) 0 0/100% 10px no-repeat}
.mfn-header-tmpl-menu-sidebar .mfn-close-icon{position:absolute !important;right:18px;top:22px;width:44px;height:44px;border-radius:12px;border:1px solid #2c3439;display:flex !important;align-items:center;justify-content:center;color:#fff !important;background:rgba(255,255,255,.03)}
.mfn-header-tmpl-menu-sidebar .mfn-close-icon .icon{font-size:18px !important;color:#fff !important;line-height:1 !important}
.mfn-header-tmpl-menu-sidebar .mfn-header-menu{display:flex !important;flex-direction:column !important;align-items:stretch !important;width:100%;margin:0 !important;padding:0 !important}
.mfn-header-tmpl-menu-sidebar .mfn-header-menu > li{width:100% !important;margin:0 !important;border-bottom:1px dashed rgba(255,255,255,.1)}
.mfn-header-tmpl-menu-sidebar .mfn-header-menu > li > a{justify-content:flex-start !important;text-align:left !important;padding:17px 2px !important;font:700 17px/1.2 var(--dz-f-h) !important;letter-spacing:.03em !important;color:#e7ece9 !important;width:100%}
.mfn-header-tmpl-menu-sidebar .mfn-header-menu > li > a .mfn-menu-label-wrapper{flex:1}
.mfn-header-tmpl-menu-sidebar .mfn-header-menu > li:not(.menu-item-has-children) > a .mfn-menu-subicon{display:none !important}
.mfn-header-tmpl-menu-sidebar .mfn-menu-subicon{width:34px;height:34px;border-radius:10px;border:1px solid #2c3439;display:flex !important;align-items:center;justify-content:center;margin-left:auto;transition:transform .35s var(--dz-ease),border-color .3s,background .3s}
.mfn-header-tmpl-menu-sidebar .mfn-menu-subicon i{font-size:12px !important;color:var(--dz-g) !important}
.mfn-header-tmpl-menu-sidebar li.mfn-menu-item-show > a .mfn-menu-subicon,.mfn-header-tmpl-menu-sidebar li.hover > a .mfn-menu-subicon,.mfn-header-tmpl-menu-sidebar li.dz-open > a .mfn-menu-subicon{transform:rotate(180deg);background:rgba(166,200,90,.12);border-color:rgba(166,200,90,.5)}
.mfn-header-tmpl-menu-sidebar .mfn-header-menu > li.current-menu-item > a,.mfn-header-tmpl-menu-sidebar .mfn-header-menu > li.current-menu-ancestor > a{color:var(--dz-g) !important}
.mfn-header-tmpl-menu-sidebar .sub-menu{counter-reset:dzs;position:static !important;background:rgba(255,255,255,.025) !important;box-shadow:none !important;border:0 !important;border-left:2px solid var(--dz-g) !important;border-radius:0 12px 12px 0 !important;margin:0 0 14px 4px !important;padding:6px 0 !important;width:auto !important;min-width:0 !important;transform:none !important}
.mfn-header-tmpl-menu-sidebar .sub-menu li{border:0 !important;margin:0 !important}
.mfn-header-tmpl-menu-sidebar .sub-menu li a{counter-increment:dzs;display:flex !important;align-items:center;gap:12px;justify-content:flex-start !important;padding:11px 14px !important;font:600 15px/1.3 var(--dz-f) !important;letter-spacing:0 !important;color:#cfd6d2 !important;background:none !important;text-align:left !important}
.mfn-header-tmpl-menu-sidebar .sub-menu li a::before{content:counter(dzs,decimal-leading-zero);font:700 11px/1 var(--dz-f-h);color:var(--dz-g);opacity:.7;min-width:18px}
.mfn-header-tmpl-menu-sidebar .sub-menu li a .menu-label{text-transform:lowercase;display:inline-block}
.mfn-header-tmpl-menu-sidebar .sub-menu li a .menu-label::first-letter{text-transform:uppercase}
.mfn-header-tmpl-menu-sidebar .sub-menu li a:active,.mfn-header-tmpl-menu-sidebar .sub-menu li a:hover{color:#fff !important;background:rgba(166,200,90,.08) !important}
.mfn-header-tmpl-menu-sidebar .sub-menu .mfn-menu-sub-subicon{display:none !important}
.mfn-header-tmpl-menu-sidebar .sub-menu li.current-menu-item > a{color:var(--dz-g) !important}
.dz-sbf{margin-top:auto;padding-top:26px;display:flex;flex-direction:column;gap:12px}
.dz-sbf__ph{font:700 24px/1 var(--dz-f-h) !important;color:#fff !important;text-decoration:none !important;letter-spacing:-.01em}
.dz-sbf__meta{font:600 13px/1.5 var(--dz-f);color:#8a9498}
.dz-sbf__row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.dz-sbf__btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;height:52px;border-radius:12px;background:var(--dz-g);color:#0e1113 !important;text-decoration:none !important;font:800 15px/1 var(--dz-f)}
.dz-sbf .dz-hdr-lang{display:block !important}
/* v1.7.2 — правки мобільного меню та блоку зв’язку */
.dz-hub__cb .dz-hp{position:absolute !important;left:-9999px !important;width:1px !important;height:1px !important;opacity:0 !important}
.mfn-header-tmpl-menu-sidebar-wrapper{flex-wrap:nowrap !important;align-items:stretch !important;overflow-y:auto;overflow-x:hidden}
.mfn-header-tmpl-menu-sidebar-wrapper > *{flex:none;max-width:100%}
.mfn-header-tmpl-menu-sidebar .dz-sbf{align-self:stretch;width:100%}
.mfn-header-tmpl-menu-sidebar .dz-sbf a.dz-sbf__btn{color:#0e1113 !important;font-family:var(--dz-f) !important}
.mfn-header-tmpl-menu-sidebar .dz-sbf a.dz-sbf__ph{color:#fff !important}
.mfn-header-tmpl-burger-sidebar-opened .dz-hub{opacity:0;pointer-events:none}