/*
Theme Name: datazen
Theme URI: https://wordpress.org/themes/datazen/
Author: the WordPress team
Author URI: https://wordpress.org
Description: datazen emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: datazen
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

/* Variables */
:root {
	--global--content--width: 1256px;
  --global--main-color: #4056e4;
  --global--secondary-color: #00dbdc;
  --global--main-lighter-color: #e1e3e9;
  --global--dark: #2C3132;
}


/* === RESET CSS / BASE STYLES === */

/* 1. Ustaw domyślny box-sizing */
*, *::before, *::after {
	box-sizing: border-box;
  }
  
  /* 2. Usuń marginesy i paddings */
  body, ul, ol, figure, blockquote, dl, dd {
	margin: 0;
	padding: 0;
  }

  body {
    overflow-x: hidden;
    font-family: 'Poppins', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    color: #626869;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
  }
  
  h1, h2, h3, h4, h5, h6, caption, figcaption, p {
	margin-top: 0px;
  }
  
  /* 4. Usuń domyślny styl linków */
  a {
	text-decoration: none;
	color: inherit;
  }

  p a {
    color: var(--global--main-color)
  }
  
  /* 6. Obrazy i media max-width 100% */
  img, picture, video, canvas, svg {
	display: block;
	max-width: 100%;
	height: auto;
  }
  
  /* 7. Formularze */
  input, button, textarea, select {
	font: inherit;
	border: none;
	background: none;
	padding: 0;
	margin: 0;
	outline: none;
  }
  
  /* 8. Usuń domyślną stylizację przycisków */
  button {
	cursor: pointer;
	background: transparent;
	border: none;
  }
  
  /* 9. HTML5 display roles */
  article, aside, details, figcaption, figure,
  footer, header, hgroup, main, menu, nav, section {
	display: block;
  }
  
  /* 10. Scroll behavior */
  html:focus-within {
	scroll-behavior: smooth;
  }
  
  /* 11. Usuń focus outline na klik (ale zostaw dla klawiatury) */
  *:focus-visible {
	outline: 2px solid #000;
  }
  
  *:focus:not(:focus-visible) {
	outline: none;
  }
  
/* Main styles */

.wp-block-columns {
	gap: 32px;
	max-width: var(--global--content--width);
  margin: 0 auto;
}

.wp-block-columns.gap-double {
  gap: 64px
}

/* zwiekszony */
.wp-block-columns.alignwide {
	max-width: 80%;
	margin: 0 auto
}

/* pełny */
.wp-block-columns.alignfull {
	max-width: 100%;
}

/* zawezony */

.wp-block-columns.ten-twelve {
  max-width: 1006px;
}

.narrow-column {
  max-width: 864px;
  margin: 0 auto !important;
}

.narrow-form-column {
  max-width: 522px;
  margin: 0 auto;
}

.for-narrow-two-col {
  justify-content: center;
  gap: 64px;
}

.wp-block-columns:not(.alignfull) {
  padding: 0 20px;
}

.wp-block-column {
  position: relative;
}

.has-extra-small-font-size {
	font-size: 12px;
	line-height: 20px;
	font-weight: 400;
  }
  
  .has-small-font-size {
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
  }
  
  .has-normal-font-size, p {
	font-size: 14px;
	line-height: 24px;
	font-weight: 500;
  }

  p {
    margin-bottom: 20px;
  }

  p em {
  line-height: 20px;
}

  strong {
    font-weight: 700;
    color: var(--global--dark);
  }

  .has-white-color strong {
    color: #fff;
  }
  
  .has-as-h-6-font-size,
  .as-h-6,
  h6 {
	font-size: 16px;
	line-height: 20px;
	font-weight: 600;
  margin-bottom: 16px;
  color: var(--global--dark);
  }
  
  .has-as-h-5-font-size,
  .as-h-5,
  h5 {
	font-size: 18px;
	line-height: 28px;
	font-weight: 600;
  margin-bottom: 4px;
  color: var(--global--dark);
  }
  
  .has-as-h-4-font-size,
  .as-h-4,
  h4 {
	font-size: 20px;
	line-height: 24px;
	font-family: "museo_sans700";
  margin-bottom: 12px;
  color: var(--global--dark);
  }
  
  .has-as-h-3-font-size,
  .as-h-3,
  h3 {
	font-size: 26px;
	line-height: 34px;
  margin-bottom: 20px;
  color: var(--global--dark);
  font-family: "museo_sans700";
  }
  
  .has-as-h-2-font-size,
  .as-h-2,
  h2 {
	font-size: 36px;
	line-height: 44px;
  margin-bottom: 24px;
  color: var(--global--dark);
  font-family: "museo_sans700";
  }
  
  .has-as-h-1-font-size,
  .as-h-1,
  h1 {
	font-size: 44px;
	line-height: 52px;
  margin-bottom: 32px;
  color: var(--global--dark);
  font-family: "museo_sans700";
  }

    h1.has-white-color,
h2.has-white-color,
h3.has-white-color,
h4.has-white-color,
h5.has-white-color,
h6.has-white-color,
.as-h-1.has-white-color,
.as-h-2.has-white-color,
.as-h-3.has-white-color,
.as-h-4.has-white-color,
.as-h-5.has-white-color,
.as-h-6.has-white-color,
.has-as-h-1-font-size.has-white-color,
.has-as-h-2-font-size.has-white-color,
.has-as-h-3-font-size.has-white-color,
.has-as-h-4-font-size.has-white-color,
.has-as-h-5-font-size.has-white-color,
.has-as-h-6-font-size.has-white-color {
  color: #fff;
}

  
/* === GLOBAL CONTAINER === */
.container {
	max-width: 1256px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
	width: 100%;
  }
  
  /* === HEADER === */
  .site-header {
	background: #fff;
	font-family: inherit;
  }

  .site-header:not(.homepage-header) {
  margin-bottom: 76px;
  background: #f8f9fd;
}
  
  /* === TOP HEADER === */
  .top-header {
	padding: 10px 0;
	font-size: 14px;
  border-bottom: 1px solid #F0E9E7;
  }
  
  .top-header-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 24px;
    justify-content: end;
  }

  .menu-side-contact {
  display: flex;
  align-items: center;
  gap: 24px;
}

.top-additional-data {
  color: #646c6c;
  padding-right: 24px;
  border-right: 1px solid #F0E9E7;
  height: 30px;
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
}
  
  .top-header-content a {
	text-decoration: none;
  }

  .top-mail a {
    color: var(--global--main-color);
    font-weight: 500;
  }

  .top-phone a {
  color: #554F4E;
  font-size: 16px;
  font-weight: 600;
  }
  
  .top-header svg {
	margin-right: 8px;
	vertical-align: middle;
  }
  
  /* === MAIN HEADER === */
  .main-header {
	padding: 44px 0;
  }
  
  .MenuSection {
	display: flex;
	justify-content: space-between;
	align-items: center;
  }

    .header-navigation-container {
		align-items: end;
		display: flex;
		flex-direction: column;
		gap: 8px;
	}

	ul.primary-menu {
		display: flex;
		gap: 28px;
		padding: 0;
    list-style: none;
	}

	.primary-menu > li {
    position: relative;
	  }

.primary-menu > li a {
  color: var(--global--dark);
  font-size: 16px;
  transition: all .3s ease-in-out;
  padding-bottom: 30px;
  font-family: "museo_sans700";
}

	.primary-menu > li a:hover {
		color: var(--global--main-color);
	}

	.primary-menu > li > .sub-menu > li:hover > a,
	.primary-menu > li > .sub-menu > li > .sub-menu > li:hover a {
		color: var(--global--main-color);
	}

	.menu-item .icon {
		display: inline-block;
		margin-left: 8px;
		/* transform: rotate(0deg); */
		transform: translateY(-2px);
		transition: transform 0.3s ease;
	  }
  
  /* === SITE BRANDING === */
  .site-branding img {
	height: auto;
	max-height: 80px;
  width: 210px;
  }
  
  /* === NAVIGATION === */
  .primary-navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    }
    
    .primary-menu-container {
    display: flex;
    align-items: center;
    }
    
  /* === MENU LIST === */
  .NavList {
    display: flex;
    gap: 20px;
    list-style: none;
    margin: 0;
    padding: 0;
    height: 38px;
    align-items: center;
  }
  
  .NavList li a {
    text-decoration: none;
    color: #161A1D;
    font-weight: 700;
    font-size: 15px;
  }

@media (min-width: 1200px) {
        /* Ukrycie rozwijanego podmenu */
        .sub-menu {
          position: absolute;
          left: -21px;
          top: 35px;
          background: #fff;
          z-index: 999;
          opacity: 0;
          transform: translateY(-10px);
          transition: all 0.3s ease;
          width: 280px;
          border-radius: 0 0 24px 24px;
        }

        .primary-menu > li > .sub-menu {
        display: none;
        padding: 10px 22px 10px;
    box-shadow: 0px 24px 24px -3px rgba(0,0,0,0.25);
        }

        .primary-menu > li > .sub-menu .sub-menu {
          padding: 24px;
          top: 28px;
          background: #C5DBD0;
          border: 0 none;
          box-shadow: none;
          left: 248px;
          border-radius: 13px;
        transform: translate(-20px, 0px);
        pointer-events: none;
        transition: all 0.3s ease;
        /* height: calc(100% - 55px) */
        }

        .primary-menu > li > .sub-menu > li {
        max-width: 220px;
        }
}

  .sub-menu .icon {
	display: none;
  }
  
  .menu-item.menu-item-has-children:hover > .sub-menu {
	display: block;
	opacity: 1;
	transform: translateY(0);
  }
  .menu-item.menu-item-has-children > .sub-menu > li:hover .sub-menu {
	pointer-events: all;
	transform: translate(0px, 0px);
  }

