@font-face {
	font-family: "Poppins";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../momo/fonts/Poppins-SemiBold.ttf") format("truetype");
}

@font-face {
	font-family: "Poppins";
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url("../momo/fonts/Poppins-Bold.ttf") format("truetype");
}

@font-face {
	font-family: "Poppins";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../momo/fonts/Poppins-Light.ttf") format("truetype");
}

body {
	font-family: "Poppins", sans-serif;
	cursor:default;
}

#mega-menu-wrap-main-menu
	#mega-menu-main-menu
	> li.mega-menu-item
	> a.mega-menu-link:hover,
#mega-menu-wrap-main-menu
	#mega-menu-main-menu
	> li.mega-menu-item
	> a.mega-menu-link:focus,
#mega-menu-wrap-main-menu
	#mega-menu-main-menu
	> li.mega-menu-item
	> a.mega-menu-link {
	font-weight: 600 !important;
}
#mega-menu-item-369 .mega-current-menu-item a {
	font-weight: 600 !important;
	text-decoration: underline !important;
}

#mega-menu-item-191 .mega-menu-item-467 .mega-current-menu-item a, #mega-menu-item-191 .mega-menu-item-468 .mega-current-menu-item a {
	font-weight: 600 !important;
	text-decoration: underline !important;
}

#header {
	box-shadow: 0px 0px 8px 0px #cacaca;
}

.container {
	max-width: 1280px !important;
}

h1 {
	font-size: 80px;
	font-weight: 600;
	margin: 0;
	padding: 0;
	color: #fff;
}

.single .entry-content h2 {
	font-weight: 600;
	margin-bottom: 1em;
}

.single .entry-content ul li {
	font-size: 20px;
}

.single .entry-content ul {
	margin: 1.5em 0;
	padding-left: 22px;
}

.single .entry-content p:not(:last-child) {
	margin-bottom: max(1.2em, 15px);
}

.single .entry-content p {
	font-size: 20px;
}

.hero-wrapper {
	display: flex;
	justify-content: center;
	min-height: 330px;
	align-items: center;
	max-width: 900px;
	margin: auto;
}

.single-portfolio .hero-wrapper,
.blog-single .hero-wrapper {
	min-height: 660px;
	text-align: center;
	margin: auto;
}

.entry-content h2 {
	font-size: 40px;
}

.entry-content li:not(:last-child) {
	padding-bottom: 12.5px;
}

.entry-content ul {
	padding-bottom: 50px;
}

.single-portfolio .entry-content ul {
	padding-bottom: 0px;
}

.entry-content hr {
	padding-bottom: 25px;
}

.hero-wrapper h1 {
	z-index: 999;
}

.hero {
	position: relative;
}

.hero:before {
	background: #101010;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	opacity: 0.3;
}

.pad-r {
	padding-right: 25px;
}

.pad-l {
	padding-left: 25px;
}

.portfolio-meta {
	border-radius: 20px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 30px 0px;
	padding: 40px;
	margin-top: -80px;
	position: relative;
	z-index: 99;
	background: #fff;
}

.meta-t {
	font-size: 20px;
	font-weight: 600;
	line-height: 1em;
	padding-bottom: 10px;
}

.meta-d {
	font-size: 18px;
	line-height: 1.6em;
}

.line-1.type2 {
	border-top: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	display: flex;
}

.line-1.type2 .boxer {
	width: 50%;
	padding-right: 20px;
}

.single .entry-content,
.page-template-page-about .entry-content {
	margin: 0px;
	padding-top: 100px;
	padding-bottom: 50px;
}
.gallery {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 25px;
	padding-top: 50px;
	padding-bottom: 50px;
}

.gallery-item {
	position: relative;
	border-radius: 20px;
}

.gallery-item {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.gallery-item a {
	display: block;
	width: 100%;
	height: 100%;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	-webkit-filter: opacity(100%);
	filter: opacity(100%);
}

.gallery-item a .img-sizer {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/* Sam obrazek */
.gallery-item a .img-sizer img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1);
	transition: transform 0.5s cubic-bezier(0.21, 0.75, 0.27, 0.96);
}

/* Zoom na hover */
.gallery-item a:hover .img-sizer img {
	transform: scale(1.1);
}

.gallery-item img {
	width: 100%;
	height: 100%;
	object-fit: cover; /* żeby obraz był przycięty elegancko wewnątrz kwadratu */
}

.calculate-box {
	padding: 50px 0;
}

.calculate-box .wrapper-calculate {
	border: 1px solid #aeaeae;
	border-radius: 20px;
	padding: 50px 75px;
	margin-top:60px;
}

.img-wrapper {
	position: relative;
}

.img-calc {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 30px;
}

.calculate-image {
	padding-right: 50px;
}
.calculate-content {
	padding-left: 50px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.button {
	background: #b51132;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	padding: 15px 50px;
	border-radius: 10px;
	display: inline-block;
	transition: all 0.3s;
	border: 1px solid #b51132;
}

.button:hover {
	color: #b51132;
	background-color: #fff;
	border-color: #b51132;
}

.title1 {
	font-size: 37px;
	line-height: 1.1em;
	font-weight: 600;
}
.wrapper-calculate .divider {
	padding: 25px 0;
}
.wrapper-calculate .divider span {
	display: block;
	background: #2a2a2a;
	width: 140px;
	height: 2px;
}

.editor1 p {
	font-size: 20px;
	color: #575757;
	line-height:normal;
}

.editor1 {
	margin-bottom: 40px;
}

.entry-content p,
.entry-content li {
	color: #575757;
}

.img-wrapper {
	border-radius: 30px;
	min-height: 410px;
	width: 100%;
}

.related-section {
	background: #f0f0f0;
	padding-top: 70px;
	padding-bottom: 100px;
}

.related-section h3 {
	font-size: 52px;
	font-weight: 600;
	line-height: 1.1em;
	text-align: center;
	margin-bottom: 50px;
}



.h4-related h4 {
	background-image: linear-gradient(rgb(16, 16, 16), rgb(16, 16, 16));
	background-position: 0% 100%; /* zawsze dół linii */
	background-repeat: no-repeat;
	background-size: 0% 2px;
	transition: background-size 0.3s;
	font-weight: 600;
	font-size: 18px;
	color: #2a2a2a;

	display: inline; /* ważne! */
	box-decoration-break: clone; /* klucz! */
	-webkit-box-decoration-break: clone; /* Safari/Chrome */
	line-height: 1.3; /* aby kreska była bliżej tekstu */
}

.h4-related h4:hover {
	background-size: 100% 2px;
}

.h4-related {
	margin-top: 15px;
}

.related-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 25px;
}

.related-item {
	display: block;
}

.related-item a {
	text-decoration: none;
	display: block;
	color: inherit;
}

/* Kontener na obraz (ustawiany na kwadrat przez JS) */
.related-img {
	width: 100%;
	position: relative;
	overflow: hidden;
	background: #f2f2f2;
	border-radius: 20px;
}

/* Wewnątrz obrazek dopasowany */
.related-img .img-sizer {
	width: 100%;
	height: 100%;
}

.related-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.45s ease;
	transform: scale(1.12); /* obrazek większy niż ramka */
}

/* Hover — obraz idzie w górę, pokazuje więcej dołu */
.related-item a:hover .related-img img {
	transform: scale(1.12) translateY(-12px);
}

#main {
	margin-top: 0px;
}

.single-wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	row-gap: 25px;
}

.single-wrapper h1 {
	line-height: 1.1em;
	font-size: 80px;
	font-weight: 600;
}

.subtitle {
	font-size: 32px;
	font-weight: 600;
	border-bottom: 1px solid #fcfcfc4d;
	padding-bottom: 25px;
	color: #fff;
}

.meta {
	color: #fcfcfc;
	font-size: 14px;
}

.single-post-blog .entry-content {
	width: 100%;
	max-width: 770px;
	margin: 0 auto;
}

.single-post-blog .entry-content img {
	max-width: calc(100% + 200px);
	border-radius: 20px 20px 20px 20px;
	margin-left: -100px;
}

.grey {
	position: relative;
	height: 100%;
	padding-left: 50px;
	padding-top: 100px;
}
.tax-product-category #main {
	padding-top: 100px;
}

.tax-product-category {
	background: #f0f0f0;
}
@media (min-width:1200px) {
#mega-menu-wrap-main-menu
	li.mega-custom-menu
	ul.mega-sub-menu
	.mega-single-m
	ul.mega-sub-menu {
	left: -15px !important;
	top: calc(100% + 15px) !important;
	width: 600px !important;
}

#mega-menu-wrap-main-menu
	li.mega-custom-menu
	ul.mega-sub-menu
	.mega-multi-m
	ul.mega-sub-menu {
	left: -210px !important;
	top: calc(100% + 15px) !important;
	width: 800px !important;
}

#mega-menu-wrap-main-menu
	li.mega-custom-menu
	ul.mega-sub-menu
	.mega-multi-m
	ul.mega-sub-menu li a {
		line-height:1.2;
	}

	#mega-menu-wrap-main-menu
	li.mega-custom-menu
	ul.mega-sub-menu
	.mega-multi-m
	ul.mega-sub-menu li {
		display:flex;
		align-items:center;
	}

#mega-menu-wrap-main-menu
	li.mega-custom-menu
	ul.mega-sub-menu
	.mega-single-m
	ul.mega-sub-menu
	a,
#mega-menu-wrap-main-menu
	li.mega-custom-menu
	ul.mega-sub-menu
	.mega-multi-m
	ul.mega-sub-menu
	a {
	font-size: 16px !important;
	line-height: 16px !important;
}

.mega-sub-menu {
	border-radius: 20px !important;
}}
.bg1 {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #f0f0f0;
	top: 0;
	z-index: -1;
	border-radius: 30px 0 0 30px;
	height: 100%;
	width: 100vw;
}
body.is-sticky.blog #main,
body.is-sticky.category #main,
body.is-sticky.single #main {
	margin-top: 0px;
}
.is-sticky .single-post-product {
	margin-top: 96px;
}

