*{
    scroll-margin-top: 140px;
}

.grecaptcha-badge{
	right: -300px !important;
}

div[data-elementor-type="product"] a:hover{
	text-decoration-color: transparent;
}

.page-id-3 .elementor-widget-text-editor ul{
	margin-bottom: 20px !important;
}

.page-id-3 .elementor-widget-text-editor a{
	font-size: var( --e-global-typography-0b5a7d0-font-size ) !important;
	text-decoration: underline !important;
	text-decoration-thickness: 1px !important;
	text-underline-offset: 5px !important;
}

.page-id-3 .elementor-widget-text-editor h3{
	margin-top: 40px !important;
}

.page-id-3 .elementor-widget-text-editor table{
	margin-bottom: 60px !important;
}

.hero {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.hero .elementor-background-video-container {
    z-index: 0 !important;
}

.hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(0, 0, 0, 1) 0%,
        rgba(0, 0, 0, 1) 45%,
        rgba(0, 0, 0, 0.80) 60%,
        rgba(255, 255, 255, 0.15) 100%
    );
    z-index: 1 !important;
}

.hero > .e-con-inner > *:not(.elementor-background-video-container) {
    position: relative;
    z-index: 2;
}

/* Menu znajdujące się nad sekcją hero */
.page-id-3130 #main-menu,
.page-id-8371 #main-menu,
.page-id-8535 #main-menu {
    background: linear-gradient(
        90deg,
        rgba(18, 28, 5, 0.78) 0%,
        rgba(105, 100, 48, 0.70) 55%,
        rgba(210, 213, 214, 0.72) 100%
    );
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    transition:
        background 0.3s ease,
        box-shadow 0.3s ease,
        backdrop-filter 0.3s ease;
}
.page-id-3130 #main-menu .navigation-menu a span,
.page-id-8371 #main-menu .navigation-menu a span,
.page-id-8535 #main-menu .navigation-menu a span {
    color: var(--e-global-color-a09a2b6) !important;
}
.page-id-3130 #main-menu .navigation-menu svg, .page-id-3130 #main-menu .btn-mobile-menu svg,
.page-id-8371 #main-menu .navigation-menu svg, .page-id-8371 #main-menu .btn-mobile-menu svg,
.page-id-8535 #main-menu .navigation-menu svg, .page-id-8535 #main-menu .btn-mobile-menu svg {
    fill: var(--e-global-color-a09a2b6) !important;
}
#main-menu .btn-mobile-menu svg{
	height: 28px !important;
	width: 28px !important;
}
.page-id-3130 #main-menu .navigation-menu a:hover span,
.page-id-8371 #main-menu .navigation-menu a:hover span,
.page-id-8535 #main-menu .navigation-menu a:hover span {
    color: var(--e-global-color-6e580a8) !important;
}
/* Menu po wyjściu poza hero */
.page-id-3130 #main-menu.hp-menu-after-hero,
.page-id-8371 #main-menu.hp-menu-after-hero,
.page-id-8535 #main-menu.hp-menu-after-hero {
    background: #fff;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
}
.page-id-3130 #main-menu.hp-menu-after-hero .navigation-menu a span,
.page-id-8371 #main-menu.hp-menu-after-hero .navigation-menu a span,
.page-id-8535 #main-menu.hp-menu-after-hero .navigation-menu a span {
    color: var( --e-global-color-primary ) !important;
}
.page-id-3130 #main-menu.hp-menu-after-hero .navigation-menu svg, .page-id-3130 #main-menu.hp-menu-after-hero .btn-mobile-menu svg,
.page-id-8371 #main-menu.hp-menu-after-hero .navigation-menu svg, .page-id-8371 #main-menu.hp-menu-after-hero .btn-mobile-menu svg,
.page-id-8535 #main-menu.hp-menu-after-hero .navigation-menu svg, .page-id-8535 #main-menu.hp-menu-after-hero .btn-mobile-menu svg {
    fill: var( --e-global-color-primary ) !important;
}
.page-id-3130 #main-menu .navigation-menu .e-n-menu-title:hover span, .page-id-3130 #main-menu.hp-menu-after-hero .navigation-menu .e-n-menu-title:hover span,
.page-id-8371 #main-menu .navigation-menu .e-n-menu-title:hover span, .page-id-8371 #main-menu.hp-menu-after-hero .navigation-menu .e-n-menu-title:hover span,
.page-id-8535 #main-menu .navigation-menu .e-n-menu-title:hover span, .page-id-8535 #main-menu.hp-menu-after-hero .navigation-menu .e-n-menu-title:hover span {
    color: var(--e-global-color-6e580a8) !important;
}
.page-id-3130 #main-menu .navigation-menu .e-n-menu-title:hover svg,
.page-id-8371 #main-menu .navigation-menu .e-n-menu-title:hover svg,
.page-id-8535 #main-menu .navigation-menu .e-n-menu-title:hover svg {
    fill: var(--e-global-color-6e580a8) !important;
}

.hp-sub-menu{
	box-shadow:
    0 18px 35px rgba(0, 0, 0, 0.08),
    0 6px 14px rgba(0, 0, 0, 0.05);
}

.hp-sub-menu .hp-sub-menu-element a{
	font-size: 14px !important;
	font-weight: 500 !important;
}

.hp-sub-menu .hp-sub-menu-element{
	width: 300px !important;
	padding: 10px 10px !important;
	border-radius: 50px !important;
	border: 2px solid transparent !important;
}

.hp-sub-menu .hp-sub-menu-element-blog{
	padding: 10px 15px !important;
}

.hp-sub-menu .hp-sub-menu-element .elementor-image-box-wrapper {
  display: flex !important;
  align-items: center !important;
}

.hp-sub-menu .hp-sub-menu-element:hover{
	    box-shadow: -13.41px 30.65px 35.05px rgba(0, 0, 0, 0.05);
    transition: border-color 0.3s ease, background 0.3s ease;
	    border-color: transparent !important;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(180deg, #d9f3f4 0%, #d7f2c1 55%, #d8f59b 100%) border-box !important;
}

.hp-sub-menu .hp-sub-menu-element .hp-menu-arrow{
	width: 15px;
}

@media(max-width: 960px){
	.hp-sub-menu-mobile .hp-sub-menu-element .elementor-image-box-wrapper {
  display: flex !important;
  align-items: center !important;
  gap: 15px !important;
}
	
	.hp-sub-menu-mobile .hp-sub-menu-element{
		width: 300px !important;
	padding: 5px 10px !important;
	border-radius: 50px !important;
	border: 2px solid transparent !important;
	margin-bottom: -5px !important;
	}
	
	.hp-sub-menu-mobile  .hp-menu-arrow{
		width: 15px !important;
	}
}

@media (max-width: 1300px) {
    .hp-sub-menu {
        margin-top: 22px !important;
    }
}

@media(min-width: 2000px){
	.hp-sub-menu{
		margin-top: 30px !important;
	}
}

.hp-search-widget input{
	padding: 12px 15px 12px 28px !important;
}

.li-mobile-menu li, .li-mobile-menu li a{
	display: flex !important;
	flex-direction: row-reverse !important;
}

.li-mobile-menu li .elementor-icon-list-icon, .li-mobile-menu li a .elementor-icon-list-icon{
	margin-left: auto !important;
}

/*widzet glowna*/
 .hp-slide-menu {
    position: fixed;
    top: 55%;
    right: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    transform: translateY(-50%);
    z-index: 1000;

    /* Kontener nie uruchamia hovera */
    pointer-events: none;
  }

  .hp-slide-item {
    position: relative;
    width: 285px;
    height: 64px;
    padding: 0 24px 0 66px;

    display: flex;
    align-items: center;

    /* Widoczna pozostaje tylko część z ikoną */
    transform: translateX(calc(100% - 64px));

    background: rgba(40, 40, 40, 0.18);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);

    border: 1px solid rgba(255, 255, 255, 0.45);
    border-right: 0;
    border-radius: 34px 0 0 34px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);

    text-decoration: none;
    overflow: hidden;
    pointer-events: auto;

    transition:
      transform 0.35s ease,
      background-color 0.35s ease;
  }

  /* Wysuwa się wyłącznie aktualnie najechany element */
  .hp-slide-item:hover,
  .hp-slide-item:focus-visible {
    transform: translateX(0);
    background: #fff;
  }

  .hp-slide-item__icon {
    position: absolute;
    left: 11px;
    width: 42px;
    height: 42px;
    display: block;
    object-fit: contain;
  }

  .hp-slide-item__text {
    color: transparent;
    font-size: var( --e-global-typography-e263ff9-font-size );
    font-weight: 600;
    white-space: nowrap;
    transition: color 0.25s ease;
  }

  .hp-slide-item:hover .hp-slide-item__text,
  .hp-slide-item:focus-visible .hp-slide-item__text {
    color: #111;
  }

