/*!
Theme Name: Imperium Zaproszen
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: imperium-zaproszen
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Imperium Zaproszen is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

:root {
	--font-primary: "Red Hat Display", sans-serif;
	--color-bg: #f7f7f5;
	--color-surface: #ffffff;
	--color-text: #1b1b1b;
	--color-muted: #6e6e6e;
	--color-border: #d9d9d4;
	--orange: #b89a5f;
	--orange-dark: #9f8247;
	--gradient: linear-gradient(120deg, #1c1c1f 0%, #2b2b30 55%, #151518 100%);
	--header-logo-height: clamp(24px, 1.1vw + 12px, 30px);
	--header-control-size: clamp(42px, 1.1vw + 26px, 50px);
	--header-pill-height: clamp(44px, 1.1vw + 28px, 52px);
	--header-font-size: clamp(14px, 0.45vw + 10px, 18px);
	--header-nav-gap: clamp(12px, 1.3vw, 28px);
	--header-action-gap: clamp(8px, 0.8vw, 16px);
	--header-section-gap: clamp(12px, 1vw, 24px);
}

div#page * {
	font-family: var(--font-primary), sans-serif;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: var(--color-text);
	font-family: var(--font-primary), sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

/* p {
	margin-bottom: 1.5em;
} */

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: var(--color-bg);
}

hr {
	background-color: var(--color-border);
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

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

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: inherit;
}

a:visited {
	color: inherit;
}

a:hover,
a:focus,
a:active {
	color: var(--orange-dark);
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: var(--color-border);
	border-radius: 3px;
	background: var(--color-surface);
	color: var(--color-text);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: var(--orange);
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: var(--orange-dark);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: var(--color-muted);
	border: 1px solid var(--color-border);
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

/* .main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
} */

/* .main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
} */

/* .main-navigation ul ul a {
	width: 200px;
} */

/* .main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
} */

/* .main-navigation li {
	position: relative;
} */

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

/* .post,
.page {
	margin: 0 0 1.5em;
} */

.updated:not(.published) {
	display: none;
}

/* .page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
} */

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}


header#masthead {
    padding: 30px max(50px, calc((100vw - 1920px) / 2));
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	position: relative;
	z-index: 100;
	background-color: var(--color-bg);

}

.entry-content:not(.woocommerce-Tabs-panel) {
	padding: 0px max(50px, calc((100vw - 1920px) / 2));
}
@media screen and (max-width: 1500px){
	.entry-content:not(.woocommerce-Tabs-panel) {
		padding: 0px max(20px, calc((100vw - 1920px) / 2));
	}
}
.header-wrapper {
	position: relative;
	gap: 30px;
}
@media screen and (max-width: 781px){
	header#masthead {
		padding: 30px max(20px, calc((100vw - 1920px) / 2));
	}
}

.icon-wrapper {
    height: 50px;
    width: 50px;
    border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
    border: 1px solid var(--orange);
}
.cart-button {
    height: 50px;
    padding: 5px 30px;
    background: var(--gradient);
    width: fit-content;
    display: flex;
    gap: 10px;
    align-items: center;
	border-radius: 50px;
	font-weight: 800 !important;
	color: white;
}


.header-actions {
    display: flex;
    gap: 10px;
	width: 100%;
}

.header-actions a {
	text-decoration: none;
}

form.woocommerce-product-search {
    height: 50px;
    display: block;
    border: 1px solid var(--orange);
	background-color: #f7f7f5 !important;
	align-items: center;
	padding: 0 15px;
	padding-right: 10px;
    border-radius: 50px;
    display: flex;
	justify-content: space-between;
}

form.woocommerce-product-search .search-input {
	border: none;
	outline: none;
	border-radius: 0;
	-webkit-appearance: none;
	appearance: none;
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
	color: var(--color-text);
	padding: 0;
	width: 100%;
	font-size: 14px;
}

form.woocommerce-product-search input[type="search"],
form.woocommerce-product-search input#woocommerce-product-search-field.search-input {
	border: 0 !important;
	outline: 0 !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	background: #f7f7f5 !important;
	background-color: #f7f7f5 !important;
	box-shadow: none !important;
	color: var(--color-text) !important;
}

form.woocommerce-product-search .search-input:-webkit-autofill,
form.woocommerce-product-search .search-input:-webkit-autofill:hover,
form.woocommerce-product-search .search-input:-webkit-autofill:focus {
	-webkit-text-fill-color: var(--color-text);
	-webkit-box-shadow: 0 0 0px 1000px transparent inset;
	transition: background-color 9999s ease-out 0s;
}

form.woocommerce-product-search .search-input::placeholder {
	color: var(--color-muted);
}

button.header-search {
    border: none;
	display: flex;
    padding: 0;
    border-radius: 0;
    background: transparent;
}
.menu-inner-wrapper > nav > div > ul > li.menu-item-has-children > a {
	display: flex;
	gap: 5px;
	align-items: center;
}
.menu-inner-wrapper > nav > div > ul > li.menu-item-has-children > a::after {
	content: "";
	display: inline-block;
	width: 12px; /* Adjust width as needed */
	height: 12px; /* Adjust height as needed */
	background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M6.85723%2010.6905L2.66675%206.5M13.3334%206.5L8.00008%2011.8333%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%0A%3C/svg%3E%0A");
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle; /* Align the icon vertically */
}
.header-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

@media screen and (min-width: 1501px){
	.menu-wrapper {
		display: flex;
		gap: 20px;
	}
	.baner-inner-wrapper {
		margin-top: 20px;
	}
	
	.submenu-container {
		position: absolute;
		left: -400%;
	}
	
	.menu-inner-wrapper ul {
		padding: 0;
		margin: 0;
		list-style-type: none;
	}
	
	ul.menu.nav-menu {
		display: flex;
		gap: 20px;
		flex-wrap: wrap;
		row-gap: 5px;
		justify-content: end;
	}
	
	.menu-inner-wrapper > nav, .menu-inner-wrapper > nav > div, .menu-inner-wrapper > nav > div > ul{
		height: 100%;
	}
	.menu-inner-wrapper a {
		color: black;
	}
	.menu-inner-wrapper > nav > div > ul > li > a {
		display: block;
		height: 100%;
		display: flex;
		align-items: center;
		gap: 5px;
	}

	.menu-inner-wrapper > nav > div > ul {
		display: flex;
		gap: 20px;
		flex-wrap: wrap;
		row-gap: 5px;
		justify-content: end;
	}
	
	.menu-inner-wrapper > nav > div > ul > li:hover .submenu-container {
		padding: 20px;
		background: white;
		box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.09);
		width: 100%;
		top: 100%;
		z-index: 20;
		left: 0;
		border-radius: 10px !important;
		overflow: hidden;
	}
	
	
	.submenu-level-1 {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 50px;
		row-gap: 20px;
	}
	
	.submenu-level-1 > li > a {
		display: block;
		/* background: var(--orange); */
		padding: 7px 0px;
		/* color: white; */
		/* border-radius: 10px; */
		margin-bottom: 10px;
		border-bottom: 2px solid var(--orange);
	}
	
	.submenu-level-1 > li > .submenu-grid-container > .submenu-level-2 {
		margin-left: 20px;
	}
	
	a.show-products {
		color: var(--orange);
		font-size: 14px;
		margin: 10px 0;
	}
	
	ul.submenu-level-2 a {
		display: block;
		padding: 5px 0;
	}
	ul.submenu-level-1 > li {
		position: relative;
	}
	

	
	.site-branding {
		flex: none;
	}
	.menu-inner-wrapper > nav > div > ul > li > a {
		position: relative;
	}
	.menu-inner-wrapper > nav > div > ul > li > a:hover::before {
		content: "";
		display: block;
		height: 100px;
		position: absolute;
		width: 100%;
		background-color: transparent;
		z-index: 10;
		top: 100%
	}
	.mobile-item {
		display: none;
	}
	.mobile-menu-open {
		display: none;
	}
}

@media screen and (max-width: 782px){
	.admin-bar header#masthead {
		top: 46px !important;
	}
}


.toggled .mobile-menu-open-wrapper > div:first-child {
	display: none;
}
.toggled .mobile-menu-open-wrapper > div:nth-child(2){
	transform: rotate(45deg) translate(2px,2px);
}
.toggled .mobile-menu-open-wrapper > div:nth-child(3){
	transform: rotate(-45deg) translate(0px,-0.5px);
}
.toggled .mobile-menu-open-wrapper {
	gap: 0;
}

@media screen and (max-width: 1500px){
	.toggled .menu-inner-wrapper {
		position: fixed;
		height: 100vh;
		width: 100%;
		left: 0;
		top: 0;
		padding: 50px 20px;
		padding-top: 98px;
		z-index: 40;
		background-color: white;
		z-index: -1;
		overflow-y: auto;
	}
	.header-wrapper {
		background-color: transparent;
	}
	.admin-bar .toggled .menu-inner-wrapper {
		position: fixed;
		height: 100vh;
		width: 100%;
		left: 0;
		top: 0;
		padding: 50px 20px;
		padding-top: 130px;
		z-index: 40;
		background-color: white;
		z-index: -1;
		overflow-y: auto;
	}
	.admin-bar .info-top.toggled .menu-inner-wrapper {
		padding-top: 164px;
	}
	.info-top .menu-inner-wrapper {
		padding-top: 132px;
	}
	.menu-inner-wrapper ul a {
		color: black;
		padding: 5px 0;
	}
	form.woocommerce-product-search .search-input {
		width: 100%;
	}
	header#masthead {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background-color: var(--color-bg);
	}
	
	
	
	.admin-bar 	header#masthead {
		position: fixed;
		top: 32px;
		left: 0;
		width: 100%;
	}
	
	header#masthead.info-top {
		top: 35px !important
	}
	.admin-bar #masthead.info-top {
		top: 67px !important
	}
	.menu-inner-wrapper ul ul {
		margin-left: 20px;
	}

	    .slider-text {
		    position: fixed;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 35px;
		    z-index: 50;
		    overflow: hidden;
		    background: #050505;
		    color: #fff;
	    }
	    .admin-bar .slider-text {
		    top: 32px;
	    }

	    .slider-text__viewport {
		    display: flex;
		    align-items: center;
		    width: 100%;
		    height: 100%;
		    overflow: hidden;
	    }

	    .slider-text__track {
		    display: flex;
		    flex: 0 0 max-content;
		    min-width: max-content;
		    animation: imperium-marquee 24s linear infinite;
		    will-change: transform;
	    }

	    .slider-text__item {
		    display: block;
		    flex: 0 0 max-content;
		    padding-right: 96px;
		    color: #fff;
		    font-size: 14px;
		    line-height: 35px;
		    letter-spacing: 0.02em;
		    white-space: nowrap;
	    }

	    .slider-text__item a,
	    .slider-text__item a:hover,
	    .slider-text__item a:focus-visible {
		    color: #fff;
		    text-decoration: none;
	    }

	    @keyframes imperium-marquee {
		    from { transform: translateX(0); }
		    to { transform: translateX(-50%); }
	    }

	    @media (prefers-reduced-motion: reduce) {
		    .slider-text__track {
			    animation: none;
			    justify-content: center;
			    width: 100%;
		    }
		    .slider-text__item[aria-hidden="true"] {
			    display: none;
		    }
	    }

	.menu-inner-wrapper {
		position: fixed;
		height: 100vh;
		width: 100%;
		left: -120%;
		top: 0;
		padding: 50px 20px;
		z-index: 40;
		background-color: white;
	}

	.mobile-item {
		display: block;
	}

	.menu-inner-wrapper ul {
		padding: 0;
		margin: 0;
		list-style-type: none;
	}
	.mobile-item .search-form {
		margin-bottom: 10px;
	}
	.mobile-menu-open-wrapper {
		height: 50px;
		width: 50px;
		display: flex;
		flex-direction: column;
		gap: 5px;
		justify-content: center;
		align-items: center;
		border: 1px solid var(--orange);
		border-radius: 50px 10px 50px 50px;
		background-color: var(--orange);
	}
	.mobile-menu-open-wrapper > div {
		height: 3px;
		width: 30px;
		border-radius: 5px;
		background-color: white;
	}
	nav#site-navigation > div > ul > li .submenu-container {
		display: none;
	}
	nav#site-navigation > div > ul > li.opened .submenu-container {
		display: block;
	}
	.menu-inner-wrapper > nav > div > ul > li.menu-item-has-children.opened > a::after {
		transform: rotate(-90deg);
	}
}