body.blog,
body.category,
body.single {
	overflow-x: hidden;
	width: 100%;
}
.blog-wrapper {
	padding-top: 100px;
}
.blog-wrapper article {
	padding-right: 40px;
}

.latestb h2 {
	text-align: center;
	font-size: 64px;
	line-height: 1.1em;
	font-weight: 600;
}

.latestb {
	margin: 70px 0;
}
.post-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 50px;
	padding-top: 50px;
}

.post-single .img-s {
	position: relative;
	width: 100%;
	aspect-ratio: 4 / 3; /* Możesz zmienić np. na 16/9 albo 3/2 */
	overflow: hidden;
	border-radius: 30px;
}

.post-single .img-s img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.45s ease;
	transform: scale(1.12);
}

.latestb .post-single a:hover img,.related-post .post-single a:hover img {
	transform: scale(1.12) translateX(12px);
}

.product-slider .carousel-inner a:hover {
		 background-position: center top;
		  transition: background-position 0.6s ease, background-size 0.6s ease;
}

.meta-single {
	padding: 20px 0;
}
.category-title span {
	border: 1px solid #a5a5a5;
	color: #101010;
	border-radius: 2em;
	padding: 0.4em 1.5em;
	font-size: 14px;
	display: inline-flex;
	font-weight: 400;
	transition: all 0.3s;
}

.category-title a:hover span {
	background-color: #101010;
	border-color: #101010;
	color: #fff !important;
	transition: all 0.3s;
}

.title-single h4 {
	margin: 12px 0;
	font-size: 24px;
	font-weight: 600;
	color: #101010;
	line-height: 1.1em;
	background-image: linear-gradient(rgb(16, 16, 16), rgb(16, 16, 16));
	background-position: 0% 100%;
	background-repeat: no-repeat;
	background-size: 0% 2px;
	transition: background-size 0.3s;
	display: inline;
}

.title-single {
	padding-top: 20px;
}

.title-single h4:hover {
	background-size: 100% 2px;
}

.meta-date {
	color: #989898;
	padding-top: 12px;
}

.form-insider {
	height: 850px;
	width: calc(50vw - 10%);
	position: relative;
	margin-left: 10%;
}

.contact-form-wrapper h2 {
	font-size: 80px;
	font-weight: 600;
	line-height: 1.1em;
	color: #101010;
	margin: 0px;
	padding: 0px;
}

.formtxt {
	line-height: 32px;
	color: #575757;
	line-height: 32px;
	font-size: 20px;
}

.contact-form-wrapper {
	height: 100%;
	flex-direction: column;
	justify-content: center;
	display: flex;
	gap: 20px;
}

.contact-form-wrapper input,
.contact-form-wrapper textarea {
	width: 100%;
	border: 0px;
	border-bottom: 1px solid #101010;
}
.contact-form-wrapper textarea {
	height: 120px;
	min-height: 120px;
}
.contact-form-wrapper input {
	padding-top: 10px;
	padding-bottom: 10px;
}
:focus-visible {
	outline: none;
}

input::placeholder,
textarea::placeholder {
	color: #101010; /* Twój kolor */
	opacity: 1; /* w niektórych przeglądarkach domyślnie jest 0.6 */
}

.field-f.btn-f .wpcf7-submit {
	font-size: 18px;
	font-weight: 600;
	line-height: 20px;
	text-decoration: none;
	padding: 15px 40px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-radius: 10px;
	display: inline-block;
	border-color: #b51132;
	color:#b51132;
	width: auto;
	background: #ffffff;
	transition: all 0.3s;
}
.field-f.btn-f .wpcf7-submit:hover {
	background: #b51132;
	color: #ffffff;
}

.contact-form-wrapper .wpcf7-form-control-wrap {
	margin-bottom: 20px;
	display: block;
}

.home-form {
	overflow-x: hidden;
}

.bg-form {
	background-position: center center;
	background-size: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	border-top-left-radius: 30px;
}

.greybox {
	background: #f0f0f0;
	padding: 100px 0;
	text-align: center;
}

.still .txt {
	font-size: 20px;
	line-height: 32px;
	color: #101010;
	margin-bottom: 50px;
}
.btn1.reverse .button {
	border-color: #b51132;
	color: #b51132;
	background: #fff;
}
.btn1.reverse .button:hover {
	border-color: #b51132;
	color: #fff;
	background: #b51132;
}

.still h3 {
	font-size: 27px;
	font-weight: 600;
	line-height: 1.1em;
	color: #101010;
	margin-bottom: 30px;
}

.hero .swiffy-slider img {
	width: 100%;
	height: 450px;
	object-fit: cover;
}

#carouselExampleFade .carousel-inner {
	max-height: 600px;
}

#carouselExampleFade .carousel-item img {
	width: 100%;
	max-height: 600px;
	height: auto;
	object-fit: cover;
	object-position: center center;
}

.home .hero {
	background: #fff;
	padding-top: 80px;
	padding-bottom: 100px;
}

.home .hero:before {
	display: none;
}

.boxslider {
  background:#f0f0f0;
  /*
    url(assets/img/hero_bg.png) 
    no-repeat 
    calc(50% + var(--bg-x, 0px)) 
    calc(50% + var(--bg-y, 0px)) 
    */
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  padding: 50px;
  padding-top: 75px;
  padding-bottom: 75px;
  transition: background-position 0.15s ease-out;
}
.page-template-page-home #carouselExampleFade .carousel-item img,.page-template-page-home #carouselExampleFade .carousel-item {
	height:100%;
}

.page-template-page-home #carouselExampleFade .carousel-indicators {
	bottom:-50px;
}

.page-template-page-home #carouselExampleFade h2 {
	color:#101010;
	font-weight:bold;
	font-size:3rem;
	margin-bottom:35px;
}

.page-template-page-home #carouselExampleFade .carousel-indicators [data-bs-target] {
	background-color:#000;
}

.slider-wrapper {

}
.slider-wrapper h2 {
	color: #b51132;
}

.mainslider {
	display: grid;
    grid-template-columns: 40% 1fr;

    column-gap: 20px;
}

.slajdyse img {
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
}

.boxslider .button {
	margin-top: 20px;
	border-color: #b51132;
	padding: 15px 50px;
	border-radius: 10px;
}

.industrylist {
	background: #f0f0f0;
	padding-top: 100px;
	padding-bottom: 100px;
}

.industrylist h2 {
	text-align: center;
	font-size: 62px;
	line-height: 1.1em;
	font-weight: 600;
	width: 12a2a2apx;
	margin: auto;
	margin-bottom: 100px;
}

.industry-insider:hover, .inside-cat:hover, .mix:hover {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
	transition: all 0.35s ease;
}
.industry-insider, .inside-cat, .mix {
	transition: all 0.35s ease;
}

.industry-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 50px;
}

.industry-box {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 14px;
	height: 260px; /* wysokość kafla */
	text-decoration: none;
}

.industry-insider a {
	color: #101010;
}

.industry-insider a:hover {
	color: #b51132;
}

.industry-insider {
	background: #fff;
	border-radius: 20px;
	padding-bottom: 30px;
}

.industry-insider h3 {
	padding-top: 30px;
	padding-left: 50px;
	padding-right: 50px;
	text-align: center;
	font-size: 20px;
	margin: 0px;
}

.industry-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
	transition: transform 0.4s ease;
}

/* placeholder gdy brak obrazka */
.industry-img.placeholder {
	background: #eee;
	width: 100%;
	height: 100%;
}

.industry-overlay,.an-overlay {
	position: absolute;
	inset: 0;
	background: rgba(196, 13, 67, 0.9);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.35s ease;
}

.industry-overlay,.an-overlay {
	color: #fff !important;
	font-size: 16px;
	font-weight: 300;
	padding: 30px;
	margin: 0;
	justify-content: start;
	align-items: start;
}

/* hover effect */
.industry-tile:hover .industry-overlay,.splide-related-products a:hover .img-splide .an-overlay {
	opacity: 1;
}
.industry-tile:hover .industry-img {
	transform: scale(1.06);
}.splide-related-products  .img-splide .an-overlay {
	border-radius: 20px;
	justify-content: center;
	align-items: center;
}

.splide-related-products .img-splide {
	position:relative;

}

.choose {
	padding: 100px 0;
}

.choose img {
	width: 100%;
	max-width: 100%;
	height: 100%;
	border-radius: 30px 30px 30px 30px;
}

.choose h2 {
	text-align: center;
	font-size: 64px;
	line-height: 1.1em;
	font-weight: 600;
	margin-bottom: 100px;
}

.choose .txt {
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 32px;
	font-size: 20px;
	text-align: center;
}
.choose .txt h3 {
	margin-bottom: 30px;
}

.choose-wrapper {
	padding-left: 100px;
	padding-right: 100px;
}

.iconbox {
	background: #f0f0f0;
	padding-top: 75px;
	padding-bottom: 75px;
}

.iconbox-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 50px;
}

.icon-inside {
	background: #fff;
	border-radius: 30px;
	padding: 30px;
	text-align: center;
}

.icon-inside img {
	width: auto;
	height: 100%;
	max-height: 120px;
	margin: 20px;
}

.counter-box {
	background: #fff;

	padding: 2rem 1rem;
	text-align: center;

	height: 100%;
}
.counter {
	padding-top: 50px;
	padding-bottom: 100px;
}
.counter-number {
	font-size: 100px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 25px;
}
.counter-label {
	margin-top: 0.5rem;
	font-size: 1rem;
}

.categor {
	padding: 100px 0;
	background: #f0f0f0;
}

.cat-img {
	height: 300px;
	width: 100%;
	border-radius: 30px;
}

.inside-cat {
	background: #fff;
	border-radius: 30px;
	width: 100%;
}

.whitef {
	padding: 30px;
}

.whitef p {
	color: #5d5d5d;
	font-weight:400;
}

.whitef a h3 {
	color:rgb(33, 37, 41);
}

.categor h2 {
	text-align: center;
	font-size: 64px;
	line-height: 1.1em;
	font-weight: 600;
	margin-bottom: 100px;
}