/*wymiary obrazek produktu 600x600*/
.single-product .woocommerce-product-gallery__image {
    width: 600px;
    max-width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.hp-post-header-list a, .elementor-toc__list-item-text-wrapper{
	font-size: var( --e-global-typography-accent-font-size ) !important;
	line-height: 25px !important;
}

.wpb-submenu-indicator-minus > a{
	font-weight: 600 !important;
}

.hp-product-category-description a{
	font-size: var( --e-global-typography-0b5a7d0-font-size ) !important;
	color: var( --e-global-color-6e580a8 ) !important;
	text-decoration: underline !important;
	text-decoration-thickness: 1px !important;
	text-underline-offset: 5px !important;
}

.hp-product-category-description a:hover{
	text-decoration: none !important;
}

.hp-product-category-description h2{
	font-size: var( --e-global-typography-fce9834-font-size ) !important;
}

.hp-product-category-description h3{
	font-size: var( --e-global-typography-secondary-font-size ) !important;
}

.hp-product-category-description ul{
	margin-bottom: 20px !important;
}

@media(max-width: 600px){
	.hp-product-category-description h2, .hp-product-category-description h3, .hp-product-category-description h4, .hp-product-category-description h5{
		line-height: 36px !important;
	}
	
	.single-post h1{
		line-height: 40px !important;
	}
	
	.li-mobile-menu a, .li-sub-mobile-menu a{
		font-size: 15px !important;
	}
}

/* hp - ukrycie/pokazanie paska wyszukiwarki mobile po kliknieciu w ikone lupy */
.mobile-menu-search-container {
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transition: max-height 0.3s ease, opacity 0.3s ease;
}

.mobile-menu-search-container.hp-search-open {
	max-height: 100px;
	opacity: 1;
}

.mobile-menu-search-container .hp-search-widget{
	width: 100% !important;
	margin-bottom: 10px !important;
}

.single-post .section-post-content ul{
	margin-bottom: 20px !important;
}

/*elementy z tlem blur*/
.hp-blur-bg a, .hp-blur-bg ul{
	background: rgba(15, 20, 8, 0.32);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

.hp-blur-bg ul{
	width: fit-content !important;
	padding: 7px 10px !important;
	border-radius: 50px !important;
	border: 1px solid #616449 !important;
}

.single-product .woocommerce-product-gallery__image a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.single-product .woocommerce-product-gallery__image img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    object-position: center;
}

/* atrybut status produktu nad tytulem prudktu */
.hp-product-image img{
	border: 2px solid var(--e-global-color-eb11ee4) !important;
    border-radius: 25px !important;
}

.hp-product-status-badge{
	display: flex;
    align-items: center;
    gap: 10px;
	font-family: var(--e-global-typography-e0b244a-font-family), Sans-serif;
    font-size: var(--e-global-typography-e0b244a-font-size);
    font-weight: var(--e-global-typography-e0b244a-font-weight);
}

.hp-product-status-badge img{
	width: 32px;
}

.cross-sell-box .hp-product-status-badge{
	font-size: var(--e-global-typography-e263ff9-font-size) !important;
}

.cross-sell-box-desc {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.cross-sell-box .hp-product-status-badge img{
	width: 26px;
}

.gdziepolek-link a{
	color: var( --e-global-color-6e580a8 ) !important;
	font-weight: 700 !important;
}

.gdziepolek-link a:hover{
	color: var( --e-global-color-primary )!important;
}

.elementor-widget-text-editor strong a{
	font-weight: 700 !important;
}

/* akordeon z informacjami o produkcie */
.hp-accordion-product {
	margin: 0;
}
.hp-accordion-item {
	border-bottom: 2px solid var( --e-global-color-eb11ee4 );
}
.hp-accordion-header {
	width: 100% !important;
	display: flex !important;
	justify-content: space-between !important;
	align-items: flex-start !important;
	gap: 16px;
	background-color: transparent !important;
	border: none !important;
	padding: 22px 4px !important;
	border-radius: 0 !important;
	font-family: inherit !important;
	font-size: var( --e-global-typography-3668d1b-font-size ) !important;
	font-weight: var( --e-global-typography-3668d1b-font-weight ) !important;
	line-height: var( --e-global-typography-e0c1199-line-height ) !important;
	text-align: left !important;
	cursor: pointer;
	color: var( --e-global-color-primary )!important;
	transition:
        font-size 0.3s ease,
        font-weight 0.3s ease,
        color 0.3s ease;
}

.hp-accordion-header > span:first-child {
	flex: 1;
	min-width: 0;
	white-space: normal;
	overflow-wrap: break-word;
	word-break: break-word;
}

.hp-accordion-icon {
	flex-shrink: 0;
	margin-top: 2px;
}
.hp-accordion-header[aria-expanded="false"] {
	font-size: var( --e-global-typography-3668d1b-font-size ) !important;
	font-weight: 600 !important;
}
.hp-accordion-header[aria-expanded="true"] {
	font-weight: 700 !important;
}
.hp-accordion-header:hover {
	opacity: 0.8;
}
.hp-accordion-icon {
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	transition: none;
	transform: rotate(180deg);
}
.hp-product-accordion-container .hp-accordion-header[aria-expanded="false"] .hp-accordion-icon{
		margin-top: 20px !important;
	}
	
	.hp-product-accordion-container .hp-accordion-header[aria-expanded="true"] .hp-accordion-icon{
		margin-top: 0px !important;
	}
.hp-accordion-icon img {
	width: 100%;
	height: 100%;
	display: block;
}
.hp-accordion-item:hover .hp-accordion-icon {
	fill: var(--e-global-color-6e580a8) !important;
}
.hp-accordion-item.hp-active .hp-accordion-icon {
	transform: rotate(0deg);
	fill: var(--e-global-color-6e580a8) !important;
}
.hp-accordion-content {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease;
}
.hp-accordion-content-inner {
	padding: 0 4px 26px;
	font-size: 16px;
	line-height: 1.65;
	color: #444;
}
.hp-accordion-content-inner p:first-child {
	margin-top: 0;
}
.hp-accordion-content-inner p:last-child {
	margin-bottom: 0;
}

.hp-accordion-content.hp-no-transition {
	transition: none !important;
}

.hp-accordion-product .hp-bcg-accent {
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

.hp-accordion-product .hp-bcg-accent .hp-accordion-content-inner {
    background: var(--e-global-color-eaab1ee);
    border-radius: 20px;
    padding: 25px;
}

.hp-accordion-product .hp-bcg-accent  .hp-accordion-content-inner p{
	font-family: var(--e-global-typography-e263ff9-font-family), Sans-serif;
    font-size: var(--e-global-typography-e263ff9-font-size);
    font-weight: var(--e-global-typography-e263ff9-font-weight);
}

.hp-accordion-product .hp-bcg-accent  .hp-accordion-content-inner h3{
	font-family: var(--e-global-typography-3668d1b-font-family), Sans-serif;
    font-size: var(--e-global-typography-3668d1b-font-size);
    font-weight: var(--e-global-typography-3668d1b-font-weight);
}

.hp-accordion-product p a{
	background-color: var(--e-global-color-6e580a8) !important;
	color: var( --e-global-color-a09a2b6 ) !important;
	padding: 7px 24px 7px 24px !important;
	border-radius: 50px !important;
	font-size: var( --e-global-typography-5f7bc0f-font-size ) !important;
	display: inline-block;
}

.hp-accordion-product p a:hover{
	background: var( --e-global-color-accent ) !important;
}

@media(max-width: 600px){
	.hp-accordion-content-inner{
		font-size: 13px !important;
	}
	.hp-product-accordion-container .hp-accordion-header[aria-expanded="false"], .hp-accordion-header[aria-expanded="true"], .hp-accordion-faq-title{
		font-size: 15px !important;
		line-height: 22px !important;
	}
	.hp-product-accordion-container .hp-accordion-header[aria-expanded="false"] .hp-accordion-icon{
		width: 12px;
		height: 12px;
		margin-top: 20px;
	}
	
	.hp-product-accordion-container .hp-accordion-header[aria-expanded="true"] .hp-accordion-icon{
		width: 12px;
		height: 12px;
		margin-top: 0px;
	}
	
	.hp-accordion-faq .hp-accordion-icon{
		width: 22px !important;
		height: 22px !important;
	}
}

/* hp - karuzela opinii klientów */
.hp-opinie-carousel {
	position: relative;
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 30px 0;
}
.hp-opinie-track-wrapper {
	overflow-x: auto;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	/* ukrycie paska przewijania - użytkownik i tak steruje strzałkami */
	scrollbar-width: none;
	-ms-overflow-style: none;
}
.hp-opinie-track-wrapper::-webkit-scrollbar {
	display: none;
}
.hp-opinie-track {
	display: flex;
	gap: 18px;
	padding: 4px;
}
.hp-opinie-tile {
	flex: 0 0 calc( ( 100% - 40px ) / 3 );
	scroll-snap-align: start;
	background: var( --e-global-color-8d4afa3 );
	border-top-right-radius: 100px;
	border-bottom-left-radius: 100px;
	padding: 50px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.hp-opinie-stars{
	width: 80px !important;
}
.hp-opinie-marka {
	width: fit-content;
	font-family: var(--e-global-typography-e0b244a-font-family), Sans-serif;
    font-size: var( --e-global-typography-e263ff9-font-size );
    font-weight: var(--e-global-typography-e0b244a-font-weight);
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: var( --e-global-color-primary );
	background: var( --e-global-color-eaab1ee );
	border-radius: 50px;
	padding: 1px 7px;
}
.hp-opinie-tresc {
	margin: 0;
	font-size: 15px;
	line-height: 1.6;
	color: #333;
}
.hp-opinie-stopka {
	margin-top: auto;
}
.hp-opinie-autor {
	font-weight: 700;
	font-size: 14px;
	color: #1a1a1a;
}
.hp-opinie-arrow {
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid var( --e-global-color-primary ) !important;
	background: transparent !important;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background-color 0.2s ease;
	padding: 7px 14px 3px 14px !important; 
}
.hp-opinie-arrow:hover {
	background: var( --e-global-color-accent ) !important;
}
.hp-opinie-arrow:hover svg{
	fill: #ffffff !important;
}
.hp-opinie-arrow:disabled {
	opacity: 0.3;
	cursor: default;
}
.hp-opinie-arrow-next {
	position: absolute;
	right: 0;
	top: -100px;
}
.hp-opinie-arrow-prev {
	position: absolute;
	right: 50px;
	top: -100px;
}
.hp-opinie-arrow svg,
.hp-opinie-arrow svg * {
	width: 15px;
	height: 15px;
}
@media (max-width: 900px) {
	.hp-opinie-tile {
		flex-basis: calc( ( 100% - 20px ) / 2 );
	}
}
@media (max-width: 600px) {
	.hp-opinie-tile {
		flex-basis: 100%;
	}
	
	.hp-opinie-tresc{
		font-size: 13px !important;
	}
}

/* hp - wariant akordeonu FAQ: okrągła ikonka plus/minus zamiast strzałki */
.hp-accordion-faq .hp-accordion-icon {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: 1.5px solid var( --e-global-color-6e580a8 );
	position: relative;
	background-color: transparent;
	transition: background-color 0.25s ease;
}

.hp-accordion-faq .hp-accordion-icon::before,
.hp-accordion-faq .hp-accordion-icon::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: var( --e-global-color-6e580a8 );
	transition: background-color 0.25s ease, transform 0.25s ease;
}

/* pozioma kreska - zawsze widoczna, tworzy "minus" */
.hp-accordion-faq .hp-accordion-icon::before {
	width: 12px;
    height: 1px;
	transform: translate( -50%, -50% );
}

/* pionowa kreska - razem z poziomą tworzy "plus", znika po rozwinięciu */
.hp-accordion-faq .hp-accordion-icon::after {
	width: 1px;
	height: 12px;
	transform: translate( -50%, -50% );
}

.hp-accordion-faq .hp-accordion-item.hp-active .hp-accordion-icon::after {
	transform: translate( -50%, -50% ) scaleY( 0 );
}

.hp-accordion-faq .hp-accordion-item.hp-active .hp-accordion-icon {
	background-color: var( --e-global-color-6e580a8 );
}

.hp-accordion-faq .hp-accordion-item.hp-active .hp-accordion-icon::before,
.hp-accordion-faq .hp-accordion-item.hp-active .hp-accordion-icon::after {
	background-color: #fff;
}

.ingredients-table {
    max-width: 700px;
}

.ingredients-table table {
    width: 100%;
    border-collapse: collapse;
    font-family: inherit;
}

.ingredients-table table th, .ingredients-table table td{
	border: none !important;
	text-align: left;
	padding: 10px 20px !important;
}

.ingredients-table thead tr:first-child {
    background: var( --e-global-color-eaab1ee ) !important;
}

.ingredients-table thead tr:first-child th:first-child {
    border-radius: 25px 0 0 25px;
}

.ingredients-table thead tr:first-child th:last-child {
    border-radius: 0 25px 25px 0;
}

.ingredients-table tbody td{
	background: #ffffff !important;
	padding: 5px 20px !important;
}

.ingredients-table tbody td:nth-child(2),
.ingredients-table tbody td:nth-child(3) {
    width: 160px;
}

/* hp - wlasne breadcrumbs produktu */
.hp-breadcrumbs {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	font-size: var( --e-global-typography-e263ff9-font-size ) !important;
}

.hp-breadcrumbs-link {
	font-size: var( --e-global-typography-e263ff9-font-size ) !important;
	color: #666;
		color: var(--e-global-color-6e580a8);
	text-decoration: underline !important;
	text-decoration-thickness: 1px !important;
	text-underline-offset: 5px !important;
}

@media(max-width: 600px){
	.hp-breadcrumbs{
		gap: 5px !important;
        row-gap: 0 !important;
	}
}

/*kafelki ofertowe*/
.hp-offer-grid {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 16px;
    width: 100%;
}

.hp-offer-card {
    position: relative;
    flex: 1 1 0;
    min-width: 0;
    height: 480px;
    border-radius: 36px;
    overflow: hidden;
    background: #fff;
    transition:
        flex-grow 0.55s cubic-bezier(.2, .8, .2, 1),
        flex-basis 0.55s cubic-bezier(.2, .8, .2, 1);
}

.hp-offer-card:hover {
    flex-grow: 1.3 !important;
}

.hp-offer-grid:has(.hp-offer-card:hover) .hp-offer-card:not(:hover) {
    flex-grow: 0.75;
}

.hp-offer-card__default {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    border: 1px solid var( --e-global-color-76ffcf7 );
    border-radius: 36px;
    overflow: hidden;
    background: #fff;
    opacity: 1;
    visibility: visible;
    transition:
        opacity 0.3s ease,
        visibility 0.3s ease;
}

.hp-offer-card__image {
    width: 100%;
    height: 350px;
    flex-shrink: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform 0.55s ease;
}

.hp-offer-card__bottom {
    position: relative;
    flex: 1;
    padding: 40px 20px 20px;
    background: #fff;
}

.hp-offer-card__bottom h3 {
    margin: 10px 5px;
font-family: var(--e-global-typography-3668d1b-font-family), Sans-serif;
    font-size: var( --e-global-typography-secondary-font-size );
    font-weight: var(--e-global-typography-3668d1b-font-weight);
    color: #202020;
}

.hp-offer-card__icon {
    position: absolute;
    top: -24px;
    left: 20px;
    z-index: 3;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #68d52d;
}

.hp-offer-card__icon img {
    width: 50px;
    height: 50px;
    display: block;
    object-fit: contain;
}

.hp-offer-card__icon--full {
    background: transparent;
}

.hp-offer-card__icon--full img {
    width: 48px;
    height: 48px;
}

.hp-offer-card__hover {
    position: absolute;
    inset: 0;
    z-index: 2;

    display: flex;
    flex-direction: column;

    padding: 36px 24px 26px;

    border: 1px solid transparent;
    border-radius: 36px;
    overflow: hidden;

    background:
        linear-gradient(
            rgba(255, 255, 255, 0.94),
            rgba(255, 255, 255, 0.94)
        ) padding-box,

        var(--hover-image) padding-box,

        linear-gradient(
            180deg,
            #d9f3f4 0%,
            #d7f2c1 55%,
            #d8f59b 100%
        ) border-box;

    background-size:
        auto,
        cover,
        auto;

    background-position:
        center,
        center,
        center;

    background-repeat: no-repeat;

    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);

    transition:
        opacity 0.3s ease,
        visibility 0.3s ease,
        transform 0.4s ease;
}

.hp-offer-card__hover h3 {
    margin: 0 0 10px;
font-family: var(--e-global-typography-3668d1b-font-family), Sans-serif;
    font-size: var( --e-global-typography-secondary-font-size );
    font-weight: var(--e-global-typography-3668d1b-font-weight);
    color: #171717;
}

.hp-offer-card__hover p {
    margin: 0 0 16px;
    font-size: 15px;
    line-height: 1.45;
    color: #171717;
}

.hp-offer-card__links {
    display: flex;
    flex-direction: column;
}

.hp-offer-card__links a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    color: #171717;
    text-decoration: none;
    font-size: 15px;
}

.hp-offer-card__button {
    align-self: flex-start;
    margin-top: auto;
    padding: 14px 24px;
    border-radius: 999px;
    background: var( --e-global-color-6e580a8 );
    color: #fff !important;
    text-decoration: none;
    font-size: 16px;
}

.hp-offer-card__button:hover{
    background: var( --e-global-color-accent );
}

.hp-offer-card:hover .hp-offer-card__default {
    opacity: 0;
    visibility: hidden;
}

.hp-offer-card:hover .hp-offer-card__hover {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.hp-offer-card:hover .hp-offer-card__image {
    transform: scale(1.04);
}

@media (max-width: 1100px) {
    .hp-offer-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
	
	.hp-offer-card {
    height: 250px;
	}
	
	.hp-offer-card__image {
    height: 150px;
	}
	
	.hp-offer-card__bottom {
		padding: 10px 15px 20px;
	}
	
	.hp-offer-card__icon img, .hp-offer-card__icon{
		width: 35px;
		height: 35px;
	}
	
	.hp-offer-card__icon{
		top: -20px;
	}

    .hp-offer-card,
    .hp-offer-card:hover,
    .hp-offer-grid:has(.hp-offer-card:hover) .hp-offer-card:not(:hover) {
        width: 100%;
        flex: none;
    }
	
	.hp-offer-card__hover {
        display: none;
    }

    .hp-offer-card:hover .hp-offer-card__default,
    .hp-offer-card:active .hp-offer-card__default {
        opacity: 1;
        visibility: visible;
    }

    .hp-offer-card:hover .hp-offer-card__image,
    .hp-offer-card:active .hp-offer-card__image {
        transform: none;
    }
	
}

@media (max-width: 767px) {
    .hp-offer-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .hp-offer-card {
        width: 100%;
        height: 250px;
        cursor: pointer;
    }

    .hp-offer-card__image {
        height: 150px;
    }

    .hp-offer-card__bottom {
        padding: 32px 12px 12px;
    }

    .hp-offer-card__bottom h3 {
        margin: 3px 0 6px;
        font-size: 16px;
        line-height: 1.2;
    }

    .hp-offer-card__icon {
        top: -18px;
        left: 12px;
        width: 36px;
        height: 36px;
    }

    .hp-offer-card__icon img {
        width: 36px;
        height: 36px;
    }

    .hp-offer-card__hover {
        display: none;
    }

    .hp-offer-card:hover .hp-offer-card__default,
    .hp-offer-card:active .hp-offer-card__default {
        opacity: 1;
        visibility: visible;
    }

    .hp-offer-card:hover .hp-offer-card__image,
    .hp-offer-card:active .hp-offer-card__image {
        transform: none;
    }
}

/* kafelki z liczbami i zaletami */
.hp-stat {
    min-height: 110px;
    padding: 24px 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 32px;
    box-sizing: border-box;

    background: #fff;
    border: 3px solid var(--e-global-color-76ffcf7);
    border-radius: 999px;
    box-shadow: -13.41px 30.65px 35.05px rgba(0, 0, 0, 0.05);

    transition:
        border-color 0.3s ease,
        background 0.3s ease;
}

.hp-stat:hover {
    border-color: transparent;
    background:
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(
            180deg,
            #d9f3f4 0%,
            #d7f2c1 55%,
            #d8f59b 100%
        ) border-box;
}

.hp-stat .elementor-counter{
	column-gap: 25px !important;
}

.hp-stat .elementor-counter-title{
	line-height: 26px !important;
}

.hp-stat .elementor-counter-number-wrapper span{
	display: flex !important;
	align-items: center !important;
}

.hp-stat2 .elementor-counter-number-suffix, .hp-stat3 .elementor-counter-number-suffix{
	margin-top: -5px !important;
}

@media(max-width: 1024px){
	.hp-stat{
		min-height: unset !important;
		padding: 10px 16px !important;
	}
	
	.hp-stat .elementor-counter-number-wrapper span{
		font-size: 24px !important;
	}
	
	.hp-stat .elementor-counter-title{
		font-size: 14px !important;
	}
	
	.hp-stat .elementor-counter-number-suffix{
		white-space: normal !important;
		margin-left: 5px !important;
	}
	
	.hp-stat .elementor-counter {
    column-gap: 15px !important;
	}
}

@media(max-width: 600px){
	.hp-stat{
		justify-content: center !important;
	}
	
	.hp-stat .elementor-counter{
		flex-direction: column-reverse !important;
	}
	
	.hp-stat .elementor-counter-title{
		text-align: center !important;
	}
}

/* Kafelki zalet */
.hp-value{
	  transition: border-color 0.3s ease, background 0.3s ease !important;
}

.hp-value:hover {
	border-color: transparent !important;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(180deg, #d9f3f4 0%, #d7f2c1 55%, #d8f59b 100%) border-box !important;
transition: border-color 0.3s ease, background 0.3s ease !important;
}

.hp-value,
.hp-value .elementor-cta,
.hp-value .elementor-cta__content {
    height: 320px;
    min-height: 320px;
    box-sizing: border-box;
}

.hp-value .elementor-cta__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 30px !important;
}

.hp-value .elementor-cta__image {
    margin: 0 0 22px !important;
    transition: margin 0.3s ease;
}

.hp-value .elementor-cta__title {
    margin: 0 !important;
    transition: margin 0.3s ease;
}

.hp-value .elementor-cta__description {
    max-height: 0;
    margin: 0 !important;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transform: translateY(10px);

    transition:
        max-height 0.35s ease,
        margin 0.35s ease,
        opacity 0.25s ease,
        transform 0.35s ease,
        visibility 0.25s ease;
		font-size: var( --e-global-typography-e263ff9-font-size ) !important;
		line-height: 22px !important;
}

.hp-value:hover .elementor-cta__image,
.hp-value:focus-within .elementor-cta__image {
    margin-bottom: 16px !important;
}

.hp-value:hover .elementor-cta__description,
.hp-value:focus-within .elementor-cta__description {
    max-height: 100px;
    margin-top: 22px !important;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Opis całkowicie ukryty */
.hp-stat--value > .hp-stat__description {
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 28px;

    display: none !important;
    margin: 0;

    font-size: 15px;
    line-height: 1.4;
    font-weight: 400;
    color: #444;
    text-align: center;

    pointer-events: none;
}

/* Hover tylko konkretnego kafla */
.hp-stat--value:hover > .hp-stat__icon,
.hp-stat--value:hover > .hp-stat__text {
    transform: translateY(-30px);
}

.hp-stat--value:hover > .hp-stat__text {
    color: var(--e-global-color-6e580a8);
}

.hp-stat--value:hover > .hp-stat__description {
    display: block !important;
    animation: hp-description-show 0.3s ease both;
}

@keyframes hp-description-show {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 1024px) {
    .hp-stats {
        grid-template-columns: 1fr;
    }

    .hp-stat {
        width: 100%;
        max-width: 620px;
        margin-inline: auto;
    }

    .hp-stats--values {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hp-stat--value {
        max-width: none;
        margin: 0;
    }
}

@media (max-width: 600px) {
    .hp-stat {
        min-height: 94px;
        padding: 20px 26px;
        justify-content: flex-start;
        gap: 22px;
    }

    .hp-stat__number {
        min-width: 120px;
        font-size: 36px;
    }

    .hp-stat__text {
        font-size: 16px;
    }

    .hp-stats--values {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .hp-stat--value {
        min-height: 200px;
        padding: 20px 12px;
        justify-content: center;
        gap: 15px;
        border-radius: 28px;
    }

    .hp-stat--value > .hp-stat__icon {
        width: 40px;
        height: 40px;
    }

    .hp-stat--value > .hp-stat__text {
        font-size: 16px;
    }

    .hp-stat--value > .hp-stat__description {
        left: 10px;
        right: 10px;
        bottom: 18px;
        font-size: 12px !important;
        line-height: 1.3;
    }
	
	.hp-value .elementor-cta__description {
		font-size: 12px !important;
	}

    .hp-stat--value:hover > .hp-stat__icon,
    .hp-stat--value:hover > .hp-stat__text {
        transform: translateY(-28px);
    }
	
	.hp-value:hover .elementor-cta__description, .hp-value:focus-within .elementor-cta__description {
    max-height: 150px;
    margin-top: 10px !important;
	}

}

/*sekcja artykuły*/
.hp-posts-widget article .elementor-post__card{
	box-shadow:
    0 12px 30px rgba(0, 0, 0, 0.018),
    0 28px 55px rgba(0, 0, 0, 0.025);
	border: 1px solid var( --e-global-color-76ffcf7 ) !important;
	transition: 0.5s !important;
}

.hp-posts-widget article .elementor-post__card:hover{
    background:
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(
            180deg,
            #d9f3f4 0%,
            #d7f2c1 55%,
            #d8f59b 100%
        ) border-box !important;

    border: 1px solid transparent !important;
    border-radius: 32px;
    overflow: hidden;

    box-shadow:
        0 12px 30px rgba(0, 0, 0, 0.018),
        0 28px 55px rgba(0, 0, 0, 0.025);
	transition: 0.5s !important;
}

.hp-posts-widget .elementor-post__badge{
	right: unset !important;
    left: 7% !important;
    display: inline-table !important;
    top: 50% !important;
	font-weight: 500 !important;
	text-transform: none !important;
	margin-left: 0 !important;
	border-radius: 50px !important;
}

.hp-posts-widget img{
	border-radius: 0 !important;
}

@media(max-width: 1200px){
	.hp-posts-widget .elementor-post__badge{
	top: unset !important;
	background-color: var(--e-global-color-6e580a8) !important;
    color: var(--e-global-color-a09a2b6) !important;
	}
	
	.hp-posts-widget .elementor-post__text{
		margin-top: 0 !important;
	}
}

@media(min-width: 1201px){
	.hp-posts-widget .elementor-post__badge{
		        top: 260px !important;
        right: unset !important;
        left: 30px !important;
	}
}

@media(min-width: 1300px){
	.hp-posts-widget .elementor-post__badge{
		        top: 300px !important;
        right: unset !important;
        left: 30px !important;
	}
}

.hp-posts-widget article .elementor-post__card:hover  .elementor-post__badge{
	background: var( --e-global-color-6e580a8 ) !important;
	color: var( --e-global-color-a09a2b6 ) !important;
}

.hp-featured-post .elementor-post__text{
	display: flex !important;
	justify-content: center !important;
	align-content: center !important;
	padding-right: 30px !important;
}

.hp-featured-post .elementor-post__thumbnail{
	border-radius: 0 !important;
}

.hp-featured-post .hp-featured-post-category{
	font-weight: 500 !important;
	text-transform: none !important;
	    background-color: var(--e-global-color-secondary);
    color: var(--e-global-color-6e580a8);
	border-radius: 50px !important;
	padding: 1px 15px !important;
	font-size: var( --e-global-typography-e263ff9-font-size ) !important;
	width: fit-content !important;
	font-weight: 500 !important;
	margin-bottom: 15px !important;
}

.hp-featured-post article:hover .hp-featured-post-category{
	background: var(--e-global-color-6e580a8); !important;
	color: var( --e-global-color-a09a2b6 ) !important;
}

.hp-posts-widget .elementor-pagination{
	display: flex !important;
    justify-content: center !important;
	gap: 5px !important;
}

.hp-posts-widget .elementor-pagination, .hp-posts-widget .elementor-pagination a, .hp-posts-widget .elementor-pagination a span{
	font-size: var( --e-global-typography-0b5a7d0-font-size ) !important;
	color: var(--n-tabs-title-color) !important;
}


.hp-posts-widget .elementor-pagination .page-numbers{
	border: 1px solid var( --e-global-color-76ffcf7 ) !important;
	padding: 4px 12px 5px !important;
	border-radius: 10px !important;
}

/* hp - karuzela wpisow (przesuwanie palcem) na tablet i mobile dla .hp-posts-widget-mobile-scroll */
@media (max-width: 1024px) {

	.hp-posts-widget-mobile-scroll .elementor-posts-container {
		display: flex !important;
		flex-wrap: nowrap !important;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		gap: 16px;
		padding-bottom: 8px;

		scrollbar-width: none;
		-ms-overflow-style: none;
	}

	.hp-posts-widget-mobile-scroll .elementor-posts-container::-webkit-scrollbar {
		display: none;
	}

	.hp-posts-widget-mobile-scroll .elementor-post {
		flex: 0 0 55%;
		scroll-snap-align: start;
	}
}

@media (max-width: 600px) {
	.hp-posts-widget-mobile-scroll .elementor-post {
		flex: 0 0 85%;
	}
}

/* hp - nazwa lacinska pod tytulem wpisu w bazie roslin */
.hp-post-latin-name {
	display: block;
	font-family: var(--e-global-typography-e263ff9-font-family), Sans-serif;
    font-size: var(--e-global-typography-e263ff9-font-size);
    font-weight: var(--e-global-typography-e263ff9-font-weight);
	text-decoration: underline !important;
	text-decoration-thickness: 1px !important;
	text-underline-offset: 3px !important;
	font-style: italic !important;
}

.hp-post-latin-name-roslina{
	width: fit-content !important;
}

.hp-post-latin-name-roslina span{
	font-style: italic !important;
}

.hp-post-widget-baza-roslin .elementor-post__text{
	padding-bottom: 25px !important;
}

/*.hp-posts-widget .elementor-pagination .page-numbers.prev, .hp-posts-widget .elementor-pagination .page-numbers.next{
	padding: 6px 12px 9px !important;
}*/

.hp-featured-post article:hover{
	       border-color: transparent !important;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(180deg, #d9f3f4 0%, #d7f2c1 55%, #d8f59b 100%) border-box !important;
}

.hp-posts-widget .elementor-pagination .page-numbers:hover, .hp-posts-widget .elementor-pagination .page-numbers.current{
	background: var( --e-global-color-6e580a8 ) !important;
	color: var( --e-global-color-a09a2b6 ) !important;
}

.hp-related-posts article{
	border-color: transparent !important;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

.hp-related-posts .hp-featured-post-category{
	margin-bottom: 8px !important;
	background: var(--e-global-color-6e580a8) !important;
	color: var(--e-global-color-secondary) !important;
	padding: 0px 12px !important;
	line-height: 25px !important;
}

.hp-related-posts .elementor-post__title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

@media(max-width: 960px){
	.hp-featured-post .elementor-post__title a{
		font-size: 22px !important;
	}
	
	.hp-related-posts .elementor-post__title a{
		font-size: 20px !important;
	}
	
	.hp-featured-post p{
		display: none !important;
	}
 
}

@media(max-width: 600px){
	.hp-featured-post article{
		flex-direction: column !important;
	}
	
	.hp-related-posts .elementor-post__title a{
		font-size: var( --e-global-typography-text-font-size ) !important;
	}
}

.hp-search-result-widget .elementor-post__badge{
	display: none !important;
}

/*****/

.hp-image-box h3{
	margin: 0 !important;
}

.hp-image-box{
	transition: 0.5s !important;
}

.hp-image-box:hover{
	padding-left: 20px !important;
}

.hp-worker-box .elementor-image-box-description{
	line-height: 22px !important;
}

.hp-worker-box .description-worker{
	font-size: var( --e-global-typography-e263ff9-font-size ) !important;
	line-height: 14px !important;
}

.hp-worker-box h4{
	margin-bottom: -5px !important;
}

.hp-worker-box .worker{
	font-size: var( --e-global-typography-e263ff9-font-size ) !important;
	color: var( --e-global-color-text ) !important;
}

.hp-worker-box p{
	margin-bottom: 0 !important;
}

.hp-worker-box-last img{
	border-bottom-left-radius: 200px !important;
}

.hp-post-header-list a, .elementor-toc__list-item-text-wrapper{
	font-size: var( --e-global-typography-accent-font-size ) !important;
	line-height: 25px !important;
}

.hp-image-box-quality {
	position: relative;
	cursor: pointer;
}

.hp-image-box-quality a{
	    font-family: var(--e-global-typography-e0c1199-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-e0c1199-font-size) !important;
    font-weight: var(--e-global-typography-e0c1199-font-weight) !important;
}

.hp-image-box-quality .elementor-image-box-title a::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 10;
}

@media(max-width: 1024px){
	.hp-worker-box-last img{
	border-bottom-left-radius: 0px !important;
}
}

@media(max-width: 600px){
	.hp-worker-box .elementor-image-box-wrapper, .hp-image-box-quality .elementor-image-box-wrapper{
		display: flex !important;
		gap: 10px !important;
	}
	
	.hp-worker-box .elementor-image-box-img{
		width: 45% !important;
	}
	
	.hp-worker-box .elementor-image-box-content{ 
		width: 55% !important;
	}
	
	.hp-worker-box .elementor-image-box-img img{
		height: 100% !important;
		border-radius: 15px !important;
	}
	
	.hp-worker-box .description-worker, .hp-worker-box .elementor-image-box-description, .hp-image-box-quality .elementor-image-box-description{
    font-size: 11px !important;
	line-height: 18px !important;
	text-align: left !important;
	}
	
	.hp-worker-box h4{
		font-size: 14px !important;
		display: block !important;
		margin-bottom: -12px !important;
	}
	
	.hp-image-box-quality h3 a{
		font-size: 14px !important;
	}
	
	.hp-worker-box h4, .hp-worker-box .worker, .hp-worker-box .elementor-image-box-content, .hp-image-box-quality h3 {
		text-align: left !important;
	}
}

/*katalog produktow - boxy*/
.hp-catalog-product-box{
	background-color: var(--e-global-color-8d4afa3) !important;
	border: 1px solid var(--e-global-color-76ffcf7) !important;
	border-radius: 40px !important;
	padding: 20px 20px 15px !important;
	height: 100% !important;
	overflow: hidden !important;
}

.hp-catalog-product-box .hp-product-box-img img{
	height: 250px !important;
	width: 100% !important;
	object-fit: contain;
	margin-top: -50px !important;
	margin-bottom: -20px !important;
	z-index:  !important;
		transition: height 0.35s ease;
}

.hp-catalog-product-box:hover .hp-product-box-img img {
	height: 200px !important;
}

/* hp - ograniczenie opisu produktu w kafelku do 3 linijek, reszta ucieta z wielokropkiem */
.hp-product-box-description {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: var(--e-global-typography-e263ff9-font-family), Sans-serif;
    font-size: var(--e-global-typography-e263ff9-font-size);
    font-weight: var(--e-global-typography-e263ff9-font-weight);
    text-transform: var(--e-global-typography-e263ff9-text-transform);
    font-style: var(--e-global-typography-e263ff9-font-style);
    line-height: var(--e-global-typography-e263ff9-line-height);
	color: var( --e-global-color-text );
}

.hp-catalog-product-box .hp-product-box-btn {
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transform: translateY( 15px );
	transition: max-height 0.35s ease, opacity 0.35s ease, transform 0.35s ease;
	pointer-events: none;
}

.hp-catalog-product-box:hover .hp-product-box-btn {
	max-height: 50px;
	opacity: 1;
	transform: translateY( 0 );
	pointer-events: auto;
}

.hp-catalog-product-box .hp-product-status-badge span{
	font-size: var( --e-global-typography-0b5a7d0-font-size ) !important;
	font-weight: 500 !important;
}

.hp-catalog-product-box .hp-product-status-badge img{
	width: 28px !important;
}

@media(max-width: 600px){
	.hp-catalog-product-box .hp-product-box-img img, .hp-catalog-product-box:hover .hp-product-box-img img {
    height: 150px !important;
	}
	
	.hp-catalog-product-box h3{
		font-size: 16px !important;
        line-height: 20px !important;
        display: inline-block !important;
	}
	
	.hp-catalog-product-box .hp-product-box-description{
		font-size: 10px !important;
		line-height: 15px !important;
		display: none !important;
	}
	
	.hp-catalog-product-box .hp-product-status-badge{
		margin-bottom: -5px;
	}
	
	.hp-catalog-product-box .hp-product-status-badge span{
		font-size: 11px !important;
	}
	
	.hp-catalog-product-box .hp-product-status-badge img{
		width: 20px !important;
	}
	
	.hp-catalog-product-box .hp-product-box-btn{
		opacity: 1 !important;
		max-height: 50px;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
		fonr-size: 10px !important;
		margin-top: 2px !important;
	}
	
	.hp-catalog-product-box .hp-product-box-btn a{
		padding: 5px 15px !important;
	}
	
	
}

/* hp - panel filtrow produktow */
.hp-filters-wrapper {
	display: flex;
	gap: 40px;
	align-items: flex-start;
	margin: 30px 0;
}

.hp-filters-panel {
	flex: 0 0 280px;
	position: sticky;
	top: 20px;
}

.hp-filters-panel-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 16px;
	padding-bottom: 20px !important;
	border-bottom: 1px solid var(--e-global-color-76ffcf7) !important;
}

.hp-category-catalog-title {
	padding-bottom: 20px !important;
	border-bottom: 1px solid var(--e-global-color-76ffcf7) !important;
}

.hp-filters-panel-header > span {
	font-family: var(--e-global-typography-3668d1b-font-family), Sans-serif;
	font-size: var(--e-global-typography-3668d1b-font-size);
	font-weight: var(--e-global-typography-3668d1b-font-weight);
}

.hp-filters-clear {
	background: none !important;
	border: none;
	color: #ff3b30 !important;
	font-size: var(--e-global-typography-e263ff9-font-size) !important;
	cursor: pointer;
	text-decoration: underline !important;
	text-decoration-color: #ff3b30 !important;
	text-decoration-thickness: 2px !important;
	text-underline-offset: 4px !important;
	padding: 0 !important;
}

.hp-filters-clear:hover {
	color: var(--e-global-color-accent) !important;
	text-decoration-color: var(--e-global-color-accent) !important;
}

.hp-filter-group {
	padding: 18px 0;
}

.hp-filter-group-header {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: transparent !important;
	border: none;
	padding: 0 !important;
	color: var(--e-global-color-primary) !important;
	font-size: var(--e-global-typography-3668d1b-font-size) !important;
	font-weight: 700;
	cursor: pointer;
}

.hp-filter-group-icon {
	flex-shrink: 0;
	width: 14px;
	height: 14px;
	color: #1a1a1a;
	transition: transform 0.25s ease;
}

.hp-filter-group-icon svg {
	display: block;
	width: 100%;
	height: 100%;
}

.hp-filter-group-icon svg,
.hp-filter-group-icon svg * {
	fill: currentColor !important;
}

.hp-filter-group.hp-collapsed .hp-filter-group-icon {
	transform: rotate(180deg);
}

.hp-filter-group-body {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 14px;
}

.hp-filter-group.hp-collapsed .hp-filter-group-body {
	display: none;
}

/* Etykieta checkboxa */
.hp-filter-checkbox {
	display: flex;
	align-items: center;
	font-size: var(--e-global-typography-0b5a7d0-font-size) !important;
	cursor: pointer;
	color: #333;
}

.hp-filter-checkbox.hp-filter-checked {
	color: var(--e-global-color-6e580a8) !important;
	font-weight: 600 !important;
}

/* Checkbox */
.hp-filter-checkbox .hp-filter-input {
	appearance: none !important;
	-webkit-appearance: none !important;

	display: inline-block !important;
	opacity: 1 !important;
	visibility: visible !important;

	width: 20px !important;
	height: 20px !important;
	min-width: 20px !important;

	margin: 0 12px 0 0 !important;
	padding: 0 !important;

	background: #fff !important;
	border: 1px solid #8c8c8c !important;
	border-radius: 2px !important;

	position: relative;
	flex-shrink: 0;
	cursor: pointer;
}

.hp-filter-checkbox .hp-filter-input:checked {
	background: #76b82a !important;
	border-color: #76b82a !important;
}

.hp-filter-checkbox .hp-filter-input:checked::after {
	content: "";
	position: absolute;
	left: 6px;
	top: 2px;

	width: 6px;
	height: 11px;

	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

/* Liczba produktów */
.hp-filter-count {
	color: #999;
	font-size: 13px;
	    margin-left: auto;
}

/*kategorie produktów*/
.wpb_category_n_menu_accordion_list a{
	font-weight: var(--e-global-typography-accent-font-weight) !important;
    text-transform: var(--e-global-typography-accent-text-transform) !important;
    font-style: var(--e-global-typography-accent-font-style) !important;
    line-height: var(--e-global-typography-accent-line-height) !important;
	font-size: var(--e-global-typography-0b5a7d0-font-size) !important;
	color: var( --e-global-color-primary ) !important;
}

/*timeline - historia firmy*/
.hp-timeline__track {
    position: relative;
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    align-items: end;
    width: 100% !important;
    padding-bottom: 64px;
}

.hp-timeline__track::after {
    content: "";
    position: absolute !important;
    left: 75px !important;
    right: 12px !important;
    bottom: 68px !important;
    height: 1px !important;
    background: #8d969a !important;
}

.hp-timeline__point {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 8px !important;
    border: 0 !important;
    background: transparent !important;
    color: #555 !important;
    font-family: inherit !important;
    cursor: pointer !important;
}

.hp-timeline__year {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;
    color: #555;
    white-space: nowrap;
    transition: color 0.25s ease;
}

.hp-timeline__dot {
    width: 9px;
    height: 9px;
    display: block;
    border-radius: 50%;
    background: #555;
    transition:
        background-color 0.25s ease,
        transform 0.25s ease;
}

.hp-timeline__point:hover .hp-timeline__year,
.hp-timeline__point.is-active .hp-timeline__year {
    color: #3db9c9;
}

.hp-timeline__point:hover .hp-timeline__dot,
.hp-timeline__point.is-active .hp-timeline__dot {
    background: #3db9c9;
}

.hp-timeline__bottom {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 40px;
	margin-left: 60px !important;
	margin-right: 60px !important;
}

.hp-timeline__content {
    position: relative;
    flex: 1;
    min-height: 74px;
    padding-left: 22px;
}

.hp-timeline__content::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3px;
    background: #65de4b;
}

.hp-timeline__description {
    display: none;
    max-width: 760px;
    color: #333;
    font-size: 17px;
    line-height: 1.45;
    font-weight: 400;
}

.hp-timeline__description.is-active {
    display: block;
    animation: hp-timeline-fade 0.3s ease both;
}

.hp-timeline__navigation {
    display: flex;
    align-items: center;
    gap: 2px !important;
    flex-shrink: 0;
}

.hp-timeline__arrow {
    width: 50px !important;
    height: 50px !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;

    border: 1px solid #202020 !important;
    border-radius: 50% !important;
    background: transparent !important;
    cursor: pointer !important;

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease !important;
}

.hp-timeline__arrow--prev{
	margin-right: -20px !important;
}

.hp-timeline__arrow::before {
    content: "" !important;
    width: 18px !important;
    height: 18px !important;
    display: block !important;

    background-color: #202020 !important;

    mask-repeat: no-repeat !important;
    mask-position: center !important;
    mask-size: contain !important;

    -webkit-mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    -webkit-mask-size: contain !important;

    transition: background-color 0.25s ease !important;
}

.hp-timeline__arrow--prev::before {
    mask-image: url("/wp-content/themes/hello-theme-child/assets/img/arrow-left.svg") !important;
    -webkit-mask-image: url("/wp-content/themes/hello-theme-child/assets/img/arrow-left.svg") !important;
}

.hp-timeline__arrow--next::before {
    mask-image: url("/wp-content/themes/hello-theme-child/assets/img/arrow-right.svg") !important;
    -webkit-mask-image: url("/wp-content/themes/hello-theme-child/assets/img/arrow-right.svg") !important;
}

.hp-timeline__arrow:hover {
    background-color: var( --e-global-color-6e580a8 ) !important;
    border-color: var( --e-global-color-a09a2b6 ) !important;
}

.hp-timeline__arrow:hover::before {
    background-color: #fff !important;
}

@keyframes hp-timeline-fade {
    from {
        opacity: 0;
        transform: translateY(6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 1024px) {
    .hp-timeline__track {
        overflow-x: auto;
        grid-template-columns: repeat(9, minmax(120px, 1fr));
        scrollbar-width: none;
    }

    .hp-timeline__track::-webkit-scrollbar {
        display: none;
    }

    .hp-timeline__bottom {
        gap: 24px;
    }
}

@media (max-width: 767px) {
    .hp-timeline__track {
        grid-template-columns: repeat(9, 100px);
        padding-bottom: 52px;
    }

    .hp-timeline__track::after {
        bottom: 41px;
    }

    .hp-timeline__year {
        font-size: 13px;
    }

    .hp-timeline__bottom {
        align-items: flex-end;
        gap: 14px;
		margin: 0 !important;
    }

    .hp-timeline__content {
        min-height: 120px;
        padding-left: 16px;
    }

    .hp-timeline__description {
        font-size: 14px;
    }

    .hp-timeline__arrow {
        width: 30px !important;
        height: 30px !important;
        font-size: 15px !important;
    }
	
	.hp-timeline__arrow::before{
		width: 12px !important;
        height: 12px !important;
	}
	
	.hp-timeline__arrow--next{
		margin-left: 12px !important;
	}
	
	.hp-timeline__track::after {
    left: 50px !important;
    bottom: 56px !important;
	min-width: 300%;
	}
}

/*zarząd*/
.hp-team-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    width: 100%;
}

.hp-team-card {
    position: relative;
    min-height: 600px;
    overflow: hidden;
    box-sizing: border-box;

    background: #fff;
    border: 2px solid transparent;
    border-radius: 110px 0 110px 0;
    box-shadow: -13px 30px 35px rgba(0, 0, 0, 0.06);

    transition:
        background 0.3s ease,
        border-color 0.3s ease;
}

/* Gradientowa ramka dopiero po hoverze */
.hp-team-card:hover {
    border-color: transparent;
    border-radius: 40px;

    background:
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(
            180deg,
            #d9f3f4 0%,
            #d7f2c1 55%,
            #d8f59b 100%
        ) border-box;
}

.hp-team-card__front,
.hp-team-card__back {
    position: absolute;
    inset: 0;
    box-sizing: border-box;

    transition:
        opacity 0.35s ease,
        visibility 0.35s ease,
        transform 0.4s ease;
}

/* Przód kafelka */
.hp-team-card__front {
    z-index: 2;
    display: flex;
    flex-direction: column;

    background: #fff;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.hp-team-card__image {
    width: 100%;
    height: 490px;
    display: block;
    flex-shrink: 0;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
    object-fit: cover;
    object-position: center top;
}

.hp-team-card__front-content {
    flex: 1;
    padding: 28px 24px 24px;
    box-sizing: border-box;
    background: #fff;
}

/* Tył kafelka */
.hp-team-card__back {
    z-index: 3;
    display: flex;
    flex-direction: column;

    padding: 30px 24px 24px;
    background: #fff;

    opacity: 0;
    visibility: hidden;
    transform: translateY(16px);
}

.hp-team-card__name {
    margin: 0 0 6px;
    color: #171717;
    font-family: var(--e-global-typography-3668d1b-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-secondary-font-size) !important;
    font-weight: var(--e-global-typography-3668d1b-font-weight) !important;
}

.hp-team-card__position {
    margin: 0;
    color: var(--e-global-color-6e580a8);
    font-size: 16px;
    line-height: 1.3;
}

/* Przewijany opis */
.hp-team-card__description {
    flex: 1;
    min-height: 0;
    margin-top: 28px;
    padding-right: 16px;

    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;

    scrollbar-width: thin;
    scrollbar-color: #555 transparent;
}

.hp-team-card__description p {
    margin: 0 0 28px;
    color: #333;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 400;
}

.hp-team-card__description p:last-child {
    margin-bottom: 0;
}

.hp-team-card__description::-webkit-scrollbar {
    width: 4px;
}

.hp-team-card__description::-webkit-scrollbar-track {
    background: transparent;
}

.hp-team-card__description::-webkit-scrollbar-thumb {
    background: #555;
    border-radius: 999px;
}

.hp-team-card:hover .hp-team-card__front {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-12px);
}

.hp-team-card:hover .hp-team-card__back {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

@media (max-width: 1024px) {
    .hp-team-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
	
	.hp-team-card {
        min-height: 360px;
        border-radius: 70px 0 70px 0;
    }
}

@media (max-width: 767px) {
    .hp-team-grid {
        grid-template-columns: 1fr;
    }

    .hp-team-card {
        min-height: 460px;
        border-radius: 70px 0 70px 0;
    }

    .hp-team-card__image {
        height: 440px;
    }

    .hp-team-card__front-content {
        padding: 22px 20px;
    }

    .hp-team-card__back {
        padding: 26px 20px 22px;
    }

    .hp-team-card__name {
        font-size: 21px;
    }

    .hp-team-card__description {
        margin-top: 22px;
        padding-right: 12px;
    }

    .hp-team-card__description p {
        margin-bottom: 24px;
        font-size: 14px;
    }
}

/* hp - dropdown sortowania bazy roslin */
.hp-baza-roslin-sort {
	width: 90px !important;
	border: 1px solid var( --e-global-color-76ffcf7 );
	border-radius: 50px;
	padding: 8px 40px 8px 16px !important;
	background-color: #fff;
	color: #888;
	font-size: 14px;
	cursor: pointer;
	/* usuwamy systemowa strzalke przegladarki */
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	/* wlasna, szara strzalka */
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 18px;
}

.hp-quality-term-box h3{
		margin: -4px 0 5px !important;
}

.hp-quality-term-box{
	    box-shadow: -13.41px 30.65px 35.05px rgba(0, 0, 0, 0.05);
    transition: border-color 0.3s ease, background 0.3s ease;
}

/* hp - sticky menu kart (lewa kolumna) w widgecie Business Tabs */
.hp-business-tab .e-n-tabs {
	display: flex !important;
	align-items: flex-start !important;
}

.hp-business-tab .e-n-tabs-heading {
	position: sticky !important;
	top: 150px !important; 
	align-self: flex-start !important;
	flex-basis: 300px !important;
}

.hp-dircetor-sale{
	box-shadow: -13.41px 30.65px 35.05px rgba(0, 0, 0, 0.05) !important;
    transition: border-color 0.3s ease, background 0.3s ease !important;
	border-color: transparent;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(180deg, #d9f3f4 0%, #d7f2c1 55%, #d8f59b 100%) border-box;
    border: 2px solid transparent;
}

.hp-dircetor-sale .elementor-button-text {
	white-space: normal !important;
	word-break: break-word !important;
	overflow-wrap: break-word !important;
	text-align: left !important;
}

.hp-business-tab button:focus-visible{
	box-shadow: none !important;
	outline: none !important;
}

@media(max-width: 1024px){
	.hp-business-tab .e-n-tabs-heading{
		position: static !important;
		flex-basis: 100px !important;
		margin-bottom: 40px !important;
		        gap: 12px !important;
	}
	
	.hp-business-tab .e-n-tabs-heading button{
		background-color: var(--e-global-color-6e580a8) !important;
    font-family: var(--e-global-typography-5f7bc0f-font-family), Sans-serif;
    font-size: var(--e-global-typography-5f7bc0f-font-size);
    font-weight: var(--e-global-typography-5f7bc0f-font-weight);
    text-transform: var(--e-global-typography-5f7bc0f-text-transform);
    font-style: var(--e-global-typography-5f7bc0f-font-style);
    line-height: var(--e-global-typography-5f7bc0f-line-height);
    color: var(--e-global-color-a09a2b6) !important;
    border-radius: 50px 50px 50px 50px !important;
    padding: 12px 24px 12px 24px !important;
	}
	
	.hp-business-tab .e-n-tabs-heading button[aria-selected="true"]{
		    background-color: var(--e-global-color-accent) !important;
	}
	
	.hp-business-tab h3.elementor-heading-title{
		font-size: 25px !important;
		line-height: 35px !important;
	}
	
	.hp-business-tab [id^="e-n-tab-content-"],
	.hp-obszary-dzialalnosci-tab [id^="e-n-tab-content-"] {
		display: none !important;
	}

	.hp-business-tab [id^="e-n-tab-content-"].hp-tab-open,
	.hp-obszary-dzialalnosci-tab [id^="e-n-tab-content-"].hp-tab-open {
		display: block !important;
		scroll-margin-top: 100px;
	}
	
	.hp-obszary-dzialalnosci-tab .e-n-tabs-content h3{
		line-height: 40px !important;
	}
}

form .elementor-field-type-acceptance label, form .elementor-field-type-acceptance label a{
	font-size: 17px !important;
    line-height: 25px !important;
}

form .elementor-field-type-acceptance label a{
	color: var( --e-global-color-6e580a8 ) !important;
}

form .elementor-field-type-acceptance  .elementor-field-option{
	display: flex !important;
	align-content: center !important;
	align-items: center !important;
	gap: 10px !important;
}

form .elementor-field-type-acceptance input{
	height: 26px !important;
    width: 26px !important;
    padding: 16px !important;
}

@media(max-width: 600px){
	form .elementor-field-type-acceptance input{
	height: 20px !important;
    width: 20px !important;
    padding: 12px !important;
}
}

/* hp kariera - siatka benefitow (co oferujemy) */
.hp-benefits-grid {
	display: grid;
	grid-template-columns: repeat( 2, 1fr );
	gap: 16px;
	margin: 15px 0 10px;
}

.hp-benefits-heading {
	grid-column: 1 / -1;
	font-size: 22px;
	font-weight: 700;
	margin: 0 0 10px;
}

.hp-benefit-card {
	display: flex;
	align-items: center;
	gap: 16px;
	background: #f4f5f7;
	border-radius: 12px;
	padding: 20px 24px;
}

.hp-benefit-icon {
	flex-shrink: 0;
	width: 32px;
	height: 32px;
}

.hp-benefit-icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 0 !important;
}

.hp-benefit-title {
	margin: 0 0 4px;
	font-size: 17px;
	font-weight: 700;
	color: #1a1a1a;
}

.hp-benefit-desc {
	margin: 0 !important;
	font-size: 14px;
	color: #666;
}

@media (max-width: 600px) {
	.hp-benefits-grid {
		grid-template-columns: 1fr;
	}
}

.hp-kariera-zakres-obowiazkow ul{
	padding-left: 25px;
}

.hp-kariera-wymagania, .hp-kariera-zakres-obowiazkow{
	box-shadow: -13.41px 30.65px 35.05px rgba(0, 0, 0, 0.05) !important;
}

.hp-kariera-wymagania ul {
    list-style: none;
    padding-left: 0;
}

.hp-kariera-wymagania ul li {
    position: relative;
    padding-left: 25px;
}

.hp-kariera-wymagania ul li::before {
    content: "\2714"; /* ✔ */
    color: var(--e-global-color-6e580a8);
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 0;
}

.hp-widget-offer-work article{
	box-shadow: -13.41px 30.65px 135.05px rgba(0, 0, 0, 0.03) !important;
}

.hp-widget-offer-work article:hover .elementor-post__card{
	    transition: border-color 0.3s ease, background 0.3s ease !important;
	border-color: transparent !important;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(180deg, #d9f3f4 0%, #d7f2c1 55%, #d8f59b 100%) border-box !important;
    border: 1px solid transparent !important;
}

.hp-widget-offer-work .elementor-post__text{
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	align-content: center !important;
	justify-content: space-between !important;
}

.hp-widget-offer-work .elementor-post__text a{
	margin-top: 5px !important;
	font-size: var( --e-global-typography-3668d1b-font-size ) !important;
}

.hp-join-us, .hp-steps-work{
	box-shadow: -13.41px 30.65px 135.05px rgba(0, 0, 0, 0.03) !important;
}

.hp-join-us .elementor-flip-box__image{
	margin-bottom: 5px !important;
}

.hp-join-us h3{
	margin-bottom: 0 !important;
}

@media(max-width: 600px){
	.hp-join-us h3{
		font-size: 16px !important;
		line-height: 26px !important;
	}
}

.hp-widget-offer-work .elementor-post__text a:hover{
	color: var( --e-global-color-accent ) !important;
}

#hp-job-offers-select, #hp-job-offers-location-select{
	border-radius: 50px !important;
	border: 1px solid var( --e-global-color-94bb4b3 ) !important;
	appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 12px;
	padding-right: 40px !important;
}

.hp-widget-offer-work .hp-job-offer-meta{
	margin-top: -20px !important;
}

.hp-widget-offer-work .hp-job-offer-meta span{
	background: var( --e-global-color-eaab1ee );
		padding: 5px 10px;
	margin-left: 10px;
	border-radius: 50px;
	font-size: var( --e-global-typography-1c94998-font-size );
}

.hp-widget-offer-work .hp-job-offer-arrow {
	background: transparent !important;
	opacity: 0;
	transition: width 0.3s ease, margin-left 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
}

.hp-job-offer-location {
	margin-right: -45px !important;
	transition: margin-right 0.3s ease !important;
}

.hp-widget-offer-work article:hover .hp-job-offer-location {
	margin-right: 0px !important;
}

.hp-widget-offer-work article:hover .hp-job-offer-arrow {
	width: 20px;
	margin-left: 10px;
	opacity: 1;
	transform: translateX( 0 );
	pointer-events: auto;
}

.hp-widget-offer-work .hp-job-offer-arrow svg {
	width: 20px !important;
	height: 20px !important;
	fill: var( --e-global-color-6e580a8 ) !important;
	margin-bottom: -2px;
}

.hp-widget-offer-work .elementor-post {
	position: relative;
}

.hp-widget-offer-work .elementor-post__title a::after {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
}

@media(max-width: 1024px){
	.hp-widget-offer-work .elementor-posts-container{
		grid-template-columns: repeat(1, 1fr) !important;
	}
	
	.hp-widget-offer-work article .elementor-post__title{
		width: 50% !important;
	}
	
	.hp-widget-offer-work article .hp-job-offer-arrow{
		opacity: 1 !important;
	}
	
	.hp-job-offer-location{
		margin-right: 0 !important;
	}
}

@media(max-width: 600px){
	.hp-widget-offer-work .elementor-post__text{
		flex-direction: column !important;
		gap: 5px !important;
	}
	
	.hp-widget-offer-work article .elementor-post__title{
		width: 100% !important;
	}
	
	.hp-widget-offer-work .hp-job-offer-meta{
		width: 100% !important;
	}
	
	.hp-widget-offer-work .hp-job-offer-meta span{
		margin-left: 0 !important;
		margin-right: 10px !important;
		font-size: 13px !important;
	}
	
	.hp-widget-offer-work .elementor-post__card .elementor-post__text{
		margin: 0 !important;
		padding: 20px 20px !important;
	}
	
	#hp-job-offers-select, #hp-job-offers-location-select{
		font-size: 12px !important;
		background-size: 8px !important;
	}
}

/*proces rekrutacji*/
.hp-recruitment-process {
    --hp-green: var(--e-global-color-6e580a8);
    --hp-turquoise: #61c8ce;
    --hp-text: #191919;
    --hp-description: #555555;
    --hp-border: #e6ecef;

    position: relative;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 34px;
    width: 100%;
}

.hp-recruitment-card {
    position: relative;
    z-index: 1;
    min-height: 425px;
    padding: 66px 28px 45px;
    text-align: center;
    background: #ffffff;
    border: 1px solid var(--hp-border);
    border-radius: 56px;
    box-shadow: 0 15px 35px rgba(38, 61, 74, 0.08);
}

.hp-recruitment-icon-wrap {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 116px;
    height: 116px;
    margin-bottom: 44px;
}

.hp-recruitment-icon {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    color: var(--hp-green);
    font-size: 40px;
    background: #ffffff;
    border-radius: 50%;
}

.hp-recruitment-icon img{
	border-radius: 0 !important;
}

.hp-recruitment-number {
    position: absolute;
    z-index: 4;
    top: 15px;
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    background: linear-gradient(145deg, var(--hp-turquoise) 0%, var(--hp-green) 100%);
    border: 2px solid #ffffff;
    border-radius: 50%;
}

.hp-recruitment-icon-wrap--active {
    width: 80px;
    height: 80px;
}

.hp-recruitment-icon--active {
    width: 80px;
    height: 80px;
    color: var(--hp-green);
    background: linear-gradient(
        145deg,
        var(--hp-turquoise) 0%,
        var(--hp-green) 100%
    );
    border: 0;
}

.hp-recruitment-icon--active i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    color: var(--hp-green);
    font-size: 24px;
    background: #ffffff;
    border-radius: 50%;
}

.hp-recruitment-title {
    margin: 0 0 12px;
    color: var(--hp-text);
    font-family: var(--e-global-typography-3668d1b-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-3668d1b-font-size) !important;
    font-weight: var(--e-global-typography-3668d1b-font-weight) !important;
    letter-spacing: -0.04em;
}

.hp-recruitment-description {
    margin: 0;
    color: var(--hp-description);
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
}

/* Tablet */
@media (max-width: 1100px) {
    .hp-recruitment-process {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hp-recruitment-process::before {
        display: none;
    }

    .hp-recruitment-card {
        min-height: 390px;
    }
}

/* Telefon */
@media (max-width: 767px) {
    .hp-recruitment-process {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .hp-recruitment-card {
        min-height: auto;
        padding: 42px 22px 38px;
        border-radius: 35px;
    }

    .hp-recruitment-icon-wrap {
        margin-bottom: 25px;
    }

    .hp-recruitment-description br {
        display: none;
    }
}

.hp-widget-offer-work {
	transition: opacity 0.2s ease;
	scroll-margin-top: 220px !important;
}

.hp-widget-offer-work.hp-loading {
	opacity: 0.4;
	pointer-events: none;
}

.hp-job-offers-empty {
	text-align: center;
	color: #999;
	padding: 40px 0;
	width: 100%;
}

/*obszary dzialalnosci kariera*/
/* Główny układ zakładek */
.hp-obszary-dzialalnosci-tab .e-n-tabs {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 30px;
    width: 100%;
}

/* Lewa część – kafelki */
.hp-obszary-dzialalnosci-tab .e-n-tabs-heading {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;

    width: 60% !important;
    flex: 0 0 60% !important;
    max-width: 60% !important;

    align-content: start;
}

/* Prawa część – treść */
.hp-obszary-dzialalnosci-tab .e-n-tabs-content {
    width: 40% !important;
    flex: 0 0 calc(40% - 30px) !important;
    max-width: calc(40% - 30px) !important;
    min-width: 0;
}

.hp-obszary-dzialalnosci-tab button{
	 border: 1px solid var( --e-global-color-76ffcf7 ) !important;
	border-radius: 25px !important;
	padding: 25px !important;
	transition: 0.5s !important;
}

.hp-obszary-dzialalnosci-tab button:hover{
	    box-shadow: -13.41px 30.65px 35.05px rgba(0, 0, 0, 0.05) !important;
}

.hp-obszary-dzialalnosci-tab button[aria-selected="true"]{
	    border-color: transparent !important;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(180deg, #d9f3f4 0%, #d7f2c1 55%, #d8f59b 100%) border-box !important;
    border: 1px solid transparent !important;
}

.hp-obszary-dzialalnosci-tab button span{
	display: flex !important;
	flex-direction: column !important;
	justify-content: flex-start !important;
	align-items: flex-start !important;
	gap: 30px !important;
}

.hp-obszary-dzialalnosci-tab button img{
	border-radius: 0 !important;
}

@media(max-width: 1024px){
	.hp-obszary-dzialalnosci-tab .e-n-tabs{
		display: flex !important;
		flex-direction: column !important;
		gap: 20px !important;
	}
	
	.hp-obszary-dzialalnosci-tab .e-n-tabs-heading, .hp-obszary-dzialalnosci-tab .e-n-tabs-content{
		width: 100% !important;
		max-width: 100% !important;
	}
	
}

@media(max-width: 600px){
	.hp-obszary-dzialalnosci-tab button{
		padding: 20px 15px !important;
		margin-top: 0px !important;
	}
	
	.hp-obszary-dzialalnosci-tab button span{
		font-size: 11px !important;
		line-height: 16px !important;
	}
	
	
	.hp-obszary-dzialalnosci-tab .e-n-tabs-heading{
		gap: 10px !important;
	}
}

/*karuzela nasze marki*/
.hp-our-brands-carousel {
    --hp-brands-gap: 24px;
    --hp-brands-width: 300px;

    position: relative;
    display: block !important;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.hp-our-brands-carousel .hp-our-brands-track {
    display: flex;
    align-items: stretch;
    gap: var(--hp-brands-gap);
    width: max-content;
    will-change: transform;
}

.hp-our-brands-carousel .hp-our-brands {
    flex: 0 0 var(--hp-brands-width) !important;
    width: var(--hp-brands-width) !important;
    min-width: var(--hp-brands-width) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    text-decoration: none;
	border: 2px solid transparent !important;
	transition: border-color 0.6s ease, background 0.6s ease !important;
}

.hp-our-brands-carousel .hp-our-brands:hover{
	background: linear-gradient(#fff, #fff) padding-box, linear-gradient(180deg, #d9f3f4 0%, #d7f2c1 55%, #d8f59b 100%) border-box !important;
	border: 2px solid transparent !important;
	transition: border-color 0.6s ease, background 0.6s ease !important;
}

.hp-our-brands-carousel .hp-our-brands img {
    display: block;
    max-width: 100%;
    height: auto;
}

.hp-our-brands-carousel.is-paused .hp-our-brands-track {
    cursor: default;
}

.hp-our-brands-carousel {
    opacity: 0;
    visibility: hidden;
}

.hp-our-brands-carousel.hp-carousel-ready {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.15s ease;
}

/* Tablet */
@media (max-width: 1024px) {
    .hp-our-brands-carousel {
        --hp-brands-width: 260px;
        --hp-brands-gap: 20px;
    }
}

/* Telefon */
@media (max-width: 767px) {
    .hp-our-brands-carousel {
        --hp-brands-width: 240px;
        --hp-brands-gap: 16px;
    }
}

/*opinie klientow widzet elementorowy*/
.hp-what-our-client-say .swiper-slide{
	border-top-right-radius: 100px !important;
	border-bottom-left-radius: 100px !important;
}

.hp-what-our-client-say .elementor-main-swiper{
	margin: 0 !important;
	width: 100% !important;
}

.hp-what-our-client-say .elementor-swiper-button{
	border: 1px solid var(--e-global-color-primary) !important;
	border-radius: 50px !important;
	padding: 10px !important;
	 background-position: center;
    background-repeat: no-repeat;
    background-size: 14px;
}

.hp-what-our-client-say .elementor-swiper-button:hover{
	background-color: var(--e-global-color-accent) !important;
    color: var(--e-global-color-a09a2b6) !important;
}

.hp-what-our-client-say .elementor-swiper-button svg {
    width: 15px !important;
    height: 15px !important;
}

.hp-what-our-client-say .elementor-swiper-button:hover svg{
	fill: var(--e-global-color-a09a2b6) !important;
	 filter: brightness(0) invert(1) !important;
}

.hp-what-our-client-say .elementor-swiper-button-next{
	top: -50px !important;
}

.hp-what-our-client-say .elementor-swiper-button-prev{
	top: -50px !important;
	right: 60px; !important;
	left: unset !important;
}

/*akordeon faq*/
.hp-accordion-faq .e-n-accordion-item-title-icon{
	border-radius: 50%;
    border: 1.5px solid var(--e-global-color-6e580a8);
	padding: 10px !important;
	margin-left: 100px !important;
}

.hp-accordion-faq .e-n-accordion-item-title-icon svg{
	fill: var(--e-global-color-6e580a8) !important;
}

.hp-accordion-faq .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon{
	background: var(--e-global-color-6e580a8) !important; 
}
.hp-accordion-faq .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon svg{
	fill: var( --e-global-color-a09a2b6 ) !important;
}

/*animacja roslin - wiedza prosto z natury*/

.hp-plant-slider {
    width: 100%;
    max-width: 920px;
    margin-inline: auto;
}

.hp-plant-slider__media {
    position: relative;
    width: 100%;
    height: 550px;
    overflow: hidden;

    border-radius: 190px 0 190px 0;
    background: #eef1e9;
    isolation: isolate;
}

.hp-plant-slider__image {
    position: absolute;
    inset: 0;
    z-index: 1;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover;
    object-position: center center;
border-radius: 0 !important;
    opacity: 0;
    visibility: hidden;
    transform: none;

    transition:
        opacity 0.65s ease,
        visibility 0.65s ease;
}

.hp-plant-slider__image.is-active {
    opacity: 1;
    visibility: visible;
    transform: none;
}


/* Delikatne przyciemnienie */
.hp-plant-slider__media::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;

    pointer-events: none;

    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.03) 0%,
        rgba(0, 0, 0, 0.08) 100%
    );
}

.hp-plant-slider__label {
    position: absolute;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 42px;
    padding: 9px 18px;
    border: 1px solid rgba(255, 255, 255, 0.85);
    border-radius: 50px;
    background: transparent !important;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    color: var( --e-global-color-a09a2b6 );
    font-family: inherit;
    font-size: 17px;
    line-height: 1;
    font-weight: 400;
    white-space: nowrap;
    cursor: pointer;
    transition:
        color 0.35s ease,
        background 0.35s ease,
        border-color 0.35s ease;
}

.hp-plant-slider__label.is-active,
.hp-plant-slider__label:hover,
.hp-plant-slider__label:focus-visible {
    background: var( --e-global-color-6e580a8 ) !important;
    border-color: var( --e-global-color-a09a2b6 );
    color: var( --e-global-color-a09a2b6 );;
    outline: none;
}

.hp-plant-slider__arrow {
    font-size: 20px;
    line-height: 1;
}


/* Pozycje nazw */

.hp-plant-slider__label--birch {
    top: 29%;
    left: 11%;
}

.hp-plant-slider__label--chestnut {
    top: 20%;
    left: 48%;
}

.hp-plant-slider__label--berry {
    top: 51%;
    left: 28%;
}

.hp-plant-slider__label--thistle {
    top: 73%;
    right: 13%;
}

@media (max-width: 1024px) {
    .hp-plant-slider__media {
        height: 400px !important;
    }
	
	.hp-plant-slider__label{
		min-height: unset !important;
		font-size: 13px !important;
		padding: 4px 10px !important;
	}
}

@media (max-width: 767px) {
    .hp-plant-slider__media {
        aspect-ratio: 0.9 / 1;
        border-radius: 90px 0 90px 0;
    }

    .hp-plant-slider__label {
        min-height: 36px;
        padding: 8px 12px;
        gap: 8px;
        font-size: 13px;
    }

    .hp-plant-slider__label--birch {
        top: 24%;
        left: 7%;
    }

    .hp-plant-slider__label--chestnut {
        top: 13%;
        left: auto;
        right: 5%;
    }

    .hp-plant-slider__label--berry {
        top: 49%;
        left: 13%;
    }

    .hp-plant-slider__label--thistle {
        top: 76%;
        right: 5%;
    }

    .hp-plant-slider__line--berry {
        top: calc(49% + 34px);
        left: 42%;
        height: 90px;
    }
}

.hp-contact-worker-box:hover{
border-color: transparent !important;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(180deg, #d9f3f4 0%, #d7f2c1 55%, #d8f59b 100%) border-box !important;
}

.hp-contact-worker-box .hp-person-position{
	font-size: var( --e-global-typography-1c94998-font-size ) !important;
	color: var( --e-global-color-text ) !important;
	font-weight: 500 !important;
}

.hp-contact-worker-box .hp-person-name{
	font-size: var( --e-global-typography-text-font-size ) !important;
	font-weight: 600 !important;
	display: inline-block !important;
	margin-bottom: 10px !important;
}

.hp-contact-worker-box .hp-person-tel, .hp-contact-worker-box .hp-person-mail{
	font-size: var( --e-global-typography-0b5a7d0-font-size ) !important;
}

.hp-contact-worker-box .hp-person-mail{
	margin-top: -5px !important;
	display: block !important;
}

#obszary-dzialalnosci-tytul, button#obszary-dzialalnosci-tytul[aria-selected="false"]{
	pointer-events: none !important;
	border: none !important;
	background: transparent !important;
	color: var( --e-global-color-primary ) !important;
}

@media(max-width: 600px){
	#obszary-dzialalnosci-tytul, button#obszary-dzialalnosci-tytul[aria-selected="false"]{
		display: none !important;
	}
}

#obszary-dzialalnosci-tytul span{
	font-family: var(--e-global-typography-d273616-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-d273616-font-size) !important;
    font-weight: var(--e-global-typography-d273616-font-weight) !important;
	line-height: var( --e-global-typography-d273616-line-height ) !important;
}

.hp-instagram-product-box .sbi-header{
	text-align: center !important;
	    font-family: var(--e-global-typography-d273616-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-d273616-font-size) !important;
    font-weight: var(--e-global-typography-d273616-font-weight) !important;
	    line-height: var(--e-global-typography-d273616-line-height) !important;
}

.hp-instagram-product-box .sbi_photo_wrap{
	border-radius: 30px !important;
}

.hp-instagram-product-box .sbi_follow_btn a{
	font-size: 18px !important;
	display: flex !important;
	align-items: center !important;
	border-radius: 50px !important;
	padding: 10px 25px !important;
}

.hp-instagram-product-box .sbi_follow_btn svg{
	height: 22px !important;
	width: 22px !important;
}

/*formularz aplikacyjny kariera*/
.hp-multi-original {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.hp-multi {
    position: relative !important;
    width: 100% !important;
}

.hp-multi__button {
    position: relative !important;
    width: 100% !important;
	padding: 13px 20px 13px 20px !important;
    border: 1px solid var(--e-global-color-76ffcf7) !important;
	border-radius: 10px !important;
		background: transparent !important;
	color: var( --e-global-color-primary ) !important;
	font-weight: var( --e-global-typography-text-font-weight ) !important;
	font-size: var( --e-global-typography-text-font-size ) !important;
    border-radius: 10px !important;
    text-align: left !important;
    cursor: pointer !important;
	white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
}

.hp-multi__button::after {
    content: "" !important;
    position: absolute !important;
    right: 16px !important;
    top: 50% !important;
    width: 8px !important;
    height: 8px !important;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: translateY(-70%) rotate(45deg);
}

.hp-multi.is-open .hp-multi__button::after {
    transform: translateY(-20%) rotate(225deg) !important;
}

.hp-multi__dropdown {
    display: none;
    position: absolute;
    z-index: 99999;
    top: calc(100% + 4px);
    left: 0;
    width: 100%;
    max-height: 260px;
    overflow-y: auto;
    padding: 8px;
    border: 1px solid var(--e-global-color-76ffcf7);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.15);
}

.hp-multi.is-open .hp-multi__dropdown {
    display: block;
}

.hp-multi__option {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 5px 8px;
    border-radius: 3px;
    cursor: pointer;
	font-size: var( --e-global-typography-0b5a7d0-font-size ) !important;
}

.hp-multi__option:hover {
    background: #f2f2f2;
}

.hp-multi__option input {
    width: 15px;
    height: 15px;
    margin: 0;
}

.hp-multi__error {
    display: none;
    margin-top: 5px;
    color: #c00;
    font-size: 13px;
}

.hp-multi.has-error .hp-multi__button {
    border-color: #c00;
}

.hp-multi.has-error .hp-multi__error {
    display: block;
}

.hp-application-form .hp-conditional-field {
    display: none !important;
}

.hp-application-form
.hp-conditional-field.hp-conditional-visible {
    display: flex !important;
}

.hp-application-form input, .hp-application-form .hp-multi__button{
	padding: 13px 20px !important;
	font-size: var( --e-global-typography-accent-font-size ) !important;
	line-height: 30px !important;
}

.hp-application-form .elementor-field-type-acceptance .elementor-acceptance-field {
	height: 80px !important;
	width: 80px !important;
	padding: 30px !important;
	border-radius: 50px !important;
	accent-color: #000 !important;
}

.hp-application-form .elementor-field-type-acceptance label{
	line-height: 22px !important;
}

.elementor-field-group-field_3bdd40d input[type="file"] {
    width: 100%;
    border: 1px solid var(--e-global-color-76ffcf7) !important;
    border-radius: 10px;
}

.elementor-field-group-field_3bdd40d input[type="file"]::file-selector-button {
    padding: 3px 25px !important;
    border: 0;
    border-radius: 50px !important;
    background: var( --e-global-color-6e580a8 ) !important;
    color: #fff;
    font-size: var( --e-global-typography-1c94998-font-size ) !important;
    font-weight: 500 !important;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.elementor-field-group-field_3bdd40d input[type="file"]::file-selector-button:hover {
    opacity: 0.85;
}

input[type="file"]::-webkit-file-upload-button {
    margin-right: 14px;
     padding: 3px 25px !important;
    border: 0;
    border-radius: 50px !important;
    background: var( --e-global-color-6e580a8 ) !important;
    color: #fff;
    font-size: var( --e-global-typography-1c94998-font-size ) !important;
    font-weight: 500 !important;
}

input[type="file"]:focus {
    outline: none;
    border-color: #2f6b3b;
    box-shadow: 0 0 0 2px rgba(47, 107, 59, 0.15);
}

.dialog-close-button{
	position: initial !important;
	padding: 10px !important;
	width: 40px !important;
	height: 40px !important;
	margin-left: auto !important;
	margin-right: 25px !important;
	margin-top: 15px !important;
	font-size: 24px !important;
	border-radius: 50px !important;
}

/* hp - galeria bazy roslin: 1 zdjecie na gorze, reszta w rzedzie ponizej */
.hp-baza-roslin-gallery {
	margin: 30px 0 !important;
}

.hp-baza-roslin-gallery-top {
	margin-bottom: 16px;
}

.hp-baza-roslin-gallery-top img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 12px;
}

.hp-baza-roslin-gallery-bottom {
	display: flex;
	gap: 16px;
}

.hp-baza-roslin-gallery-item {
	flex: 1 1 0;
}

.hp-baza-roslin-gallery-item img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 12px;
}

/* hp - wymuszenie skalowania zdjecia w lightboxie do rozmiaru okna przegladarki */
.elementor-lightbox img,
.pswp img,
.pswp__img {
	max-width: 70vw !important;
	max-height: 70vh !important;
	width: auto !important;
	height: auto !important;
	object-fit: contain;
}

/*WPML switcher*/
.hp-language-switcher-menu .wpml-ls-legacy-list-horizontal {
  position: relative;
  display: inline-block;
}

.hp-language-switcher-menu .wpml-ls-legacy-list-horizontal ul {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}

.hp-language-switcher-menu .wpml-ls-item {
  display: none;
  order: 2;
}

.hp-language-switcher-menu .wpml-ls-current-language {
  display: block !important;
  order: 1;
  cursor: pointer;
}

.hp-language-switcher-menu.is-open .wpml-ls-item {
  display: block !important;
}

.hp-language-switcher-menu.is-open ul{
	margin-top: -25px !important;
}

.hp-language-switcher-menu.is-open .wpml-ls-legacy-list-horizontal ul {
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0,0,0,.1);
  min-width: 50px;
  z-index: 50;
  padding: 4px 0;
}

.hp-language-switcher-menu .wpml-ls-link {
  display: flex !important;
  align-items: center;
  gap: 4px;
  padding: 6px 12px;
  text-decoration: none;
}

.hp-language-switcher-menu .wpml-ls-link .wpml-ls-native,
.hp-language-switcher-menu .wpml-ls-link .wpml-ls-display {
  display: none !important;
}

.hp-language-switcher-menu .wpml-ls-link::before {
  content: attr(hreflang) !important;
  text-transform: uppercase;
  font-size: 14px;
}

/* kontener na wstrzykniętą strzałkę */
.hp-lang-arrow {
  display: inline-flex;
  width: 10px;
  height: 10px;
  transition: transform 0.2s ease;
}

.hp-lang-arrow svg {
  width: 100%;
  height: 100%;
  display: block;
}

/* KOLOR strzałki — steruje ścieżkami wewnątrz wstrzykniętego SVG */
.hp-lang-arrow svg path,
.hp-lang-arrow svg polygon,
.hp-lang-arrow svg * {
  fill: #333; /* <-- TU zmieniasz kolor */
  transition: fill 0.2s ease;
}

.hp-language-switcher-menu .wpml-ls-current-language:hover .hp-lang-arrow svg * {
  fill: #b30000; /* <-- kolor na hover */
}

.hp-language-switcher-menu .hp-lang-arrow {
  transform: rotate(180deg);
}

.hp-language-switcher-menu.is-open .hp-lang-arrow {
  transform: rotate(0deg);
}

/* Biała strzałka domyślnie */
.page-id-3130 .hp-language-switcher-menu .hp-lang-arrow svg *,
.page-id-8371 .hp-language-switcher-menu .hp-lang-arrow svg *,
.page-id-8535 .hp-language-switcher-menu .hp-lang-arrow svg * {
  fill: #ffffff !important;
}

/* Czarna strzałka po przejściu menu za sekcję hero */
.page-id-3130 #main-menu.hp-menu-after-hero .hp-language-switcher-menu .hp-lang-arrow svg *,
.page-id-8371 #main-menu.hp-menu-after-hero .hp-language-switcher-menu .hp-lang-arrow svg *,
.page-id-8535 #main-menu.hp-menu-after-hero .hp-language-switcher-menu .hp-lang-arrow svg * {
  fill: #000000 !important;
}

/* Biała strzałka po rozwinięciu menu */
.page-id-3130 #main-menu.hp-menu-after-hero .hp-language-switcher-menu.is-open .hp-lang-arrow svg *,
.page-id-8371 #main-menu.hp-menu-after-hero .hp-language-switcher-menu.is-open .hp-lang-arrow svg *,
.page-id-8535 #main-menu.hp-menu-after-hero .hp-language-switcher-menu.is-open .hp-lang-arrow svg * {
  fill: #ffffff !important;
}

