/* okna.podia.cloud palette overlay: static site, no CMS markers */
:root{
  --okna-bg:#f5f1ea;
  --okna-surface:#fbfaf6;
  --okna-surface-2:#eef3f1;
  --okna-dark:#17201c;
  --okna-text:#213029;
  --okna-muted:#63706a;
  --okna-green:#0f7b62;
  --okna-green-dark:#085f4a;
  --okna-green-soft:#dff6ea;
  --okna-orange:#f5a623;
  --okna-orange-dark:#d97818;
  --okna-border:#d8e0dc;
}
html,body{background:var(--okna-bg)!important;color:var(--okna-text)!important;}
a{color:var(--okna-green-dark);} a:hover{color:var(--okna-orange-dark);}
header,.header,.site-header,.main-header,.top-header,.top-line,.navbar,.navigation,.main-navigation,nav,
.footer,.site-footer,footer{background:var(--okna-dark)!important;color:#fff!important;border-color:rgba(255,255,255,.12)!important;}
header a,.header a,.site-header a,.main-header a,.top-header a,.top-line a,.navbar a,.navigation a,.main-navigation a,nav a,footer a,.footer a{color:#fff!important;}
header a:hover,.header a:hover,nav a:hover,footer a:hover{color:var(--okna-orange)!important;}
.menu a:hover,.menu .current-menu-item>a,.current-menu-item>a,.current_page_item>a{color:var(--okna-orange)!important;}
button,input[type=submit],.button,.btn,.elementor-button,.wpcf7-submit,.form-submit,
[href*='tel:'].btn,.callback,.order-call,.measure,.zamer,.main-btn,.primary-btn,
.hero a[class*='btn'],.hero .button,.banner .button{background:var(--okna-green)!important;border-color:var(--okna-green)!important;color:#fff!important;box-shadow:0 14px 30px rgba(15,123,98,.22)!important;}
button:hover,input[type=submit]:hover,.button:hover,.btn:hover,.elementor-button:hover,.form-submit:hover,.main-btn:hover,.primary-btn:hover{background:var(--okna-orange)!important;border-color:var(--okna-orange)!important;color:var(--okna-dark)!important;}
.hero,.banner,.main-banner,.home-banner,.slider,.swiper,.first-screen{background-color:var(--okna-dark)!important;}
.hero:before,.banner:before,.main-banner:before,.home-banner:before{background:linear-gradient(90deg,rgba(23,32,28,.82),rgba(15,123,98,.48),rgba(23,32,28,.18))!important;}
h1,h2,h3,h4,h5,h6,.title,.section-title{color:var(--okna-dark)!important;}
.hero h1,.banner h1,.main-banner h1,.hero h2,.banner h2,.hero .title,.banner .title{color:#fff!important;}
section,.section,.content-area,.entry-content,.main-content{border-color:var(--okna-border)!important;}
.card,.service,.services-item,.product,.product-item,.team-item,.testimonial,.review,.faq-item,.accordion-item,.salon,.contact-card,.price-card,
[class*='card'],[class*='item']{border-color:var(--okna-border)!important;}
.card,.service,.services-item,.product,.product-item,.team-item,.testimonial,.review,.faq-item,.accordion-item,.salon,.contact-card,.price-card{background:var(--okna-surface)!important;}
.services a,.service a,.product a,.product-item a,.category a{color:var(--okna-dark)!important;}
.services a:hover,.service a:hover,.product a:hover,.product-item a:hover{color:var(--okna-green)!important;}
.price,.accent,.number,.step-number,.counter,.icon,.phone a,.phones a{color:var(--okna-green)!important;}
.social a,.socials a,[class*='social'] a{background:var(--okna-green)!important;color:#fff!important;border-color:var(--okna-green)!important;}
.social a:hover,.socials a:hover,[class*='social'] a:hover{background:var(--okna-orange)!important;color:var(--okna-dark)!important;}
input,textarea,select{border-color:var(--okna-border)!important;background:#fff!important;color:var(--okna-text)!important;}
input:focus,textarea:focus,select:focus{border-color:var(--okna-green)!important;box-shadow:0 0 0 3px rgba(15,123,98,.12)!important;outline:none!important;}
::selection{background:var(--okna-orange)!important;color:var(--okna-dark)!important;}

/* PVB-style three-step order block — critical override, cache-busted 20260515-steps3 */
body .steps-order-section.section,
body .steps-order-section.bg-light {
  display: block !important;
  padding: 74px 0 78px !important;
  background: #f4f6fa !important;
  overflow: hidden !important;
}
body .steps-order-section .container {
  width: min(1180px, calc(100% - 48px)) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body .steps-order-section .heading_title {
  position: relative !important;
  display: block !important;
  margin: 0 0 76px !important;
  padding: 0 !important;
  text-align: center !important;
  color: #121418 !important;
  font-family: Roboto, "Open Sans", Arial, sans-serif !important;
  font-size: clamp(32px, 4.2vw, 50px) !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
  letter-spacing: -0.035em !important;
  text-transform: none !important;
}
body .steps-order-section .heading_title::before { display: none !important; }
body .steps-order-section .heading_title::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: -34px !important;
  display: block !important;
  width: 112px !important;
  height: 5px !important;
  border-radius: 20px !important;
  background: #f2c300 !important;
  transform: translateX(-50%) !important;
}
body .steps_order_container {
  max-width: 1160px !important;
  margin: 0 auto !important;
}
body .steps_order_wrap {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  align-items: stretch !important;
  background: #fff !important;
  border: 1px solid #eef0f4 !important;
  box-shadow: 0 18px 48px rgba(17, 24, 39, 0.06) !important;
}
body .steps_order_wrap > .item {
  position: relative !important;
  display: block !important;
  min-height: 430px !important;
  margin: 0 !important;
  padding: 52px 42px 102px !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 0 !important;
  border-right: 1px solid #eef0f4 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}
body .steps_order_wrap > .item:last-child { border-right: 0 !important; }
body .steps_order_wrap > .item:hover {
  background: #fff !important;
  border-color: #eef0f4 !important;
  box-shadow: none !important;
  transform: none !important;
}
body .steps_order_wrap .svg_wrap {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  width: 88px !important;
  height: 74px !important;
  margin: 0 0 40px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}
body .steps_order_wrap .svg_id,
body .steps_order_wrap .svg_id.loaded,
body .steps_order_wrap .svg_id svg {
  display: block !important;
  width: auto !important;
  max-width: 82px !important;
  max-height: 60px !important;
  opacity: 1 !important;
}
body .steps_order_wrap .svg_id svg path,
body .steps_order_wrap .svg_id svg g {
  fill: #f2c300 !important;
  stroke: #f2c300 !important;
}
body .steps_order_wrap .item_title {
  display: block !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
  color: #202329 !important;
  font-size: 22px !important;
  line-height: 1.22 !important;
  font-weight: 800 !important;
  text-align: left !important;
}
body .steps_order_wrap .item_description {
  display: block !important;
  max-width: 300px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #363a42 !important;
  font-size: 15px !important;
  line-height: 1.48 !important;
  font-weight: 400 !important;
  text-align: left !important;
}
body .steps_order_wrap .item_number {
  position: absolute !important;
  left: 38px !important;
  right: auto !important;
  bottom: 34px !important;
  display: block !important;
  color: rgba(18, 20, 24, 0.075) !important;
  font-size: 86px !important;
  line-height: .9 !important;
  font-weight: 300 !important;
  letter-spacing: -0.09em !important;
  text-align: left !important;
  pointer-events: none !important;
}
body .order_steps__button_wrap {
  display: block !important;
  margin: 36px 0 0 !important;
  text-align: center !important;
}
body .order_steps__button_wrap .btn {
  min-width: 250px !important;
}
@media (max-width: 991px) {
  body .steps-order-section.section { padding: 56px 0 !important; }
  body .steps-order-section .container { width: min(100% - 28px, 680px) !important; }
  body .steps-order-section .heading_title { margin-bottom: 58px !important; font-size: 34px !important; }
  body .steps_order_wrap { grid-template-columns: 1fr !important; }
  body .steps_order_wrap > .item { min-height: 0 !important; padding: 34px 28px 86px !important; border-right: 0 !important; border-bottom: 1px solid #eef0f4 !important; }
  body .steps_order_wrap > .item:last-child { border-bottom: 0 !important; }
  body .steps_order_wrap .svg_wrap { margin-bottom: 24px !important; }
  body .steps_order_wrap .item_description { max-width: none !important; }
  body .steps_order_wrap .item_number { font-size: 72px !important; bottom: 26px !important; left: 26px !important; }
}

/* okna.podia.cloud-style language switcher */
body .lang-menu,
body ul.lang-menu {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
body .lang-menu > li,
body ul.lang-menu > li,
body .header-top .lang-menu > li,
body .header-right .lang-menu > li {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  list-style: none !important;
}
body .lang-menu > li::before,
body .lang-menu > li::after { display: none !important; content: none !important; }
body .lang-menu > li > a,
body .header-top .lang-menu > li > a,
body .header-right .lang-menu > li > a {
  display: block !important;
  min-width: 36px !important;
  height: auto !important;
  padding: 3px 8px !important;
  border: 1px solid rgba(255,255,255,.2) !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #dbe5e0 !important;
  font-family: Roboto, "Open Sans", Arial, sans-serif !important;
  font-size: 13px !important;
  line-height: 20px !important;
  font-weight: 400 !important;
  letter-spacing: .01em !important;
  text-align: center !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow: none !important;
}
body .lang-menu > li > a:hover,
body .header-top .lang-menu > li > a:hover,
body .header-right .lang-menu > li > a:hover {
  border-color: rgba(245,176,65,.65) !important;
  background: rgba(245,176,65,.12) !important;
  color: #f5b041 !important;
}
body .lang-menu > li.current-lang > a,
body .lang-menu > li.current_page_item > a,
body .header-top .lang-menu > li.current-lang > a,
body .header-right .lang-menu > li.current-lang > a {
  border-color: #f5b041 !important;
  background: #f5b041 !important;
  color: #1a2026 !important;
}
@media (max-width: 991px) {
  body .lang-menu > li > a,
  body .header-top .lang-menu > li > a,
  body .header-right .lang-menu > li > a {
    min-width: 36px !important;
    padding: 4px 8px !important;
  }
}