.catgrid {
	display: flex;
	justify-content: center;
	column-gap: 200px;
	padding-left: 100px;
	padding-right: 100px;
}

.catgrid a {
	color: #b51132;
	font-weight: 600;
}

.lider {
	padding: 100px 0;
}

.lider h2 {
	text-align: center;
	font-size: 64px;
	line-height: 1.1em;
	font-weight: 600;
	margin-bottom: 75px;
}

.lider .slider-container li {
	display: flex;
	justify-content: center;
	align-items: center;
}

.lider .splide1 .splide__slide {
	display: flex;
	justify-content: center;
	align-items: center;
}

.section1 {
	background: #f0f0f0;
	padding: 100px 0;
}

.splide2 .splide__slide img {
	width: 100%;
	height: auto;
}

.white-wrapper {
	padding: 50px;
	border-radius: 30px;
	background: #fff;
}

.bigest img {
	max-height: 400px;
}
.mainer {
	display: grid;
	grid-template-columns: 1fr 400px;
	column-gap: 50px;
}
.right-product {
	background: #d9d6d2;
	border-radius: 30px;
}

.page-template-page-faq #main,
.page-template-page-products #main {
	padding-top: 100px;
}

.page-template-page-faq h2 {
	font-size: 64px;
	line-height: 1.1em;
	font-weight: 600;
	margin-bottom: 30px;
}

.page-template-page-faq .faq p {
	font-size: 19px;
	line-height: 1.6em;
	color: #575757;
	margin-bottom: 30px;
	padding-left:40px;
	position: relative;
}

.page-template-page-faq .faq p::before {
    content: "➜ ";
    margin-right: 5px;
    color: #aeaeae;
	font-weight:300;
    position: absolute;
    left: 0;
}

.accordion-button {
	border-radius: 0px !important;
	background: transparent !important;
	font-size: 32px;
	font-weight: 600;
	line-height: 1.1em;
	color: #101010;
	padding-bottom: 40px;
	padding-left:0
}
.accordion-button:not(.collapsed),
.accordion-button:focus {
	box-shadow: none !important;
}

.accordion-item {
	border-radius: 0px !important;
	border-width: 0px !important;
	border-bottom: 1px solid #101010 !important;
	margin-bottom: 20px;
}

.accordion-item:first-of-type {
	border-radius: 0px !important;
	border-width: 0px !important;
	border-bottom: 1px solid #101010 !important;
}
.accordion-button:not(.collapsed) {
	color: #101010;
}

.accordion {
	margin-bottom: 100px;
}

.blog .posty .img-sizer {
	max-height: 430px;
}

.post-single.posty .img-s,
.post-single.posty .img-s img {
	max-height: 430px;
}

.textp {
	font-size: 18px;
	line-height: 1.6em;
	margin: 10px 0 25px 0;
	margin-bottom: 0px;
}
.sapcer {
	height: 25px;
	width: 100%;
}
.readmore span {
	border: 1px solid #b51132;
	background: #ffffff;
	color: #b51132;
	border-radius: 10px;
	padding: 12px 35px 12px 35px;
	font-size: 16px;
	display: inline-flex;
	font-weight: 600;
	transition: all 0.3s;
}
.readmore:hover span {
	background: #b51132;
	color: #ffffff;
}

.post-single.posty {
	margin-bottom: 50px;
}

.categories-list h3 {
	font-size: 40px;
	font-weight: 600;
	line-height: 1.2em;
	color: #101010;
	margin-bottom: 40px;
}

.categories-list ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.categories-list ul li {
	padding: 13px 0 13px 0;
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color: #d9d9d9;
}

.categories-list a {
	font-size: 18px;
	line-height: 1.2em;
	color: #101010;
}
.categories-list a:hover {
	font-weight: 600;
	color: #b51132;
}

.pagination-grid {
	display: flex;
	gap: 8px;
	margin-bottom: 140px;
	flex-wrap: wrap;
	justify-content: center;
}

.pagination-item {
	display: inline-block;
}

.pagination-grid a,
.pagination-grid span {
	padding: 8px 14px;
	border: 1px solid #101010;
	background: #fff;
	color: #101010;
	text-decoration: none;
	font-size: 14px;
	transition: 0.2s;
	border-radius:10px;
}
.pagination-grid span {
	padding: 0px !important;
	border-width: 0px !important;
}

.pagination-grid span span.current {
	padding: 8px 14px !important;
	border: 1px solid #101010 !important;
}

.pagination-grid .current {
	background: #101010;
	color: #fff !important;
	border-color: #101010;
}

.pagination-grid a:hover {
	background: #101010;
	color: #fff;
	border-color: #101010;
}

.s1 .carousel-item {
	position: relative;
}

.s1 .carousel-item {
	height: 400px; /* wysokość całego slajdu */
}
.s1 #carouselExampleFade .carousel-item img {
	max-height: 400px;
}

.s1 .carousel-indicators [data-bs-target] {
	background-color: #101010;
}

.s1 #carouselExampleFade {
	padding-bottom: 50px;
}

.s1 .carousel-item img {
	width: 100%;
	height: 100%; /* obrazek dopasowuje się do kontenera */
	object-fit: cover; /* eleganckie przycięcie bez zniekształceń */
	object-position: center;
}

.s1 .carousel-item img {
	height: 100%;
	width: 100%;
	object-fit: cover; /* zdjęcie wypełnia, nie rozciąga się */
	object-position: center;
	max-height: 450px;
}

.s1 h1 {
	color: #101010;
	font-size: 64px;
	margin-bottom: 30px;
}

.s1-wrapper {
	padding-left: 100px;
}

.s1 p {
	font-size: 20px;
	line-height: 1.4em;
	margin-bottom: 55px;
	color: #101010;
}

.s2 {
	background: #f0f0f0;
	padding: 100px 0;
}

.s3 {
	background: #d9d6d2;
	padding: 100px 0;
}

.s2 h2 {
	text-align: center;
	font-size: 64px;
	line-height: 1.1em;
	font-weight: 600;
	margin-bottom: 100px;
}

.s3 h2 {
	text-align: center;
	font-size: 64px;
	line-height: 1.1em;
	font-weight: 600;
	margin-bottom: 100px;
}

.s3 .equ-items button {
	background-image: none !important;
}

.s3 .equ-items {
	padding: 30px;
}

.s3 .carousel-item {
	height: 250px; /* wysokość całego slajdu */
}

.s3 .carousel-item img {
	width: 100%;
	height: 100%; /* obrazek dopasowuje się do kontenera */
	object-fit: cover; /* eleganckie przycięcie bez zniekształceń */
	object-position: center;
}

.s3 .carousel-inner {
	border-radius: 30px;
	margin-bottom: 30px;
}

.equ-items {
	padding: 40px;
	background: #fff;
	border-radius: 30px;
	text-align: center;
}

.equ-img {
	height: auto;
	max-width: 100%;
	margin-bottom: 20px;
	transition-duration: 0.2s;
	transition-property: transform;
	transition-timing-function: ease-in-out;
}

.equ-desc {
	font-size: 18px;
	line-height: 1.6em;
	margin-top: 10px;
}

.equ-title {
	margin-bottom: 20px;
}

.equ-img:hover {
	transform: scale(1.03);
}

.equ-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 50px;
}

#carouselExampleFade33 .carousel-inner {
	border-radius: 30px;
}

.sam1-wrapper {
	padding-left: 100px;
}

.sam1 h2 {
	font-size: 48px;
	line-height: 1.1em;
	font-weight: 600;
	margin-bottom: 40px;
}

.sam1 p {
	font-size: 18px;
	line-height: 1.6em;
}
.sam1 {
	padding: 200px 0;
}

.sam1 .carousel-item {
	height: 350px; /* wysokość całego slajdu */
}

.sam1 .carousel-item img {
	width: 100%;
	height: 100%; /* obrazek dopasowuje się do kontenera */
	object-fit: cover; /* eleganckie przycięcie bez zniekształceń */
	object-position: center;
}

.s1 {
	padding-top: 100px;
	padding-bottom: 100px;
}
.process-grid {
	grid-template-columns: repeat(5, minmax(0, 1fr));
	display: grid;
	gap: 50px;
}