.header-actions-mobile {
    display: flex;
    gap: 20px;
}

.header-actions-mobile .search-form {
	width: 100%;
}

@media screen and (min-width: 451px){
	.header-actions-mobile > *:not(.search-form){
		display: none !important;
	}
}

@media screen and (max-width: 1300px){
	header#masthead {
		padding: 20px max(20px, calc((100vw - 1920px) / 2));
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}
	.header-actions {
		justify-content: end;
	}
}

@media screen and (max-width: 900px){
	.header-actions .search-form {
		display: none;
	}
}
@media screen and (max-width: 600px){
	.cart-button {
		height: 40px;
		padding: 5px 20px;
		background: var(--gradient);
		width: fit-content;
		display: flex;
		gap: 10px;
		font-size: 16px;
		align-items: center;
		border-radius: 50px;
		font-weight: 800 !important;
		color: white;
	}
	.mobile-menu-open-wrapper {
		height: 40px;
		width: 40px;
		gap: 4px;
	}
	.mobile-menu-open-wrapper > div {
		height: 3px;
		width: 25px;
		border-radius: 5px;
		background-color: white;
	}
	.icon-wrapper {
		height: 40px;
		width: 40px;
		border-radius: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		border: 1px solid var(--orange);
	}
	.header-actions-mobile {
		gap: 10px;
	}
	.site-branding img {
		height: 40px;
		width: auto;
	}
}
@media screen and (max-width: 500px){
	.cart-button {
		height: 40px;
		padding: 0;
		width: 40px !important;
		background: var(--gradient);
		width: fit-content;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 10px;
		font-size: 16px;
		align-items: center;
		border-radius: 50px;
		font-weight: 800 !important;
		color: white;
	}
	form.woocommerce-product-search {
		height: 40px;
		padding-right: 2px;
	}
	.icon-wrapper {
		height: 40px;
		width: 40px;
		border-radius: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		border: 1px solid var(--orange);
	}
	.site-branding img {
		height: 40px;
		width: auto;
	}
	.cart-button .cart-title {
		display: none;
	}
}

@media screen and (max-width: 450px){
	.header-actions .mobile-hide {
		display: none;
	}
}

nav#site-navigation > div > ul > li > a {
	width: fit-content;
}

.home header.entry-header {
    display: none;
}
.baner-wrapper p {
    margin: 00;
}

.swiper-slide-wrapper {
	height: 60vh;
	border-radius: 20px;
	min-height: fit-content;
}

.baner-header {
    height: calc(100% - 80px);
    width: 40%;
	padding: 40px;
	display: flex;
	flex-direction: column;
	justify-content: end;
    background: rgba(255, 255, 255, 0.33);
    backdrop-filter: blur(5.449999809265137px);
}

.baner-text {
    color: #000;
    font-family: var(--font-primary), sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
	line-height: normal;
}

.baner-text strong{
	color: var(--orange);
	font-family: var(--font-primary), sans-serif !important;
	font-size: 45px;
	font-style: normal;
	font-weight: 900;
	line-height: normal;
	line-height: normal;
}
.baner-buttons {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}
.baner-buttons a {
    text-decoration: none;
    display: flex;
}
.baner-buttons {
	margin-top: 40px
}
.baner-buttons a:first-child button::after {
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiByeD0iMTUiIGZpbGw9IiNGRTUzMkUiLz4KPHBhdGggZD0iTTE3LjE5MDUgMTYuMTQyOUwxMyAyMC4zMzM0TTEzIDkuNjY2NzFMMTguMzMzMyAxNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
	background-size: cover;
  }

.baner-buttons a:first-child button {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0px 10px;
	padding-left: 20px;
	gap: 30px;
	border-radius: 50px;
	background-color: transparent;
	border: 1px solid var(--orange);
	color: var(--orange);
}
.baner-buttons a {
	cursor: pointer;;
}
.baner-buttons a:not(a:first-child) button {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0px 10px;
	padding-left: 20px;
	gap: 30px;
	border-radius: 50px;
	background-color: transparent;
	border: 1px solid white;
	color: white;
}

.baner-buttons a:not(a:first-child) button::after {
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiByeD0iMTUiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xNy4xOTA1IDE2LjE0MjlMMTMgMjAuMzMzNE0xMyA5LjY2NjcxTDE4LjMzMzMgMTUiIHN0cm9rZT0iI0ZFNTMyRSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
	background-size: cover;
  }

  .baner-buttons a button:hover {
	background-color: var(--orange) !important;
	cursor: pointer !important;
	border: 1px solid var(--orange) !important;
	transition-duration: 0.3s;
	color: white !important
  }
	.slider-text a {
		color: white;
		text-decoration: none;
	}

.special-infos {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    padding: 20px 0;
}

.single-info {
    background: var(--gradient);
    border-radius: 10px;
    display: flex;
	align-items: center;
	color: white;
	gap: 20px;
    padding: 10px 20px;
}

@media screen and (max-width: 1500px){
	.baner-header {
		width: 70%;
	}	
}
@media screen and (max-width: 1000px){
	.baner-header {
		width: calc(100% - 80px);
	}	

}
@media screen and (max-width: 1500px){


	.home .entry-content {
		margin-top: 104px
	}
	body:not(.home)  header.entry-header {
		margin-top: 76px !important
	}
}
@media screen and (max-width: 600px){


	.home  .entry-content {
		margin-top: 94px
	}
	body:not(.home)  header.entry-header {
		margin-top: 74px !important
	}
}
@media screen and (max-width: 1500px) and (min-width: 1300px){


	.home .entry-content {
		margin-top: 114px
	}
	body:not(.home)  header.entry-header {
		margin-top: 74px !important
	}
}
@media screen and (max-width: 1300px){
	.entry-content {
		padding: 0px max(20px, calc((100vw - 1920px) / 2));
	}

	.single-info img {
		width: 25px;
		height: 25px;
	}
	.single-info {
		font-size: 14px;
		gap: 10px;
		padding: 10px 10px;
	}
	.special-infos {
		gap: 10px;
	}
	.baner-text {
		font-size: 30px;
		line-height: 30px;
	}
	.baner-text strong {
		font-size: 30px;
		line-height: 30px;
	}
	.baner-buttons {
		margin-top: 20px !important;
		gap: 10px !important;
	}
	.baner-buttons a button {
		height: 40px !important;
		padding-left: 20px;
		font-size: 14px;
		gap: 10px !important;
	}
	.baner-header {
		padding: 20px;
		height: calc(100% - 40px);
		width: calc(100% - 40px);
	}
}

@media screen and (max-width: 500px){
	.baner-text {
		font-size: 25px;
		line-height: 25px;
	}
	.baner-text strong {
		font-size: 25px;
		line-height: 25px;
	}
}

h1.entry-title::after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	flex: 1;
	background-color: white;
}
h1.entry-title {
    margin: 0;
	display: flex;
	color: white;
	gap: 50px;
	align-items: center;
}

