/* ============================================================
   Блоки, перенесені з головної proekcia.com: анкета (section-cta)
   і підвал (site-footer). Розмітка і стилі — ті самі, що на сайті;
   усе загорнуто в .pk, щоб класи теми (.container, .row, .btn,
   .section-title) не перетиналися зі стилями лендінга.
   Джерело: wp-content/themes/proekcia/assets/css/style-home.css
   ============================================================ */
.pk{
  --theme-primary-color:#d7e3f5;
  --theme-secondary-color:#000000;
  --theme-third-color:#7d8ca3;
  --theme-accent-color:#ff4613;
  --theme-white-color:#ffffff;
  --theme-black-color:#000000;
  --theme-border-color:rgba(0,0,0,0.2);
  --theme-border-color2:rgba(255,255,255,0.32);
  --theme-primary-text-color:rgba(0,0,0,0.6);
  --theme-secondary-text-color:rgba(0,0,0,0.4);
  --theme-grid-gutter:5.15vw;
  font-family:"Stolzl",sans-serif;
  color:var(--theme-primary-text-color);
  font-size:4.1vw;font-weight:400;letter-spacing:-0.04em;line-height:1.4;
}
@media only screen and (min-width:480px){ .pk{font-size:3.333vw;} }
@media only screen and (min-width:768px){ .pk{font-size:2.08vw;--theme-grid-gutter:4.16vw;} }
@media only screen and (min-width:992px){ .pk{font-size:1.05vw;--theme-grid-gutter:2.5vw;} }
@media only screen and (min-width:1480px){ .pk{--theme-grid-gutter:3rem;} }


/* розмір кружків іконок — як у теми */
.pk{--theme-icon-circle-size:14.35vw;--theme-icon-circle-color:rgba(0,0,0,0.08);--theme-icon-circle-hover-color:rgba(0,0,0,0.2);}
@media only screen and (min-width:768px){ .pk{--theme-icon-circle-size:7vw;} }
@media only screen and (min-width:992px){ .pk{--theme-icon-circle-size:3vw;} }

/* дрібні основи, на які спирається тема */
.pk *,.pk *::before,.pk *::after{box-sizing:border-box;}
.pk ul{list-style:none;margin:0;padding:0;}
.pk a{color:inherit;text-decoration:none;}
.pk img{max-width:100%;height:auto;display:block;}
.pk h2{margin:0;font-weight:500;}
.pk .row{display:flex;flex-wrap:wrap;margin-left:calc(var(--theme-grid-gutter) * -0.5);margin-right:calc(var(--theme-grid-gutter) * -0.5);}
.pk .row > *{padding-left:calc(var(--theme-grid-gutter) * 0.5);padding-right:calc(var(--theme-grid-gutter) * 0.5);}
.pk .col-logo,.pk .col-menu,.pk .col-messengers,.pk .col-socials{flex:0 0 auto;width:100%;}
@media only screen and (min-width:768px){
  .pk .col-md-6{flex:0 0 auto;width:50%;}
}
@media only screen and (min-width:992px){
  .pk .col-lg-4{flex:0 0 auto;width:33.33333333%;}
  .pk .col-lg-5{flex:0 0 auto;width:41.66666667%;}
  .pk .offset-lg-1{margin-left:8.33333333%;}
}
@media only screen and (min-width:1200px){
  .pk .col-xl-3{flex:0 0 auto;width:25%;}
}