.processflow {
	padding: 100px 0;
	background: url(https://momc.a350.pl/wp-content/uploads/2025/12/testimonial.jpg)
		no-repeat fixed center #2a2a2a;
}

.processflow h2 {
	text-align: center;
	font-size: 64px;
	line-height: 1.1em;
	font-weight: 600;
	margin-bottom: 100px;
	color: #fff;
}

.processflow h4 {
	color: #fff;
	margin-bottom: 25px;
	text-align: center;
	letter-spacing: 1px;
}

.txt-process {
	text-align: center;
	color: #fff;
	font-size: 15px;
	font-weight: 300;
}

.circle-p {
	width: 110px;
	height: 110px;
	background: #f0f0f0;
	z-index:99999;
  transform: rotate(45deg);
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 18px;
}

.circle-p::before {
	position: absolute;
	left: -10px;
	top: -10px;
	width: 120px;
	height: 120px;
	background: #fff;
	opacity: 0.5;
	content: "";
	margin: auto;
		border-radius: 18px;
	z-index: -1;
	display:none;
}

.process-letter {
	display: flex;
	justify-content: center;
	margin-bottom: 35px;
	font-weight: 800;
	color: #101010;
	font-size: 60px;
}

.number-p {
	background: #b51132;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	width: 35px;
	height: 35px;
	top: -10px;
	right: -10px;
	position: absolute;
	z-index: 2;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.process-letter span {
	display: block;
	margin-top: -5px;
	position: relative;
	z-index: 4;
	
  transform: rotate(-45deg);
}
.process-letter {
	position: relative;
}

.process-line {
	top: calc(50% - 1px / 2);
	left: 50%;
	width: 100%;
	height: auto;
	position: absolute;
	z-index: 2;
}

.process-item:last-child .process-line {
	display: none;
}

.process-line-inside {
	width: 100%;
	height: 100%;
	border-bottom: 1px solid #f0f0f0;
	position: absolute;
	top: 0;
	left: 0;
	transition: transform 1s;
	transform-origin: left;
	transform: scaleX(0);
	transform: scaleX(1);
}

.process-line-inside:nth-child(1) .process-line-inside {
	transition-delay: 0.25s;
}

.process-line-inside:nth-child(2) .process-line-inside {
	transition-delay: 0.6s;
}

.portfol {
	min-height: 580px;
}

.s-port {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.portfol,
.testimonial {
	position: relative;
}

.p-wrapper {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	padding: 60px;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
}

.portfol .p-wrapper {
	display: flex;
	align-items: flex-end;
	color: #101010;
	font-size: 64px;
	line-height: 1.1em;
}

.porto {
	padding: 30px 0;
	color: #fff;
}

.grid {
	background: #2a2a2a;
}

.grid:after {
	content: "";
	display: block;
	clear: both;
}

.grid-sizer,
.grid-item {
	width: 33.33%;
}

.grid-item {
	float: left;
}
.grid-item:hover {
	cursor: pointer;
}

.grid-item img {
	display: block;
	max-width: 100%;
	border: 10px solid white;
}
@media (max-width: 414px) {
	.grid-item img {
		border: 5px solid white;
	}
	.product-buy .button {
		font-size:13px !important;
	}
	.product-buy .title {
		font-size:15px;
	}
}

.grid-item.grid-item__expanded {
	width: 66.66%;
	z-index: 2;
}

#top-menu {
	display: flex;
	justify-content: space-between;
	min-height: 50px;
	align-items: center;
	background: #2a2a2a;
	padding-left: 40px;
	padding-right: 40px;
}

#top-menu a {
	color: #aeaeae;
}

.top-menu-left {
	display: flex;
	column-gap: 50px;
	font-size:14px;
}

.facebook {
	width: 24px;
	height: 24px;
	display: block;
	background: url(assets/img/facebook.svg) no-repeat center center;
	background-size: 24px 24px;
}
.instagram {
	width: 24px;
	height: 24px;
	display: block;
	background: url(assets/img/instagram.svg) no-repeat center center;
	background-size: 24px 24px;
}

.linkedin {
	width: 24px;
	height: 24px;
	display: block;
	background: url(assets/img/linkedin.svg) no-repeat center center;
	background-size: 24px 24px;
}
.youtube {
	width: 24px;
	height: 24px;
	display: block;
	background: url(assets/img/yt.svg) no-repeat center center;
	background-size: 24px 24px;
}

.socials {
	display: flex;
	column-gap: 5px;
}
/* ===== Grid ===== */

#portfolio {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2rem;
}

#products {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2rem;
	/*overflow:hidden;*/
}

/* 2 kolumny */
@media (min-width: 700px) {
	#portfolio,
	#products {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* 3 kolumny */
@media (min-width: 12a2a2apx) {
	#portfolio {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* 4 kolumny – duży desktop */
@media (min-width: 1400px) {
	#portfolio {
		grid-template-columns: repeat(4, 1fr);
	}
}

/* ===== Kafelek ===== */

#portfolio .mix {
	background: #fff;
	border-radius: 18px;
	overflow: hidden;
	height: 300px; /* 👈 STAŁA WYSOKOŚĆ */
}

#products .mix {
	background: #fff;
	border-radius: 18px;
	overflow: hidden; /* 👈 STAŁA WYSOKOŚĆ */
}

.prod-ov {
	height: 300px;
	border-radius: 18px;
	overflow: hidden;
}

/* ===== Link ===== */

#portfolio .mix a,
#products .min a {
	display: block;
	width: 100%;
	height: 100%;
}

/* ===== Obraz ===== */

#portfolio .mix img,
#products .mix img {
	width: 100%;
	height: 100%;
	object-fit: cover; /* wypełnia kafel bez deformacji */
	display: block;
}

#portfolio .mix,
#products .mix {
	position: relative;
}

#portfolio .mix a,
#products .mix a {
	position: relative;
	overflow: hidden;
}

#portfolio .mix img,
#products .mix img {
	transition: transform 0.4s ease;
	will-change: transform;
}

/* delikatne podniesienie obrazu */
#portfolio .mix:hover img,
#products .mix:hover img {
	transform: translateY(-12px);
}

/* gradient */
.portfolio-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		to top,
		rgba(0, 0, 0, 0.9) 0%,
		rgba(0, 0, 0, 0.6) 35%,
		rgba(0, 0, 0, 0) 70%
	);

	opacity: 0;
	transition: opacity 0.3s ease;
	pointer-events: none;
}
.product-overlay {
	padding: 20px;
}

.page-template-page-products {
	background: #f0f0f0;
}

/* pokazanie overlay */
#portfolio .mix:hover .portfolio-overlay {
	opacity: 1;
}

/* Tekst – start (ukryty) */
.portfolio-text {
	position: absolute;
	bottom: 1.5rem;
	left: 1.5rem;
	right: 1.5rem;
	color: #fff;

	opacity: 0;
	transform: translateY(16px);
	transition: opacity 0.3s ease, transform 0.35s ease;
	will-change: opacity, transform;
}

.product-text {
	color: #101010;
}

/* strzalki buttonow */
.product-text .lm::after, .readmore span::after, .btn-portfolio::after, .fins .button::after {
  content: " →";
  transition: transform 0.2s ease;
  display: inline-block;
  margin-left:4px;
}

/* Tekst – na hover (widoczny, wsunięty) */
#portfolio .mix:hover .portfolio-text {
	opacity: 1;
	transform: translateY(0);
}

#portfolio .mix:hover .portfolio-text {
	transition-delay: 0.06s;
}

.portfolio-title,
.product-title {
	margin: 0 0 0.3rem;
	font-size: 1.2rem;
	line-height: 1.3;
}

.portfolio-tag,
.product-tag,
.product-dim {
	font-size: 0.85rem;
	opacity: 0.85;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}
.product-overlay .pm {
	font-weight:600; font-size:21px;
}

.page-template-page-portfolio-php .hero-wrapper {
	max-width: 1200px;
}

.page-template-page-portfolio-php #main {
	margin-top: 70px;
	margin-bottom: 80px;
}

#filters {
	margin-bottom: 60px;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	row-gap: 20px;
}

.img-splide {
	height: 200px;
}
.img-splide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 20px;
}
.product-carousel h4 {
	text-align: left;
	margin: 0 0 0.3rem;
	font-size: 1.1rem;
	line-height: 1.3;
	color: #101010;
}
.product-carousel .price {
	font-size:14px; color:#2a2a2a; font-weight:600
}

.btn-filter {
	color: #101010;
	padding: 0 0 2px 0;
	margin: 0 25px 0 25px;
	border-width: 0px;
	background: transparent;
	font-size: 18px;
	line-height: 1em;
}

.products-archive .product-text {
	display: flex;
	flex-direction: column;
}

.lm {
	padding-top: 15px;
}
.lm {
	font-weight: 600;
	color: #b51132;
}

.products-archive .btn-filter.mixitup-control-active {
	color: #b51132;
}

.btn-filter.active {
	font-weight: 600;
}

.portfolio-loadmore {
	margin-top: 60px;
	text-align: center;
}

.portfolio-loadmore button {
	border: 1px solid #101010;
	text-decoration: none;
	transition: 0.3s;
	color: #101010;
	display: inline-block;
	border-radius: 30px;
	font-weight: 600;
	font-size: 18px;
	padding: 9px 28px;
}

.portfolio-loadmore button:hover {
	color: #fff;
	background: #101010;
}

#Filters {
	padding: 0 50px;
}

#products .mix:hover img {
	transform: translateY(-12px);
	transform: scale(1.12);
}

.filters-title {
	font-size: 28px;
	font-weight: 600;
	line-height: 1.2em;
	color: #101010;
	margin-bottom: 40px;
}
.products-archive .filters-block {
	margin-bottom: 35px;
}
.products-archive .filters-block:last-child {
	margin-bottom: 0;
}

.products-archive .filters-block .level-0 {
	margin-top: 25px;
	font-weight:600;
	color:#b51132;
}

.filters-block:nth-of-type(2) .level-0 {
  color:#101010; font-weight:400;
}

.is-sticky .hero {
	margin-top: 96px;
}

.tax-industry-type.is-sticky .s1 {
	margin-top: 96px;
}

.products-archive button {
	font-size: 18px;
	line-height: 1.2em;
	color: #101010;
	margin: 10px 0;
}
.filters-actions .button {
	color: #fff; display:none
}
.filters-actions .button:hover,
.products-archive button:hover {
	color: #b51132;
}

.s3 {
	background: #101010;
}
.s3 h2 {
	color: #fff;
}

.splide22 img {
	height: auto;
	max-width: 100%;
}

.splide22 .splide__arrow--prev {
	left: -50px;
}

.splide22 .splide__arrow--next {
	right: -50px;
}

.s222 {
	padding: 200px 0;
}

.s222 h2 {
	text-align: center;
	font-size: 64px;
	line-height: 1.1em;
	font-weight: 600;
	margin-bottom: 100px;
}

.top-left h1 {
	color: #101010;
	font-size: 40px;
	line-height: 1.1em;
	margin-bottom: 5px;
}

.top-left .sku {
	margin-bottom: 15px;
	color:#aeaeae;
	font-size:14px;
}

.top-left .price {
	color: #101010;
	font-size: 28px;
	line-height: 1.1em;
	margin-bottom: 0px;
	font-weight: 600;
	color: #b51132;
}
.top-left {
	margin-bottom: 20px;
}

.vat {
	font-size: 13px;
}

.top-right .insidep {
	background: #2a2a2a;
	color: #fff;
	border-radius: 30px;
	padding: 50px;
	width: calc(100% + 50px);
	margin-right: -50px;
	margin-top: -50px;
}

.insidep p.para {
	color:#aeaeae; font-weight:600; font-size:18px;
}