.sub-menu.active-submenu {
	/* width: 560px; */
	width: 310px;
	padding-right: 50px;
  }

  .megamenu-headline a {
	color: #1A1E17 !important;
	text-transform: uppercase;
	font-size: 13px !important;
	font-family: "wonder_unitsemibold" !important;
	margin-bottom: 12px !important;
  }

  .megamenu-headline a:hover {
	border-color: transparent !important;
}

  .sub-menu li {
	list-style: none;
  }
  
  .sub-menu li a {
    text-decoration: none;
      text-decoration-thickness: auto;
    margin-bottom: 0;
    display: block;
    transition: all 0.3s ease, color 0.3s ease;
    line-height: 20px;
    padding-bottom: 14px;
    font-weight: 500;
    opacity: .8;
  }
  
  .sub-menu li a:hover {
	  opacity: 1;
    color: var(--global--main-color)
  }  

  .sub-menu .sub-menu li a {
	padding-right: 8px;
  }

  .sub-menu .subm-menu li a:hover {
	border-color: #fff;
  }  
  
  /* === MOBILE MENU TOGGLE === */
 .mobile-nav-toggle-button {
  display: flex;
  padding: 12px 12px;
  float: right;
  background: #ABA9B5;
  border-radius: 10px;
}
  
  /* Ukryj przycisk nawigacji na desktopie */
  @media (min-width: 768px) {
	.mobile-nav-toggle-button {
	  display: none;
	}
  }
  
/* === MENU MODAL (mobilne menu) === */
  
.showing-menu-modal .menu-modal {
	display: block;
  }
  
  .menu-modal .menu-top {
    flex-shrink: 0;
    padding-top: 42px;
  }

  .menu-modal {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    backdrop-filter: blur(4px);
  }
  
  .menu-modal.active {
    opacity: 1;
    visibility: visible;
  }
  
  .menu-modal-inner {
    background: #f5f3f4;
    display: flex;
    justify-content: stretch;
    width: calc(100% - 30px);
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-100%);
    transition: transform 0.4s ease-in-out;
  }
  
  .menu-modal.active .menu-modal-inner {
    transform: translateX(0);
    transition-delay: 0.3s;
  }
  

  .menu-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    width: 100%;
  }

  .close-mobile-nav-toggle-button {
    display: flex;
    background: var(--global--main-color);
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    border-radius: 50px;
    position: absolute;
    right: -24px;
    top: 8px;
    z-index: 999;
  }
  
  .modal-menu {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0;
  }

  .modal-menu .ancestor-wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
  }

  .sub-menu-toggle {
    width: 28px;
    height: 28px;
    background: #ddd5d5;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    transition: all .3s ease-in-out;
  }

  .sub-menu-toggle.open-toggle {
    transform: rotate(180deg);
  }

  .sub-menu-toggle .svg-icon {
    width: 14px;
    margin-top: 1px;
  }

  .sub-menu-toggle .svg-icon polygon {
    fill: #666161;
  }
  
  .menu-wrapper .menu-item {
    position: relative;
  }
  .modal-menu li {
    border-color: #f5f5f5;
    border-style: solid;
    border-width: .1rem 0 0 0;
    display: flex;
    flex-wrap: wrap;
    line-height: 1;
    justify-content: flex-start;
    margin: 0;
  }
  
  .modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a {
    font-weight: 700;
    font-size: 16px;
  }
  .sub-menu {
  width: auto;
  min-width: 140px;
  margin-bottom: 12px;
}
  .modal-menu a {
    display: block;
    padding: 16px 20px;
    text-decoration: none;
    
  }

  .mobile-menu .sub-menu li a {
    padding: 4px 0 14px 32px;
    width: 100%;
  }
  
  body.showing-menu-modal {
	overflow: hidden;
  }

  .menu-bottom {
    display: flex;
    padding: 20px;
    flex-direction: column;
    gap: 20px;
    background: #fff;
    border-top: 1px solid #ece2e2;
  }
  
  .top-data-el {
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 50px;
  gap: 16px;
  font-size: 13px;
  font-weight: 600;
  padding-right: 20px;
}

.top-data-el-icon {
  background: #0c1864;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  height: 36px;
  width: 36px;
}

  .datazen-slider {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    height: 100%;
    max-height: 800px;
    border-radius: 35px;
    overflow: hidden;
}

/* .datazen-slide::before {
  position: absolute;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
} */

.datazen-dots {
  position: absolute;
  z-index: 9;
  display: flex;
  align-items: end;
  justify-content: center;
  gap: 6px;
  bottom: 50%;
  width: 32px;
  flex-direction: column;
  margin-bottom: -32px;
  padding: 12px 8px;
  right: 0;
  background: #fff;
  border-radius: 16px 0 0 16px;
  box-shadow: 0px 0px 28px 6px rgba(0,0,0,0.3);
}