header.entry-header {
	padding: 30px max(50px, calc((100vw - 1920px) / 2));
    background: var(--gradient);
	padding-top: 80px
}
.breadcrumbs *, .breadcrumbs a {
	text-decoration: none;
	color: white;
}
.breadcrumbs {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

@media screen and (max-width: 1300px){
	header.entry-header {
		padding: 30px max(20px, calc((100vw - 1920px) / 2));
		background: var(--gradient);
		padding-top: 50px;
	}
}

ul.products.columns-4 {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ul.products.columns-4, .whislist_wrapper {
    display: grid;
	grid-template-columns: repeat(4, calc(25% - (150px / 4)));	
	gap: 50px;
}
li.product {position: relative;}
li.product img {
	aspect-ratio: 1/1;
	object-fit: cover;
	border-radius: 20px;
}

h2.woocommerce-loop-product__title {
    overflow: hidden;
    color: #000;
    text-overflow: ellipsis;
    font-family: var(--font-primary), sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
align-self: stretch;

}

.product-info {
    padding: 10px 20px;
	border-radius: 10px;
	background-color: white;
}
.section-special-box .product-info {
	margin-top: 10px;
}

.product-info h2 {
    margin: 0;
}
span.heart-icon:hover path {
	stroke: white;
	fill: white;
	transition-duration: 0.2s;
}
span.heart-icon:hover svg {
	transition-duration: 0.2s;
	background-color: var(--orange);
}
span.heart-icon {
    display: flex;
	cursor: pointer;
    gap: 5px;
    align-items: center;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 5;
}

.heart-icon svg {
    background: white;
    padding: 7px;
    background: white;
    height: 40px;
    width: 40px;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.heart-icon svg path {
	stroke: var(--orange);
	fill: transparent;
}

.heart {
    position: absolute;
    pointer-events: none;
    font-size: 10px;
	z-index: 40;
    opacity: 0.8;
	color: var(--orange);
	background: none;
    -webkit-background-clip: text;
    background-clip: text;
}

span.heart_info {
    display: none;
}

.products-wrapper {
    display: grid;
    grid-template-columns: 300px calc(100% - 300px - 50px);
	gap: 50px;
}

nav.woocommerce-breadcrumb {
    display: none;
}

.single-product .summary.entry-summary nav.woocommerce-breadcrumb {
    display: block;
    margin-bottom: 15px;
    font-size: 14px;
    color: var(--color-muted);
}

.single-product .summary.entry-summary nav.woocommerce-breadcrumb a {
    color: var(--color-muted);
    text-decoration: none;
}

.single-product .summary.entry-summary nav.woocommerce-breadcrumb a:hover {
    color: var(--orange);
}

.prices-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
}

.filters-header {
    color: #000;
    font-family: var(--font-primary), sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
}

#slider-range {
	margin-top: 10px;
	margin-bottom: 10px;
}

.noUi-horizontal .noUi-handle {
	height: 27px;
	width: 27px;
	background: var(--orange);
	border: 2px solid var(--color-surface);
	box-shadow: 0 0 0 1px var(--orange);
}

.noUi-target {
    background: var(--orange);
    border-radius: 4px;
    border: none;
    /* box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; */
}

.noUi-connect {
	background: var(--orange);
}

.noUi-connects {
    background: #dadada !important;
}

.noUi-horizontal .noUi-handle {
	top: -9px
}

.noUi-handle-lower {
	right: -15px !important;
}

span.heart-icon.delete svg {
	background: var(--orange);
}
span.heart-icon.delete svg path{
    stroke: white;
	fill: white
}

.filter-single-sumup {
	flex: none;
	width: auto;
    border-radius: 50px;
	background: rgba(184, 154, 95, 0.18);
	border: 1px solid rgba(184, 154, 95, 0.3);
	color: var(--color-text);
    display: flex;
    padding: 6px 20px;
	height: 35px;
    align-items: center;
    gap: 10px;
	width: auto;
}

.filterssumup {
    display: flex;
    gap: 20px;
	flex-direction: row-reverse;
	justify-content: start;
}

.filterssumup {
    margin-bottom: 30px;
}
button.clear-filters {
	justify-content: space-between;
	flex: none;
	height: 45px;
    display: flex;
    gap: 20px;
    align-items: center;
    border-radius: 50px;
    border: none;
	color: white;
	background: var(--gradient);
}


.wrapper-single-filters {
    display: flex;
    gap: 10px;
    align-items: center;
    width: 100%;
    overflow-x: auto;
    -ms-overflow-style: none; /* dla Internet Explorera i Edge */
    scrollbar-width: none; /* dla Firefox */
}

.wrapper-single-filters::-webkit-scrollbar {
    display: none; /* dla Chrome, Safari i Edge */
}

form.woocommerce-ordering select {
    height: 45px;
    border-radius: 10px;
    padding: 10px 5px;
    border: 1px solid var(--orange);
    color: black;
}
.whislist_wrapper {
	margin-top: 50px;
}
@media screen and (max-width: 1800px){
	ul.products.columns-4, .whislist_wrapper {
		display: grid;
		grid-template-columns: repeat(3, calc(33.333333333333% - (40px / 3)));
		gap: 20px;
	}
}
@media screen and (max-width: 1400px){
	ul.products.columns-4, .whislist_wrapper {
		display: grid;
		grid-template-columns: repeat(2, calc(50% - (20px)));
		gap: 20px;
	}
	.products-wrapper {
		display: grid;
		grid-template-columns: 250px calc(100% - 250px);
		gap: 20px;
	}
}

.filter-single-sumup svg {
	flex: none;
}

.custom-checkbox + span {
	word-break: normal;
}
.mobile-filters-open {
    display: none;
}
button.submit-filters {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border: none;
    background: var(--gradient);
    border-radius: 5px;
    font-weight: 900;
    color: white;
}
button.close-mobile-filters {
	display: none;
}
.section-products .heart-icon svg {
	width: 25px;
	height: 25px;
}
@media screen and (max-width: 781px){
	ul.products.columns-4 {
		display: grid;
		grid-template-columns: calc(50% - 10px) calc(50% - 10px);
		gap: 20px;
	}
	.products-wrapper {
		display: grid;
		grid-template-columns: 1fr;
	}
	.filterssumup {
		flex-direction: column;
		gap: 10px;
	}
	form.woocommerce-ordering select {
		width: 100%;
	}
	.product-info {
		padding: 5px 10px
	}
	aside.custom-sidebar {
		position: fixed;
		top: 0;
		right: -150%;
		width: 100vw;
		height: 100vh;
	}
	aside.custom-sidebar.opened {
		position: fixed;
		top: 0;
		right: unset;
		left: 0;
		width: 100vw;
		background-color: white;
		z-index: 100;
		padding: 20px;
		overflow-y: auto;
		padding-top: 80px;
		height: 100vh;
		padding-bottom: 50px;
	}
	aside.custom-sidebar.opened {
		padding-top: 30px;
	}
	.opened button.close-mobile-filters {
		position: fixed;
		right: 20px;
		bottom: 80px;
		width: 50px;
		height: 50px;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0;
		border: 1px solid var(--orange);
		border-radius: 5px;
		background: transparent;
	}
	.admin-bar aside.custom-sidebar.opened {
		padding-top: 80px;
	}
	h2.woocommerce-loop-product__title {
		font-size: 12px;
	}
	.heart-icon svg {
		height: 35px;
		width: 35px;
	}
	.product-wrapper-main .heart-icon svg {
		height: 40px;
		width: 40px;
	}
	.mobile-filters-open {
		height: 45px;
		width: 45px;
		display: flex;
		justify-content: center;
		align-items: center;
		background: var(--orange);
		border-radius: 10px;
		flex: none;
	}
	form.woocommerce-ordering {
		width: 100%;
	}
	button.submit-filters > div {
		display: none;
	}
	.opened button.submit-filters {
		width: 100%;
		height: 50px;
		width: 50px;
		position: fixed;
		bottom: 20px;
		right: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 20px;
		padding: 0;
		border: none;
		background: var(--gradient);
		border-radius: 5px;
		font-weight: 900;
		color: white;
	}
}

.default-archive-wrapper {
    display: flex;
    gap: 20px;
}
.product-thumbnail {
	position: relative;
}
.product-thumbnail .product-price {
    position: absolute;
    right: 20px;
    bottom: 20px;
	padding: 10px 20px;
	color: white;
	background: var(--gradient);
	border-radius: 100px;
	display: flex;
    gap: 5px;
    justify-content: end;
}
.product-thumbnail .product-price.sale-element {
	width: calc(100% - 40px);
	right: 20px;
}

.product-meta {
    display: flex;
    justify-content: space-between;
    gap: 10px;
	margin-top: 5px;
}
span.product-variants {
	flex: none;
}
.small-cat {
	flex: 1;
	overflow: hidden;
	color: black;
text-overflow: ellipsis;
font-family: var(--font-primary), sans-serif;
font-size: 14px;
font-style: normal;
display: flex;
align-items: center;
font-weight: 400;
line-height: normal;
}
.small-cat, span.product-variants {
    font-size: 14px;
	opacity: 0.4;
}

@media screen and (max-width: 781px){
	.product-thumbnail .product-price {
		position: absolute;
		right: 10px;
		bottom: 15px;
		padding: 7px 10px;
		color: white;
		background: var(--gradient);
		border-radius: 100px;
		display: flex;
		gap: 5px;
		justify-content: end;
		font-size: 14px;
	}
	.product-thumbnail .product-price.sale-element {
		width: calc(100% - 20px);
		right: 10px;
	}
	.product-meta *, span.product-variants {
		font-size: 10px;
	}
}
@media screen and (max-width: 500px){
	.product-thumbnail .product-price {
		position: absolute;
		right: 10px;
		bottom: 15px;
		padding: 7px 10px;
		color: white;
		background: var(--gradient);
		border-radius: 100px;
		display: flex;
		gap: 5px;
		justify-content: end;
		font-size: 12px;
	}
	.product-meta {
		flex-direction: column;
		gap: 0;
	}
}

ul.page-numbers {
    padding: 0;
    margin: 0;
    display: flex;
    list-style-type: none;
    gap: 10px;
    flex-wrap: wrap;
	margin-top: 30px;
}

ul.page-numbers li{
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	height: auto;
}
span.page-numbers.current {
    background: var(--orange);
    color: white;
}
ul.page-numbers li {
	display: block;
}
ul.page-numbers li:hover a {
	transform: translateY(-10px);
	transition-duration: 0.3s;
}
ul.page-numbers li a, ul.page-numbers li span{
	color: white;
	/* background-color: var(--orange); */
	background-color: white;
	display: block;
	border: 1px solid var(--orange);
	border-radius: 5px;
	color: var(--orange);
	padding: 10px 20px;
	text-decoration: none;
}

.categories-title {
    color: #000;
    font-family: var(--font-primary), sans-serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.top-categories-swiper .swiper-slide {
	width: fit-content;
}

.top-categories-swiper a {
    text-decoration: none;
}

.top-categories-swiper a h3{
    color: #000;
font-family: var(--font-primary), sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
padding: 5px 10px;
border-radius: 50px;
border: 1px solid var(--orange);
}
.swiper-button-prev-cats-prods svg path, .swiper-button-prev-opinie-prods svg path, .swiper-button-prev-single-prods svg path {
	stroke: white !important;
}
.swiper-button-prev-cats-prods svg, .swiper-button-prev-opinie-prods svg, .swiper-button-prev-single-prods svg {
	transform: rotate(-180deg);
}
.swiper-button-prev-cats, .swiper-button-prev-cats-prods, .swiper-button-prev-opinie-prods, .swiper-button-prev-single-prods {
    height: 35px;
    width: 35px;
    background: var(--orange);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
}

.swiper-button-next-cats, .swiper-button-next-cats-prods, .swiper-button-next-opinie-prods, .swiper-button-next-single-prods {
    height: 35px;
    width: 35px;
    background: white;
	border: 1px solid var(--orange);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
}

.categories-arrow {
    display: flex;
    gap: 10px;
}

.categories-title-header {
    display: flex;
    gap: 20px;
    align-items: center;
}

.line-cat {
    height: 1px;
    width: 100%;
    flex: 1;
    background: var(--orange);
}

.categories-wrapper-inner {
    margin-bottom: 30px;
}

.main-cats-wrapper {
	margin: 50px 0;
}

.slider-cat-title {
	font-size: 14px;
	color: black;
	margin: 0;
	max-width: 150px;
	text-align: center;
}

@media screen and (max-width: 781px){
	.slider-cat-title {
		font-size: 14px;
		color: black;
		margin: 0;
		max-width: 100px;
		text-align: center;
	}
	.main-cats-wrapper img {
		width: 100px;
		width: 100px;
	}
}

.main-cats-wrapper .categories-title-header {
    margin-bottom: 20px;
}

.product-wrapper-main {
    display: grid;
    grid-template-columns: calc(50% - 25px) calc(50% - 25px);
	gap: 50px;
}

.swiper-container-p.swiper img {
    width: 100%;
}

h1.product_title.entry-title {
	color: #000;
font-family: var(--font-primary), sans-serif;
font-size: 25px;
font-style: normal;
font-weight: 400;
line-height: 25px; /* 100% */
}

.product-wrapper-main {
    padding: 0 max(50px, calc((100vw - 1920px) / 2));
	padding-left: max(calc((100vw - 1920px) / 2)) !important;
}

.summary.entry-summary  p.price-custom {
    color: var(--orange);
    font-family: var(--font-primary), sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.summary.entry-summary h1.entry-title::after {
	background-color: var(--orange);
}
.summary.entry-summary h1.entry-title {
	gap: 20px;
}
span.price_to_change ins {
    margin-left: 10px;
    background: transparent;
}

.summary.entry-summary .heart-icon {
    position: unset !important;
	margin-top: 30px;
	display: block;
	float: left;
}

.summary.entry-summary {
    padding-top: 100px;
}

.imperium-product-rating {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 14px;
	color: var(--color-text);
	font-family: var(--font-primary), sans-serif;
	font-size: 12px;
}

.imperium-product-rating__stars {
	font-size: 21px;
	letter-spacing: 2px;
	line-height: 1;
}

.imperium-product-rating__value {
	font-size: 11px;
	color: var(--color-muted);
}

.summary.entry-summary p.price {
    display: none;
}

b.realizacja-label {
    color: var(--orange);
}


.quantity input {
    height: 42px;
    width: 42px;
    border-radius: 100px;
    text-align: center;
    border: 1px solid var(--orange);
    color: black;
}

button.single_add_to_cart_button {
    height: 42px;
    border-radius: 50px;
    border: none;
    background: var(--orange);
    color: white;
    font-weight: 900;
	float: none;
	margin-right: 0;
	margin-top: 30px;
}

.product_meta {
    display: flex;
	clear: both;
    flex-direction: column;
	margin-top: 20px;
	border-top: 1px solid #e6e6e6;
    padding-top: 30px;
}

form.cart {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
    padding: 0;
    background: transparent;
    border-radius: 0;
	margin-bottom: 0;
}

.quantity {
	float: none;
	display: block;
	margin-right: 10px;
	margin-left: 0;
	margin-top: 30px;
}

.custom-select-field-cart {
	flex: 0 0 100%;
	width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
	margin-bottom: 20px;
}

.custom-select-field-cart select {
	height: 40px;
	border-radius: 10px;
	padding: 5px 10px;
	border: 1px solid var(--orange);
	background-color: transparent;

}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Usunięcie strzałek dla przeglądarek Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

.product-meta-info > div {
    display: flex;
    gap: 10px;
    align-items: center;
}
.product-meta-info {
    padding: 15px 20px;
    border-bottom: 1px solid var(--orange);
}

.product-meta-info {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    flex-wrap: wrap;
	align-items: center;
	row-gap: 10px;
}

.product-meta-info button {
	display: flex;
	gap: 10px;
	align-items: center;
	color: var(--orange);
	border: 2px solid var(--orange);
	border-radius: 100px;
	background-color: white;

}
.product-meta-info a {
	text-decoration: none;
	color: white;
}
.product-meta-info button::after {
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiByeD0iMTUiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xNy4xOTA1IDE2LjE0MjlMMTMgMjAuMzMzNE0xMyA5LjY2NjcxTDE4LjMzMzMgMTUiIHN0cm9rZT0iI0ZFNTMyRSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
	background-size: cover;
  }

  .product-swiper-slider-to-sticky > div {
    height: fit-content;
    position: sticky;
    top: 20px;
}

span.tagged_as {
    display: none;
}

span.posted_in a {
    color: black;
    text-decoration: none;
    font-size: 16px;
    opacity: 0.7;
}

.specyfikacja-wrapper:first-child {
    clear: both;
    margin-top: 80px;
}
.specyfikacja-wrapper:not(:first-child) {
    clear: both;
    margin-top: 30px;
}
.specyfikacja-wrapper-title {
	margin-bottom: 20px;
    color: #000;
	display: flex;
	align-items: center;
	gap: 20px;
    font-family: var(--font-primary), sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

details.product-attribute-group > summary {
	cursor: pointer;
	list-style: none;
}

details.product-attribute-group > summary::-webkit-details-marker {
	display: none;
}

details.product-attribute-group > summary {
	justify-content: flex-start;
}

.product-attribute-title {
	flex: 0 0 auto;
}

.product-attribute-separator {
	flex: 1 1 auto;
	min-width: 20px;
	height: 1px;
	background-color: var(--orange);
}

.product-attribute-chevron {
	color: var(--orange);
	display: inline-flex;
	flex: 0 0 25px;
	margin-left: 0;
	transition: transform 0.2s ease;
}

details.product-attribute-group[open] .product-attribute-chevron {
	transform: rotate(180deg);
}

details.product-attribute-group {
	clear: both;
	display: block;
	margin-top: 0 !important;
	padding-top: 43px;
}

.acf-fields-container .acf-field {
    display: flex;
    flex-direction: column;
    gap: 5px;
	position: relative;
	text-align: left;
}

.acf-fields-container .acf-field::after {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	position: absolute;
	background-color: #DEDEDE;
	top: 0;
	right: -10px
}

.acf-fields-container {
	overflow: hidden;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap: 25px;
}

span.acf-label-spec,
dt.acf-label-spec {
    color: #000;
	text-align: left;
    font-family: var(--font-primary), sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

span.acf-value-spec,
dd.acf-value-spec {
	margin: 0;
    color: var(--orange);
	text-align: left;
	overflow-wrap: anywhere;
    font-family: var(--font-primary), sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}

.acf-value-line {
	display: block;
}

.acf-value-line + .acf-value-line {
	margin-top: 6px;
}

@media screen and (max-width: 781px) {
	details.product-attribute-group {
		padding-top: 30px;
	}
}


.woocommerce-tabs.wc-tabs-wrapper, section.related.products {
    grid-column: span 2;
}

ul.tabs.wc-tabs {
    padding: 0;
    margin: 0;
	display: flex;
    list-style-type: none;
    border-bottom: 2px solid var(--orange);
	margin-bottom: 20px;
	flex-wrap: wrap;
}

ul.tabs.wc-tabs > li a{
	padding: 10px 20px;
	color: var(--orange);
	text-decoration: none;
	display: block;
}
ul.tabs.wc-tabs > li.active a{
	padding: 10px 20px;
	color: white;
	border-radius: 10px 10px 0 0 ;
	background-color: var(--orange);
	text-decoration: none;
	display: block;
}

.woocommerce-tabs.wc-tabs-wrapper,
section.related.products {
    padding: 0 max(50px, calc((100vw - 1920px) / 2));
    padding-left: max(calc((100vw - 1920px) / 2)) !important;
}

@media screen and (max-width: 1300px){
	.product-wrapper-main {
		padding: 0 max(20px, calc((100vw - 1920px) / 2));
		padding-left: max(calc((100vw - 1920px) / 2)) !important;
	}	
	
.woocommerce-tabs.wc-tabs-wrapper,
section.related.products {
    padding: 0 max(20px, calc((100vw - 1920px) / 2));
    padding-left: max(calc((100vw - 1920px) / 2)) !important;
}
}

@media screen and (max-width: 900px){
	.product-wrapper-main {
		display: grid;
		grid-template-columns: 100%;
		gap: 20px;
	}
	
.woocommerce-tabs.wc-tabs-wrapper, section.related.products {
    grid-column: span 1;
}
.product-wrapper-main {
	padding: 0;
	padding-left: 0 !important;
}
.summary.entry-summary {
    padding-top: 0;
	padding: 0 20px;
}
.woocommerce-tabs.wc-tabs-wrapper {
	padding-left: 20px !important;
	padding-right: 20px !important;
}
section.related.products {
	padding-left: 20px;
	padding-right: 20px;
}
}
.woocommerce-notices-wrapper > div {
	padding: 15px max(20px, calc((100vw - 1920px) / 2));
	background: var(--gradient);
	color: white;
}

.woocommerce-notices-wrapper a {
	color: white;
}

@media screen and (max-width: 1500px){
	.product-swiper-slider-to-sticky {
		position: relative;
		top: 45px;
	}
}
@media screen and (max-width: 1300px){
	.product-swiper-slider-to-sticky {
		position: relative;
		top: 25px;
	}
}
@media screen and (max-width: 900px){
	.product-swiper-slider-to-sticky {
		position: unset;
		top: 45px;
	}
}

@media screen and (max-width: 1500px){
	.woocommerce-notices-wrapper > div {
		position: relative;
		top: 100px;
		z-index: 20;
	}
}

@media screen and (max-width: 1300px){
	.woocommerce-notices-wrapper > div {
		position: relative;
		top: 80px;
		z-index: 20;
	}
}
.section-products-title p,
.section-products-title h2 {
    margin: 0;
	color: #000;
font-family: var(--font-primary), sans-serif;
font-size: 25px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.section-products-title p strong,
.section-products-title h2 strong {
	color: var(--orange);
    font-family: var(--font-primary), sans-serif !important;
	font-weight: 900;
}

.section-grid {
    display: grid;
    grid-template-columns: 400px calc(100% - 400px - 50px);
    gap: 50px;
}

li.product {
	list-style-type: none;
}

.section-products-title {
    margin-bottom: 50px;
}

.section-special-box img {
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.section-products-title {
    display: flex;
    gap: 20px;
	align-items: center;
}
.lines {
    height: 1px;
    background: var(--orange);
    width: 100%;
    flex: 1;
}


.section-home {
    margin-top: 100px;
    margin-bottom: 200px;
}

.section-home.extra {
    position: relative;
}

.section-home.extra::before {
	content: "";
	display: block;
	position: absolute;
	top: -50px;
	height: calc(100% + 100px);
	background: var(--gradient);
	width: 40vw;
	z-index: -1;
	left: min(-50px, calc((100vw - 1920px) / 2* -1));
	border-radius: 0 20px 20px 0;
}

.section-home.extra .section-products, .section-home.week .section-products {
    padding: 50px;
    background: white;
    border-radius: 20px 0 0 20px;
}

@media screen and (max-width: 1500px){
	.section-home.extra .section-products, .section-home.week .section-products {
		padding: 20px;
	}
}

.withoutimage .section-grid .section-special-box {
	display: none;
}
.withoutimage .section-grid {
    display: grid;
    grid-template-columns: 100%;
    gap: 50px;
}

@media screen and (max-width: 1300px){
	.section-grid {
		display: grid;
		grid-template-columns: 300px calc(100% - 300px - 20px);
		gap: 20px;
	}
	.section-home.extra::before {
		width: 60vw;
	}
	.section-home.week::before {
		width: 60vw;
	}
}
@media screen and (max-width: 900px){
	.section-grid {
		display: grid;
		grid-template-columns: 250px calc(100% - 250px - 20px);
		gap: 20px;
	}
	.section-home.extra::before {
		width: 60vw;
	}
	.section-home.week::before {
		width: 60vw;
	}
}


.timer {
    display: flex;
    gap: 10px;
	margin-top: 20px;
}

.timer > div {
    display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	padding: 10px 10px;
	background-color: #f9f9f9;
	border-radius: 10px;
}
.section-home.week {
	position: relative;
}
.section-home.week::before {
    content: "";
    display: block;
    position: absolute;
    top: -50px;
    height: calc(100% + 100px);
    background: var(--gradient);
    width: 40vw;
    z-index: -1;
    left: min(-50px, calc((100vw - 1920px) / 2* -1));
    border-radius: 0 20px 20px 0;
}

.week-info {
    background: var(--gradient);
    color: white;
    padding: 10px 20px;
    position: absolute;
    top: 10px;
    left: 60px;
    border-radius: 50px;
    text-align: center;
}

.section-special-box.yestimer {
	position: relative;
}


@media screen and (max-width: 781px){
	.section-grid {
		display: flex;
		flex-direction: column-reverse;
		gap: 20px;

	}
	.section-home.extra::before {
		width: 60vw;
	}
	.section-products-title p {
		font-size: 20px;
	}
	.section-home.extra::before {
		content: none;
	}
	.section-home.week::before {
		content: none;
	}
	.section-home.week::before {
		display: none;
	}
	.section-special-box {
		margin-top: 50px;
		position: relative;
	}
	.section-special-box::before {
		content: "";
		display: block;
		position: absolute;
		top: -50px;
		height: calc(100% + 100px);
		background: var(--gradient);
		width: 40vw;
		z-index: -1;
		left: min(-50px, calc((100vw - 1920px) / 2* -1));
		border-radius: 0 20px 20px 0;
	}
	.section-home {
		margin-top: 50px;
		margin-bottom: 100px;
	}
	.section-special-box li {
		max-width: 500px;
	}
	.baner-header {
		backdrop-filter: blur(2.449999809265137px);
	}
	.swiper-slide-wrapper {
		height: 400px;
	}
	.section-products {
		padding: 0 !important;
	}
}

.categories-wrapper-swiper {
    margin-top: 50px;
}

.swiper-button-prev-cats svg path {
    stroke: white;
}

.swiper-button-prev-cats svg {
	transform: rotate(-180deg);
}

.categories-arrow > div {
	cursor: pointer;
}

.cart-item {
    display: flex;
    gap: 20px;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid rgb(224, 224, 224);
}

.product-thumbnail {
    display: flex;
}

.cart-item .product-thumbnail img{
    width: 200px;
	height: 200px;
	border-radius: 10px;
	object-fit: cover;
}

.product-name a {
    color: #000;
    font-family: var(--font-primary), sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
}

.product-remove {
    background: var(--orange);
    display: flex;
    height: 25px;
    width: 25px;
    justify-content: center;
    align-items: center;
    color: white;
    text-decoration: none;
	border-radius: 100px;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 5;
}
.product-remove a {
	color: white;
	text-decoration: none;
}
dl.variation p {
	margin: 0;
}
dl.variation dt {
    font-size: 12px;
    font-weight: 400;
}

dl.variation dd {
    font-size: 14px;
    font-weight: 900;
	margin: 0;
	margin-left: 10px;
	margin-bottom: 5px;
}

.cart-item .quantity {
    float: unset;
    margin-right: 0;
    margin-left: 0;
    margin-top: 0;
}
.products-prices-wrapper {
    display: flex;
    gap: 10px;
	max-width: 280px;
	margin-top: 10px;
    align-items: center;
    padding: 5px 10px;
    background: #f9f9f9;
    border-radius: 10px;
	justify-content: space-between;
}

.products-prices-wrapper-inner {
    display: flex;
    gap: 10px;
    align-items: center;
}

.cart-items .section-products-title {
	margin-top: 50px;
}

.main-cart-wrapper {
    display: grid;
    gap: 50px;
    grid-template-columns: 1fr 1fr;
}
form.checkout.woocommerce-checkout {
    display: grid;
    gap: 50px;
    grid-template-columns: 1fr 1fr;
}

.cart_totals h2 {
    margin: 0;
	font-size: 25px;
	display: flex;
	gap: 20px;
	align-items: center;
	margin-top: 50px;
	margin-bottom: 50px;
	font-weight: 400;
}

.cart_totals h2::after {
	content: "";
	flex: 1;
	display: block;
	height: 1px;
	width: 100%;
	background-color: var(--orange);
}

.wc-proceed-to-checkout a {
    padding: 15px 20px;
    background: var(--gradient);
    color: white;
    text-decoration: none;
    border-radius: 10px;
    width: 100%;
	text-align: center;
	display: block;
}

table.shop_table.shop_table_responsive td,
table.shop_table.shop_table_responsive th {
    text-align: left;
	border-bottom: 1px solid black;
	padding: 10px;
	vertical-align: baseline;
}

ul#shipping_method {
    padding: 0;
    margin: 0;
	list-style-type: none;
}


p.woocommerce-shipping-destination {
    margin: 0;
    margin-top: 10px;
}

.woocommerce-cart input:not(.qty):not([type=search]),
.woocommerce-cart select,
.woocommerce-cart textarea {
	padding: 7px 10px;
	border-radius: 5px;
	color: black;
	border: 1px solid var(--orange);
}

button.button {
    padding: 10px 20px;
    background: transparent;
    border: 1px solid var(--orange);
    color: var(--orange);
    border-radius: 5px;
}

span.select2-selection.select2-selection--single {
    border-radius: 5px;
    border: 1px solid var(--orange);
    height: 40px;
    padding: 5px 3px;
	color: black;
}

.woocommerce-shipping-methods li {
	margin: 0 0 8px;
}

.woocommerce-shipping-methods li:last-child {
	margin-bottom: 0;
}

.woocommerce-shipping-methods input[type="radio"] {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
}

.woocommerce-shipping-methods label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	width: 100%;
	min-height: 48px;
	padding: 12px 14px;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	background-color: #fff;
	color: #111;
	cursor: pointer;
	transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.woocommerce-shipping-methods label:hover {
	border-color: var(--orange);
	background-color: #fffaf7;
}

.woocommerce-shipping-methods input[type="radio"]:checked + label {
	border-color: var(--orange);
	background-color: var(--orange);
	color: #fff;
}

.woocommerce-shipping-methods input[type="radio"]:focus-visible + label {
	outline: 2px solid var(--orange);
	outline-offset: 2px;
}

.woocommerce-shipping-methods input[type="radio"]:checked + label .amount,
.woocommerce-shipping-methods input[type="radio"]:checked + label bdi {
	color: #fff;
}

a.shipping-calculator-button {
    color: var(--orange);
}

button.btn.button.select-paczkomat-button {
    margin-bottom: 20px;
    border: 1px solid var(--orange);
    background: transparent;
    color: black;
}

.cart-actions button[type=submit] {
    width: 100%;
}

.coupon {
    display: flex;
    gap: 5px;
    margin-bottom: 20px;
	flex-wrap: wrap;
}

.coupon button {
	border-radius: 0 0 10px 10px ;
}

button.button:disabled {
	opacity: 0.5;
}
.coupon input {
	width: 100%;
	border-radius: 10px 10px 0 0 !important;
}

.cart_totals.calculated_shipping {
    position: sticky;
    top: 50px;
}

@media screen and (max-width: 1200px){
	.main-cart-wrapper {
		display: grid;
		gap: 50px;
		grid-template-columns: calc(60% - 50px) 40%;
	}
}
@media screen and (max-width: 900px){
	.main-cart-wrapper {
		display: grid;
		gap: 50px;
		grid-template-columns: 1fr;
	}
	.cart-item .product-thumbnail {
		flex: none;
	}
}
@media screen and (max-width: 600px){
	.cart-item .product-thumbnail img {
		width: 150px;
		height: 150px;
		border-radius: 10px;
		object-fit: cover;
	}
}


@media screen and (max-width: 450px){
	.cart-item {
		display: flex;flex-direction: column;
	}
}

form.checkout_coupon.woocommerce-form-coupon {
    padding: 10px 20px;
    border: 2px solid #fe552e;
    border-radius: 10px;
}

form.checkout_coupon.woocommerce-form-coupon p {
    margin: 0;
    margin-bottom: 10px;
}

input#coupon_code {
    border: 1px solid var(--orange);
    padding: 10px 10px;
}
.woocommerce-form-coupon-toggle a {
	color: var(--orange);
}
.woocommerce-form-coupon-toggle {
    margin-top: 20px;
}



.woocommerce-billing-fields h3,
h3#order_review_heading {
    margin: 0;
	font-size: 25px;
	display: flex;
	gap: 20px;
	align-items: center;
	margin-top: 50px;
	margin-bottom: 50px;
	font-weight: 400;
}

.woocommerce-billing-fields h3::after,
h3#order_review_heading::after {
	content: "";
	flex: 1;
	display: block;
	height: 1px;
	width: 100%;
	background-color: var(--orange);
}

.form-row {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.form-row {
	width: 100%;
}
.form-row input, .form-row textarea {
    border-radius: 5px;
	border: 1px solid var(--orange);
	padding: 5px 10px;
	width: 100%;
	color: black;
}

table.shop_table.woocommerce-checkout-review-order-table td,
table.shop_table.woocommerce-checkout-review-order-table th {
	text-align: left;
	padding: 10px;
	border-bottom: 1px solid black;
	vertical-align: top;
}

div#payment {
    padding: 20px;
    background: var(--orange);
    border-radius: 20px;
}

ul.wc_payment_methods.payment_methods.methods {
    padding: 0;
    margin: 0;
    color: white;
    list-style-type: none;
}

button#place_order {
    padding: 20px 20px;
    background: white;
    color: var(--orange);
    font-weight: 900;
}

ul.wc_payment_methods.payment_methods.methods li img {
	background-color: white;
	padding: 10px;
	border-radius: 2px;
	height: 50px;
	display: none;
	width: fit-content;
}


div#payment p , div#payment a{
	color: white;
}

.calendar-wrapper {
    margin-top: 50px;
}

.section-contact-wrapper-inner {
    display: grid;
    grid-template-columns: calc(50% - 50px) 50%;
    gap: 50px;
}
.data-wrapper-contact {
	position: relative;
}
.data-wrapper-contact::before {
    content: "";
    display: block;
    position: absolute;
    top: -50px;
    height: calc(100% + 100px);
    background: var(--gradient);
    width: calc(100% + 250px + max(0px,calc((100vw - 1920px) / 2)));
    z-index: -1;
    left: min(-50px, calc((100vw - 1920px) / 2* -1));
    border-radius: 0 20px 20px 0;
}

.form-wrapper-contact {
    padding: 50px;
    background: white;
	border-radius: 20px;
	height: fit-content;
}

.white p {
	color: white;
}

.white .lines {
	background-color: white;
}

.buttons-contact > p {
    display: flex;
    gap: 20px;
    width: 100%;
    justify-content: space-between;
}

.wpcf7-spinner {
	position: absolute;
}

.buttons-contact > p > * {
    height: 40px !important;
    display: block !important;
    background: white !important;
    padding: 10px 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 100px !important;
    border: 1px solid var(--orange) !important;
    text-decoration: none !important;
    color: var(--orange) !important;
}

form.wpcf7-form.init p {
    margin: 0;
}

.form-wrapper-contact .section-products-title {
    margin-bottom: 20px;
}

.row-field-2 > p > * {
    width: 100%;
    display: block;
    max-width: 100%;
}

.row-field-2 > p input {
    width: 100%;
    display: block;
    max-width: 100%;
}
.row-field-2, .row-field-1 {
	margin-bottom: 20px;
}
.row-field-2 > p {
	display: flex;
	gap: 20px;
}
.row-field-1 > p > * {
    width: 100%;
    display: block;
    max-width: 100%;
}

.row-field-1 > p input {
    width: 100%;
    display: block;
    max-width: 100%;
}

.row-field-2 > p input, .row-field-1 > p input {
	border: none !important;
	border-radius: 0 !important;
	border-bottom: 1px solid var(--orange) !important;
	color: black !important;
	padding-left: 50px !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	height: 45px !important;
}

form.wpcf7-form [data-name="text-492"]::before,
form.wpcf7-form [data-name="tel-833"]::before,
form.wpcf7-form [data-name="email-447"]::before{
	position: absolute;
	top: 5px;
	left: 10px;
	z-index: 5;
}
form.wpcf7-form [data-name="text-492"],
form.wpcf7-form [data-name="tel-833"],
form.wpcf7-form [data-name="email-447"] {
	position: relative;
	display: block;
}
form.wpcf7-form [data-name="tel-833"]::before {
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxLjE0MjggMTZDMjEuMTQyOCAxOC44NDA0IDE4Ljg0MDMgMjEuMTQyOSAxNiAyMS4xNDI5QzEzLjE1OTYgMjEuMTQyOSAxMC44NTcxIDE4Ljg0MDQgMTAuODU3MSAxNkMxMC44NTcxIDEzLjE1OTcgMTMuMTU5NiAxMC44NTcyIDE2IDEwLjg1NzJDMTguODQwMyAxMC44NTcyIDIxLjE0MjggMTMuMTU5NyAyMS4xNDI4IDE2Wk0yMS4xNDI4IDE2VjE3LjcxNDNDMjEuMTQyOCAxOS42MDc5IDIyLjY3NzkgMjEuMTQyOCAyNC41NzE1IDIxLjE0MjhDMjUuNzg3NyAyMS4xNDI4IDI2Ljg1NjMgMjAuNTA5NSAyNy40NjQ4IDE5LjU1NDRDMjcuODAzNyAxOS4wMjI4IDI4IDE4LjM5MTUgMjggMTcuNzE0M1YxNkMyOCAxMi40NDYgMjYuNDU0OSA5LjI1Mjg1IDI0IDcuMDU1NTdNMTYgNEM5LjM3MjU5IDQgNCA5LjM3MjU5IDQgMTZDNCAyMi42Mjc1IDkuMzcyNTkgMjggMTYgMjhDMTguNTQ5NiAyOCAyMC45MTM1IDI3LjIwNDkgMjIuODU3MiAyNS44NDkxIiBzdHJva2U9ImJsYWNrIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');
    background-size: cover;
}

form.wpcf7-form [data-name="text-492"]::before {
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2IDkuMzQ2NjhWOS4zMzMzNk0xNiAyMi42NjY3VjEzLjMzMzNNMjggMTZDMjggMjIuNjI3NSAyMi42Mjc1IDI4IDE2IDI4QzkuMzcyNTkgMjggNCAyMi42Mjc1IDQgMTZDNCA5LjM3MjU5IDkuMzcyNTkgNCAxNiA0QzIyLjYyNzUgNCAyOCA5LjM3MjU5IDI4IDE2WiIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=');
    background-size: cover;
}

form.wpcf7-form [data-name="email-447"]::before {
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI1LjM2ODcgMjcuOTkwNUMyNi43NjMxIDI4LjExNjQgMjguMDA0OSAyNi45NjMxIDI3Ljk5OTMgMjUuNTgxOVYyMS45Njg5QzI4LjAxNCAyMS4zNzgzIDI3LjgxMDcgMjAuODAyOCAyNy40Mjc5IDIwLjM1MkMyNi4zNDg3IDE5LjA4MDggMjIuNjQ3MyAxOC4yNjc3IDIxLjE4MDEgMTguNThDMjAuMDM2NSAxOC44MjM1IDE5LjIzNjMgMTkuOTcxNyAxOC40NTQgMjAuNzUyNUMxNy4wNzQ5IDE5Ljk2OTkgMTUuODA0MSAxOS4wMjQzIDE0LjY2NjggMTcuOTQwOE0xMS4yMTM2IDEzLjUyNjRDMTEuOTk1OSAxMi43NDU3IDEzLjE0NjUgMTEuOTQ3MSAxMy4zOTA0IDEwLjgwNTdDMTMuNzAyOCA5LjM0MzY5IDEyLjg5MDggNS42NjU5OCAxMS42Mjg0IDQuNTgyNDVDMTEuMTg0NCA0LjIwMTMzIDEwLjYxNjYgMy45OTQzNiAxMC4wMzEgNC4wMDAxMkg2LjQxMDgyQzUuMDMxNDUgNC4wMDE0MSAzLjg4MzgzIDUuMjM4NiA0LjAwOTQyIDYuNjI1NThDNC4wMDE0NiAxNi43MzAxIDEwLjY2ODUgMjUuMDIzOSAyMCAyNy4zNDMxIiBzdHJva2U9ImJsYWNrIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');
    background-size: cover;
}

span.posted_in {
	display: none;
}

form.wpcf7-form input[type=tel]::after {
    content: '';
    display: block !important;
    width: 32px;
	background-color: red;
    height: 32px;
    background-size: cover;
}

.woocommerce-product-details__short-description {
	display: none;
}

@media screen and (max-width: 500px){
	ul.tabs.wc-tabs {
		flex-direction: column;
	}
}


@media screen and (max-width: 1100px){
	.row-field-2 > p {
		flex-direction: column;
	}
}

.specyfikacja-wrapper-title-smaller {
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: -20px;
    font-style: italic;
}

.wpcf7-response-output {
    margin: 0 !important;
}

.contact-block-title {
    font-size: 18px;
    color: white;
    margin-bottom: 20px;
}
.contact-with-icon a {
	text-decoration: none;
	color: white;
}
.contact-with-icon {
    display: flex;
	margin-bottom: 10px;
	color: white;
    gap: 10px;
    align-items: center;
}
.contact-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px 50px;
}