.btn-calc {
	padding-top: 25px;
	margin-top:25px;
	border-top:1px dotted #8a8a8a;
}

.btn-calc p {
	font-size: 13px;
	text-align: center;
	margin-bottom: 25px;
	color:#8a8a8a;
	font-weight:300;
	letter-spacing:-0.5px
	
}

.btn-calc p.cal {
	margin-bottom: 0px;
	text-align: center;
}

.btn-calc p.cal a {
	border-width: 0px;
}

.spec {
	font-size: 26px;
	line-height: 1.3em;
	margin-bottom: 25px;
	font-weight: 600;
	color:#fff;
	padding-bottom: 25px;
	border-bottom: 1px dotted #8a8a8a;
	
	
}

.par {
	font-size: 15px;
	line-height: 1.1em;
	margin-bottom: 5px;
	font-weight: 300;
	color:#fff;
}
.par1 {
	font-size: 20px;
	line-height: 1.1em;
	margin-bottom: 10px;
	font-weight: 600;
}

.h33 {
	font-size: 24px;
	font-weight: 600;
	color: #101010;
	border-bottom: 1px dotted #9d9d9d;
	padding-bottom: 15px;
	margin-bottom: 30px;
	padding-top: 40px;
}

ul.list-prod {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px 30px; /* odstępy pion / poziom */
}

ul.list-prod li {
  position: relative;
  padding-left: 32px;
  line-height: 1.6;
}

/* zielone kółko */
ul.list-prod li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.35em;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #b51132;
}

/* ptaszek */
ul.list-prod li::after {
  content: "✔";
  position: absolute;
  left: 4px;
  top: 0.55em;
  font-size: 11px;
  color: #fff;
  font-weight: bold;
}

#header {
	z-index: 9999;
	background: #fff;
}

.is-sticky #header {
	position: fixed;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	top: 0px;
}

body.admin-bar {
	top: 32px;
}

.navbar-brand img {
	height: 60px;
}

.navbar-brand {
	margin: 0px;
	padding: 0px;
}

.mega-extrabtn a {
	border: 1px solid #b51132 !important;
	border-radius: 10px !important;
	background: #b51132 !important;
	height: 50px !important;
	text-transform: none !important;
	color: #fff !important;
	line-height: 46px !important;
	padding-left: 40px !important;
	padding-right: 40px !important;
	margin-left:25px !important;
	transition: all 0.35s ease !important;
	font-size:16px !important;
	text-align:center;
}

.mega-extrabtn a:hover {
	background: #fff !important;
	color: #b51132 !important;
	border-color: #b51132 !important;
	transition: all 0.35s ease !important;
	border: 1px solid #b51132 !important;
}

.s-port h2 {
	font-size: 64px;
	font-weight: 600;
	color: #fff;
	padding-top: 10px;
	margin-bottom: 35px;
	text-align: center;
}

.s-port .carousel-item {
	padding: 40px 45px 40px 45px;
	max-width: 600px;
	background-color: #4747474d;
	border-radius: 30px 30px 30px 30px;
	box-shadow: 0 0 0 0 rgb(0 0 0 / 0.5);
	--shadow_blur: 0px;
}

.text-testi {
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	line-height: 26px;
	margin-bottom: 15px;
}

.testi-img img {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	margin-right: 20px;
}

.line-testi {
	display: flex;
	align-items: center;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
}

.s-port .cft {
	display: flex;
	justify-content: center;
}

.s-port #carouselExampleFade2 {
	max-width: 600px;
}

.portfol .p-wrapper {
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	row-gap: 40px;
}

.btn-portfolio {
	font-size: 18px;
	color: #fff;
	font-weight: 600;
	border-radius: 10px;
	border: 1px solid #fff;
	padding: 15px 50px;
	line-height: 1.1;
	transition: all 0.35s ease !important;
}

.btn-portfolio:hover {
	border: 1px solid #101010;
	background: #101010;
	color: #fff;
	transition: all 0.35s ease !important;
}

.about2 {
	padding-top: 150px;
	padding-bottom: 120px;
	color: #fff;
}

.about-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.flex-c {
	grid-template-columns: 1fr 1fr;
	display: grid;
	row-gap: 40px;
	text-align: center;
}

.about2 .counter-box {
	background: transparent;
}

.about2 .counter-number {
	color: #fff;
	font-size: 120px;
	font-weight: 600;
}

.box-c {
	flex: 0 1 auto;
}

.about1 h2 {
	font-size: 80px;
	line-height: 1.1em;
	color: #fff;
	font-weight: 500;
}

.about1 {
	display: flex;
	align-items: center;
}

.about2 .counter-label {
	font-size: 18px;
}

.about2:after {
	content: "";
	height: 1px;
	width: 100%;
	background: #fff;
	position: absolute;
	top: calc(50% + 20px);
	left: 0;
}

.about2 {
	position: relative;
}

#top-menu .phone_mail img,.mobile-on-top .phone_mail img  {
	height: 20px;
	margin-right: 10px;
	margin-top: -3px;
}

#top-menu .phone img,.mobile-on-top  .phone img {
	height: 20px;
	margin-right: 10px;
	margin-top: -3px;
}
.mobile-on-top {
	/*margin-right:auto;
	margin-left:15px;*/
	text-align:center;
}

.mobile-on-top a,.mobile-on-top a:hover {
	color:#101010;font-size:13px;
}

#footer {
	background: #2a2a2a;
	background: linear-gradient(270deg, #2a2a2a, #1a1a1a);
	background-size: 400% 400%;
	padding-top: 70px;
}

.footertxt {
	color: #aeaeae;
	font-size: 15px;
	font-weight: 300;
	padding-top: 40px;
	margin-bottom: 40px;
}

.grid-footer {
	display: grid;
	grid-template-columns: 420px 1fr 1fr 1fr;
	padding-bottom: 30px;
	column-gap: 50px;
}

.colA {
	margin-right:100px;
}
.colA .logof img {
	max-width:100px;
}
.colA h4 {
	color: #fff;
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 20px;
}
.phonefooter a {
	color: #b51132;
	font-size: 18px;
	font-weight: 600;
}
.phonefooter {
	display: flex;
	flex-direction: column;
}

.mailfooter a {
	color: #fff;
	font-size: 18px;
}
.mailfooter a:hover {
	text-decoration:underline;
}
.colB a,
.colC a,
.colD a {
	color: #fff;
	font-size: 16px;
	margin-bottom: 10px;
	display: inline-block;
	position: relative;
}
.colB a:hover,
.colC a:hover,
.colD a:hover {
	color:#b51132;
}
.first-el a {
	font-weight: 600;
}

.colB a::after,
.colC a::after,
.colD a::after
 {
	content: "→";
	position: absolute;
	font-size: 10px;
	right: -15px;
	top: 6px;
	transition: all 0.35s ease !important;
	color: #fff;
}

.colB a:hover::after,
.colC a:hover::after,
.colD a:hover::after {
	right: -20px;
	transition: all 0.35s ease !important;
	color: #b51132;
}

#footer .menu-item a[aria-current="page"] {
	color: #fff;
}

.page-template-page-about-php .entry-content h2 {
	font-size: 80px;
	line-height: 1.1em;
	font-weight: 600;
	color: #101010;
}

.page-template-page-about-php .entry-content p {
	max-width: 70%;
	font-size: 18px;
	line-height: 1.4em;
	color: #575757;
}


.page-template-page-about-php .job { color:#999 }
.l1grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 40px;
	height: 420px;
}
.img3 {
	height: 420px;
	margin: 40px 0;
}

.img1,
.img2,
.img3 {
	border-radius: 30px;
	overflow: hidden;
}
.img1 img,
.img2 img,
.img3 img {
	object-fit: cover;
	transform: translate3d(0, 0, 0) scale(1.15);
	height: auto;
	width: 100%;
	transition: margin 0.4s ease;
}
.img1 img:hover,
.img2 img:hover,
.img3 img:hover {
	margin-left: 10px;
	transition: margin 0.4s ease;
}

.yt-modal {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 9999;
}
.yt-modal.is-open {
	display: block;
}
.yt-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.75);
}
.yt-box {
	position: relative;
	max-width: 900px;
	margin: 6vh auto;
	padding: 0 16px;
}
.yt-frame-wrap {
	position: relative;
	padding-top: 56.25%;
	background: #2a2a2a;
	border-radius: 12px;
	overflow: hidden;
}
.yt-frame-wrap iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}
.yt-close {
	position: absolute;
	right: 24px;
	top: -10px;
	font-size: 40px;
	background: transparent;
	border: 0;
	color: #fff;
	cursor: pointer;
}

.img2 {
	position: relative;
}
.img2 .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 24px;
	padding: 1em 1em 1em 1em;
	color: #fff;
	border-style: solid;
	border-width: 5px 5px 5px 5px;
	border-radius: 50px 50px 50px 50px;
}

.about-grid {
	margin-top: 120px;
}
.smaller {
	max-width: 70%;
}

.vtimeline {
	position: relative;
	max-width: 1100px;
	margin: 0 auto;
}

/* szara oś (wysokość docinana JS do punktu D) */
.vtimeline__line {
	position: absolute;
	top: 0;
	left: 50%;
	width: 2px;
	transform: translateX(-50%);
	background: rgba(0, 0, 0, 0.12);
	height: 100%; /* fallback zanim JS przeliczy */
}

/* czarny progress */
.vtimeline__progress {
	width: 100%;
	height: 0;
	background: rgba(0, 0, 0, 0.7);
	border-radius: 2px;
	transition: height 0.12s linear;
}

.vtimeline__list {
	display: grid;
	gap: 60px;
}

.vtimeline__item {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 100px 1fr; /* 100px = ~50px odsunięcia od osi */
	align-items: start;
}

/* card */
.vtimeline__card {
	background: #fff;
}

.vtimeline__img {
	border-radius: 18px;
	overflow: hidden;
	position: relative;
}

.vtimeline__img img {
	display: block;
	width: 100%;
	height: 320px;
	object-fit: cover;
}