.datazen-dots::before {
  mask: radial-gradient(20px at 0 0,#0000 98%,#000);
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  right: 0;
  display: block;
  bottom: 72px;
  background: #fff;
}

.datazen-dots::after {
   mask: radial-gradient(20px at 0 100%,#0000 98%,#000);
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  right: 0;
  display: block;
  bottom: -20px;
  background: #fff;
}

.datazen-dots .dot {
  background: var(--global--main-color);
  width: 12px;
  height: 12px;
  border-radius: 50px;
  display: block;
  transition: all .3s ease-in-out;
}

.datazen-dots .dot.active {
  background-color: var(--global--secondary-color);
}

.datazen-slide {
    display: none;
    animation: fadeIn 0.8s ease;
    position: relative;
    height: 100%;
    max-height: 800px;
}

.datazen-slide img {
  width: 100%;
  height: auto;
  display: block;
  position: absolute;
  z-index: 0;
}

.datazen-slide-content {
  z-index: 2;
  color: white;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  height: 100%;
  position: relative;
  align-items: start;
}

.datazen-slider-subtitle,
.datazen-slider-title,
.datazen-slider-text {
    opacity: 0;
    animation-fill-mode: forwards;
}

.datazen-slider-subtitle {
    animation: slideUpFadeIn 0.6s ease 0s forwards;
}

.datazen-slider-title {
    animation: slideUpFadeIn 0.6s ease 0.2s forwards;
}

.datazen-slider-text {
    background: #006965;
    font-weight: 300;
    padding:24px 220px 0 28px;
    position: absolute;
    bottom: 0;
    max-width: 800px;
    right: 0;
    animation: slideRightFadeIn 0.6s ease 1s forwards;
    max-height: 120px;
    height: 120px;
  }

@keyframes slideUpFadeIn {
    from {
        transform: translateY(20px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slideRightFadeIn {
    from {
        transform: translateX(30px);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* grid system */

.dz-system-columns {
  gap: 32px;
  max-width: var(--global--content--width);
  margin: 0 auto;
  padding: 0 20px;
  flex-wrap: nowrap;
  display: flex;
}

.dz-system-column {
  flex-grow: 1;
  min-width: 0;
  overflow-wrap: break-word;
  word-break: break-word;
}

.one-four {
  flex-basis: calc(25% - 32px);
}

.six-twelve {
  flex-basis: 50%;
}

.two-twelve {
  flex-basis: 14.47%;
}

.four-twelve {
  flex-basis: 31.58%;
}

.eight-twelve {
  flex-basis: 65.79%;
}

.ten-twelve {
  flex-basis: 82.89%;
}

.three-twelve {
  flex-basis: 32.33%;
}

.nine-twelve {
  flex-basis: 67.66%;
}

.central-content {
  display: flex;
  align-items: center;
  justify-content: center;
}

.float-left {
  float: left;
}

/* Footer */

.footer-container {
  background-color: #0a0f27;
  margin-top: 80px;
}

.footer-content {
  padding: 58px 0;
}

.footer-main {
  justify-content: space-between;
}

.footer-links-container {
  display: flex;
  gap: 80px;
}

.widget-area ul {
  list-style: none;
}

.widget-area li {
  color: #dadef2;
  font-weight: 400;
  margin-bottom: 4px;
}

.widget-title {
  font-weight: 800;
  color: #fff;
}

.footer-address {
  color: #fff;
  font-size: 16px;
  margin-bottom: 8px;
  margin-top: 20px;
}

.footer-contact {
  text-align: right;
}

.footer-phone {
  font-weight: 700;
  font-size: 26px;
  line-height: 34px;
  margin-bottom: 0px;
}

.footer-email {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 12px;
}

.footer-email a, .footer-phone a {
  color: var(--global--secondary-color);
}

.footer-openings {
  margin-bottom: 32px;
  color: #fff;
  font-size: 13px;
  opacity: .7;
}

.social-media-title {
  letter-spacing: .4px;
  font-size: 12px;
  color: #F8C8B4;
}

.footer-social .social-icons path {
  fill: #F8C8B4;
}

.footer-social .social-icons {
  display: flex;
  gap: 20px;
  margin-top: 8px;
}

/* buttons */

.datazen-buttons-wrapper {
  display: flex;
  width: 100%;
}

.datazen-buttons-wrapper.align-center {
  display: flex;
  justify-content: center;
}

.btnsiblings {
  display: flex;
  gap: 32px;
}

.datazen-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  text-decoration: none;
  font-size: 15px;
  transition: all 0.3s ease;
  font-family: "museo_sans700";
}

.btn-type-primary {
  border-radius: 8px;
  padding: 6px 26px 6px 26px;
  color: #fff;
}

.btn-color-odwrocony {
  color: var(--global--dark)
}

.btn-color-odwrocony .datazen-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='31' height='22' viewBox='0 0 31 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.7646 9.94854L18.7305 12.344H21.3769L19.7363 16.0931L19.5391 16.5423H16.8965L15.8994 18.805H11.5625L12.5596 16.5423H9.92187L11.7598 12.344H14.3965L15.4326 9.94854H19.7646ZM15.3828 13.844H12.7412L12.2168 15.0423H14.8594L13.8623 17.305H14.9219L15.9189 15.0423H18.5576L19.083 13.844H16.4482L17.4824 11.4485H16.418L15.3828 13.844Z' fill='%232C3132'/%3E%3Cpath d='M0 2.20117C0.000194202 0.989589 0.988299 0 2.20117 0H9.28516C9.52577 0 9.75252 0.115596 9.89355 0.310547L11.9531 3.15723H24.8086C25.2226 3.15733 25.5585 3.49318 25.5586 3.90723C25.5586 4.32138 25.2227 4.65713 24.8086 4.65723H11.5693C11.3288 4.65712 11.1029 4.54154 10.9619 4.34668L8.90234 1.5H2.20117C1.81756 1.5 1.5002 1.81718 1.5 2.20117V17.1992L5.62598 7.4502L5.67676 7.35059C5.81154 7.13017 6.05281 6.99226 6.31641 6.99219H30.002C30.2534 6.99234 30.4882 7.1184 30.627 7.32812C30.7658 7.53818 30.7901 7.80446 30.6914 8.03613L25.1514 21.0439C25.0335 21.3204 24.7624 21.4999 24.4619 21.5H0.75C0.335786 21.5 0 21.1642 0 20.75V2.20117ZM1.94434 20H23.9658L28.8672 8.49219H6.81348L1.94434 20Z' fill='%232C3132'/%3E%3C/svg%3E%0A");
}


.btn-type-secondary {
  border-radius: 8px;
  padding: 8px 16px 8px 16px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
}

.btn-type-tertiary {
  font-weight: 600;
  font-size: 12px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  padding: 4px 16px;
  border-radius: 6px;
}

.btn-type-tertiary .datazen-button-text {
  display: flex;
  align-items: center;
  position: relative;
  letter-spacing: .2px;
}


.btn-type-tertiary .datazen-icon {
  content: "";
  display: inline-block;
  width: 17px;
  height: 10px;
  background-image: url('data:image/svg+xml;utf8,<svg width="17" height="10" viewBox="0 0 17 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 1L16 5M16 5L12 9M16 5L1 5" stroke="%23375858" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 0;
  transition: transform 0.3s ease;
}

.btn-type-tertiary:hover .datazen-icon {
  transform: translateX(5px);
}

.btn-with-icon {
  display: inline-flex;
  align-items: center;
  gap: 32px;
}

.btn-type-primary.btn-with-icon {
  padding:6px 6px 6px 32px;
}

/* PRIMARY BUTTON - background-color */
.btn-type-primary.btn-color-glowny {
  background-color: var(--global--main-color);
}

.btn-type-primary.btn-color-odwrocony {
  background-color: var(--global--secondary-color);
}

.btn-type-primary.btn-color-czarny {
  background-color: var(--global--dark);
}

.btn-type-primary.btn-color-white {
  background-color: #fff;
}

/* SECONDARY BUTTON - border-color */
.btn-type-secondary.btn-color-glowny,
.datazen-box .datazen-button.btn-color-glowny {
  background-color: var(--global--main-color);
}

.btn-type-secondary.btn-color-odwrocony,
.datazen-box .datazen-button.btn-color-odwrocony {
  background-color: var(--global--secondary-color);
}

.btn-type-secondary.btn-color-czarny,
.datazen-box .datazen-button.btn-color-czarny {
  background-color: var(--global--dark);
}

.btn-type-secondary.btn-color-white {
  background-color: #fff;
  color: var(--global--dark);
}

/* TERTIARY BUTTON - text color */
.btn-type-tertiary.btn-color-glowny {
  background-color: var(--global--main-color);
}

.btn-type-tertiary.btn-color-odwrocony {
  background-color: var(--global--secondary-color);
}

.btn-type-tertiary.btn-color-czarny {
  background-color: var(--global--dark);
}

.btn-type-tertiary.btn-color-white {
  background-color: #fff;
}

.btn-type-tertiary.btn-color-glowny:hover {
  background-color: var(--global--dark);
}

.btn-type-tertiary.btn-color-odwrocony:hover {
  background-color: var(--global--dark);
}

.btn-type-tertiary.btn-color-czarny:hover {
  background-color: var(--global--main-color);
}

.btn-type-tertiary.btn-color-white:hover {
  background-color: var(--global--dark);
}

.btn-type-primary.btn-color-glowny:hover {
  background-color: color-mix(in srgb, var(--global--main-color), black 30%);
}

.btn-type-primary.btn-color-odwrocony:hover {
  background-color: color-mix(in srgb, var(--global--secondary-color), black 20%);
}

.btn-type-primary.btn-color-czarny:hover {
  background-color: color-mix(in srgb, var(--global--dark), black 20%);
}

.btn-type-primary.btn-color-czarny-var:hover {
  background-color: color-mix(in srgb, var(--global--dark), black 20%);
}

.btn-type-primary.btn-color-white:hover {
  background-color: color-mix(in srgb, #fff, black 20%);
}

.btn-type-primary.btn-color-black:hover {
  background-color: color-mix(in srgb, #212424, black 20%);
}

.btn-type-secondary.btn-color-glowny:hover {
  background-color: color-mix(in srgb, var(--global--main-color), black 20%);
}

.btn-type-secondary.btn-color-odwrocony:hover {
  background-color: color-mix(in srgb, var(--global--secondary-color), black 20%);
}

.btn-type-secondary.btn-color-czarny:hover {
  background-color: color-mix(in srgb, var(--global--secondary-color), black 20%);
}

.btn-type-secondary.btn-color-czarny-var:hover {
  background-color: color-mix(in srgb, var(--global--secondary-var-color), black 20%);
}

.btn-type-secondary.btn-color-white:hover,
.btn-type-secondary.btn-color-black:hover {
  border-color: var(--global--secondary-color);
}

/* TABS */

.datazen-tabs-nav {
  display: flex;
  gap: 32px;
  margin-bottom: 40px;
  justify-content: center;
}

.datazen-tabs-nav button {
  padding: 20px 32px;
  background: #ddd3d1;
  border: none;
  cursor: pointer;
  border-radius: 15px;
  font-size: 16px;
  font-weight: 500;
  color: #7b716f;
  transition: all .3s ease-in-out;
}

.datazen-tabs-nav button:hover {
  background-color: #fcece8;
}

.datazen-tabs-nav button.active {
  background: var(--global--main-color);
  color: #fff;
}

.datazen-tab-panel {
  display: none;
}

.datazen-tab-panel.active {
  display: block;
}

.datazen-tab-panel h4 {
  font-weight: 700;
  margin-bottom: 48px;
  color: var(--global--main-color);
  text-align: center;
}

/* modal */

.datazen-modal {
	display: none;
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.6);
}

.datazen-modal-content {
	background-color: #fff;
	margin: 10% auto;
	padding: 20px;
	width: 80%;
	max-width: 600px;
	position: relative;
	border-radius: 12px;
}

.datazen-modal-close {
	position: absolute;
	top: 10px;
	right: 16px;
	cursor: pointer;
	font-size: 24px;
}


/* counter */

.datazen-counter {
  display: flex;
  flex-direction: column;
}

.counter-number {
	display: inline-flex;
	align-items: baseline;
	font-weight: 700;
  color: var(--global--main-color);
  font-size: 50px;
  line-height: 38px;
}

.counter-symbol {
  margin-left: 8px;
}

.counter-title {
  margin-top: 2px;
}

.unique-counter {
  float: right;
  padding-right: 68px;
}

.unique-counter .counter-number {
  color: var(--global--secondary-color);
}

.unique-counter .counter-title {
  color: var(--global--dark);
  font-size: 16px;
  margin-top: 4px;
}

/* datazen contact box */

.datazen-contact-box {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 16px;
}

.datazen-contact-content {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.datazen-contact-content > div {
color: var(--global--dark);
  font-weight: 600;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: .5px;
}

.datazen-contact-content a {
  color: var(--global--main-color);
  font-size: 16px;
  font-weight: 400;
}

.datazen-contact-icon {
  width: 42px;
  height: 42px;
  display: flex;
  background: var(--global--secondary-color);
  align-items: center;
  justify-content: center;
  border-radius: 12px;
}

.datazen-contact-icon path {
  fill: #d4ffff;
}

/* Boxed styles */

.wp-block-group {
  display: grid;
}

.block-group-three {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  gap: 32px; 
}

.block-group-two {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)) !important;
  gap: 32px 70px;
}

/* ozdobny tytul */

.datazen-decorative-title {
  margin-bottom: 20px;
}

.datazen-decorative-title.align-center {
  text-align: center;
}

.datazen-title {
  margin-bottom: 0px;
}

.tytul-wrapper {
  display: flex;
  flex-direction: column;
}

.datazen-subtitle {
  color: #115d5d;
  background-color: var(--global--secondary-color);
  font-size: 13px;
  line-height: 14px;
  font-family: "museo_sans700";
  border-radius: 50px;
  padding: 4px 28px;
  align-self: start;
  margin-bottom: 4px;
}

.small-subtitle .datazen-subtitle {
  font-size: 16px;
  line-height: 18px;
}

.datazen-title.as-h-5 {
  font-weight: 700;
}

.datazen-decorative-title.type-free .tytul-wrapper {
  position: relative;
  margin-top: -16px;
  height: 78px;
  margin-bottom: 52px;
}

.datazen-decorative-title.type-free .datazen-title, .datazen-decorative-title.type-free .datazen-subtitle {
  font-size: 16px;
  margin: 0;
  background-color: #fff;
  border-radius: 15px;
  line-height: 32px;
  padding: 6px 20px;
  display: inline-block;
}

.datazen-decorative-title.type-free .datazen-subtitle {
  position: absolute;
  left: 285px;
  bottom: 0;
}
/* Background section */

.background-section {
  background-repeat: no-repeat;
  position: relative;
  z-index: 0;
  /* overflow: hidden; */
}

.video-wrapper {
  position: absolute;
  top: 0;
  z-index: -1;
  height: 100%;
}

.video-wrapper video {
  height: 100%;
  width: auto;
  object-fit: cover;
}

/* PROMOBILNI UNIKALNE */

.disabled {
  display: none !important;
}

.boxed-background {
  max-width: 1216px;
  margin: 0 auto;
  border-radius: 35px;
}

.doradca-float {
  margin-top: -48px;
  left: 40px;
  position: relative;
}

#dofinansowania {
  z-index: 2;
}

#wlasciwosci-wozka {
  margin-top: -54px;
}

#zapytaj-konsultanta {
  padding: 0 20px;
  background: linear-gradient(to top right, #00dbdc, #084545) !important;
  margin-top: -30px;
}

.datazen-rounded-block.rounded-block-absolute {
  background: var(--global--dark);
  border-radius: 50%;
  position: absolute;
  bottom: -12px;
  right: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
}

.datazen-rounded-block.rounded-block-absolute p {
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='27' viewBox='0 0 26 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 4.03906C24 2.64866 22.8509 1.5 21.4404 1.5H4.05762C2.64869 1.50021 1.5 2.64862 1.5 4.03906V15.5723C1.5 16.9634 2.64878 18.1121 4.05762 18.1123H5.67383C6.08771 18.1125 6.42356 18.4474 6.42383 18.8613V23.7402L11.0791 18.3701L11.1357 18.3125C11.2737 18.1844 11.4553 18.1124 11.6455 18.1123H21.4404C22.8508 18.1123 24 16.9633 24 15.5723V4.03906ZM25.5 15.5723C25.5 17.8002 23.6708 19.6123 21.4404 19.6123H11.9883L6.24121 26.2412C6.03614 26.4777 5.70542 26.5625 5.41211 26.4531C5.11892 26.3436 4.92486 26.063 4.9248 25.75L4.92383 19.6123H4.05762C1.82847 19.6121 0 17.7999 0 15.5723V4.03906C0 1.81193 1.82855 0.000212986 4.05762 0H21.4404C23.6707 0 25.5 1.81163 25.5 4.03906V15.5723Z' fill='white'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat no-repeat;
  background-position: right center;
  background-size: 26px;
  font-family: "museo_sans700";
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  padding-right: 34px;
  margin: 0;
}

.wheelchair-feats .wp-block-column {
  max-width: 1008px;
  margin: 0 auto;
}

#wlasciwosci-produktu {
  padding-top: 44px;
}

/* tooltip section */

.tooltip-section {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tooltip-object {
    position: relative;
    display: inline-block;
}

.tooltip-object::after {
  background: radial-gradient(circle, #f8f9fd 10%, #EFF1F1 100%);
  border-radius: 50%;
  border: 1px solid #E2EDED;
  position: absolute;
  content: "";
  width: calc(100% + 120px);
  height: calc(100% + 120px);
  bottom: -60px;
  left: -60px;
  z-index: -1;
}

.tooltip-hotspot {
    cursor: pointer;
}

.tooltip-plus {
    width: 54px;
    height: 54px;
    background: var(--global--secondary-color);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 300;
    font-size: 32px;
    transition: all .3s ease-in-out;
}

.tooltip-plus:hover {
  background: #DC3B2F;
}

.tooltip-content {
    display: none;
    position: absolute;
    bottom: 0;
    left: 66px;
    background: #040e50;
    color: #9ea5d8;
    border-radius: 25px;
    padding: 20px;
    z-index: 50;
    width: 364px;
    line-height: 16px;
    font-size: 13px;
}

.tooltip-title {
  font-family: "museo_sans700";
  color: #115d5d;
  background-color: var(--global--secondary-color);
  font-size: 13px;
  border-radius: 50px;
  padding: 2px 16px;
  margin-bottom: 16px;
  display: inline-block;
}

.tooltip-hotspot:hover .tooltip-content {
    display: block;
}

.video-tooltip-el {
  width: 440px;
  height: 440px;
  overflow: hidden;
  border-radius: 50%;
}

.video-tooltip-el video {
  margin-top: -115px;
}

/* boxy */

.herosection-el {
  border-radius: 35px;
  margin: 0 54px;
}

.homepage-hero {
  background-position-x: right;
}

.datazen-box.full {
  padding: 32px;
  border-radius: 35px;
}

.datazen-box.full.box-centered {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  margin: 0 auto;
}

.datazen-box {
  display: block;
  position: relative;
  background-size: cover;
  background-position: center;
  background-color: #fff;
}

.datazen-box.boxed {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
}

.datazen-box.boxed .datazen-box-title {
  font-family: "museo_sans700";
  color: #CFD5D5;
  font-size: 15px;
  background-color: #0a0f27;
  border-radius: 50px;
  padding: 5px 22px;
  display: inline-block;
}

.datazen-box.boxed .datazen-box-container {
  border-radius: 0 25px 25px 0;
  position: relative;
  padding: 20px 28px;
  height: 100%;
  background: linear-gradient(to top right, #4056e4, #040e50);
  color: #c4c8e7;
  max-width: 416px;
}

.datazen-box.boxed.reverse-side {
  flex-direction: row-reverse;
}

.datazen-box.boxed.reverse-side .datazen-box-container {
  border-radius: 25px 0 0 25px;
}

.icon-wrapper.hasdecorativeicon {
  background: #fcece8;
  border-radius: 20px;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-shadow: 13px 13px 0px -5px #ddd3d1;
}

.datazen-box-title {
  color: var(--global--dark);
}

.datazen-box-title.title-medium {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 16px;
}

.datazen-box-title.title-small {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 8px;
}

.datazen-icon {
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg width='31' height='22' viewBox='0 0 31 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.7646 9.94854L18.7305 12.344H21.3769L19.7363 16.0931L19.5391 16.5423H16.8965L15.8994 18.805H11.5625L12.5596 16.5423H9.92187L11.7598 12.344H14.3965L15.4326 9.94854H19.7646ZM15.3828 13.844H12.7412L12.2168 15.0423H14.8594L13.8623 17.305H14.9219L15.9189 15.0423H18.5576L19.083 13.844H16.4482L17.4824 11.4485H16.418L15.3828 13.844Z' fill='white'/%3E%3Cpath d='M0 2.20117C0.000194202 0.989589 0.988299 0 2.20117 0H9.28516C9.52577 0 9.75252 0.115596 9.89355 0.310547L11.9531 3.15723H24.8086C25.2226 3.15733 25.5585 3.49318 25.5586 3.90723C25.5586 4.32138 25.2227 4.65713 24.8086 4.65723H11.5693C11.3288 4.65712 11.1029 4.54154 10.9619 4.34668L8.90234 1.5H2.20117C1.81756 1.5 1.5002 1.81718 1.5 2.20117V17.1992L5.62598 7.4502L5.67676 7.35059C5.81154 7.13017 6.05281 6.99226 6.31641 6.99219H30.002C30.2534 6.99234 30.4882 7.1184 30.627 7.32812C30.7658 7.53818 30.7901 7.80446 30.6914 8.03613L25.1514 21.0439C25.0335 21.3204 24.7624 21.4999 24.4619 21.5H0.75C0.335786 21.5 0 21.1642 0 20.75V2.20117ZM1.94434 20H23.9658L28.8672 8.49219H6.81348L1.94434 20Z' fill='white'/%3E%3C/svg%3E%0A");
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.3s ease
}


.datazen-icon.var5 {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.001 8.5C15.0009 6.77622 14.3155 5.12325 13.0967 3.9043C11.8776 2.68526 10.224 2 8.5 2C6.77612 2.00007 5.12327 2.68532 3.9043 3.9043C2.68532 5.12327 2.00007 6.77612 2 8.5C2 10.224 2.68526 11.8776 3.9043 13.0967C5.12325 14.3155 6.77622 15.0009 8.5 15.001C10.224 15.001 11.8776 14.3157 13.0967 13.0967C14.3157 11.8776 15.001 10.224 15.001 8.5ZM17.001 8.5C17.001 10.4184 16.3494 12.2682 15.1738 13.7598L19.708 18.2939C20.0983 18.6845 20.0985 19.3175 19.708 19.708C19.3175 20.0985 18.6845 20.0983 18.2939 19.708L13.7598 15.1738C12.2682 16.3494 10.4184 17.001 8.5 17.001C6.24569 17.0009 4.0833 16.1048 2.48926 14.5107C0.895322 12.9167 0 10.7543 0 8.5C7.463e-05 6.24569 0.895212 4.0833 2.48926 2.48926C4.0833 0.895212 6.24569 7.46293e-05 8.5 0C10.7543 0 12.9167 0.895322 14.5107 2.48926C16.1048 4.0833 17.0009 6.24569 17.001 8.5Z' fill='white'/%3E%3C/svg%3E%0A");
}

/* listy */

.hubang-list {
  list-style: none;
  display: flex;
  flex-wrap: nowrap;
  padding: 0;
  flex-direction: column;
}

.hubang-list li::before {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'><path d='M6.88 9.44L5.16 7.72C5.01333 7.57333 4.82666 7.5 4.6 7.5C4.37333 7.5 4.18667 7.57333 4.04 7.72C3.89333 7.86666 3.82 8.05333 3.82 8.28C3.82 8.50666 3.89333 8.69333 4.04 8.84L6.32 11.12C6.48 11.28 6.66666 11.36 6.88 11.36C7.09333 11.36 7.28 11.28 7.44 11.12L11.96 6.6C12.1067 6.45333 12.18 6.26666 12.18 6.04C12.18 5.81333 12.1067 5.62667 11.96 5.48C11.8133 5.33333 11.6267 5.26 11.4 5.26C11.1733 5.26 10.9867 5.33333 10.84 5.48L6.88 9.44ZM8 16C6.89333 16 5.85333 15.7899 4.88 15.3696C3.90667 14.9493 3.06 14.3795 2.34 13.66C1.62 12.9405 1.05013 12.0939 0.630401 11.12C0.210668 10.1461 0.000534346 9.10613 1.01266e-06 8C-0.00053232 6.89386 0.209601 5.85387 0.630401 4.88C1.0512 3.90613 1.62107 3.05947 2.34 2.34C3.05893 1.62053 3.9056 1.05067 4.88 0.6304C5.8544 0.210133 6.8944 0 8 0C9.10559 0 10.1456 0.210133 11.12 0.6304C12.0944 1.05067 12.9411 1.62053 13.66 2.34C14.3789 3.05947 14.9491 3.90613 15.3704 4.88C15.7917 5.85387 16.0016 6.89386 16 8C15.9984 9.10613 15.7883 10.1461 15.3696 11.12C14.9509 12.0939 14.3811 12.9405 13.66 13.66C12.9389 14.3795 12.0923 14.9496 11.12 15.3704C10.1477 15.7912 9.10773 16.0011 8 16Z' fill='%2300dbdc'/></svg>");
  left: 0;
  top: 2px;
}

.hubang-list li {
  position: relative;
  padding-left: 24px;
  color: #6F6F6F;
  line-height: 20px;
  margin-bottom: 12px;
  font-weight: 400;
  font-size: 16px;
}

.hubang-list.list-14px-txt li {
font-size: 13px;
  font-weight: 500;
  color: #636669;
}

.hubang-list.block-group-two {
  gap: 16px 32px
}

.hubang-list.block-group-two li {
  color: var(--global--dark);
  font-weight: 500;
}

/* images */

.wp-block-datazen-image.radius img {
  border-radius: 40px;
  position: relative;
  z-index: 2;
}

.wp-block-datazen-image.radius {
  position: relative;
  display: inline-block;
}

.wp-block-datazen-image.radius::after {
  content: "";
  background-color: var(--global--main-color);
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: -18px;
  right: -18px;
  z-index: -1;
  border-radius: 49px;
}

/* review google */

.wp-block-dataze-google-review {

}

.review-top-el {
  display: flex;
  align-items: center;
  gap: 32px;
  margin-bottom: 26px;
}

.review-rating {
  display: flex;
  flex-direction: column-reverse;
  gap: 2px;
}

.review-rating .stars {
  color: #EF6728;
  font-size: 23px;
}

.rating-score {
  font-size: 26px;
  font-weight: 700;
  color: #fff;
}

.wp-block-dataze-google-review .review-text {
  line-height: 22px;
  font-size: 16px;
  color: #F19F8F;
  font-style: italic;
  max-width: 400px;
  margin: 0 0 54px 0;
}

.review-subtitle {
  font-size: 13px;
  position: relative;
  color: #EF6728;
  transition: all .3s ease-in-out;
}

.review-subtitle::after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #EF6728;
  bottom: -2px;
  position: absolute;
  left: 0;
  transition: all .3s ease-in-out;
}

.review-subtitle:hover {
  color: #fff;
}

.review-subtitle:hover::after {
  background-color: #fff;
}

/* testimonial */

.wp-block-datazen-testimonial {
  padding: 36px;
  background: #F5F5F5;
  border-radius: 26px;
}

.quote-header {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}

.quote-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--global--dark);
}

.review-name {
  font-size: 16px;
  font-style: italic;
  font-weight: 600;
  color: var(--global--dark);
}

.review-date {
  margin: 0;
}

.wp-block-datazen-testimonial.dark-testimonial {
  border: 1px solid #573933;
  background-color: #221F21;
  box-shadow: 0px 4px 80px rgba(202, 73, 50, 0.4);
  color: #fff;
  position: relative;
  max-width: 384px;
}

.dark-testimonial .review-name {
  color: #fff;
}

.dark-testimonial .quote-icon {
  background-color: #F19F8F;
}

.dark-testimonial .quote-icon path {
  fill: var(--global--main-color);
}

.opinie-link-holder {
  position: absolute;
  z-index: 9;
  width: 100%;
  max-width: 384px;
  text-align: center;
}

.opinie-link {
  color: #E26227;
  font-size: 12px;
  letter-spacing: .5px;
  font-weight: 600;
  transition: all .3s ease-in-out;
}

.opinie-link:hover {
  color: #f19f8f;
}

.testimonial-dark-holder {
  justify-content: space-around;
}

.testimonial-dark-holder .wp-block-column  {
  max-width: 410px;
}

/* Ogólne */

.padded-right {
  padding-right: 104px;
}

.padded-left {
padding-left: 104px;
}

.padded-right-small {
padding-right: 44px;
}

.padded-left-small {
padding-left: 44px;
}

.wp-block-image {
  margin: 0px;
}

/* blog */

.blog-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 56px 32px;
  margin-bottom: 80px;
}

.blog-grid article {
  flex: 0 1 33.333333%;
  position: relative;
}

.blog-grid .entry-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 12px;
}

.blog-grid .posted-on {
  position: absolute;
  background: var(--global--dark);
  color: #fff;
  letter-spacing: .5px;
  font-size: 12px;
  font-weight: 700;
  padding: 12px 18px;
  border-radius: 12px;
  line-height: 12px;
  left: -20px;
  top: 20px;
}

.blog-grid img {
  border-radius: 28px;
}

.blog-grid figure {
  margin-bottom: 16px;
}

.recent-post-categories {
  display: flex;
  gap: 12px;
  margin-bottom: 20px;
  color: #afafaf;
  font-size: 13px;
}

.blog-grid .datazen-button {
  float: right;
}

.blog-sidebar.dz-system-column.three-twelve {
  padding-left: 32px;
}

.blog-sidebar h4 {
  margin-bottom: 28px;
}

.wp-block-latest-posts {
  display: flex;
  gap: 32px;
}

.wp-block-latest-posts li {
  display: flex;
  gap: 16px;
  position: relative;
  margin: 0 0 16px 0 !important;
  flex-direction: column;
  width: calc(33.33% - 22px) !important;
}

.wp-block-latest-posts__featured-image {
  flex: 0 0 190px;
  border-radius: 10px;
  overflow: hidden;
}

.wp-block-latest-posts__featured-image img {
  height: auto !important;
}

.wp-block-latest-posts .wp-block-latest-posts__post-title {
font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 12px;
  color: #1f1f1f;
}

.wp-block-latest-posts .wp-block-latest-posts__post-date {
position: absolute;
  background: var(--global--dark);
  color: rgb(255, 255, 255);
  letter-spacing: 0.5px;
  font-size: 12px;
  font-weight: 700;
  padding: 12px 18px;
  border-radius: 12px;
  line-height: 12px;
  left: -20px;
  top: 20px;
}

.single-post-featured-image {
  border-radius: 40px;
  padding: 100px 0;
  text-align: center;
  background-size: cover;
  background-position: center;
  margin: 40px 0;
  position: relative;
}

.single-post-featured-image::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--global--dark);
  opacity: .7;
  left: 0;
  top: 0;
  border-radius: 40px;
}