.spanned-wrapper {
    display: flex;
    gap: 0px 20px;
    flex-wrap: wrap;
}

.contact-block.spaned {
    grid-column: span 2;
}

@media screen and (max-width: 1200px){
	.contact-content {
		display: grid;
		grid-template-columns: 1fr;
		gap: 30px;
	}
	.contact-block.spaned {
		grid-column: span 1;
	}
	.form-wrapper-contact {
		padding: 30px 20px;
		background: white;
		border-radius: 20px;
		height: fit-content;
	}
}
@media screen and (max-width: 781px){
	.contact-content {
		display: grid;
		grid-template-columns: 1fr;
		gap: 30px;
	}
	.contact-block.spaned {
		grid-column: span 1;
	}

	.section-contact {
		margin-top: 150px;
	}
	.section-contact-wrapper-inner {
		display: grid;
		grid-template-columns: 100%;
		gap: 50px;
	}
	.data-wrapper-contact::before {
		content: "";
		display: block;
		position: absolute;
		top: -50px;
		height: calc(100% + 100px);
		background: var(--gradient);
		width: calc(100% + 40px);
		z-index: -1;
		left: -20px;
		border-radius: 0;
	}
}



.category-item h3 {
    margin: 0;
    color: black;
    text-decoration: none;
	font-size: 16px;
	padding: 10px;
}