.vtimeline__content {
	padding: 20px 0;
	font-size: 20px;
	line-height: 1.6em;
	color: #575757;
}

.page-template-page-about-php .entry-content.smaller p {
	max-width: 100%;
}

.vtimeline__year {
	font-size: 64px;
	line-height: 1.1;
	margin: 0 0 10px;
	font-weight: 600;
	position: absolute;
	bottom: 0px;
	left: 20px;
	z-index: 99;
	color: #fff;
}

.vtimeline__desc {
	opacity: 0.8;
	line-height: 1.55;
}

/* point: zawsze na wysokości górnej krawędzi zdjęcia */
.vtimeline__point {
	position: absolute;
	left: 50%;
	top: 0; /* bo obrazek jest na samej górze karty */
	transform: translateX(-50%);
	z-index: 3;
}

/* startowo SZARY */
.vtimeline__point span {
	width: 44px;
	height: 44px;
	border-radius: 999px;
	display: grid;
	place-items: center;
	background: #bbb;
	color: #fff;
	font-weight: 700;
	transition: background 0.25s ease, box-shadow 0.25s ease;
	position: relative;
}

/* po przejechaniu czarnej linii → CZARNY */
.vtimeline__item.is-active .vtimeline__point span {
	background: #2a2a2a;
	box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.12);
}

/* ===== STRZAŁKA DO KRAWĘDZI KARTY (na wysokości pointu) ===== */

/* linia strzałki */
.vtimeline__point span::after {
	content: "";
	position: absolute;
	top: 50%;
	height: 2px;
	background: #2a2a2a;
	opacity: 0;
	transform: translateY(-50%) scaleX(0);
	transition: opacity 0.25s ease, transform 0.25s ease;
}

/* grot */
.vtimeline__point span::before {
	content: "";
	position: absolute;
	top: 50%;
	opacity: 0;
	transform: translateY(-50%) scale(0);
	transition: opacity 0.25s ease, transform 0.25s ease;
}

/* karta po LEWEJ (odd) */
.vtimeline__item:nth-child(odd) .vtimeline__point span::after {
	right: 100%;
	width: 50px; /* dokładnie do krawędzi karty (bo od osi do karty jest 50px) */
	transform-origin: right;
}
.vtimeline__item:nth-child(odd) .vtimeline__point span::before {
	right: calc(100% + 50px);
	border-right: 10px solid #2a2a2a;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
}

/* karta po PRAWEJ (even) */
.vtimeline__item:nth-child(even) .vtimeline__point span::after {
	left: 100%;
	width: 50px;
	transform-origin: left;
}
.vtimeline__item:nth-child(even) .vtimeline__point span::before {
	left: calc(100% + 50px);
	border-left: 10px solid #2a2a2a;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
}

/* pokazuj strzałkę dopiero po aktywacji */
.vtimeline__item.is-active .vtimeline__point span::after {
	opacity: 1;
	transform: translateY(-50%) scaleX(1);
}
.vtimeline__item.is-active .vtimeline__point span::before {
	opacity: 1;
	transform: translateY(-50%) scale(1);
}

/* alternation: lewo/prawo */
.vtimeline__item:nth-child(odd) .vtimeline__card {
	grid-column: 1;
}
.vtimeline__item:nth-child(even) .vtimeline__card {
	grid-column: 3;
}

/* mobile */
@media (max-width: 860px) {
	.vtimeline {
		padding-left: 10px;
	}
	.vtimeline__line {
		left: 22px;
		transform: none;
	}
	.vtimeline__item {
		grid-template-columns: 44px 1fr;
		gap: 14px;
	}
	.vtimeline__point {
		left: 22px;
		transform: translateX(-50%);
		top: 0;
	}
	.vtimeline__item .vtimeline__card {
		grid-column: 2 !important;
	}

	/* na mobile karty są po PRAWEJ, więc strzałka zawsze w prawo */
	.vtimeline__point span::after {
		left: 100%;
		right: auto;
		width: 18px; /* krócej na mobile */
		transform-origin: left;
	}
	.vtimeline__point span::before {
		left: calc(100% + 18px);
		right: auto;
		border-left: 10px solid #2a2a2a;
		border-right: 0;
		border-top: 6px solid transparent;
		border-bottom: 6px solid transparent;
	}
	.p-wrapper {
		padding:50px 15px;
	}
	.s-port .carousel-item {
		padding:40px 25px;
	}
	
  ul.list-prod {
    grid-template-columns: 1fr;
  }
}

.section.team {
	padding: 120px 0;
	color: #fff;
	background: linear-gradient(270deg, #2a2a2a, #1a1a1a);
	background-size: 400% 400%;
	animation: gradientAnimation 10s ease infinite;
}

.team .entry-content {
	padding-top: 0px !important;
}

.vtimeline {
	padding-bottom: 100px;
}

.team h2 {
	color: #fff !important;
}

.team p {
	color: #fff !important;
}

.grid-team {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 40px;
}

.team-single {
	grid-template-columns: 300px 1fr;
	display: grid;
	column-gap: 30px;
}

.photo {
	overflow: hidden;
	border-radius: 18px;
	margin-bottom: 20px;
}

.photo img {
	object-fit: cover;
	height: auto;
	width: 100%;
}

.team .col2 {
	font-size: 20px;
	line-height: 1.6em;
	display: flex;
	align-items: center;
}
.team .name {
	margin-bottom: 5px;
	font-weight: 600;
}

.map-box {
	width: 100%;
	height: 100%; /* możesz zmienić */
	/* opcjonalnie */
	overflow: hidden; /* ważne */
}

#googleMap {
	width: 100%;
	height: 100%;
}

@media (max-width: 768px) {
	.map-box {
		height: 300px;
	}
	.bg1 {width:100%}
	.single-post .alignnone { margin-left:0xp; margin-right:0px; }
	.btn-filter { margin: 0 10px; font-size:17px; }
	.button { padding: 15px 15px; }
	.industry-overlay,.an-overlay { font-size: 14px;}
}


#footer li,
#footer ul {
	padding-left: 0px;
	list-style: none;
}

#footer h4 {
	font-weight: 600;
	color: #fff;
	font-size: 16px;
	margin-bottom: 10px;
	display: inline-block;
	position: relative;
}

.first-el a:after {
	display: none !important;
}

.copyright {
	color: #505050;
	font-size: 14px;
	font-weight:300;
	text-align:center;
	border-top:1px solid #2a2a2a;
	padding:15px;
	letter-spacing:1px;
}

.copyright a {
	color: #505050;
}

.sidebarflex {
	order: 20;
	display: flex;
	flex-direction: column;
}

.sidebarflex #filters {
	background: #f0f0f0;
	border-radius: 30px;
	padding: 50px;
	justify-content: flex-start;
}

.sidebarflex #filters button {
	background: transparent;
	margin-bottom: 25px;
}

.calculate-sidebar {
	margin: 50px 0;
	padding-top: 25px;
	padding-bottom: 35px;
}

.calculate-sidebar .btn1 {
	margin-bottom:80px;
}

.calculate-sidebar p {
	font-size: 16px;
}

.calculate-sidebar .title1 {
	margin-bottom: 15px;
}

.product-slider .carousel-item a {
	min-height: 300px;
	width: 100%;
}
.product-slider .carousel-inner a {
	display: block;
	position: relative;
	transition: all 0.2s ease;
}

.product-slider .carousel-inner:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
}

.product-slider .carousel-inner a:hover {
	transform: scale(1.05);
	transition: transform 0.3s ease;
}

.inside-sidebar .product-slider .carousel-inner a:hover {
	transform:none;
	  background-position: center top !important;
  transition: background-position 0.6s ease;
}

.product-slider {
	margin-top: 50px;
}
.product-slider .portfolio-overlay,
.product-slider .portfolio-text {
	opacity: 1;
}

.product-slider .carousel-control-next,
.product-slider .carousel-control-prev {
	background-image: none;
}

.product-slider .carousel-inner {
	overflow: hidden;
	border-radius: 18px;
}

.related-post .drsktopon .post-single a:hover img {
	transform: scale(1.12) translateX(12px);
}

.related-post {
	padding-bottom: 50px;
	padding-top: 50px;
}

.related-post .divider span {
	display: block;
	background: #2a2a2a;
	width: 235px;
	height: 2px;
}

.related-post h3 {
	font-size: 40px;
	line-height: 1.1em;
	font-weight: 600;
}

/* menu mods mobile */
@media (max-width: 1200px) {

.mega-sub-menu { border-radius:10px; padding:15px 10px !important }
#mega-menu-item-368 a { text-align:center !important}

#mega-menu-item-467 > a {
	background: #fff url(assets/img/single_mobile.svg) no-repeat top 6px left !important;
	background-size: 30px auto !important;
	padding: 15px 15px 15px 35px !important;
	border-radius: 20px !important;
	color: #2a2a2a !important;
	line-height: 1 !important;
	display: flex !important;
	align-items: flex-end !important;
	font-size:14px !important;
}
#mega-menu-item-468 > a {
	background: #fff url(assets/img/multi_mobile.svg) no-repeat top 6px left !important;
	background-size: 30px auto !important;
	padding: 15px 15px 15px 35px !important;
	border-radius: 20px !important;
	color: #2a2a2a !important;
	line-height: 1 !important;
	display: flex !important;
	align-items: flex-end !important;
	font-size:14px !important;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu  {
	width:calc(100% + 50px);
	margin-left:-25px ;
	padding-left:25px !important;
	padding-right:25px !important;
}

#mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block {position:relative;}
#mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block:after {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    background-color: #b51132;

    /* zaokrąglenie */
    border-radius: 9px;

    /* centrowanie */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}
#mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block:after {z-index:-1;}

#mega-menu-wrap-main-menu .mega-menu-toggle.mega-menu-open:after {
	z-index:9 !important;
}