.single-post-featured-image > * {
  z-index: 2;
  position: relative;
}

.single-post-date {
  display: inline-block;
  background: var(--global--main-color);
  color: #fff;
  border-radius: 8px;
  padding: 2px 16px;
  margin-bottom: 8px;
}

.single-post-title {
  color: #fff;
  margin: 0 auto;
  max-width: 90%;
}

/* karuzela zdjec */

.karuzela-zdjec {
  overflow: hidden;
  position: relative;
}

.karuzela-navigation {
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: space-between;
  top: calc(50% - 36px);
}

.karuzela-wrapper {
  position: relative;
}

.karuzela-zdjec .karuzela-wrapper,
.karuzela-zdjec .datazen-carousel-prev, .datazen-carousel-next {
  z-index: 1;
}

.karuzela-zdjec.columns-3 .karuzela-item {
  height: 240px;
}

.karuzela-item {
  flex: 0 0 auto;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  padding: 0 12px;
}

.karuzela-item img {
  height: auto;
  width: 100%;
  position: absolute;
  left: 0;
  max-width: unset;
}

.karuzela-item-holder {
  height: 100%;
  border-radius: 24px;
  overflow: hidden;
  position: relative;
}

.margined-carousel-navigation {
  margin: 0 16px;
}

.datazen-carousel-prev,
.datazen-carousel-next {
  position: relative;
  width: 58px;
  height: 58px;
  background: #E5E5E5;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden; /* ukrywa rozlewające się tło */
  z-index: 1;
  border-radius: 12px;
}