.hp-language-switcher-menu.is-open .hp-lang-arrow{
	display: none !important;
}

.hp-language-switcher-menu.is-open .wpml-ls-link{
	justify-content: center !important;
}

/* Biały tekst języków domyślnie */
.page-id-3130 .hp-language-switcher-menu a.wpml-ls-link,
.page-id-8371 .hp-language-switcher-menu a.wpml-ls-link,
.page-id-8535 .hp-language-switcher-menu a.wpml-ls-link {
  color: #ffffff !important;
}

/* Czarny tekst po przejściu menu za hero lub po rozwinięciu */
.page-id-3130 #main-menu.hp-menu-after-hero a.wpml-ls-link,
.page-id-8371 #main-menu.hp-menu-after-hero a.wpml-ls-link,
.page-id-8535 #main-menu.hp-menu-after-hero a.wpml-ls-link,
.page-id-3130 #main-menu .hp-language-switcher-menu.is-open a.wpml-ls-link,
.page-id-8371 #main-menu .hp-language-switcher-menu.is-open a.wpml-ls-link,
.page-id-8535 #main-menu .hp-language-switcher-menu.is-open a.wpml-ls-link {
  color: #000000 !important;
}

.page-id-3130 #main-menu .hp-language-switcher-menu.is-open .wpml-ls-current-language a, .page-id-8371 #main-menu .hp-language-switcher-menu.is-open .wpml-ls-current-language a, .page-id-8535 #main-menu .hp-language-switcher-menu.is-open .wpml-ls-current-language a, .hp-language-switcher-menu.is-open .wpml-ls-current-language a{
	color: var( --e-global-color-6e580a8 ) !important;
	font-weight: 600 !important;
}

.hp-language-switcher-menu .wpml-ls-current-language:hover .hp-lang-arrow svg *{
	fill: var( --e-global-color-6e580a8 ) !important;
}