.mega-extrabtn a {
	max-width:250px !important;
	margin-left:10px !important;
	margin-top:20px !important;
	text-align:center;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu a.mega-menu-link {
padding-left: 25px !important;
        line-height: 1.8 !important;
        font-size: 15px !important;
		padding-top:5px !important;
		padding-bottom:5px !important;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu {
	box-shadow:none !important;
	padding-left:0px !important;
	padding-right:0px !important;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu ul.mega-sub-menu  {
	padding-top:0px !important;
	padding-left:35px !important;
}


#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
	font-size:16px;
}


.mega-social-bottom .mega-menu-link {
display:none !important;
}

.mega-social-bottom  .mega-sub-menu {
	display:block !important;
	box-shadow:none !important;
}
.socials.mobile-on {
	justify-content: center;
}





	#mega-menu-wrap-main-menu
		.mega-menu-toggle.mega-menu-open
		~ button.mega-close {
		display: none !important;
	}
	.testimonial {
		height: 500px;
		min-height: 500px;
	}
	.white-wrapper {
		padding: 20px;
	}
	.top-right .insidep {
		width: 100%;
		padding: 50px 20px;
		margin: 0;
		margin-top: 50px;
	}
	.btn-calc p,
	.par {
		font-size: 18px;
	}
	.portfol {
		min-height: 250px;
	}
	.portfol .p-wrapper {
		position: relative;
		border-radius: 0px;
	}
	.testimonial .p-wrapper {
		position: relative;
	}
	.sam1-wrapper {
		padding-top: 50px;
	}
	.mainer {
		grid-template-columns: 1fr;
	}
	h1,
	.page-template-page-about-php .entry-content h2,
	.s1 h1,
	.s2 h2,
	.s3 h2,
	.processflow h2,
	.about1 h2,
	.categor h2,
	.portfol .p-wrapper,
	.s-port h2,
	.s222 h2,
	.top-left h1 {
		font-size: 32px;
		line-height: 1.1em;
	}
	.processflow h2 {
		margin-bottom: 50px;
	}
	.hero-wrapper {
		min-height: 200px;
	}
	.page-template-page-about .entry-content {
		padding-top: 40px;
		padding-bottom: 30px;
	}
	.page-template-page-about-php .entry-content p {
		max-width: 100%;
		font-size: 16px;
		line-height: 1.1em;
	}
	.top-left .price,
	.spec {
		font-size: 27px;
	}
	.processflow,
	.s222,
	.section1 {
		padding: 50px 0;
	}
	.industry-grid {
		grid-template-columns: 1fr 1fr;
	}
	.s-port {
		grid-template-columns: 1fr;
	}
	.desktopon {
		display: none;
	}
	.page-template-page-faq h2,
	.sam1 h2,
	.related-section h3 {
		font-size: 28px;
		margin-bottom: 20px;
	}
	.page-template-page-faq #main {
		padding-top: 40px;
	}
	.s1 p {
		font-size: 16px;
		margin-bottom: 35px;
	}
	.s1,
	.s2,
	.s3,
	.sam1 {
		padding: 50px 0;
	}
	.s1 #carouselExampleFade .carousel-item img {
		max-height: 300px;
	}
	.s1 #carouselExampleFade {
		padding-bottom: 0px;
	}
	.equ-grid {
		grid-template-columns: 1fr;
	}
	.related-section h3 {
		margin-bottom: 40px;
	}
	.s2 h2,
	.s3 h2 {
		margin-bottom: 35px;
	}
	.industry-grid {
		gap: 20px;
	}
	.sam1-wrapper {
		padding-left: 0px;
	}
	.page-template-page-faq p {
		font-size: 16px;
		margin-bottom: 20px;
	}
	.accordion-button {
		font-size: 24px;
		margin-bottom: 15px;
		padding-bottom: 16px;
		line-height: 1.3em;
		column-gap: 10px;
	}
	.accordion-body {
		padding-top: 0px;
		padding-left:50px;
	}
	.accordion {
		margin-bottom: 60px;
	}
	.sam1-wrapper {
		text-align: center;
		margin-bottom: 35px;
	}

	#carouselExampleFade .carousel-inner {
		max-height: 350px;
	}
	.single-portfolio .hero-wrapper {
		min-height: 300px;
	}
	.gallery {
		grid-template-columns: 1fr 1fr;
		gap: 10px;
	}

	body.is-sticky #main,
	.blog #main {
		padding-top: 40px;
	}
	.pad-l {
		padding-left: 12px;
	}
	.portfolio-meta {
		margin-top: 0px;
		padding: 20px;
	}

	.greybox {
		padding: 60px 0;
	}
	.still h3 {
		font-size: 24px;
		margin-bottom: 20px;
		line-height: 1.4em;
	}
	.still .txt,
	.editor1 p {
		font-size: 16px;
		margin-bottom: 30px;
	}
	.title1 {
		font-size: 24px;
	}
	.grid-footer {
		padding-bottom: 20px;
	}
	.grid-footer {
		grid-template-columns: 1fr 1fr;
		row-gap: 30px;
	}
	.meta-d {
		font-size: 16px;
	}
	.blog-wrapper {
		padding-top: 20px;
	}
	.textp {
		font-size: 16px;
	}
	.blog .meta-date {
		font-size: 14px;
	}
	.post-single.posty {
		margin-bottom: 30px;
	}
	.categories-list h3 {
		font-size: 26px;
		margin-bottom: 20px;
	}
	.categories-list a {
		font-size: 16px;
	}
	.categories-list ul li {
		padding: 6px 0;
	}
	.subtitle {
		font-size: 20px;
	}
	.single-wrapper h1 {
		font-size: 32px;
	}
	.blog-single .hero-wrapper {
		min-height: 300px;
	}
	.single-post-blog .entry-content img {
		max-width: 100%;
		margin-left: 0;
	}
	.calculate-image {
		padding-right: 20px;
	}
	.calculate-content {
		padding-left: 20px;
	}
	.single .entry-content ul li,
	.single .entry-content p {
		font-size: 16px;
	}
	.entry-content h2 {
		font-size: 28px;
	}
	h3 {
		font-size: 24px;
	}
	.entry-content ul {
		margin-bottom: 30px;
		padding-bottom: 10px;
	}
	.single .entry-content {
		padding-top: 50px;
	}
	.related-post {
		padding-top: 0px;
	}
	.title-single h4 {
		font-size: 20px;
	}
	.meta-date {
		font-size: 14px;
	}
	.s1-wrapper {
		padding-left: 0px;
		margin-bottom: 50px;
	}
	.toright {
		order: 99;
	}
	.s1-wrapper .btn1 {
		text-align: center;
	}
	.equ-desc p {
		font-size: 16px;
	}
	.s1 {
		padding-bottom: 30px;
	}
	.equ-grid {
		gap: 30px;
	}
	.sam1 p {
		font-size: 16px;
	}
	#relatedPortfolioCarousel .img-sizer {
		height: 300px;
	}

	#relatedPortfolioCarousel .carousel-control-next,
	#relatedPortfolioCarousel .carousel-control-prev {
		background-image: none;
	}
	.txt-process {
		font-size: 16px;
	}
	.process-line {
		display: none;
	}
	.form-insider {
		width: 100%;
		margin: 0px;
		padding: 0px;
	}
	.pad0 {
		padding: 0px;
	}
	.form-insider {
		height: 400px;
	}
	.home-form {
		padding: 50px 0;
	}
	.formtxt {
		font-size: 16px;
	}
	.contact-form-wrapper h2 {
		font-size: 42px;
	}
	.pad0 {
		margin-top: 50px;
	}
	.home-form {
		padding-bottom: 0px;
	}
	.about-grid {
		grid-template-columns: 1fr;
		row-gap: 50px;
	}
	.about1 h2 {
		padding-top: 50px;
	}
	.about1 h2 br {
		display: none;
	}
	.about2 .counter-number,
	.counter-number {
		font-size: 60px;
	}
	.about2 {
		padding-top: 0px;
	}
	.section.team {
		padding: 50px 0;
	}
	.team-single {
		grid-template-columns: 1fr;
	}
	.team .col2 {
		font-size: 16px;
		padding-bottom: 30px;
	}
	.about-grid {
		margin-top: 50px;
	}
	.vtimeline {
		padding-bottom: 50px;
	}
	.vtimeline__item {
		grid-template-columns: 20px 1fr;
	}
	.vtimeline__year {
		font-size: 32px;
	}
	.vtimeline__img img {
		height: 220px;
	}
	.vtimeline__desc {
		font-size: 16px;
	}
	.counter-box {
		padding: 10px;
	}
	.about2:after {
		display: none;
	}
	.about2 {
		padding-bottom: 50px;
	}
	.vtimeline__list {
		row-gap: 30px;
	}
	.vtimeline__item .vtimeline__card {
		margin-right: 20px;
	}
	.vtimeline__point span {
		width: 22px;
		height: 22px;
	}
	.vtimeline__point {
		left: 12px;
	}
	.industrylist h2 {
		font-size: 32px;
		margin-bottom: 30px;
	}
	.industrylist {
		padding: 50px 0;
	}
	.counter .row.g-4 {
		display: grid;
		grid-template-columns: 1fr;
	}
	.catgrid {
		display: flex;
		flex-direction: column;
		row-gap: 30px;
		padding: 0px;
	}
	.mobileon {
		display: block !important;
	}
	.boxslider {
		display: none;
	}
	.iconbox-grid {
		grid-template-columns: 1fr;
		row-gap: 30px;
	}
	.home .hero {
		padding: 30px 0;
	}
	.home .hero h2,
	.home .hero p {
		color: #101010;
	}
	.home .hero .mobileon {
		margin-top: 30px;
	}
	.home .hero h2 {
		font-weight: 600;
		font-size: 32px;
		padding-top:20px;
	}
	.choose h2 {
		font-size: 32px;
		margin-bottom: 35px;
	}
	.choose {
		padding: 50px 0;
	}
	.choose-wrapper {
		padding: 30px 0;
	}
	.choose p {
		font-size: 16px;
	}
	.hero #carouselExampleFade .carousel-item img {
		max-height: 350px;
	}
	.industrylist h2 {
		width: 100%;
	}
	.lider h2,
	.latestb h2 {
		font-size: 32px;
		margin-bottom: 35px;
	}
	.lider {
		padding: 50px 0;
	}
	.mobileoff {
		display: none;
	}
	.instagram {
		background: url(assets/img/instagram_mobile.svg) no-repeat center center;
		width: 24px;
		height: 24px;
		display: block;
		background-size: 24px 24px;
	}
	.portfol .p-wrapper {
		border-bottom-left-radius: 30px;
		border-bottom-right-radius: 30px;
	}
}