.datazen-carousel-prev::after,
.datazen-carousel-next::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--global--main-color);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
  z-index: 0;
}

.datazen-carousel-prev:hover svg path,
.datazen-carousel-next:hover svg path {
  fill: #fff;
}

.datazen-carousel-prev:hover::after,
.datazen-carousel-next:hover::after {
  transform: scaleX(1);
}

.datazen-carousel-prev > *,
.datazen-carousel-next > * {
  position: relative;
  z-index: 1;
}

/* toggle */

.datazen-toggle {
  margin-bottom: 24px;
}

.datazen-toggle-title {
  font-size: 16px;
  color: var(--global--dark);
  font-weight: 600;
}

.datazen-toggle-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  gap: 16px
}

.datazen-toggle-arrow {
  border-radius: 8px;
  background: #E5E5E5;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform .25s ease, background-color .25s ease;
  transform-origin: center;
  flex: 0 0 28px;
}

.datazen-toggle.active .datazen-toggle-arrow {
  transform: rotate(180deg);
  background-color: var(--global--main-color);
}

.datazen-toggle.active .datazen-toggle-arrow path {
  stroke: #fff;
}

/* pages */

.page-header {
  background-repeat: no-repeat;
  margin: 0 auto;
  margin-bottom: 40px;
}

.page-title {
  color: var(--global--dark);
  margin: 0;
}