.pk .container{width:94%;margin-right:auto;margin-left:auto}
.pk .container.container-fluid{max-width:100%}
.pk .row{display:flex;flex-wrap:wrap;margin-left:calc(var(--theme-grid-gutter) * -0.5);margin-right:calc(var(--theme-grid-gutter) * -0.5)}
.pk .row>*{flex-shrink:0;width:100%;max-width:100%;padding-left:calc(var(--theme-grid-gutter) * 0.5);padding-right:calc(var(--theme-grid-gutter) * 0.5)}
.pk .row.no-gutters{margin-right:0;margin-left:0}
.pk .row.no-gutters>.col, .pk .row.no-gutters>[class*=col-]{padding-right:0;padding-left:0}
@media only screen and (min-width:768px){
.pk .col-md-12{flex:0 0 auto;width:100%}
.pk .col-md-11{flex:0 0 auto;width:91.66666667%}
.pk .col-md-10{flex:0 0 auto;width:83.33333333%}
.pk .col-md-9{flex:0 0 auto;width:75%}
.pk .col-md-8{flex:0 0 auto;width:66.66666667%}
.pk .col-md-7{flex:0 0 auto;width:58.33333333%}
.pk .col-md-6{flex:0 0 auto;width:50%}
.pk .col-md-5{flex:0 0 auto;width:41.66666667%}
.pk .col-md-4{flex:0 0 auto;width:33.33333333%}
.pk .col-md-3{flex:0 0 auto;width:25%}
.pk .col-md-2{flex:0 0 auto;width:16.66666667%}
.pk .col-md-1{flex:0 0 auto;width:8.33333333%}
}
@media only screen and (min-width:992px){
.pk .col-lg-12{flex:0 0 auto;width:100%}
.pk .col-lg-11{flex:0 0 auto;width:91.66666667%}
.pk .col-lg-10{flex:0 0 auto;width:83.33333333%}
.pk .col-lg-9{flex:0 0 auto;width:75%}
.pk .col-lg-8{flex:0 0 auto;width:66.66666667%}
.pk .col-lg-7{flex:0 0 auto;width:58.33333333%}
.pk .col-lg-6{flex:0 0 auto;width:50%}
.pk .col-lg-5{flex:0 0 auto;width:41.66666667%}
.pk .col-lg-4{flex:0 0 auto;width:33.33333333%}
.pk .col-lg-3{flex:0 0 auto;width:25%}
.pk .col-lg-2{flex:0 0 auto;width:16.66666667%}
.pk .col-lg-1{flex:0 0 auto;width:8.33333333%}
.pk .offset-lg-12{margin-left:100%}
.pk .offset-lg-11{margin-left:91.66666667%}
.pk .offset-lg-10{margin-left:83.33333333%}
.pk .offset-lg-9{margin-left:75%}
.pk .offset-lg-8{margin-left:66.66666667%}
.pk .offset-lg-7{margin-left:58.33333333%}
.pk .offset-lg-6{margin-left:50%}
.pk .offset-lg-5{margin-left:41.66666667%}
.pk .offset-lg-4{margin-left:33.33333333%}
.pk .offset-lg-3{margin-left:25%}
.pk .offset-lg-2{margin-left:16.66666667%}
.pk .offset-lg-1{margin-left:8.33333333%}
.pk .offset-lg-0{margin-left:0%}
}
@media only screen and (min-width:1200px){
.pk .col-xl-12{flex:0 0 auto;width:100%}
.pk .col-xl-11{flex:0 0 auto;width:91.66666667%}
.pk .col-xl-10{flex:0 0 auto;width:83.33333333%}
.pk .col-xl-9{flex:0 0 auto;width:75%}
.pk .col-xl-8{flex:0 0 auto;width:66.66666667%}
.pk .col-xl-7{flex:0 0 auto;width:58.33333333%}
.pk .col-xl-6{flex:0 0 auto;width:50%}
.pk .col-xl-5{flex:0 0 auto;width:41.66666667%}
.pk .col-xl-4{flex:0 0 auto;width:33.33333333%}
.pk .col-xl-3{flex:0 0 auto;width:25%}
.pk .col-xl-2{flex:0 0 auto;width:16.66666667%}
.pk .col-xl-1{flex:0 0 auto;width:8.33333333%}
}
.pk .lang-switcher a, .pk .list-group .list-group-title{color:var(--theme-secondary-text-color);letter-spacing:-0.02em}
@media only screen and (min-width:992px){
.pk .lang-switcher a, .pk .list-group .list-group-title{font-size:0.8em}
}
.pk .lang-switcher{display:flex;align-items:center;gap:0.9em;line-height:normal}
.pk .lang-switcher a.active{color:var(--theme-black-color);pointer-events:none}
.pk .list-group .list-group-title{margin-bottom:1.5em;line-height:1.2;text-transform:uppercase}
@media only screen and (min-width:992px){
.pk .list-group .list-group-title{margin-bottom:2.5em}
}
.pk .btn, .pk .btn>a, .pk .button, .pk .wp-block-button__link{font-family:"Stolzl",sans-serif;display:inline-flex;justify-content:center;align-items:center;gap:0.625em;padding:1em 1.5em;border:0;border-radius:20em;background-color:var(--theme-black-color);color:var(--theme-white-color);font-size:1em;font-weight:400;font-style:normal;letter-spacing:-0.02em;line-height:1;text-decoration:none;text-align:center;vertical-align:middle;-webkit-tap-highlight-color:transparent;outline:0;cursor:pointer;transition:background 0.3s,color 0.3s}
.pk .btn svg circle, .pk .btn svg path, .pk .btn svg rect, .pk .btn>a svg circle, .pk .btn>a svg path, .pk .btn>a svg rect, .pk .button svg circle, .pk .button svg path, .pk .button svg rect, .pk .wp-block-button__link svg circle, .pk .wp-block-button__link svg path, .pk .wp-block-button__link svg rect{transition:fill 0.3s,stroke 0.3s}
.pk .btn.btn-orange, .pk .btn>a.btn-orange, .pk .button.btn-orange, .pk .wp-block-button__link.btn-orange{border-radius:0.5em;background-color:var(--theme-accent-color)}
.pk .btn.btn-orange:hover, .pk .btn>a.btn-orange:hover, .pk .button.btn-orange:hover, .pk .wp-block-button__link.btn-orange:hover{background-color:var(--theme-third-color)}
.pk .btn.btn-bordered, .pk .btn>a.btn-bordered, .pk .button.btn-bordered, .pk .wp-block-button__link.btn-bordered{background:none;border:1px solid var(--theme-black-color);padding:1.5em 3em;color:var(--theme-black-color)}
.pk .btn.btn-bordered:hover, .pk .btn>a.btn-bordered:hover, .pk .button.btn-bordered:hover, .pk .wp-block-button__link.btn-bordered:hover{background-color:var(--theme-black-color);color:var(--theme-white-color)}
.pk .btn:not(.btn-orange, .pk .btn-bordered):hover, .pk .btn>a:not(.btn-orange, .pk .btn-bordered):hover, .pk .button:not(.btn-orange, .pk .btn-bordered):hover, .pk .wp-block-button__link:not(.btn-orange, .pk .btn-bordered):hover{background-color:var(--theme-accent-color)}
.pk .btn.disabled, .pk .btn>a.disabled, .pk .btn>a[disabled], .pk .btn[disabled], .pk .button.disabled, .pk .button[disabled], .pk .wp-block-button__link.disabled, .pk .wp-block-button__link[disabled]{border-color:#ebebeb;background:#ebebeb;color:rgba(0,0,0,0.25);pointer-events:none;cursor:default}
@media only screen and (max-width:767.98px){
.pk .btn.btn-sm-full, .pk .btn>a.btn-sm-full, .pk .button.btn-sm-full, .pk .wp-block-button__link.btn-sm-full{width:100%}
}
@media only screen and (min-width:992px){
.pk .btn, .pk .btn>a, .pk .button, .pk .wp-block-button__link{font-size:0.8em}
}
.pk .btn-link{display:inline-flex;justify-content:center;align-items:center;gap:0.875em;border:none;background:none;padding:0;margin:0;text-decoration:none;cursor:pointer}
.pk .btn-close{border:0;padding:0;color:var(--theme-secondary-color);cursor:pointer;width:48px;height:48px}
.pk .social-messengers, .pk .social-networks{display:flex;flex-direction:column;gap:1.5vh;margin:0}
.pk .social-messengers a, .pk .social-networks a{color:var(--theme-black-color);font-size:1.125em;letter-spacing:-0.02em}
.pk .social-messengers a img, .pk .social-messengers a svg, .pk .social-networks a img, .pk .social-networks a svg{width:45%}
@media only screen and (min-width:992px){
.pk .social-messengers a, .pk .social-networks a{font-size:0.9em}
}
.pk .section-title{font-size:8.21vw;font-weight:500;line-height:1.1;text-transform:uppercase;margin:0 0 0.5em}
@media only screen and (min-width:768px){
.pk .section-title{margin-bottom:0.46em;font-size:5.73vw}
}
@media only screen and (min-width:992px){
.pk .section-title{margin-bottom:0.43em;font-size:2.92vw}
}
.pk .container .section-full-width{width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}
.pk .section-cta{margin:0!important}
.pk .section-cta .container{border-radius:1.2em;background:var(--theme-accent-color);padding:11.75em 1.5em 0;position:relative}
.pk .section-cta .section-title{margin-bottom:1.25em;color:var(--theme-white-color)}
.pk .section-cta img{width:100%}
.pk .section-cta .link-overlay{position:absolute;top:0;left:0;right:0;bottom:0}
.pk .section-cta .icon{width:4em;height:4em;position:absolute;top:1.5em;right:1.5em;transition:transform 0.3s}
.pk .section-cta .icon .svg-icon{width:50%}
.pk .section-cta .icon .svg-icon path{fill:var(--theme-white-color)}
.pk .section-cta .container:has(.link-overlay):hover .icon{transform:translateX(-20%)}
@media only screen and (max-width:991.98px){
.pk .section-cta .container{display:flex;flex-direction:column;justify-content:end}
.pk .section-cta .icon{width:6em;height:6em}
.pk .section-cta .icon .svg-icon{transform:rotate(-45deg)}
}
@media only screen and (min-width:992px){
.pk .section-cta .container{border-radius:2.4em;padding:6vw 2em 0}
.pk .section-cta .row{align-items:end}
.pk .section-cta .section-title{margin-bottom:0.72em}
.pk .section-cta img{max-width:26.2em}
.pk .section-cta .icon{width:6em;height:6em;top:auto;bottom:2em;right:2em}
}
.pk .site-footer{border-top:1px solid var(--theme-border-color);padding:3em 0}
.pk .site-footer .custom-logo{width:clamp(200px,51.28vw,80%)}
.pk .site-footer .list-group .list-group-title{margin-bottom:1em}
.pk .site-footer .phone{white-space:nowrap}
.pk .site-footer .btn{width:100%;padding:1.25em 2em;text-transform:uppercase}
.pk .site-footer .col-menu .list-group ul{display:flex;flex-direction:column;gap:0.8em;margin:0}
.pk .site-footer .col-menu .list-group ul a{color:var(--theme-black-color);font-size:1.125em;letter-spacing:-0.02em}
.pk .site-footer .social-messengers{gap:0.8em}
.pk .site-footer .social-networks{flex-direction:row;gap:0.5em!important}
.pk .site-footer .copyright{margin-top:1em;color:var(--theme-primary-text-color);font-size:1em;line-height:1.2}
.pk .site-footer .col-logo .nav{margin-top:2.5em;line-height:1.2}
.pk .site-footer .col-logo .nav ul{display:flex;flex-direction:column;gap:0.75em;margin-bottom:0}
.pk .site-footer .col-logo .nav ul a{font-family:"Stolzl Book",sans-serif;color:var(--theme-primary-text-color);font-size:1em;text-decoration:underline}
@media only screen and (max-width:991.98px){
.pk .site-footer .col-menu{order:1}
.pk .site-footer .col-messengers{order:2}
.pk .site-footer .col-socials{order:3;margin-top:3em}
.pk .site-footer .col-socials .list-group{margin-top:2em}
.pk .site-footer .col-logo{order:4;margin-top:3em}
.pk .site-footer .lang-switcher{margin-top:2.5em}
}
@media only screen and (min-width:768px) and (max-width:991.98px){
.pk .site-footer .col-logo{order:3}
.pk .site-footer .col-socials{order:4}
}
@media only screen and (min-width:768px){
.pk .site-footer .col-socials{display:flex;flex-direction:column;justify-content:space-between}
}
@media only screen and (min-width:992px){
.pk .site-footer{padding:4em 0 2.4em}
.pk .site-footer .col-logo{display:flex;flex-direction:column;justify-content:space-between}
.pk .site-footer .custom-logo{width:10.41vw}
.pk .site-footer .btn{padding:1em 1.6em}
.pk .site-footer .col-logo .nav ul a, .pk .site-footer .copyright{font-size:0.833vw}
.pk .site-footer .list-group .list-group-title{margin-bottom:2.25em}
.pk .site-footer .col-menu .list-group nav ul{gap:1em}
.pk .site-footer .col-menu .list-group nav ul a{font-size:0.9375vw}
.pk .site-footer .col-logo .nav{margin:auto 0}
}
@media only screen and (min-width:1200px){
.pk .site-footer .col-menu .list-group{margin-left:3.5vw}
}
@media only screen and (min-width:1480px){
.pk .site-footer .col-socials .list-group{display:flex;align-items:center;justify-content:end;gap:2rem}
.pk .site-footer .col-socials .list-group .list-group-title{margin-bottom:0}
}
.pk .site-footer{border-top:0}
/* меню лендінга — дві рівні колонки по чотири пункти, читаються зверху вниз */
.pk .site-footer .col-menu .list-group nav ul{
  display:grid;grid-template-columns:repeat(2,max-content);
  grid-template-rows:repeat(4,auto);grid-auto-flow:column;
  column-gap:3em;
}
/* 992–1199: колонка меню вузька — тісніше, щоб не впиратись у «Зв'язатися» */
@media only screen and (min-width:992px) and (max-width:1199.98px){
  .pk .site-footer .col-menu .list-group nav ul{column-gap:1.5em;}
}
/* до 992 меню стоїть над «Зв'язатися» — відступ, щоб блоки не злипались */
@media only screen and (max-width:991.98px){
  .pk .site-footer .col-menu{margin-bottom:3em;}
}

/* іконки соцмереж і дрібні класи теми */
.pk .list-unstyled{padding-left:0;list-style:none}
.pk .lang-switcher a, .pk .list-group .list-group-title{color:var(--theme-secondary-text-color);letter-spacing:-0.02em}
@media only screen and (min-width:992px){
.pk .lang-switcher a, .pk .list-group .list-group-title{font-size:0.8em}
}
.pk .list-group .list-group-title{margin-bottom:1.5em;line-height:1.2;text-transform:uppercase}
@media only screen and (min-width:992px){
.pk .list-group .list-group-title{margin-bottom:2.5em}
}
.pk .icon-circle, .pk .icon-ellipse{display:inline-flex;align-items:center;justify-content:center;width:var(--theme-icon-circle-size);height:var(--theme-icon-circle-size);border-radius:50%;background:var(--theme-icon-circle-color);transition:all 0.3s}
.pk .icon-circle img, .pk .icon-circle svg, .pk .icon-ellipse img, .pk .icon-ellipse svg{width:auto}
.pk .icon-circle:focus-visible, .pk .icon-circle:hover, .pk .icon-ellipse:focus-visible, .pk .icon-ellipse:hover{background:var(--theme-icon-circle-hover-color)}
.pk .social-messengers, .pk .social-networks{display:flex;flex-direction:column;gap:1.5vh;margin:0}
.pk .social-messengers a, .pk .social-networks a{color:var(--theme-black-color);font-size:1.125em;letter-spacing:-0.02em}
.pk .social-messengers a img, .pk .social-messengers a svg, .pk .social-networks a img, .pk .social-networks a svg{width:45%}
@media only screen and (min-width:992px){
.pk .social-messengers a, .pk .social-networks a{font-size:0.9em}
}
.pk .site-footer .list-group .list-group-title{margin-bottom:1em}
.pk .site-footer .social-messengers{gap:0.8em}
.pk .site-footer .social-networks{flex-direction:row;gap:0.5em!important}
@media only screen and (min-width:992px){
.pk .site-footer .list-group .list-group-title{margin-bottom:2.25em}
}
@media only screen and (min-width:1480px){
.pk .site-footer .col-socials .list-group .list-group-title{margin-bottom:0}
}

/* попап «Зв'язатися зараз» — стилі з теми */
.pk .hide{display:none}
@media only screen and (max-width:767.98px){
.pk .hide-on-small{display:none!important}
}
@media only screen and (max-width:991.98px){
.pk .hide-on-medium-and-down{display:none!important}
}
@media only screen and (min-width:768px){
.pk .hide-on-medium-and-up{display:none!important}
}
@media only screen and (min-width:768px) and (max-width:991.98px){
.pk .hide-on-medium-only{display:none!important}
}
@media only screen and (max-width:1199.98px){
.pk .hide-on-large-and-down{display:none!important}
}
@media only screen and (min-width:992px){
.pk .hide-on-large-and-up{display:none!important}
}
@media only screen and (min-width:992px) and (max-width:1199.98px){
.pk .hide-on-large-only{display:none!important}
}
@media 1199.98px{
.pk .hide-on-extra-large-and-down{display:none!important}
}
@media only screen and (min-width:1200px){
.pk .hide-on-extra-large-only{display:none!important}
}
.pk .btn.btn-orange, .pk .btn>a.btn-orange, .pk .button.btn-orange, .pk .wp-block-button__link.btn-orange{border-radius:0.5em;background-color:var(--theme-accent-color)}
.pk .btn.btn-orange:hover, .pk .btn>a.btn-orange:hover, .pk .button.btn-orange:hover, .pk .wp-block-button__link.btn-orange:hover{background-color:var(--theme-third-color)}
.pk .btn:not(.btn-orange, .pk .btn-bordered):hover, .pk .btn>a:not(.btn-orange, .pk .btn-bordered):hover, .pk .button:not(.btn-orange, .pk .btn-bordered):hover, .pk .wp-block-button__link:not(.btn-orange, .pk .btn-bordered):hover{background-color:var(--theme-accent-color)}
.pk form .wpcf7-form-control-wrap{display:block}
.pk form .form-group{position:relative;margin:0 0 0.5em}
.pk form .form-group>label{display:block;border-radius:0.25em 0.25em 0 0;padding:0.2em 1.5em;color:var(--theme-secondary-text-color);font-size:1rem;position:absolute;top:1.2em;left:0;z-index:2;cursor:text;transition:all 0.2s ease-out}
.pk form .form-group>label.wpcf7-not-valid{color:var(--theme-error-color)}
.pk form .form-group>label.active, .pk form .form-group>label.focus{color:var(--theme-primary-text-color)}
.pk form .form-group>label.active{top:0;left:0;width:100%;background:rgba(0,0,0,0.18);padding:0.15em 1em;color:var(--theme-secondary-text-color);font-size:0.8em}
.pk form .form-group.form-submit-group{margin:1.5em 0 0}
.pk form .form-group.form-submit-group .btn{width:100%;height:20.51vw;font-size:4.62vw}
.pk form .form-group.form-acceptance-group{font-family:"Stolzl Book",sans-serif;margin:0.5em 0 0;color:var(--theme-secondary-text-color);font-size:3.08vw;line-height:1.2;text-align:center}
.pk form .form-group.form-acceptance-group a{color:var(--theme-secondary-text-color);border-bottom:1px solid currentColor}
.pk form .form-group.form-acceptance-group a:focus-visible, .pk form .form-group.form-acceptance-group a:hover{color:var(--theme-primary-text-color)}
.pk form .wpcf7-list-item{display:block;margin-left:0}
.pk form .wpcf7-not-valid-tip{font-family:"Stolzl Book",sans-serif;margin-top:0.25em;padding-left:2em;color:var(--theme-secondary-text-color);font-size:3.08vw;position:relative}
.pk form .wpcf7-not-valid-tip:before{content:none;}   /* іконки з теми немає — не чіпаємо */
/* тема ховає власні повідомлення CF7 (у неї свій попап) — нам вони потрібні */
@media only screen and (min-width:768px){
.pk form .form-group.form-acceptance-group{font-size:0.875rem}
.pk form .form-group.form-submit-group .btn{height:14vw;font-size:2.61vw}
}
@media only screen and (min-width:992px){
.pk form .form-group.form-submit-group .btn{height:6.5vw;font-size:1.25vw}
.pk form .wpcf7-not-valid-tip{font-size:0.625vw}
}
.pk .modal.fancybox__container .fancybox__slide.has-html:has(#modal-callback) .f-html{cursor:auto;flex:1;align-items:center;justify-content:center;flex-direction:row}
@media only screen and (min-width:768px){
.pk .modal.fancybox__container .fancybox__slide.has-html:has(#modal-callback){align-items:end;overflow-y:auto;overflow-x:hidden}
.pk .modal.fancybox__container .fancybox__slide.has-html:has(#modal-callback) .f-html{width:68vw}
}
@media only screen and (min-width:992px){
.pk .modal.fancybox__container .fancybox__slide.has-html:has(#modal-callback) .f-html{width:41vw;min-width:500px}
}
.pk .modal-dialog{width:100%;height:100%;overflow:auto;padding:1.25em}
.pk .modal-dialog .modal-title{font-size:10.26vw;font-weight:500;line-height:1.1;text-transform:uppercase;margin:0 0 0.5em}
.pk .modal-dialog .modal-text{font-family:"Stolzl Book",sans-serif;font-size:5.13vw;line-height:1.2}
.pk .modal-dialog .wpcf7{margin-top:2em}
@media only screen and (min-width:768px){
.pk .modal-dialog{padding:2em 2em 2em 2.5em}
.pk .modal-dialog .modal-title{margin-bottom:0.333em;font-size:7vw}
.pk .modal-dialog .modal-text{font-size:2.86vw}
.pk .modal-dialog .wpcf7{margin-top:2.25em}
}
@media only screen and (min-width:992px){
.pk .modal-dialog{padding:3em 3em 3em 3.75em}
.pk .modal-dialog .modal-title{font-size:3.75vw}
.pk .modal-dialog .modal-text{font-size:1.25vw}
.pk .modal-dialog .wpcf7{margin-top:2.4em}
}
.pk .modal-dialog.modal-with-image .modal-image{width:100%;overflow:hidden}
.pk .modal-dialog.modal-with-image .modal-image img{min-width:100%;min-height:100%;object-fit:cover}
@media only screen and (max-width:767.98px){
.pk .modal-dialog.modal-with-image .modal-image{display:none}
}
@media only screen and (min-width:768px){
.pk .modal-dialog.modal-with-image{padding:0}
.pk .modal-dialog.modal-with-image .modal-content{display:flex;flex-wrap:nowrap}
.pk .modal-dialog.modal-with-image .modal-image{flex:0 0 256px;border-top-left-radius:24px;border-bottom-left-radius:24px;background:var(--theme-secondary-color)}
.pk .modal-dialog.modal-with-image .modal-body{align-self:center;flex:1;padding:2.75rem}
}
@media only screen and (min-width:992px){
.pk .modal-dialog.modal-with-image .modal-image{flex:0 0 364px}
.pk .modal-dialog.modal-with-image .modal-body{padding:2.75rem 1.5rem}
}
.pk .modal-dialog.modal-review .modal-text{font-size:1em}
.pk .modal-dialog.modal-review blockquote{border:0!important;padding:0!important}
.pk .modal-dialog.modal-review blockquote .review-author{display:flex;margin:0;gap:0.5rem}
.pk .modal-dialog.modal-review blockquote .review-author .author-photo{min-width:4em;max-width:4.17vw;border-radius:0.5em}
.pk #modal-callback{border-radius:0!important}

/* ---- оболонка попапа: панель виїжджає справа, як на головному сайті ----
   на сайті це робить Fancybox (showClass:f-slideInPrevX, mainClass:modal),
   тут ті самі розміри, кольори й крива анімації. */
.pk-modal{position:fixed;inset:0;z-index:2000;display:flex;}
.pk-modal[hidden]{display:none;}
.pk-modal__backdrop{position:absolute;inset:0;background:var(--theme-border-color);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  animation:pk-modal-fade .35s ease both;}
.pk-modal__inner{position:relative;z-index:1;margin-left:auto;
  width:100%;height:100%;overflow:hidden;background:var(--theme-white-color);
  animation:pk-modal-in .85s cubic-bezier(.16,1,.3,1) both;}
.pk-modal.is-closing .pk-modal__inner{animation:pk-modal-out .35s cubic-bezier(.16,1,.3,1) both;}
.pk-modal.is-closing .pk-modal__backdrop{animation:pk-modal-fade .35s ease both reverse;}
@keyframes pk-modal-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
@keyframes pk-modal-out{from{transform:translateX(0)}to{transform:translateX(100%)}}
@keyframes pk-modal-fade{from{opacity:0}to{opacity:1}}
@media only screen and (min-width:768px){
  .pk-modal__inner{width:68vw;}
}
@media only screen and (min-width:992px){
  .pk-modal__inner{width:41vw;min-width:500px;}
}
@media (prefers-reduced-motion:reduce){
  .pk-modal__inner,.pk-modal__backdrop{animation-duration:.01ms;}
}

/* кнопка закриття — чорне коло, як у теми */
.pk-modal__close{position:absolute;top:0.75em;right:1.25em;z-index:2;width:2em;height:2em;
  display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;
  background:var(--theme-black-color);color:var(--theme-white-color);cursor:pointer;
  transition:background .3s;padding:0;}
.pk-modal__close:hover{background:var(--theme-accent-color);}
.pk-modal__close svg{width:62.5%;height:62.5%;}

.pk-modal #modal-callback{display:block;}
.pk-modal .modal-dialog{margin:0;}
.pk-modal .modal-title{color:var(--theme-black-color);}
.pk-modal .modal-text{color:var(--theme-primary-text-color);}
/* на ховері кнопка чорніє */
.pk-modal .btn.btn-orange:hover{background-color:var(--theme-black-color);}

/* поля — ті самі стилі, що на сайті */
.pk form input[type=date],.pk form input[type=datetime],.pk form input[type=email],
.pk form input[type=number],.pk form input[type=password],.pk form input[type=search],
.pk form input[type=tel],.pk form input[type=text],.pk form input[type=time],
.pk form input[type=url],.pk form select,.pk form textarea{
  display:block;width:100%;border:0;border-radius:0.25em;background:rgba(0,0,0,0.08);
  padding:1.25em 1.5em;color:var(--theme-black-color);font-family:inherit;font-size:1rem;
  font-weight:400;line-height:1.2;transition:all 0.3s;}
.pk form input[type=text].wpcf7-not-valid,.pk form input[type=tel].wpcf7-not-valid,
.pk form textarea.wpcf7-not-valid{background:#fac1c1;}
.pk form input:focus-visible,.pk form textarea:focus-visible,.pk form select:focus-visible{
  outline:0;background:rgba(0,0,0,0.18);}
.pk form textarea{min-height:8em;resize:vertical;}
.pk form .form-group input[type=text],.pk form .form-group input[type=tel],
.pk form .form-group textarea{padding:2.2em 1.5em 0.8em;}
.pk form .wpcf7-not-valid-tip:before{display:none;}
.pk form .wpcf7-not-valid-tip{padding-left:0;color:#ff1212;}
.pk .luguli{position:absolute!important;left:-9999px!important;}
/* службові поля CF7 не мають займати місця */
.pk .hidden-fields-container{display:none;border:0;padding:0;margin:0;}
.pk-modal form{margin:0;}
.pk-modal .wpcf7-response-output{margin-top:1em;padding:0.8em 1em;border-radius:0.25em;
  background:rgba(0,0,0,0.08);font-size:1rem;line-height:1.3;color:var(--theme-black-color);}
/* тема ховає власні повідомлення CF7 (у неї свій попап) — нам вони потрібні */
.pk-modal .wpcf7-response-output{display:block!important;}
.pk-modal .wpcf7-response-output[aria-hidden="true"]{display:none!important;}
.pk-modal .screen-reader-response{position:absolute;left:-9999px;}

/* екран «дякуємо» замість форми після відправки */
.pk-modal__done[hidden]{display:none;}
.pk-modal.is-sent .wpcf7{display:none;}
.pk-modal__done{padding-top:2em;}
.pk-modal__done-title{margin:0 0 0.6em;color:var(--theme-black-color);
  font-family:"Stolzl",sans-serif;font-weight:500;line-height:1.2;font-size:6.15vw;}
.pk-modal__done .modal-text{margin:0;}
.pk-modal__done .modal-text a{color:inherit;border-bottom:1px solid currentColor;}
.pk-modal__done .modal-text a:hover{color:var(--theme-black-color);}
@media only screen and (min-width:768px){
  .pk-modal__done-title{font-size:3.43vw;}
}
@media only screen and (min-width:992px){
  .pk-modal__done-title{font-size:1.5vw;}
}

/* reCAPTCHA: значок ховаємо (на мобільних перекривав кнопки), натомість у формі
   є обов'язковий текст Google — .pk-recaptcha-note */
.grecaptcha-badge{visibility:hidden !important;}
.pk-recaptcha-note{margin:0.6em 0 0;font-size:11px;line-height:1.4;opacity:.6;}
.pk-recaptcha-note a{color:inherit;text-decoration:underline;}