@media (max-width: 992px) {
	.process-grid {
		grid-template-columns: 1fr;
	}
	.grid-team {
		grid-template-columns: 1fr;
		row-gap: 30px;
	}
	.nonemb {
		display: none;
	}
}
@media (max-width: 1200px) {
	#top-menu {
		display: none;
	}
	.mainslider {
		display:block;
	}
	.mainslider img {
		border-radius:30px;
	}
}
@media (max-width: 768px) {
	.process-grid {
		grid-template-columns: 1fr;
	}
	.map-box {
		height: 400px;
	}
	.industry-grid {
		grid-template-columns: 1fr;
	}
	.l1grid {
		grid-template-columns: 1fr;
	}
	.img1 {
		margin-bottom: 30px;
	}
	.img3 {
		margin: 30px 0;
		height: auto;
	}

	.grid-footer {
		grid-template-columns: 1fr;
		row-gap: 30px;
	}
	.colA {
		margin-bottom: 35px;
		margin-right:0px;
	}
	.blog-wrapper article {
		padding-right: 12px;
	}
	.blog-wrapper .posty article {
		padding-right: 0px;
	}
	.post-single.posty .img-s,
	.post-single.posty .img-s img {
		max-height: 330px;
	}
	.blog .col-md-4 {
		background: #f0f0f0;
	}
	.bg1 {
		border-radius: 0px;
	}
	.grey {
		padding:40px 20px;
	}
	.calculate-sidebar .title1 {
		font-size: 26px;
	}
	.calculate-box .wrapper-calculate {
		padding: 40px;
	}
	.calculate-box .img-wrapper {
		border-radius: 20px;
		margin-bottom: 40px;
		min-height: 250px;
	}
	.editor1 p {
		margin-bottom: 20px;
	}
	.single .calculate-box {
		padding-top: 0px;
	}

	.related-post #carouselExampleInterval {
		margin-top: 30px;
	}
	.related-post .carousel-item,
	.u,
	.related-post .post-single {
		overflow: hidden;
		border-radius: 30px;
	}
	.related-post .carousel-control-next,
	.latestb .carousel-control-next,
	.latestb  .carousel-control-prev,
	.related-post .carousel-control-prev {
		background-image: none;
	}
	.related-post .post-single .img-s,
	.latestb .post-single .img-s {
		max-height: 300px;
	}

	.related-post button,
	.latestb button {
		height: 300px;
	}
	.flex-c {
		grid-template-columns: 1fr;
	}
	.copyright a {
		display:block;
	}
}

h3 {
	font-weight: 600;
}
.product-buy {
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding-top: 30px;
	gap: 20px;
}
.product-buy .button {
	background: #ffffff;
	color: #b51132;
	font-size: 16px;
	padding: 15px 25px;
	border: 1px solid #b51132;
}

.product-buy .button:hover {
	color: #ffffff;
	background-color: #b51132;
}

.imgp {
	border: 1px solid #aeaeae;
	border-radius: 10px;
	padding: 10px;
}
.imgp img {
	border-radius: 10px;
}
.field {
	display: flex;
	align-items: center;
}
.title {
	font-size: 18px;
	font-weight: 600;
}
.price {
	margin-bottom: 15px;
}

.mobileon {
	display: none;
} /* === Otwierane submenu pod PRODUCTS (poziom 2) === */

/* form */
.wpcf7 form.invalid .wpcf7-response-output {
	border: none;
	color: #dc3232;
	font-size: 15px;
	padding:20px 0;
}

.wpcf7 form.sent .wpcf7-response-output {
	border: none;
	padding:20px 0;
	color: #46b450;
	font-size: 15px;
}

@media (min-width: 768px) {
	.sticky-top {
		top: 120px;
	}
}

.tax-product-category .filters-form,
.page-template-page-products .filters-form {
	border: 1px solid #aeaeae;
	border-radius: 18px;
	padding: 40px !important;
}

/* Podstawowy styl przycisku */
.tax-product-category .btn-filter,
.page-template-page-products .btn-filter {
	position: relative;
	padding-left: 34px;
	background: none;
	border: none;
	cursor: pointer;

	text-align: left;
	display: block;
	width: 100%;
}

/* Checkbox (puste pole) */
.tax-product-category .btn-filter::before,
.page-template-page-products .btn-filter::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 18px;
	height: 18px;
	border: 2px solid #b51132;
	border-radius: 3px;
	background: #fff;
	transition: all 0.2s ease;
}

/* Zaznaczony (aktywny filtr) */
.tax-product-category .btn-filter.mixitup-control-active::before,
.page-template-page-products .btn-filter.mixitup-control-active::before {
	background: #b51132;
	border-color: #b51132;
}

/* „ptaszek” w checkboxie */
.tax-product-category .btn-filter.mixitup-control-active::after,
.page-template-page-products .btn-filter.mixitup-control-active::after {
	content: "✓";
	position: absolute;
	left: 4px;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

/* Hover */
.tax-product-category .btn-filter:hover,
.page-template-page-products .btn-filter:hover {
	color: #b51132;
}

.page-template-page-products .btn-filter.level-1 {
	margin-left: 10px;
	font-size: 17px;
}

.page-template-page-products .divider span,
.tax-product-category .divider span,
.blog .calculate-sidebar .divider span,
.extra .divider span,
.category .calculate-sidebar .divider span {
	display: block;
	background: #2a2a2a;
	width: 140px;
	height: 2px;
}
.page-template-page-products .divider,
.tax-product-category .divider,
.blog .calculate-sidebar .divider,
.extra .divider,
.category .calculate-sidebar .divider {
	padding: 25px 0;
}

.page-template-page-products .filters-title,
.tax-product-category .filters-title,
.blog .calculate-sidebar .title1,
.extra h3,
.category .calculate-sidebar .title1 {
	margin-bottom: 0px;
}

.extra .active {
	color: #b51132;
	font-weight: 600;
}

.page-template-page-portfolio #filters .mixitup-control-active,
.page-template-page-portfolio #filters button:hover {
	color: #b51132;
	font-weight: 600 !important;
}

.page-template-page-portfolio #filters .active {
	font-weight: 400;
}


#mega-menu-wrap-main-menu .mega-menu-toggle { border-radius:10px }


@media (min-width:1200px) {
	#mega-menu-wrap-main-menu li.mega-custom-menu ul.mega-sub-menu {
	position: absolute !important;
	top: 100% !important;
	left: 0 !important;
	min-width: 411px !important; /* szerokość całego dropdown */
	display: flex !important; /* 2 kolumny */
	gap: 16px;
	padding: 20px;
	background: #fff;
	border-radius: 14px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
  flex-wrap:wrap;
}
#mega-menu-wrap-main-menu li.mega-custom-menu ul.mega-sub-menu ul.mega-sub-menu li {
   flex: 0 0 calc(33.2a2a2a% - 16px);
}

#mega-menu-wrap-main-menu li.mega-custom-menu ul.mega-sub-menu .mega-indicator {
	display: none !important;
}
.mega-multi-m > a {
	height: 120px !important;
	background: #b51132 url(assets/img/multi.svg) no-repeat top 10px center !important;
	background-size: 80px auto !important;
	padding: 10px !important;
	border-radius: 20px !important;
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	line-height: 1 !important;
	display: flex !important;
	align-items: flex-end !important;
}

.mega-single-m > a {
	height: 120px !important;
	background: #b51132 url(assets/img/single.svg) no-repeat top 10px center !important;
	background-size: 80px auto !important;
	padding: 10px !important;
	border-radius: 20px !important;
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	line-height: 1 !important;
	display: flex !important;
	align-items: flex-end !important;
}

.mega-single-m > a:hover, .mega-multi-m > a:hover {

	background-color:#2a2a2a !important

}

/* lewa kolumna = elementy poziomu 2 (Single/Multi) */
#mega-menu-wrap-main-menu li.mega-custom-menu ul.mega-sub-menu > li {
	width: 220px; /* szerokość lewej kolumny */
	position: relative; /* ważne dla poziomu 3 */
}

}

.hero.prod-cat .hero-wrapper  {
padding-left:0px;
padding-right:0px;
max-width:100%;
}


@media (max-width: 1700px) { 
.splide22 .splide__arrow--prev {display:none}
.splide22 .splide__arrow--next {display:none}

}

@media (min-width: 1200px) {
	.top-menu-right {display:flex;align-items:center;}
	.lines {margin-right:20px;margin-left:30px;width:1px;background-color:#aeaeae;height:24px;}
.wpml-ls-legacy-list-horizont0al {border-width:0px;padding:0px;}
.socials {height:24px;}
.mobile-on-top {display:none;}

}


/* WPML: nie wymuszaj mini rozmiaru i nie ściskaj */
.wpml-ls-flag,
.wpml-ls-flag img,
.wpml-ls-item img {
  width: auto !important;
  max-width: none !important;
  height: 20px !important;  /* ustaw docelową wysokość */
  object-fit: contain;
  image-rendering: auto;
  border-radius:4px;
}

/* żeby nie łapało stylów z menu */
.wpml-ls-item a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.wpml-ls-legacy-list-horizontal a {
	padding: 5px 5px 6px;
}


.textwidget ul {
	display:flex;
	justify-content: center;
	margin-top:20px !important;
}

@media (min-width: 1200px) {
  body.is-sticky #header {
    position: fixed;
    top: 0;
  }
}

/* Mobile – zawsze fixed, bez animacji */
@media (max-width: 1199px) {
  #header {
    position: fixed;
    top: 0;
	width:100%;
  }
  body {
	padding-top:76px;
  }
}