.error-404.not-found {
  background: #FCECE8;
  text-align: center;
  padding: 40px 0 80px;
  margin-bottom: -80px;
}

.empty-title {
  font-size: 500px;
  font-weight: 800;
  display: flex;
  line-height: 1;
  color: #192152;
  align-items: center;
  gap: 24px;
  justify-content: center;
}

.empty-info {
  font-size: 26px;
  color: var(--global--dark);
  font-weight: 600;
  margin-bottom: 32px;
  margin-top: 44px;
  line-height: 32px;
}

.empty-title img {
  flex: 0 0 auto;
}

/* Woocommerce */

.woocommerce .woocommerce-breadcrumb {
  margin: 0;
}

.woocommerce-breadcrumb a {
  color: #767785 !important;
}

.shop-category-navigation {
  background-color: var(--global--secondary-color);
  border-radius: 10px;
  max-width: 1010px;
  margin: 24px auto -94px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 52px;
}

.shop-cat-nav-icon {
  position: relative;
}

.shop-cat-nav-group {
  display: flex;
  gap: 16px;
  align-items: center;
}

.nav-cat-icon {
  position: relative;
  z-index: 1;
}

.nav-cat-bg {
  position: absolute;
  bottom: -2px;
  right: -8px;
}

.shop-cat-nav-title {
  color: #6D8E7C;
  margin: 0;
}

.nav-cat-icon path, .shop-cat-nav-title {
  transition: all .3s ease-in-out;
}

.active-nav-cat .nav-cat-icon path,
.shop-cat-nav-group:hover .nav-cat-icon path {
  fill: var(--global--main-color)
}

.active-nav-cat .nav-cat-bg path,
.shop-cat-nav-group:hover .nav-cat-bg path {
  fill: #12502E;
}

.active-nav-cat .shop-cat-nav-title,
.shop-cat-nav-group:hover .shop-cat-nav-title {
  color: #fff;
}

.wc-block-product-filters__overlay-content .wc-block-product-filter-checkbox-list__input-wrapper::before {
  background: #fff;
}

.wc-block-product-filters__overlay-content input[type="checkbox"].wc-block-product-filter-checkbox-list__input {
  border: 1px solid #44504D;
  height: 12px;
  width: 12px;
}

.wc-block-product-filters__overlay-content .wc-block-product-filter-checkbox-list__text-wrapper {
  color: #7E8785;
  font-size: 14px;
  font-weight: 500;
  line-height: 12px;
}

.wc-block-product-filters__overlay-content input[type="checkbox"].wc-block-product-filter-checkbox-list__input:checked {
  border-color: var(--global--blue);
  background-color: var(--global--blue);
}

.wc-block-product-filters__overlay-content svg.wc-block-product-filter-checkbox-list__mark {
color: #fff;
  height: 13px;
  padding: 2px;
}

.wc-block-product-filters__overlay-content svg.wc-block-product-filter-checkbox-list__mark path {
  stroke-width: 2px;
}

.wc-block-product-filters__overlay-content .wc-block-product-filter-checkbox-list__label {
  margin-bottom: 10px !important;
}

.wc-block-product-filter-checkbox-list__item {
  position: relative;
  display: block;
}

.category-filter-tree .wc-block-product-filter-checkbox-list__show-more {
  display: none
}

.filters-toggle-arrow {
  font-size: 20px;
  font-weight: 500;
  width: 14px;
  display: inline-block;
  text-align: center;
  position: absolute;
  right: 0;
  cursor: pointer;
  transition: all .3s ease-in-out;
}

.filters-toggle-arrow:hover {
  color: var(--global--main-color);
}

.category-children {
  margin-left: 18px;
}

.category-children .category-children {
  background-color: #F4F7F6;
  border-radius: 8px;
  padding: 4px 0 0px 8px;
  margin-bottom: 8px;
}

.category-children .category-children .wc-block-product-filter-checkbox-list__text {
  font-size: 13px;
}

.has-children > label .wc-block-product-filter-checkbox-list__text {
  color: var(--global--dark);
}

.has-depth-2.has-children {
  background-color: #fff;
  margin-left: -8px;
  padding: 8px 0 8px 8px;
}

.wc-block-product-filter-checkbox-list__label {
  align-items: start;
}

h5.wp-block-heading {
  margin-bottom: 16px !important;
}

.wc-block-product-filters__overlay-content {
  gap: 34px !important;
}

.woocommerce .woocommerce-result-count {
  font-size: 13px;
  color: #8DA69A;
  margin: 10px 0 0 0;
  float: left;
}

.woocommerce-ordering {
  background-color: #F3FAF7;
  border-radius: 5px;
  border: 1px solid #E5F0EB;
  padding: 12px 14px;
  display: flex;
  float: right;
}

.woocommerce .woocommerce-ordering select {
  font-size: 13px;
  color: #8DA69A;
}

.shop-grid .products.columns-3::before, .shop-grid .products.columns-3::after {
  display: none;
}