.category-item a {
	text-decoration: none;
	display: flex;
	flex-direction: column;
}

.category-item {
    border: 1px solid #fb431a;
    border-radius: 10px;
    overflow: hidden;
}

.category-item img {
	height: 100px !important;
	width: auto !important;
	max-width: unset !important;
	object-fit: contain;
}

.categories-grid {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
	gap: 20px !important;
	margin-top: 20px
}

@media screen and (max-width: 900px){
	.categories-grid {
		display: grid !important;
		grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)) !important;
		gap: 20px !important;
	}	
	.category-item img {
		height: 90px !important;
		width: auto !important;
		max-width: unset !important;
		object-fit: contain;
	}
	.category-item h3 {
		font-size: 14px;
	}
}

.category-item {
	width: 100% !important;
}


.cart-indicator {
    height: 30px;
    width: 30px;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    border: 1px solid var(--orange);
    color: var(--orange);
    line-height: 14px;
    font-size: 14px;
    position: absolute;
    right: -10px;
    bottom: -10px;
}
.cart-button {
	position: relative;
}

.client-content {
    padding: 10px 20px;
    background: #F6F6F6;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.client-stars {
    display: flex;
    align-items: center;
    gap: 5px;
}

.stars-number {
    color: var(--orange);
    font-family: var(--font-primary), sans-serif !important;
    font-weight: 900;
	font-size: 25px;
	line-height: 25px;
}