.shop-grid .products.columns-3 {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 32px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.products.columns-3 li.entry.product {
  width: 100%;
  border: 1px solid var(--global--main-lighter-color);
  border-radius: 10px;
  overflow: hidden;
  max-width: 358px;
}

.product-category {
  background-color: var(--global--secondary-color);
  border-radius: 50px;
  padding: 6px 20px;
  font-family: "museo_sans700";
  font-size: 13px;
  color: #115d5d;
}

.product_title.entry-title {
  font-size: 36px;
  line-height: 44px;
  margin: 8px 0 16px 0 !important;
}

.product-price {
  color: #767785;
  font-size: 20px;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  gap: 6px;
}

.product-dotacja {
  color: #CC8A85;
  font-size: 16px;
  font-family: "museo_sans700";
}

.product-dotacja strong {
  color: #DC3B2F
}

.product-dotacja a {
  color: #DC3B2F;
  text-transform: uppercase;
  letter-spacing: .3px;
  text-decoration: underline;
}

.to-shop-button {
  margin-left: 12px;
}

.product-link {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
}

.product-card-details {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  border-top: 1px solid var(--global--main-lighter-color);
}

.product-link img {
  border-bottom: 1px solid var(--global--main-lighter-color);
  margin-bottom: 8px !important;
  height: auto !important;
}

.shop-grid ul.products li.product .woocommerce-loop-product__title {
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  padding: 0px 16px;
  margin-bottom: 0px;
}

.product-stock-box {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 12px;
  top: 12px;
  right: 16px;
}

.product-stock-info {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.product-stock-info span {
  background-color: #D5EAE1;
  border-radius: 25px;
  width: 16px;
  height: 3px;
}

.stock-low .product-stock-info span:nth-child(3) {
  background-color: #FE5F55;
}

.stock-medium .product-stock-info span:nth-child(3),
.stock-medium .product-stock-info span:nth-child(2) {
  background-color: var(--global--tertiary-color);
}

.stock-high .product-stock-info span {
  background-color: var(--global--main-color);
}

.product-stock-label {
  color: #778780;
  font-size: 12px;
  font-weight: 500;
}

.product-card-data {
  padding: 20px 16px 24px 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.product-card-icon {
  width: 30px;
  display: flex;
  justify-content: center;
}

.product-card-footer {
  background: var(--global--main-lighter-color);
  padding: 16px;
  font-size: 14px;
  display: flex;
  justify-content: center;
  gap: 6px;
  line-height: 16px;
}

.product-card-data-page {
  display: flex;
  flex-direction: column;
  gap: 16px 0;
  padding: 20px;
}

.product-card-data-page .material {
  flex: 1 0 auto;
}

.product-dotacja.prod-grid-var {
  padding: 0 16px;
  display: flex;
  gap: 5px;
  margin-bottom: 16px;
}

.product-price.prod-grid-var {
  font-size: 18px;
  padding: 8px 16px 2px;
  margin: 0;
}

.product-meta.product-meta--unit {
  color: #6B977F;
  font-weight: 500;
}

.product-meta.product-meta--quantity {
  font-weight: 600;
}

.product-card-product-attr  {
  color: #515755;
  display: flex;
  gap: 18px;
  font-weight: 500;
  font-size: 12px;
}

.icon-link {
  font-family: "museo_sans700";
  font-size: 12px;
  transition: all .3s ease-in-out;
  color: #CC847E;
  letter-spacing: .3px;
  border: 1px solid;
  border-radius: 50px;
  padding: 3px 20px;
  width: 234px;
  text-align: center;
  display: block;
}

.icon-link:hover {
  color: var(--global--main-color);
}

.page-header.product-header {
  padding: 18px;
  margin: 0 0 44px 0;
  border-radius: 0;
}

.product-page.dz-system-columns {
  gap: 66px;
}

.product-gallery {
  min-width: 382px;
}

.product-detailed-data {
  margin-top: 66px;
  display: flex;
  justify-content: space-between;
}

.product-detailed-left {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  gap: 72px;
}

.main-features {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.main-features .as-h-3 {
  margin-bottom: 0;
}

.main-features-container {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 0px;
  margin-bottom: 16px;
}

.feature-item {
  display: flex;
  flex-direction: column;
  position: relative;
  padding-left: 36px;
  width: 50%;
}

.feature-item::before {
  content: "+";
  position: absolute;
  color: #fff;
  background-color: var(--global--main-color);
  width: 22px;
  height: 22px;
  font-size: 17px;
  font-weight: 600;
  padding-top: 1px;
  display: flex;
  top: 6px;
  justify-content: center;
  border-radius: 50px;
  left: 0;
  line-height: 20px;
}

.feature-title {
  color: #767785;
  font-size: 14px;
  line-height: 15px;
  font-weight: 400;
}

.feature-value {
  color: var(--global--dark);
  font-weight: 600;
  font-size: 16px;
}

.main-feats-block {
  display: flex;
  flex-wrap: wrap;
  gap: 28px 0;
}

.material {
  display: flex;
  gap: 16px;
  align-items: center;
  flex: 1 0 50%;
}

.material-icon {
  background: var(--global--main-lighter-color);
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 36px;
}

.material-data {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.product-category-grid.prod-grid-var {
  align-self: start;
  margin: 16px;
}

.product-attr-title {
  color: #767785;
  font-size: 14px;
  line-height: 14px;
}

.product-attr-value {
  color: var(--global--dark);
  font-weight: 600;
  font-size: 16px;
}

.product-pdfs-list {
  display: flex;
  gap: 20px;
  flex-direction: column;
  align-items: end;
}

.product-pdf-link {
  display: flex;
  gap: 18px;
}

.product-pdf-name {
  font-family: "museo_sans700";
  letter-spacing: .2px;
  text-transform: uppercase;
  color: var(--global--dark);
  border-bottom: 1.5px solid;
  line-height: 20px;
}

.product-detailed-right-data {
  display: flex;
  flex-direction: column;
  gap: 20px;
  background: #e7e9f0;
  border: 1px solid #dadce3;
  border-radius: 10px;
  padding: 24px 18px;
  width: 260px;
  flex: 1 0 260px;
  margin-bottom: 40px;
}

.product-attr-icon {
  width: 46px;
  display: flex;
  justify-content: center;
}

.product-attr-row {
  display: flex;
  gap: 16px;
  align-items: center;
}

.product-gallery .flex-viewport {
  border: 1px solid var(--global--main-lighter-color);
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 36px;
}

.product-gallery .woocommerce-product-gallery {
  position: relative;
}

.product-industries {
  position: absolute;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  top: 248px;
}

.industry-item {
  color: #849E91;
  font-size: 12px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
}

.product-gallery .flex-control-thumbs {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: space-between;
}

.product-gallery .flex-control-thumbs li {
  border: 1px solid var(--global--main-lighter-color);
  border-radius: 10px;
  overflow: hidden;
  width: 33.33%;
  flex-shrink: 0;
}

.single-product .stock.in-stock, .single-product .price {
  display: none;
}

.product-add-block {
  background-color: #f8f9fd;
  background-repeat: no-repeat;
}

.product-ask-title {
  display: flex;
  gap: 16px;
  margin-bottom: 24px;
}

.product-ask-title-icon {
  background: linear-gradient(to bottom, #4056e4 0%, #040e50);
  position: relative;
  border-radius: 0 0 10px 10px;
  width: 44px;
  display: flex;
  align-items: end;
  justify-content: center;
  padding-bottom: 12px;
  margin-top: -9px;
}

.product-ask-title-icon::before {
  content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 9px solid #151616;
    border-left: 9px solid transparent;
    top: 0;
  left: -9px;
}

.product-ask-subtitle {
  color: #626869;
  font-size: 14px;
  margin-bottom: 2px;
  font-family: "poppins";
}

.product-ask-title-name {
  padding-top: 16px;
  font-family: "museo_sans700";
  line-height: 24px;
  font-size: 18px;
  color: var(--global--dark);
}

.product-ask-dsc {
  font-weight: 400;
  margin-bottom: 32px;
}

.product-ask-contact-phone, .product-ask-contact-mail {
  display: flex;
  align-items: center;
  gap: 20px;
}

.product-ask-contact-phone {
  color: var(--global--main-color);
  font-family: "museo_sans700";
  font-size: 32px;
}

.product-ask-contact-mail {
  font-family: "museo_sans500";
  font-size: 20px;
  color: #767785;
}

.product-ask-contact {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.datazen-contact-form {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 48px 0 48px 32px;
}

.form-row {
    display: flex;
    flex-direction: column;
}

.form-row-1-3 {
    width: calc(33.333% - 14px);
}

.form-row-100 {
    width: 100%;
}

.datazen-contact-form label,
.wpcf7-form label {
    font-size: 14px;
    margin-bottom: 6px;
    font-weight: 500;
color: var(--global--dark);
}

.datazen-contact-form input,
.datazen-contact-form textarea,
.wpcf7-text, .wpcf7-textarea {
    padding: 10px 12px;
    border: 1px solid #D2DDDF;
    border-radius: 8px;
    font-size: 14px;
    background-color: #fff;
    transition: all .3s ease-in-out;
    color: #626262;
}

.datazen-contact-form textarea {
  min-height: 120px;
}

.datazen-contact-form input:focus,
.datazen-contact-form textarea:focus {
    outline: none;
    border-color: #151616;
}

.datazen-form-success {
    margin-bottom: 20px;
    padding: 14px;
    background: #eaf7f0;
    color: #1f6b3f;
    border: 1px solid #b7e1cd;
}

.datazen-form-error {
    margin-bottom: 20px;
    padding: 14px;
    background: #fdecec;
    color: #8a1f1f;
    border: 1px solid #f5b5b5;
}

.btn-send {
  background: #DC3B2F;
  align-self: end;
  padding: 12px 26px;
}

.wpcf7-text, .wpcf7-textarea {
  width: 100%;
}

.wpcf7-textarea {
  height: 100px;
}

.consultant-image {
  margin-top: -52px;
}

.consultant-question {
  margin-top: 24px;
}

.woocommerce table.shop_attributes {
  border-collapse: separate;
  border-spacing: 0 16px;
  border: 0px;
  margin-top: 20px;
}

.woocommerce table.shop_attributes th {
  border: 1px solid #D2DDDF;
  width: 50%;
  text-align: left;
  padding: 18px 28px;
  border-right: 0;
  border-radius: 15px 0 0 15px;
  color: var(--global--dark);
  font-weight: 600;
  font-size: 15px;
  transition: all .3 ease-in-out;
}

.woocommerce table.shop_attributes td {
  border: 1px solid #D2DDDF;
  border-radius: 0 15px 15px 0;
  color: #767785;
  font-size: 15px;
  font-style: normal;
  padding-left: 20px;
  transition: all .3 ease-in-out;
}

.grid-prod-btn {
  position: absolute;
  bottom: -22px;
  width: 210px;
  left: 50%;
  margin-left: -105px;
  gap: 8px;
  padding: 6px 12px 6px 26px;
}

.grid-prod-btn:hover {
  background-color: #DC3B2F !important;
}

.material-icon.waga {
  stroke-width: 0.5px;
  stroke: #2d7f90;
}

/* products grid */

.datazen-products-grid.cols-3 {
    display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 32px;
}

.datazen-product-card {
  max-width: 384px;
  padding-left: 54px;
}

.datazen-product-card-container{
  background: var(--global--main-lighter-color);
  border-radius: 35px;
  position: relative;
}

.product-image {
  position: relative;
  height: 376px;
}

.datazen-product-card img {
  position: absolute;
  left: -54px;
  top: 24px;
  height: auto !important;
}

.shop-grid .products.columns-3 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 32px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.product-category-grid {
  font-family: 'museo_sans500';
  background-color: var(--global--dark);
  color: #fff;
  font-size: 12px;
  padding: 0 16px;
  border-radius: 50px;
  display: inline-block;
  margin-bottom: 8px;
}

.main-feats-block-grid .material {
  position: relative;
  z-index: 2;
  gap: 20px;
}

.main-feats-block-grid .material-icon {
  width: 22px;
  height: 22px;
  border-radius: 0;
  background-color: transparent;
}

.main-feats-block-grid .material-data {
  flex-direction: row;
  align-items: center;
  gap: 6px;
}

.main-feats-block-grid .product-attr-value {
  font-size: 14px;
}

.main-feats-block-grid .product-attr-title {
  color: #4F585A;
  font-weight: 400;
}

.product-grid-name {
  padding: 0 22px;
}

.main-feats-block-grid {
  position: relative;
  gap: 16px;
  display: flex;
  flex-direction: column;
  padding: 28px 22px 0px 22px;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transform: translateY(-8px);
  filter: blur(2px);
  transition:
        max-height 0.45s cubic-bezier(0.4, 0, 0.2, 1),
        padding 0.3s ease,
        opacity 0.3s ease,
        transform 0.35s ease,
        filter 0.35s ease;
}

.datazen-product-card-container:hover .main-feats-block-grid {
    max-height: 330px; 
    padding: 28px 22px 48px 22px;
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
}

.main-feats-block-grid::before {
  position: absolute;
  background: linear-gradient(to bottom, #d4d6df 0%, #e1e3e9 100%);
  content: "";
  width: 100%;
  height: 48px;
  left: 0;
  top: 0;
  z-index: 1;
  border-top: 1px solid #caced8;
}

/* respons */

@media (min-width: 768px) {
  .disable-desktop {
    display: none;
  }
}

@media (max-width: 767px) {
  .box-herosection {
    border-radius: 40px;
    padding: 28px 36px 12px 36px;
  }
  .empty-title {
    font-size: 120px;
    gap: 8px;
  }
  .empty-title img {
    width: 100px;
    height: 100px;
}
.MenuSection {
  flex-wrap: wrap;
}
.site-branding, .header-menu-container {
  flex: 0 0 50%;
}
.menu-side-contact {
  width: 100%;
  flex: 0 0 100%;
  justify-content: center;
  margin-top: 24px;
}
.main-header {
  padding: 24px 0;
}
  .main-menu-wrapper,
  .hero-scene-bg-shadow svg,
  .disable-mobile,
  .sm-panel,
  .contact-top-title,
  .primary-menu-container, 
  #site-navigation,
  .box-herosection-first::before, 
  .box-herosection-last::after,
	.top-additional-data,
  .tooltip-object::after {
    display: none;
  }
  .video-tooltip-el {
  width: 380px;
  height: 380px;
  }
  .tooltip-content {
    position: fixed;
    bottom: 40px;
    left: 20px;
    z-index: 999;
  }
  .doradca-float {
    margin-top: 0;
    left: unset;
  }
  #dofinansowania, #zapytaj-konsultanta {
  text-align: center;
  padding: 32px 32px 0;
  border-radius: 0px;
}
#zapytaj-konsultanta {
  z-index: -1;
  margin-top: 0;
}
#dofinansowania .wp-block-image .alignleft {
  float: unset;
  margin: 20px auto;
}
.product-detailed-data {
  flex-direction: column;
}
.doradca-float img {
  margin: 0 auto;
}
.product-gallery {
  min-width: unset;
}
.site-header:not(.homepage-header) {
  margin-bottom: 32px;
}
.product-page.dz-system-columns {
  gap: 20px;
}
.main-features {
  padding-bottom: 32px;
}
.form-row-1-3 {
  width: 100%;
}
.datazen-contact-form {
  padding: 20px 0;
}
.datazen-products-grid.cols-3 {
  gap: 64px;
}
.consultant-box-wrapper {
  flex-direction: column-reverse !important;
  text-align: center;
}
.consultant-box-wrapper .float-left {
  float: unset;
  margin: 0 auto;
}
.consultant-image {
  margin: 0 auto;
}
.wheelchair-feats .datazen-box.boxed {
  flex-direction: column;
}
.datazen-box.boxed .datazen-box-container {
  border-radius: 0 0 25px 25px !important;
  max-width: calc(100% - 56px);
}
.footer-contact {
  text-align: left;
}
  .has-as-h-1-font-size, .as-h-1, h1 {
    font-size: 36px;
  line-height: 44px;
  }
  .has-as-h-2-font-size, .as-h-2, h2 {
    font-size: 28px;
  line-height: 36px;
  }
  .has-as-h-3-font-size, .as-h-3, h3 {
    font-size: 24px;
    line-height: 32px;
  }

  .dz-system-columns,
  .vertical-tabs,
  .vertical-tabs .datazen-tab-container,
  .footer-contact-data {
    flex-direction: column;
    gap: 20px;
  }
  .padded-left-small,
  .padded-left {
    padding-left: 0;
  }
  .padded-right-small,
  .padded-right {
    padding-right: 0;
  }
  .wp-block-spacer {
    max-height: 64px;
  }
  .padding-mobile-top {
    padding-top: 40px;
  }
  .mobile-column-reverse {
    flex-direction: column-reverse;
  }
  .page-template-page-subpage .main-header {
    margin-bottom: 32px;
  }
  .review-subtitle {
    line-height: 17px;
  }
  .wp-block-dataze-google-review {
    background-size: contain;
  }
  .datazen-hero-content-section {
    margin: 156px 20px 0;
  }
  .section-title {
    max-width: 100%;
  margin-left: 0;
  margin-bottom: 16px;
  }
  .vertical-tabs .datazen-tabs-nav {
    width: 100%;
    flex-direction: row;
  }
  .vertical-tabs .datazen-tab-panel {
    padding: 20px;
    border-radius: 23px 23px 0 0;
  }
  .btnsiblings {
    flex-direction: column;
    align-items: center;
  }
  .datazen-box.boxed .wp-block-columns {
    padding: 0;
  }
  .wp-block-quote {
    border: 0;
    padding: 0;
  }
  .datazen-icon {
    flex-shrink: 0;
  }
  .box-standalone .featured-image {
    position: relative;
    top: -55px;
    right: 0;
  }
  .datazen-box.boxed.box-standalone {
    border-radius: 0;
    padding: 40px;
  }
  .box-standalone > .datazen-box,
  .box-standalone .featured-image-container > .datazen-box {
    width: 100%;
  }
  .footer-main p {
    margin-bottom: 8px;
  }
  .footer-main .has-small-font-size {
    margin-bottom: 20px;
  }
  .contact-content {
    border-radius: 0;
    text-align: center;
  }
  .title-icon-sct .wp-block-heading {
    font-size: 36px;
    line-height: 44px;
    margin-top: 14px;
  }
  .pagetitle-effect {
    height: 190px;
  }
  .datazen-contact-box.contact-box-full {
    flex-direction: column;
  }
  .contact-box-full .contact-contentiimage {
    height: 220px;
    flex: 1 auto;
  }
  .top-header-content {
  justify-content: space-evenly;
  gap: 0;
}
  .top-additional-data {
  padding: 0;
  border: 0;
  flex: 0 0 100%;
  justify-content: center;
}
.footer-right-data {
  margin-bottom: 32px;
}
.blog-grid {
  margin-bottom: 0px;
}
.wp-block-datazen-image.radius {
  max-width: calc(100% - 20px);
}
 .datazen-decorative-title.type-free .tytul-wrapper {
    height: auto;
    background: #fff;
    padding: 10px 16px;
    border-radius: 10px;
    text-align: center;
  }
  .datazen-decorative-title.type-free .datazen-title {
    display: inline;
    background: none;
    padding: 0;
    line-height: 20px;
  }
  .datazen-decorative-title.type-free .datazen-subtitle {
    position: relative;
    left: unset;
    bottom: unset;
    display: inline;
    background: none;
    padding: 0 0 0 6px;
    line-height: 20px;
  }
  .datazen-tabs-nav {
  gap: 18px;
  flex-direction: column;
}
.blog-grid .posted-on {
  left: -12px;
}
.blog-sidebar.dz-system-column.three-twelve {
  padding: 0;
  margin-top: 40px;
}
.page-header {
  margin: 0 0 48px 0;
  border-radius: 0;
  background-position: center;
}
.wp-block-columns.shuffle-mobile {
  flex-direction: column-reverse;
}
.wp-block-latest-posts {
  flex-direction: column;
}
}