.opinia-content {
    text-align: justify;
    font-style: italic;
    margin-bottom: 20px;
	max-height: 300px;
}
.opinia-content p {
	margin: 0;
}

.opinia-content {
    text-align: justify;
    font-style: italic;
    margin-bottom: 20px;
    max-height: 100px;
    overflow: auto;
    padding-right: 15px; /* Dodatkowa przestrzeń na pasek przewijania */
}

/* Niestandardowy pasek przewijania dla przeglądarek WebKit (Chrome, Edge, Safari) */
.opinia-content::-webkit-scrollbar {
    width: 6px; /* Szerokość paska przewijania */
}

.opinia-content::-webkit-scrollbar-track {
    background: transparent; /* Przezroczyste tło toru */
}

.opinia-content::-webkit-scrollbar-thumb {
    background-color: var(--orange); /* Kolor paska przewijania */
    border-radius: 10px; /* Zaokrąglenie paska */
}

.opinia-content::-webkit-scrollbar-thumb:hover {
    background-color: var(--orange-dark); /* Ciemniejszy odcień przy najechaniu */
}

/* Stylizacja dla przeglądarek obsługujących scrollbar-gutter (Firefox 100+) */
@supports (scrollbar-gutter: stable) {
    .opinia-content {
        scrollbar-gutter: stable both-edges;
    }
}


.cart-text {
    font-weight: 900;
    font-size: 30px;
    color: black;
}
.empty-cart-content-wrapper img {
	max-width: 200px;
}
.empty-cart-content-wrapper {
    padding: 20px 50px;
    border-radius: 20px;
    background: var(--gradient);
    width: fit-content;
}

.empty-cart-content-wrapper-out {
    display: flex;
    justify-content: center;
}

.empty-cart-content-wrapper * {
	color: white;
	text-align: center;
}

@media screen and (max-width: 1000px){
	form.checkout.woocommerce-checkout {
		display: grid;
		gap: 50px;
		grid-template-columns: 1fr;
	}
}

nav.woocommerce-MyAccount-navigation > ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
	display: flex;
	flex-wrap: wrap;
	border-bottom: 2px solid var(--orange);
	margin-top: 50px;
}

nav.woocommerce-MyAccount-navigation > ul a {
	padding: 10px 20px;
	display: block;
text-decoration: none;
color: black;
}
nav.woocommerce-MyAccount-navigation > ul .is-active a {
	background: var(--gradient);
	border-radius: 10px 10px 0 0;
	color: white;
}
.woocommerce-MyAccount-content {
	margin-top: 50px;
}
.woocommerce-MyAccount-content a {
	color: var(--color-text);
}

.moremargin {
	margin-top: 100px
}


.site-branding img {
	height: 30px;
	width: auto;
}

button.more-products,
a.more-products {
    padding: 15px 20px;
    background: var(--orange);
	justify-content: space-between;
	width: 100%;
    border-radius: 5px;
    border: none;
    color: white;
    gap: 20px;
	margin-top: 20px;
    display: flex;
    align-items: center;
}
footer#colophon {
    padding: 0px max(50px, calc((100vw - 1920px) / 2));
    padding-top: 50px;
    margin-top: 100px;
    border-top: 20px solid var(--orange);
	padding-bottom: 50px;
}
.copyright * {
	color: white;
	text-decoration: none;
}
.copyright {
	padding: 10px max(50px, calc((100vw - 1920px) / 2));
	background: var(--gradient);
	display: flex;
	gap: 20px;
	column-gap: 10px;
	justify-content: space-between;
	row-gap: 5px;
	flex-wrap: wrap;
}
@media screen and (max-width: 1500px){
	.copyright {
		padding: 10px max(20px, calc((100vw - 1920px) / 2));
	}	
}
.footer-company a {
	text-decoration: none;
}

.social-icon {
    height: 50px;
    width: 50px;
    background: var(--orange);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}

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

.footer-wrapper {
    display: grid;
    grid-template-columns: 350px 1fr;
	gap: 100px;
}

.footer-head {
    color: var(--orange);
    font-family: var(--font-primary), sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-bottom: 10px;
    border-bottom: 1px solid #d1d1d1;
	margin-bottom: 10px;
}

.mt20 {
	margin-top: 30px;
}

.grid-nagrody {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
}

.black a, .black {
	color: black !important;
}

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

.footer-links-wrapper ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
	margin-left: 20px;
	gap: 10px;
	display: flex;
	flex-direction: column;
}

.footer-links-wrapper ul a {
	color: black;
	text-decoration: none;
}

.rowed {
	grid-column: span 3;
}

.rowed ul {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	gap: 10px;
	flex-direction: row;
}

@media screen and (max-width: 1200px){

	.footer-links {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 50px;
	}
	.rowed {
		grid-column: span 1;
	}
	.footer-wrapper {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 50px;
	}
}
@media screen and (max-width: 781px){

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

@media screen and (max-width: 1500px){
	footer#colophon {
		padding: 0px max(20px, calc((100vw - 1920px) / 2));
		padding-top: 50px;
		margin-top: 100px;
		border-top: 20px solid var(--orange);
		padding-bottom: 50px;
	}
}

button:hover {
	transform: translateY(-5px);
	transition-duration: 0.3s;
	cursor: pointer;
	filter: brightness(1.5);
}


.products-navigation {
    display: flex;
    gap: 20px;
    align-items: center;
    position: absolute;
    bottom: 20px;
    left: 20px;
    width: calc(100% - 160px);
	z-index: 5;
	flex-direction: row-reverse;
}

.product-swiper-slider {
	position: relative;
}

@media screen and (max-width: 900px){
	.product-wrapper-main {
		margin-top: 75px;
	}
}
@media screen and (max-width: 600px){
	.product-wrapper-main {
		margin-top: 70px;
	}
}
@media screen and (max-width: 700px){
	.product-meta-info button, .product-meta-info a {
		width: 100%;
		justify-content: space-between;

	}
	.product-meta-info button {
		padding: 10px 20px;
	}
}





/* Hide the default checkbox */
.woocommerce-cart .checkbox input[type="checkbox"] {
    display: none;
}

/* Style the label to look like a checkbox */
.woocommerce-cart .checkbox {
    display: inline-block;
    padding: 10px 10px;
    cursor: pointer;
    border-radius: 5px;
    background-color: #f8f8f8;
    color: #333;
    transition: all 0.3s ease;
    position: relative;
    user-select: none;
	display: flex;
	gap: 0px;
	align-items: center;
}

.woocommerce-cart .checked .checkbox {
	background-color: var(--orange);
	color: white;
}

/* Add a checkmark icon when checked */
.woocommerce-cart .checkbox::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    border: 2px solid #ccc;
    border-radius: 3px;
    background-color: #fff;
    transition: all 0.3s ease;
    vertical-align: middle;
}
.woocommerce-cart .checked .checkbox::before {
    content: "✓";
    display: inline-block;
    width: 30px;
    height: 30px;
	background-color: white;
    margin-right: 10px;
    border: 2px solid var(--orange);
    border-radius: 3px;
	color: var(--orange);
    transition: all 0.3s ease;
	display: flex;
	justify-content: center;
	align-items: center;
    vertical-align: middle;
}

/* Style the label when the checkbox is checked */
.woocommerce-cart .checkbox input[type="checkbox"]:checked + .checkbox {
    border-color: #ff5722;
    background-color: #ff5722;
    color: #fff;
}

/* Show the checkmark icon and adjust color when checked */
.woocommerce-cart .checkbox input[type="checkbox"]:checked + .checkbox::before {
    content: "✓";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #ff5722;
    border-color: #ff5722;
}

.woocommerce-additional-fields {
    display: none;
}

h3.entry-placeholder {
    word-break: break-all;
    font-size: 25px;
	margin: 0;
}

ul.tabs.wc-tabs {
	gap: 10px;
}
ul.tabs.wc-tabs > li:hover:not(.active) a {
	transition-duration: 0.2s;
	transform: translateY(-10px);
    padding: 10px 20px;
    color: white;
    border-radius: 10px;
    background-color: var(--orange);
    text-decoration: none;
    display: block;
}

button.single_add_to_cart_button.button,
button.single_add_to_cart_button.button.alt {
    background: var(--orange);
    color: white;
    border-radius: 50px;
}

.page-id-22 .company-data {
	display: none;
}

.section-special-box img {
	max-height: 600px;
}

aside.custom-sidebar.opened .submit-filters span {
	display: none;
}

@media screen and (max-width: 350px){
	.product-meta * {
		font-size: 9px;
	}
}
a.menu-parent-link {
	color: var(--orange) !important;
}

.categories-arrow-baner {
    position: absolute;
    z-index: 10;
    display: flex
;
justify-content: end;
    gap: 10px;
	top: 20px;
	right: 20px;
    width: 100%;
}

.BanerSwiper {
	position: relative;
}

.woocommerce-order-again {
    display: none !important;
}

p#billing_invoice_ask_field label {
    display: flex
;
    justify-content: start;
	gap: 10px;
}
p#billing_invoice_ask_field label input {
height: 25px;
width: 25px;
flex: none;
border: 1px solid var(--orange) !important;}


div#customer_login {
    display: grid
;
    grid-template-columns: 1fr 1fr;
    gap: 100px;
	padding-bottom: 50px;
	padding-top: 50px;
}


@media screen and (max-width: 1200px){
	div#customer_login {
    display: grid
;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
}
}
@media screen and (max-width: 786px){
	div#customer_login {
    display: grid
;
    grid-template-columns: 1fr;
    gap: 30px;
}
}

label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
    display: flex
;
    align-items: center;
	gap: 10px;
}

label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme input {
    width: 20px;
    height: 20px;
}

button.woocommerce-button.button.woocommerce-form-login__submit {
    padding: 10px 20px;
    background: var(--orange);
    border: 1px solid var(--orange);
    color: white;
    border-radius: 5px;
}

button.woocommerce-button.button.woocommerce-form-login__submit:hover,
button.woocommerce-button.button.woocommerce-form-login__submit:focus,
button.woocommerce-button.button.woocommerce-form-login__submit:active {
	background: var(--orange-dark);
	border-color: var(--orange-dark);
	color: white;
	transform: none;
	filter: none;
}

.summary.entry-summary a:not(.button):not(.single_add_to_cart_button),
.woocommerce-product-details__short-description a,
.specyfikacja-wrapper a {
	color: var(--color-text);
	text-decoration-color: var(--orange);
}

.woocommerce-Tabs-panel a,
.woocommerce-Tabs-panel a[style],
.woocommerce-Tabs-panel span[style],
.woocommerce-Tabs-panel span[style] > a,
.woocommerce-Tabs-panel p a,
.woocommerce-Tabs-panel p a[style] {
	color: var(--color-text) !important;
	text-decoration-color: var(--orange) !important;
}
.second-header-level {
    padding-top: 20px;
    display: flex
;
position: relative;
    justify-content: center;
}
.menu-wrapper {
    width: 100%;
}
.header-actions .search-form {
    width: 100%;
}

.podprodukt__image img {
    aspect-ratio: 1 / 1;
    width: 300px;
    border-radius: 10px;
}
.podprodukt__title {
    font-size: 126x;
    font-weight: 600;
    text-align: center;
	max-width: 200px;
}

.podprodukty-grid {
    display: flex
;
    gap: 20px;
	flex-wrap: wrap;
	margin-top: 50px;
    justify-content: center;
}
.podprodukty-grid a {
    text-decoration: none;
}

@media screen and (max-width: 786px){
	.podprodukt__image img {
		aspect-ratio: 1 / 1;
		width: 130px;
		border-radius: 10px;
	}
	.podprodukt__title {
		font-size: 12px;
		font-weight: 600;
		text-align: center;
		max-width: 130px;
	}
}

.site-branding {
    flex: none;
}
.podprodukt__inner {
    display: flex
;
    flex-direction: column;
    align-items: center;
}

input.input_change {
    border: 2px solid var(--orange);
}

input.input_change:focus {
	background-color: var(--orange);
	color: white;
	outline: none;
}

input.input_change:focus::placeholder {
	color: white;
}
.podprodukty-grid {
	margin-bottom: 50px;
}
.filterssumup {
    margin-top: 50px;
}
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
    text-align: left;
}
ul.wc-item-meta {
    padding: 0;
    margin: 0;
    padding-left: 20px;
}
ul.wc-item-meta p {
    margin: 0;
}
ul.wc-item-meta {
    margin-bottom: 10px;
    margin-top: 10px;
}
ul.wc-bacs-bank-details.order_details.bacs_details {
    padding: 0;
    margin: 0;
    padding-left: 20px;
}

table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details th, table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details td {
	padding: 10px 10px;
	border-bottom: 1px solid #e1e1e1;
}
ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    padding: 0;
    margin: 0;
    padding-left: 20px;
}

/* Global typography + palette alignment for the new visual direction. */
#page,
#page h1,
#page h2,
#page h3,
#page h4,
#page h5,
#page h6,
#page p,
#page a,
#page li,
#page span,
#page label,
#page button,
#page input,
#page select,
#page textarea {
	font-family: var(--font-primary), sans-serif !important;
}

/* FAQ accordion for certificate pages */
.faq-certyfikaty-accordion {
	max-width: 980px;
	margin: 28px auto;
	display: grid;
	gap: 10px;
}

.faq-certyfikaty-accordion details {
	border: 1px solid #e7dfcf;
	border-radius: 12px;
	background: #fff;
	overflow: hidden;
}

.faq-certyfikaty-accordion summary {
	list-style: none;
	cursor: pointer;
	padding: 16px 20px;
	font-weight: 600;
	position: relative;
	padding-right: 54px;
}

.faq-certyfikaty-accordion summary::-webkit-details-marker {
	display: none;
}

.faq-certyfikaty-accordion summary::after {
	content: "+";
	position: absolute;
	right: 18px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 24px;
	line-height: 1;
	color: var(--orange);
}

.faq-certyfikaty-accordion details[open] summary::after {
	content: "-";
}

.faq-certyfikaty-accordion details p {
	margin: 0;
	padding: 0 20px 18px;
	color: #2f2f2f;
	line-height: 1.65;
}

@media screen and (min-width: 901px) {
	.second-header-level {
		display: none;
	}

	.header-wrapper {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
		align-items: center;
		gap: var(--header-section-gap);
	}

	.header-column-left,
	.header-column-right {
		min-width: 0;
	}

	.header-column-right {
		display: flex;
		justify-content: flex-end;
	}

	.header-column-right .menu-wrapper {
		width: auto;
	}

	.header-column-center .site-branding {
		display: flex;
		justify-content: center;
	}

	.header-nav-pill {
		display: inline-flex;
		align-items: center;
		gap: clamp(8px, 0.7vw, 14px);
		padding: 0 8px 0 0;
		height: var(--header-pill-height);
		border: 0;
		border-radius: 999px;
		background: #fff;
		width: auto;
		max-width: 100%;
	}

	.header-home-btn {
		height: 50px;
		width: 50px;
		min-width: 50px;
		flex: 0 0 50px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		color: #111;
		border: 1px solid rgba(17, 17, 17, 0.8);
		border-radius: 999px;
		text-decoration: none;
	}

	.desktop-main-navigation > div > ul {
		display: flex;
		align-items: center;
		gap: var(--header-nav-gap);
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.desktop-main-navigation > div > ul > li {
		position: relative;
	}

	.desktop-main-navigation > div > ul > li::after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		height: 16px;
	}

	.desktop-main-navigation > div > ul > li > a {
		display: inline-flex;
		align-items: center;
		height: var(--header-control-size);
		font-size: var(--header-font-size);
		font-weight: 500;
		color: #111;
		text-decoration: none;
		white-space: nowrap;
	}

	.desktop-main-navigation > div > ul > li.menu-item-has-children > a {
		display: inline-flex;
		gap: 6px;
		align-items: center;
	}

	.desktop-main-navigation > div > ul > li.menu-item-has-children > a::after {
		content: "";
		display: inline-block;
		width: 12px;
		height: 12px;
		background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M6.85723%2010.6905L2.66675%206.5M13.3334%206.5L8.00008%2011.8333%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
		background-size: contain;
		background-repeat: no-repeat;
	}

	.desktop-main-navigation .submenu-container {
		display: none;
		position: absolute;
		left: 0;
		top: calc(100% + 10px);
		min-width: 260px;
		z-index: 40;
	}

	.desktop-main-navigation > div > ul > li:hover > .submenu-container {
		display: block;
		padding: 12px 0;
		background: #fff;
		box-shadow: 0px 10px 35px rgba(0, 0, 0, 0.1);
		border-radius: 14px;
	}

	.desktop-main-navigation .submenu-level-1 {
		display: flex;
		flex-direction: column;
		gap: 0;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.desktop-main-navigation .submenu-level-1 > li > a {
		display: block;
		padding: 9px 20px;
		margin-bottom: 0;
		border-bottom: 0;
		text-decoration: none;
		color: #111;
		white-space: nowrap;
	}

	.desktop-main-navigation .submenu-level-1 > li > a:hover {
		background: rgba(17, 17, 17, 0.05);
	}

	.desktop-main-navigation .submenu-level-1 > li > .submenu-grid-container > .submenu-level-2 {
		margin-left: 0;
	}

	.desktop-main-navigation .submenu-level-2 {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.desktop-main-navigation .submenu-level-2 a {
		display: block;
		padding: 7px 20px 7px 34px;
		text-decoration: none;
		color: #111;
		font-size: 16px;
		white-space: nowrap;
	}

	.desktop-main-navigation .submenu-level-2 a:hover {
		background: rgba(17, 17, 17, 0.05);
	}

	.header-actions {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		gap: clamp(8px, 0.8vw, 12px);
		width: auto;
	}

	.header-actions-pill {
		display: inline-flex;
		align-items: center;
		gap: var(--header-action-gap);
		padding: 0 0 0 8px;
		height: var(--header-pill-height);
		border: 0;
		border-radius: 999px;
		background: #fff;
		width: auto;
		max-width: 100%;
	}

	.header-actions-pill.is-search-open {
		padding-left: 0;
	}

	.header-actions .icon-link {
		display: inline-flex;
		align-items: center;
		gap: clamp(6px, 0.6vw, 10px);
		text-decoration: none;
		color: #111;
	}

	.account-link span {
		font-size: var(--header-font-size);
		font-weight: 500;
		white-space: nowrap;
	}

	.account-icon {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		height: clamp(18px, 0.5vw + 12px, 20px);
		width: clamp(18px, 0.5vw + 12px, 20px);
		min-width: clamp(18px, 0.5vw + 12px, 20px);
		border: 0;
		border-radius: 0;
		color: #111;
	}

	.cart-circle {
		position: relative;
		border: 1px solid rgba(17, 17, 17, 0.8);
		color: #111;
		width: auto;
		min-width: 50px;
		padding: 0 15px;
		gap: 8px;
		border-radius: 999px;
	}

	.cart-total,
	.cart-total .amount,
	.cart-total bdi {
		font-family: var(--font-primary), sans-serif !important;
		font-size: 14px;
		font-weight: 500;
		white-space: nowrap;
		color: #111;
	}

	.cart-circle .cart-indicator {
		position: absolute;
		top: auto;
		bottom: -6px;
		right: -6px;
		min-width: 20px;
		height: 20px;
		padding: 0 5px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		font-size: 11px;
		font-weight: 700;
		color: #fff;
		background: var(--orange);
		border-radius: 999px;
	}

	.header-search-toggle {
		height: clamp(18px, 0.5vw + 12px, 20px);
		width: clamp(18px, 0.5vw + 12px, 20px);
		min-width: clamp(18px, 0.5vw + 12px, 20px);
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 0;
		margin: 0;
		border: 0;
		border-radius: 0;
		background: transparent;
		color: #111;
		cursor: pointer;
		transform: none;
	}

	.desktop-search-wrap {
		display: inline-flex;
		align-items: center;
		gap: clamp(6px, 0.6vw, 10px);
	}

	.desktop-search-form {
		flex: 0 1 auto;
		width: min(360px, 28vw);
		max-width: 0;
		opacity: 0;
		overflow: hidden;
		pointer-events: none;
		transition: max-width 0.28s ease, opacity 0.2s ease;
	}

	.header-actions.is-search-open .desktop-search-form {
		max-width: min(360px, 28vw);
		opacity: 1;
		pointer-events: auto;
	}

	.desktop-search-form form.woocommerce-product-search {
		width: 100%;
		min-width: 0;
	}

	.desktop-search-form .woocommerce-product-search {
		gap: 8px;
	}

	.desktop-search-form .header-search-submit {
		border: 0;
		background: transparent;
		padding: 0;
		font-size: 14px;
		font-weight: 600;
		color: #111;
		cursor: pointer;
	}

	.header-home-btn,
	.header-search-toggle,
	.account-icon,
	.cart-circle {
		transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
	}

	.header-home-btn svg,
	.header-search-toggle svg,
	.account-icon svg,
	.cart-circle svg {
		width: clamp(18px, 0.5vw + 12px, 20px);
		height: clamp(18px, 0.5vw + 12px, 20px);
	}

	.header-home-btn svg *,
	.header-search-toggle svg *,
	.account-icon svg *,
	.cart-circle svg * {
		stroke-width: 1.5 !important;
	}

	.header-home-btn:hover,
	.header-home-btn:focus-visible,
	.cart-link:hover .cart-circle,
	.cart-link:focus-visible .cart-circle {
		background: #111;
		color: #fff;
		border-color: #111;
	}

	.cart-link:hover .cart-total,
	.cart-link:hover .cart-total .amount,
	.cart-link:hover .cart-total bdi,
	.cart-link:focus-visible .cart-total,
	.cart-link:focus-visible .cart-total .amount,
	.cart-link:focus-visible .cart-total bdi {
		color: #fff !important;
	}

	.header-search-toggle:hover,
	.header-search-toggle:focus-visible,
	.account-link:hover .account-icon,
	.account-link:focus-visible .account-icon {
		background: transparent;
		color: #111;
		border-color: transparent;
		transform: none;
	}

	.header-actions .mobile-menu-open {
		display: none;
	}

	.header-column-center .site-branding img {
		height: var(--header-logo-height);
		width: auto;
	}
}

@media screen and (min-width: 901px) and (max-width: 1180px) {
	.header-nav-pill,
	.header-actions-pill {
		padding-inline: 4px;
		box-shadow: 0 0 0 1px rgba(17, 17, 17, 0.08), 0 10px 24px rgba(17, 17, 17, 0.06);
	}

	.header-column-center .site-branding img {
		height: clamp(22px, 2vw, 26px);
	}

	.desktop-search-form {
		width: min(240px, 24vw);
	}

	.header-actions.is-search-open .desktop-search-form {
		max-width: min(240px, 24vw);
	}

	.account-link span {
		display: none;
	}
}

@media screen and (max-width: 900px) {
	.header-column-left {
		display: none;
	}

	.header-column-center {
		flex: 1;
	}

	.header-column-right {
		display: flex;
		justify-content: flex-end;
	}

	.header-actions .desktop-search-wrap,
	.header-actions .account-link {
		display: none;
	}

	.cart-total,
	.cart-total .amount,
	.cart-total bdi {
		font-family: var(--font-primary), sans-serif !important;
		font-size: 13px;
		font-weight: 500;
		white-space: nowrap;
		color: #111;
	}

	.cart-circle {
		width: auto;
		min-width: 50px;
		padding: 0 15px;
		gap: 8px;
		border-radius: 999px;
	}
}

@media screen and (max-width: 600px) {
	.cart-circle {
		min-width: 40px;
		padding: 0 10px;
	}
}

@media screen and (max-width: 500px) {
	.cart-total {
		display: none;
	}
}

/* Natywne listy rozwijane */
select:not([multiple]):not([size]):not(.select2-hidden-accessible),
.custom-select-field-cart select,
form.woocommerce-ordering select,
.woocommerce-cart select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	max-width: 100%;
	height: 46px;
	padding: 0 44px 0 16px;
	font-family: var(--font-primary), sans-serif;
	font-size: 16px;
	line-height: 1.2;
	color: var(--color-text);
	background-color: var(--color-surface);
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M4%206L8%2010L12%206%22%20stroke%3D%22%231b1b1b%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
	background-repeat: no-repeat;
	background-position: right 16px center;
	background-size: 16px 16px;
	border: 1px solid var(--orange);
	border-radius: 50px;
	cursor: pointer;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* Announcement bar stays active on wide and narrow layouts. */
.slider-text {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 35px;
	z-index: 50;
	overflow: hidden;
	background: #050505 !important;
	color: #fff;
}

.admin-bar .slider-text {
	top: 32px;
}

header#masthead.info-top {
	top: 35px !important;
}

.admin-bar header#masthead.info-top {
	top: 67px !important;
}

.slider-text__viewport {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.slider-text__track {
	display: flex;
	flex: 0 0 max-content;
	min-width: max-content;
	animation: imperium-marquee 38s linear 0s infinite !important;
	animation-timing-function: linear !important;
	transform: translate3d(0, 0, 0);
	will-change: transform;
	backface-visibility: hidden;
}

.slider-text__item {
	display: block;
	flex: 0 0 max-content;
	padding-right: 96px;
	color: #fff;
	font-size: 14px;
	line-height: 35px;
	letter-spacing: 0.02em;
	white-space: nowrap;
}

.slider-text__item a,
.slider-text__item a:hover,
.slider-text__item a:focus-visible {
	color: #fff !important;
	text-decoration: none;
}

@keyframes imperium-marquee {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
	.slider-text__track {
		animation: none !important;
		justify-content: center;
		width: 100%;
	}
	.slider-text__item[aria-hidden="true"] {
		display: none;
	}
}

.custom-select-field-cart select,
.woocommerce-cart select {
	width: 100%;
}

select:not([multiple]):not([size]):not(.select2-hidden-accessible):hover {
	border-color: var(--orange-dark);
}

select:not([multiple]):not([size]):not(.select2-hidden-accessible):focus {
	outline: none;
	border-color: var(--orange-dark);
	box-shadow: 0 0 0 3px rgba(184, 154, 95, 0.18);
}

select:not([multiple]):not([size]):not(.select2-hidden-accessible):disabled {
	color: var(--color-muted);
	background-color: var(--color-bg);
	border-color: var(--color-border);
	cursor: not-allowed;
}

select option {
	color: var(--color-text);
	background-color: var(--color-surface);
}