@import url('https://fonts.googleapis.com/css2?family=Baskervville:ital,wght@0,400..700;1,400..700&family=Caveat:wght@400..700&family=Dancing+Script:wght@400..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
/*!
Theme Name: PureMe
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: pureme
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.

PureMe 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
--------------------------------------------------------------*/


:root {
	--header-font: 'Baskervville';
	--text-font: 'Roboto'

}

/* 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%;
}

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

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
	color: #000;
	font-family: var(--header-font);
	font-weight: 300;

}

/**
 * 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 {}

/* 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: 600;
}

/**
 * 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.
 */

input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
	width: 100%;
	border: none;
	border-bottom: 1px solid #d6d6d6;
	transition: 0.3s ease;
}

input:focus,
optgroup:focus,
select:focus,
textarea:focus {
	border-color: #000;
	outline: none;
}

/**
 * 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;
	height: 150px;
}

/**
 * 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;
	margin: 0;
	width: 24px;
	height: 24px;
	flex-shrink: 0;
	cursor: pointer;
}

/**
 * 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: #000;
	font-family: var(--text-font), sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: var(--header-font);
	font-weight: 400;
}

p {
	margin-bottom: 1.5em;
	font-weight: 300;
}

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: transparent;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul {
	margin: 0 0 1em 2em;
	padding: 0;
}

ol {
	margin: 0 0 1em 2em;
	padding: 0;
}

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: #000;
}

a:visited {
	color: #000;
}

a:hover,
a:focus,
a:active {
	color: #191970;
}

a:focus {
	outline: thin dotted;
}

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

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: none;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	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: #ccc #bbb #aaa;
}

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: #aaa #bbb #bbb;
}

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: #9c9c9c;
	border: none;
	border-bottom: 1px solid #d6d6d6;
	border-radius: 0px;
	padding: 3px;
	transition: 0.3s ease;
	font-weight: 300;
	font-size: 16px;

}

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;
	border-color: #000;
}

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;
	}

	.main-navigation ul {
		display: flex;
	}
}

.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;
}



/* MAIN */

.container {
	max-width: 1400px;
	width: 100%;
	margin: 0 auto;

}

section {
	max-width: 1900px;
	width: 100%;
	margin: 0 auto;
}


/* STRONA PRODUKTU */

#single-product .main-info {
	display: flex;
	gap: 89px;
	padding-top: 95px;
}

.main-info .images-col {
	max-width: 690px;
	width: auto;
}

.main-info .images-col .images-wrapper .product-thumbs {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 15px 21px;
	margin-top: 21px;
}

.main-info .images-col .images-wrapper .product-thumbs .product-thumb-slide img {
	width: 100%;
	height: auto;
	object-fit: cover;
	cursor: pointer;
}

.main-info .images-col .main-product-slide {
	display: flex;
	justify-content: center;
	align-items: center;
}

.main-info .images-col .main-product-slide img {
	width: 100%;
	max-height: 796px;
	aspect-ratio: 1 / 1;
	object-fit: contain;
}

.main-info .product-thumbs .slick-list .slick-track .slick-slide div {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;

}

.product-thumbs .product-thumb-slide.is-video {
	position: relative;
}

.product-thumbs .product-thumb-slide .thumb-badge {
	position: absolute;
	left: 8px;
	bottom: 8px;
	background: rgba(0, 0, 0, .6);
	color: #fff;
	font-size: 12px;
	line-height: 1;
	padding: 4px 6px;
	border-radius: 4px;
	pointer-events: none;
}


.slick-track:before,
.slick-track:after {
	content: none !important;
}

.slick-slide img {
	width: 100%;
}

/* Pełnoekranowy overlay Z POD spodu */
.card-hover-overlay {
	position: absolute;
	inset: 0;
	z-index: 0;
	/* pod treścią i badge/wishlist */
	opacity: 0;
	transition: opacity 200ms ease-in-out;
	pointer-events: none;
	/* nie zabiera kliku przyciskowi/linkom */
	display: block;
}

.card-hover-overlay .hover-full-img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

/* Główna miniatura jak dotąd */
.product-image {
	position: relative;
	display: block;
	overflow: hidden;
}

.product-image .product-img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.product-image .product-img.hover {
	position: absolute;
	inset: 0;
	opacity: 0;
	transition: opacity 200ms ease-in-out;
	pointer-events: none;
}

.product-image .product-img.main {
	transition: opacity 200ms ease-in-out;
}

/* Badge i wishlist ponad wszystkim */
.product-badge,
.product-wishlist {
	position: absolute;
	z-index: 2;
}

.product-badge {
	top: 8px;
	left: 8px;
}

.product-wishlist {
	top: 8px;
	right: 8px;
}

/* PRZYCISK – w normalnym flow, zawsze widoczny */
.prodct-btns {
	/* usuwamy position:absolute; zostawiamy domyślne */
	/* dopasuj do swojego layoutu */
	z-index: 1;
	/* nad overlayem (który ma 0) */
	height: auto;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.prodct-btns .product-button {
	position: relative;
	/* potrzebne dla ::after */
	display: inline-block;
	/* żeby linia dopasowała się do tekstu */
	font-size: 13px;
	font-weight: 900;
	line-height: 13px;
	letter-spacing: 0.711px;
	text-transform: uppercase;
	text-decoration: none;
	/* wyłącz klasyczne podkreślenie */
	color: #000;
	transition: color .3s ease;
	/* zostawiamy tylko miękką zmianę koloru, jeśli kiedyś użyjesz */
}

/* animowana kreska */
.prodct-btns .product-button::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	/* lub width:100% */
	height: 2px;
	/* grubość */
	background: #000;
	/* kolor */
	bottom: -3px;
	/* 3 px poniżej tekstu */
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform .3s ease;
	pointer-events: none;
	/* nie łap klików */
}

/* hover + klawiatura */
.prodct-btns .product-button:hover::after,
.prodct-btns .product-button:focus-visible::after {
	transform: scaleX(1);
}

/* nie używamy text-decoration na hoverze */
.prodct-btns .product-button:hover {
	text-decoration: none;
}

/* (opcjonalnie) szacunek dla prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
	.prodct-btns .product-button::after {
		transition: none;
	}
}

/* Na hover: pokaż overlay i schowaj tytuł/cenę/gwiazdki. Przycisk zostaje. */
@media (hover:hover) and (pointer:fine) {
	.product-item:hover .card-hover-overlay {
		opacity: 1;
	}

	.product-item:hover .product-title,
	.product-item:hover .product-price,
	.product-item:hover .product-stars {
		opacity: 0;
		visibility: hidden;
		transition: opacity 150ms ease-in-out;
	}

	/* (opcjonalnie) wygaszenie głównego obrazka miniatury */
	.product-item:hover .product-image .product-img.main {
		opacity: 0;
	}

	.product-item:hover .product-image .product-img.hover {
		opacity: 0;
	}

	/* niepotrzebny, overlay przykrywa */
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {
	position: relative;
	overflow: hidden;
	height: 46px;
	border: 1px solid #000;
	padding: 0 42px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: transparent !important;
	color: #000 !important;
	border-radius: 0;
	font-size: 14px;
	font-weight: 600 !important;
	text-transform: uppercase;
	letter-spacing: 0.7px;
	z-index: 1;
	transition: color 0.3s ease;
	text-decoration: none;
	width: auto;
	cursor: pointer;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit::before,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button::before,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button::before,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button::before,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit::before,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button::before,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button::before,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 0;
	background: #000;
	z-index: -1;
	transition: width 0.4s ease;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover {
	color: #fff !important;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover::before,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover::before,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover::before,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover::before,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:hover::before,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover::before,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover::before,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover::before {
	width: 100%;
}

.single_add_to_cart_button.button.alt,
.main-button,
#product-reviews .cancel-review-btn,
#product-reviews .yith-ywar-edit-forms .form-footer .submit-button,
.wc-block-components-button:not(.is-link),
.wpcf7-submit,
.wc-block-components-checkout-return-to-cart-button {
	position: relative;
	overflow: hidden;
	height: 46px;
	border: 1px solid #000 !important;
	padding: 0 42px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: transparent !important;
	color: #000 !important;
	border-radius: 0 !important;
	font-size: 14px;
	font-weight: 600 !important;
	text-transform: uppercase;
	letter-spacing: 0.7px;
	z-index: 1;
	transition: color 0.3s ease;
	text-decoration: none;
	width: auto;
	cursor: pointer;
}

li.product .button .main-button,
.woocommerce ul.products li.product .button .main-button,
.woocommerce ul.products li.product .prodct-btns .main-button,
.swiper-slide li.product .prodct-btns .main-button,
#product-reviews .cancel-review-btn,
#product-reviews .yith-ywar-edit-forms .form-footer .submit-button {
	position: relative;
	overflow: hidden;
	height: 33px;
	border: 1px solid #000;
	padding: 0 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: transparent !important;
	color: #000 !important;
	border-radius: 0;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.7px;
	z-index: 1;
	transition: color 0.3s ease;
	text-decoration: none;
	margin-top: 0;
}

/* Tło animowane */
.single_add_to_cart_button.button.alt::before,
.main-button::before,
.woocommerce ul.products li.product .button::before,
.woocommerce ul.products li.product .main-button::before,
.swiper-slide li.product .prodct-btns .main-button::before,
li.product .prodct-btns .product-btn::before,
.product-button::before,
#product-reviews .yith-ywar-edit-forms .form-footer .submit-button::before,
.wc-block-components-button:not(.is-link)::before,
.wpcf7-submit::before,
.wc-block-components-checkout-return-to-cart-button::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 0;
	background: #000 !important;
	z-index: -1;
	transition: width 0.4s ease;
}

/* Hover efekt */
.single_add_to_cart_button.button.alt:hover,
.main-button:hover,
.product-button:hover,
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .main-button:hover,
.swiper-slide li.product .prodct-btns .main-button:hover,
li.product .button:hover,
#product-reviews .cancel-review-btn:hover,
#product-reviews .yith-ywar-edit-forms .form-footer .submit-button:hover,
.wc-block-components-button:not(.is-link):hover,
.wpcf7-submit:hover,
.wc-block-components-checkout-return-to-cart-button:hover {
	color: #fff !important;
}

.single_add_to_cart_button.button.alt:hover::before,
.main-button:hover::before,
.woocommerce ul.products li.product .button:hover::before,
.woocommerce ul.products li.product .main-button:hover::before,
.swiper-slide li.product .prodct-btns .main-button:hover::before,
li.product .button:hover::before,
#product-reviews .cancel-review-btn:hover::before,
#product-reviews .yith-ywar-edit-forms .form-footer .submit-button:hover::before,
.wc-block-components-button:not(.is-link):hover::before,
.wpcf7-submit:hover::before,
.wc-block-components-checkout-return-to-cart-button:hover::before {
	width: 100%;
}

.woocommerce a {
	color: #000;

}


.mailpoet_paragraph.main-button.last input {
	color: #000;
}

.mailpoet_paragraph.main-button.last:hover input {
	color: #fff;
}


.woocommerce form .form-row .input-text,
.woocommerce form .form-row select {
	border: none;
	border-bottom: 1px solid #000;
	border-radius: 0;
	background-color: #fff !important;
}



.secondary-button {
	position: relative;
	overflow: hidden;
	height: 46px;
	border: 1px solid #fff;
	padding: 0 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: transparent !important;
	color: #fff !important;
	border-radius: 0;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.7px;
	z-index: 1;
	transition: color 0.3s ease;
	text-decoration: none;
}

/* Tło animowane */
.secondary-button::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 0;
	background: #fff;
	z-index: -1;
	transition: width 0.4s ease;
}

/* Hover efekt */

.secondary-button:hover {
	color: #000 !important;
}

.secondary-button:hover::before {
	width: 100%;
}

#single-product .container {
	max-width: 1400px;
}

#single-product .main-info .product-info .product-title {
	margin: 0;
	font-size: 40px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	/* 120% */
	letter-spacing: 1.425px;
	text-transform: uppercase;
}

#single-product .main-info .product-info .product-cat {
	font-size: 21px;
	font-style: normal;
	font-weight: 400;
	line-height: 21px;
	letter-spacing: 0.308px;
	text-transform: uppercase;
	font-family: var(--header-font);
	margin-top: 25px;
}

.product-info .product-cat .product-brand {
	font-weight: 700;
}

.product-info .product-cat a {
	text-decoration: none;
	color: #000;
}

.product-info .product-cat a:first-of-type {
	font-weight: 600;
}

.product-info .product-attributes {
	margin-top: 3px;
}

.product-info .product-attributes span {
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 25.263px;
	/* 157.895% */
	letter-spacing: 0.4px;
}

.product-info .product-reviews {
	margin-top: 26px;
	display: flex;
	gap: 12px;
	align-items: center;
}

.product-info .product-reviews .reviews-link {
	color: #9C9B9B;

	font-size: 13px;
	font-style: normal;
	font-weight: 300;
	line-height: 13px;
	/* 100% */
	letter-spacing: 0.325px;
}

.product-info .product-description {
	margin-top: 30px;
}

.product-info .product-description p {
	margin: 0;
}

.product-info .shop-box {
	margin-top: 24px;
	padding-bottom: 28px;
	border-bottom: 1px solid #000;
}

.product-info .shop-box .product-price {
	display: flex;
	flex-direction: column;
	gap: 8px;

}

.product-info .shop-box .product-price .woocommerce-Price-amount.amount {
	font-size: 36px;
	font-style: normal;
	font-weight: 900;
	line-height: 36px;
	/* 100% */
	letter-spacing: -0.562px;
}

.product-info .shop-box .product-price del .woocommerce-Price-amount.amount {
	font-size: 24px;
	/* color: #535353; */
}

.woocommerce-Price-amount.amount bdi {
	display: flex;
}

.price-per-100ml {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	font-style: normal;
	font-weight: 300;
	line-height: 13px;
	/* 100% */
	letter-spacing: 0.325px;
	margin-top: 8px;
}


.price-per-100ml .woocommerce-Price-amount.amount bdi {
	gap: 0;
}

.price-per-100ml .woocommerce-Price-amount.amount {
	font-size: 13px;
	font-style: normal;
	font-weight: 300;
	line-height: 13px;
	/* 100% */
	letter-spacing: 0.325px;
}

.product-info .add-to-cart {
	margin-top: 37px;
}

.product-info .add-to-cart form.cart {
	display: flex;
	align-items: center;
	gap: 29px;
}

.product-info .add-to-cart .pm-qty-group {
	border: 1px solid #DBD6D4;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 46px;
	min-width: 102px;
	transition: 0.3s ease;
}

.product-info .add-to-cart .pm-qty-group button {
	border: none;
	height: 42px;
	width: 20px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	cursor: pointer;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 14px;
	/* 100% */
	letter-spacing: 0.7px;
	text-transform: uppercase;
}

.product-info .add-to-cart .quantity input.qty {
	border: none;
	outline: none;
	width: 45px;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 14px;
	/* 100% */
	letter-spacing: 0.7px;
	text-transform: uppercase;
}

.product-info .add-to-cart .quantity-wrapper:focus-within {
	border-color: #000;
}

.product-info .yith-add-to-wishlist-button-block.yith-add-to-wishlist-button-block--single {
	margin-top: 35px;
}

.product-info .yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--single.yith-wcwl-add-to-wishlist-button--anchor {
	font-size: 13px;
	font-style: normal;
	font-weight: 700;
	line-height: 13px;
	/* 100% */
	letter-spacing: 0.508px;
	text-transform: uppercase;
	color: #000;
	text-decoration: none;
}

svg.yith-wcwl-icon-svg {
	width: 17px !important;
	height: 17px !important;
}

.product-info .product-tabs {
	display: flex;
	flex-direction: column;
	margin-top: 28px;
}

.product-tabs .tab-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #000;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 25.263px;
	/* 157.895% */
	text-transform: uppercase;
	letter-spacing: 0.4px;
	min-height: 62px;
	transition: 0.5s ease;
	cursor: pointer;
}

.product-tabs .product-tab {
	border-bottom: 1px solid #DBD6D4;
}


.product-tabs .tab-content p {
	margin-top: 0;
}

.product-tabs .product-tab.active .tab-header {
	min-height: 46px;
}

.product-tabs .product-tab .tab-header .tab-icon {
	display: flex;
	align-items: center;
	justify-content: center;
}

.product-tabs .product-tab .tab-header .tab-icon svg {
	stroke-width: 1;
	width: 20px;
	height: 20px;
}

.product-tabs .product-tab .tab-content .product-icons {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
	padding-bottom: 34px;
}

.product-tabs .product-tab .tab-content .product-icons .product-icon {
	display: flex;
	align-items: center;
	gap: 7px;
	transition: 0.3s ease;
}

.product-tabs .product-tab .tab-content .product-icons .product-icon:hover .icon-title {
	color: #000;
}

.product-tabs .product-tab .tab-content .product-icons .product-icon .icon {
	flex-shrink: 0;
}

.product-tabs .product-tab .tab-content .product-icons .product-icon img {
	max-width: 50px;
	width: 100%;
	height: auto;
}

.product-icons .icon-title {
	font-size: 11px;
	font-weight: 400;
	line-height: 1.25;
	/* zamiast 11px – więcej miejsca między liniami */
	letter-spacing: 0;
	/* to -3.094px powodowało nachodzenie */
	text-transform: uppercase;
	color: #A1A1A1;
	/* white-space: normal; */
	/* pozwól łamać linie */
	/* overflow-wrap: anywhere; */
	/* łamie nawet długie słowa */
	/* word-break: break-word; */
	/* dodatkowe zabezpieczenie */
	/* hyphens: auto; */
	/* opcjonalnie dzielenie wyrazów */
	text-align: left;
	transition: 0.3s ease;
}

#product-slider .container {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 43px;
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	padding-top: 123px;
	padding-bottom: 80px;
	position: relative;
}

#product-slider .swiper-button-next,
#front-products .swiper-button-next,
#front-categories .swiper-button-next,
#marka-products .swiper-button-next {
	right: -40px;
	width: auto;

	height: auto;
}


#front-products .swiper-button-next,
#front-products .swiper-button-prev,
#exclusive .swiper-button-next,
#exclusive .swiper-button-prev,
#product-slider .swiper-button-next,
#product-slider .swiper-button-prev {
	top: calc(50% + 70px);
}

#product-slider .swiper-button-prev,
#front-products .swiper-button-prev,
#front-categories .swiper-button-prev,
#marka-products .swiper-button-prev {
	left: -40px;
	width: auto;

	height: auto;
}


#product-slider ul.products {
	display: flex;
	gap: 0;
}

#product-slider .container .product-recommended-swiper {
	width: 100%;
	position: relative;
}

#product-slider .container .product-recommended-swiper li.product {
	height: auto;
}

.section-header {
	display: flex;
	text-align: center;
	flex-direction: column;
	text-align: center;
}

.mini-title {
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 16.8px;
	/* 120% */
	letter-spacing: 2.8px;
	text-transform: uppercase;
	margin: 0;
	color: #000;
	font-family: var(--text-font);
}

.section-title {
	font-size: 40px;
	font-style: normal;
	font-weight: 400;
	line-height: 48px;
	/* 120% */
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0;
}

li.product,
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	background-color: #F7F7F7;
	position: relative;
	padding: 0;
	height: 100%;
}


.swiper-wrapper .swiper-slide {
	height: auto;
}

li.product .product-image img,
.woocommerce ul.products li.product .product-image img,
.woocommerce-page ul.products li.product .product-image img {
	max-width: 300px;
	max-height: 240px;
	object-fit: contain;
	margin: 0;
}

li.product .yith-wcwl-add-to-wishlist-button__label,
.woocommerce ul.products li.product .yith-wcwl-add-to-wishlist-button__label,
.woocommerce-page ul.products li.product .yith-wcwl-add-to-wishlist-button__label {
	display: none;
}

li.product .product-wishlist,
.woocommerce ul.products li.product .product-wishlist,
.woocommerce-page ul.products li.product .product-wishlist {

	position: absolute;
	top: 19px;
	right: 19px;
}

.yith-add-to-wishlist-button-block.yith-add-to-wishlist-button-block--single {
	margin: 0;
}

li.product .product-badge,
.woocommerce ul.products li.product .product-badge,
.woocommerce-page ul.products li.product .product-badge {
	position: absolute;
	top: 19px;
	left: 19px;

	display: flex;
	flex-direction: column;
	gap: 12px;
	align-items: flex-start;
	justify-content: center;
	z-index: 20;
}

li.product .product-badge span,
.woocommerce ul.products li.product .product-badge span,
.woocommerce-page ul.products li.product .product-badge span {
	color: #FFF;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 13px;
	/* 100% */
	letter-spacing: 0.65px;
	text-transform: uppercase;
	height: 23px;
	padding: 0 12px;
	display: flex;
	align-items: center;
	justify-content: center;
}

li.product .product-badge span.new,
.woocommerce ul.products li.product .product-badge span.new,
.woocommerce-page ul.products li.product .product-badge span.new {
	background-color: #000;
}

li.product .product-badge span.sale,
.woocommerce ul.products li.product .product-badge span.sale,
.woocommerce-page ul.products li.product .product-badge span.sale {
	background-color: #cf797e;
	color: #fff;
}

li.product .product-header,
.woocommerce ul.products li.product .product-header,
.woocommerce-page ul.products li.product .product-header {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 12px;
}

li.product .product-item,
.woocommerce ul.products li.product .product-item,
.woocommerce-page ul.products li.product .product-item {
	display: flex;
	flex-direction: column;
	gap: 0;
	align-items: center;
	text-align: center;
	justify-content: flex-start;
	height: 100%;

	position: relative;
	overflow: hidden;
	/* przytnij obraz overlayu */
}

li.product .product-footer,
.woocommerce ul.products li.product .product-footer,
.woocommerce-page ul.products li.product .product-footer {
	padding-left: 40px;
	padding-right: 40px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	height: 100%;
	padding-bottom: 30px;
}


#top-products li.product .product-footer {
	padding-left: 20px;
	padding-right: 20px;
}

li.product .product-footer .product-title a,
.woocommerce ul.products li.product .product-footer .product-title a,
.woocommerce-page ul.products li.product .product-footer .product-title a {
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
	/* 100% */

	text-transform: uppercase;
	font-family: var(--header-font);
	text-align: center;
	text-decoration: none;
	color: #000;
}


li.product .product-footer .product-title a::first-line,
.woocommerce ul.products li.product .product-footer .product-title a::first-line,
.woocommerce-page ul.products li.product .product-footer .product-title a::first-line {
	font-weight: 600;
}

li.product .product-footer .product-stars,
.woocommerce ul.products li.product .product-footer .product-stars,
.woocommerce-page ul.products li.product .product-footer .product-stars {
	height: 14px;
}

.star-rating {
	margin: 0;
}

li.product .product-footer .product-price,
.woocommerce ul.products li.product .product-footer .product-price,
.woocommerce-page ul.products li.product .product-footer .product-price {
	font-size: 18px;
	font-style: normal;
	font-weight: 900;
	line-height: 18px;
	/* 100% */
	letter-spacing: 0.9px;
	text-align: center;
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
	align-items: center;
	min-height: 37px;
}

li.product .product-footer .product-price del,
.woocommerce ul.products li.product .product-footer .product-price del,
.woocommerce-page ul.products li.product .product-footer .product-price del {

	font-size: 15px;
	color: #cf797e;
}

#product-banner {
	position: relative;
	overflow: hidden;
	max-width: unset;
	/* na wszelki wypadek */
}

#product-banner::before {
	content: "";
	position: absolute;
	top: 120px;
	/* start tła od 150px */
	left: 0;
	width: 100%;
	height: 50%;
	/* reszta wysokości */
	background-color: #F7F7F7;
	z-index: -1;
	/* tło za zawartością */
}


#product-banner .baner-header {
	display: flex;
	align-items: center;
	justify-content: space-between;

}

#product-banner .baner-header:first-of-type .text-col {
	margin-top: 50px;
}

#product-banner .baner-header .baner-text {
	font-size: 24px;
	text-transform: uppercase;
	font-family: var(--header-font);

}

#product-banner .product-baner {
	display: flex;
	flex-direction: column;
	gap: 80px;
}

#product-banner .product-baner .baner-content {
	max-width: 1000px;
	margin: 0;
	height: auto;
}

#product-banner .product-baner .baner-content p {
	margin: 0;
}

#product-banner .product-baner:nth-child(even) .baner-header {
	flex-direction: row-reverse;
}

.product-baner .more-button {
	display: none;
}

/* Treść na desktopie normalnie widoczna */
.product-baner .baner-content {
	height: auto;
	overflow: visible;
}

@media (max-width: 767px) {
	.product-baner .more-button {
		display: inline-flex;
	}

	.product-baner .baner-content {
		overflow: hidden;
	}
}

#product-banner .container {
	display: flex;
	flex-direction: column;
	gap: 143px;
	max-width: 1400px;
}

#product-banner .baner-header .text-col {
	max-width: 515px;
	width: 100%;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	gap: 37px;
}

#product-banner .baner-header .image-col img {
	max-width: 840px;
	width: 100%;
	height: auto;
}

#product-banner .baner-header .text-col .baner-title h2 {
	margin: 0;
	font-size: 40px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	/* 120% */
	letter-spacing: 1.375px;
	text-transform: uppercase;
}

#product-faq .container {
	display: flex;
	flex-direction: column;
	gap: 46px;
	align-items: center;
	padding-top: 140px;
	padding-bottom: 85px;
	max-width: 1400px;
}

#product-faq .faq-wrapper {
	display: flex;
	flex-direction: column;
	border-top: 1px solid #DBD6D4;
	width: 100%;
}

#product-faq .faq-wrapper .faq-item {
	display: flex;
	flex-direction: column;
	border-bottom: 1px solid #DBD6D4;
}

.faq-item .faq-header {
	width: 100%;
	padding: 0;
	background: none;
	border: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 55.789px;
	/* 348.684% */
	letter-spacing: 0.4px;


}


.faq-item .faq-header .tab-icon svg {
	stroke-width: 1;
	width: 20px;
	height: 20px;
}

#promo-baner {
	height: 660px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	max-width: none;
	background-image: var(--promo-bg-desktop);
}

#promo-baner .container {
	display: flex;
	align-items: center;
	height: 100%;
	max-width: 1400px;
}

#promo-baner .container .col-text {
	max-width: 1000px;
	display: flex;
	flex-direction: column;
	gap: 24px;
	color: #000;
}


#promo-baner .container .col-text h3 {
	margin: 0;
	font-size: 24px;
}

#promo-baner .container .col-text .main-button {
	width: fit-content;
	margin: 25px 0;
}

#promo-baner .promo-timer {

	display: flex;
}

.promo-timer .promo-timer-inner {
	display: flex;
	align-items: center;
	gap: 15px;
}

.promo-timer .promo-timer-inner .promo-time-part {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 20px;
	background-color: #fff;
	color: #000;
}

.promo-time-part .time-value {
	font-size: 36px;
	text-align: center;
	font-family: var(--header-font);
	font-weight: 600;
}

.promo-time-part .time-label {
	font-size: 13px;
	text-align: center;
	font-weight: 300;
	font-family: var(--header-font);
}

#promo-baner .container .col-text .baner-title {
	margin: 0;
	font-size: 55px;
	font-style: normal;
	font-weight: 400;
	line-height: 66px;
	letter-spacing: 1.375px;
	text-transform: none;
}

#promo-baner .container .col-text .baner-title h1,
#promo-baner .container .col-text .baner-title h2,
#promo-baner .container .col-text .baner-title h3,
#promo-baner .container .col-text .baner-title h4,
#promo-baner .container .col-text .baner-title h5 {
	margin: 0;
}

#promo-baner .container .col-text .baner-title h1,
#promo-baner .container .col-text .baner-title h2 {
	font-size: 80px;
	line-height: 1.5;
}


#promo-baner .container .col-text .baner-title h1 .small,
#promo-baner .container .col-text .baner-title h2 .small {
	font-size: 40px;
}

#promo-baner .container .col-text .baner-title h3,
#promo-baner .container .col-text .baner-title h4,
#promo-baner .container .col-text .baner-title h5 {
	font-size: 45px;
	line-height: 1;
}

#promo-baner .container .col-text .baner-text p {
	margin: 0;
	color: #000;
}

#promo-baner .container .col-text .secondary-button {
	width: fit-content;

}

#promo-baner .container .col-text .baner-text {
	margin-top: 15px;
}

#related-products {
	max-width: none;
	margin-top: 90px;
	margin-bottom: 50px;
}


#related-products .products.swiper-wrapper {
	display: flex;
	gap: 0;
}

#related-products .container {
	max-width: unset;
	display: flex;
	flex-direction: column;
	gap: 50px;
	position: relative;
}

.yith-ywar-main-wrapper .yith-ywar-reviews-wrapper {
	width: 100%;
}

#product-reviews .yith-ywar-reviews-list {
	flex-direction: row;
	align-items: center;
	justify-content: center;
	position: relative;
}

#product-reviews .yith-ywar-reviews-list::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: url(./assets/img/pure_me_sygnet.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	opacity: .8;
	pointer-events: none;

}

.yith-ywar-no-reviews {
	z-index: 20;
}

#product-reviews .yith-ywar-edit-forms.new-review {
	display: none;
	border: none;
	border-radius: 0;
}

#product-reviews .yith-ywar-edit-forms .form-header {
	border-radius: 0;
	background: none;
	font-size: 32px;
	font-weight: 400;
	line-height: 43.2px;
	/* 120% */
	letter-spacing: 0.9px;
	text-transform: uppercase;
	color: #000;
	text-align: center;
	text-transform: uppercase;
	font-family: var(--header-font);
}

#product-reviews .yith-ywar-edit-forms .form-content {
	border: none;
	border-radius: 0;
	background: none;
}

#product-reviews .yith-ywar-edit-forms .form-content .form-element label input[type="text"].review-content,
#product-reviews .yith-ywar-edit-forms .form-content .form-element label input[type="email"].review-content,
#product-reviews .yith-ywar-edit-forms .form-content .form-element label textarea.review-content {
	border: none;
	background: none;
	border-bottom: 1px solid #CCC;
}


#product-reviews .yith-ywar-edit-forms .form-footer {
	border: none;
	border-radius: 0;
	background: none;
}

.yith-ywar-single-review .review-user-group .review-user-avatar {
	display: none;
}

.yith-ywar-single-review .review-user-group .review-info {
	align-items: center;
	text-align: center;
}

#product-reviews .yith-ywar-reviews-list .yith-ywar-single-review {
	border-radius: 0;
	border: 0;
	box-shadow: none;
}

#add-review {
	background-color: #F7F7F7;
}

#add-review .container {
	padding-top: 88px;
	padding-bottom: 77px;
	display: flex;
	flex-direction: column;
	gap: 34px;
	text-align: center;
	align-items: center;

}

#add-review .container h4 {
	font-family: var(--text-font);
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 25.263px;
	/* 157.895% */
	letter-spacing: 0.4px;
	margin: 0;
}


#add-review .container h2 {
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 28.8px;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	margin: 0;
}

#product-reviews .container {
	padding-top: 65px;
	padding-bottom: 65px;
	max-width: 1200px;
	margin: 0 auto;
}

.yith-ywar-single-review .review-content {
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 22px;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 25.263px;
	/* 157.895% */
	letter-spacing: 0.4px;
}


/* ARCHIWUM */
#archive {
	padding-top: 50px;
	padding-bottom: 50px;
}

#archive .container {
	display: flex;
	gap: 60px;
	max-width: 1500px;
}


#archive .right-col.products-col {
	display: flex;
	flex-direction: column;
	gap: 26px;
}

#archive .right-col.products-col .sorting-wrapper {
	border-bottom: 1px solid #000;
}

#archive .right-col.products-col .sorting-wrapper .woocommerce-result-count {
	margin: 0;
}

.woocommerce .woocommerce-ordering select {
	border: none;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 16px;
	/* 100% */
	letter-spacing: 0.4px;
}

#archive .right-col.products-col .archive-header {
	display: flex;
	flex-direction: column;
	display: none !important;
}

#archive .right-col.products-col .archive-header .header-desc.wysiwyg {
	display: none !important;
}

#archive .right-col.products-col .products-wrapper {
	display: flex;
	flex-direction: column;
	gap: 25px;
	padding-bottom: 60px;

}

.woocommerce nav.woocommerce-pagination ul {
	display: flex;
	gap: 20px;
}

.btn-loadmore {
	gap: 10px;
}

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

#archive .promo-wrapper {
	min-height: 394px;
	background-position: center;
	background-size: cover;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	justify-content: space-between;
	gap: 40px;
	padding: 30px 30px 40px 30px;
	margin-top: 0px;

}

#archive .promo-wrapper a {
	color: #fff;

}

#archive .promo-wrapper p {
	margin: 0;
}

.third-button {
	font-size: 13px;
	font-style: normal;
	font-weight: 900;
	line-height: 13px;
	/* 100% */
	letter-spacing: 0.711px;
	text-transform: uppercase;
	color: #fff;
	transition: 0.3s ease;
	text-decoration: none;
}

.third-button:hover {
	transform: translateY(-3px);
}

#archive .promo-wrapper {
	position: relative;
}

#archive .promo-wrapper .baner-title {
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.5;
	/* 100% */
	/* letter-spacing: -0.18px; */
	/* text-transform: uppercase; */
	margin: 0;
	text-align: left;
}

#archive .promo-wrapper .baner-title h1,
#archive .promo-wrapper .baner-title h2 {
	margin: 0;
	line-height: 1.8;
	font-size: 30px;
	font-weight: bold;
}



#archive .promo-wrapper .baner-title h1 .small,
#archive .promo-wrapper .baner-title h2 .small {
	font-size: 20px;
}

#archive .promo-wrapper .baner-title h3,
#archive .promo-wrapper .baner-title h4,
#archive .promo-wrapper .baner-title h5 {
	margin: 0;
	line-height: 1;
	font-size: 19px;
}

#archive .promo-wrapper .main-button {
	position: absolute;
	bottom: 20px;
	padding: 0 !important;
	width: 80%;
	background-color: #000 !important;
	color: #fff !important;

}

.wc-block-cart-item__remove-link {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 999px;
	border: 1px solid #000;
	background: transparent;
	padding: 0;
	cursor: pointer;
	font-size: 0px !important;

	/* ukrywa tekst "Usuń" wizualnie, ale aria-label dalej działa */
	font-size: 0;
	line-height: 1;
}


.wc-block-cart-item__remove-link::before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;

	/* Twój SVG jako data URI */
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22lucide%20lucide-trash-2%22%3E%3Cpath%20d%3D%22M10%2011v6%22%3E%3C/path%3E%3Cpath%20d%3D%22M14%2011v6%22%3E%3C/path%3E%3Cpath%20d%3D%22M19%206v14a2%202%200%200%201-2%202H7a2%202%200%200%201-2-2V6%22%3E%3C/path%3E%3Cpath%20d%3D%22M3%206h18%22%3E%3C/path%3E%3Cpath%20d%3D%22M8%206V4a2%202%200%200%201%202-2h4a2%202%200%200%201%202%202v2%22%3E%3C/path%3E%3C/svg%3E");
}

.wc-block-components-product-badge {
	border-radius: 0 !important;
	text-transform: none !important;
	font-weight: 400 !important;
}

#archive .promo-wrapper .main-button::before {
	background: #fff !important;
}

#archive .promo-wrapper .main-button:hover {
	color: #000 !important;
}

#archive .right-col.products-col .archive-header h1,
#archive .right-col.products-col .archive-header h2,
#archive .right-col.products-col .archive-header h3,
#archive .right-col.products-col .archive-header h4,
#archive .right-col.products-col .archive-header h5 {
	margin: 0;
	font-style: normal;
	font-weight: 400;
	line-height: 48px;
	/* 120% */
	letter-spacing: 1px;
	text-transform: uppercase;
}

.woocommerce .products ul,
.woocommerce ul.products {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 26px;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	width: 100%;
	margin: 0;
}

.woocommerce .products ul::after,
.woocommerce .products ul::before,
.woocommerce ul.products::after,
.woocommerce ul.products::before {
	content: none;
	display: none;
}

#archive .container .left-col {
	min-width: 263px;
	max-width: 270px;
	width: 100%;
}

#front-about .baner-content {
	transition: height .25s ease;
	will-change: height;
}

/* Kolumna z tłem */
#front-about .image-col {
	position: relative;
	overflow: hidden;
	min-height: 840px;
	height: 100%;
	width: 100%;

}

/* Gdy mamy obraz */
#front-about .image-col.has-bg {
	background-image: var(--about-bg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	transition: background-size .6s cubic-bezier(.2, .6, .2, 1);
	will-change: background-size;
	transform: translateZ(0);
	/* czasem pomaga na Safari jank */
}

/* Hover całej sekcji – powiększa tło */
#front-about:hover .image-col.has-bg {
	background-size: 112%;
}

/* Opcjonalnie: delikatne uniesienie całej sekcji przy hover */
#front-about {
	transition: transform .2s ease;
}

#front-about:hover {
	transform: translateY(-2px);
}

/* Ograniczenie animacji dla prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {

	#front-about,
	#front-about .image-col.has-bg {
		transition: none;
	}
}



#front-products .container {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 45px;
	padding-top: 125px;
	padding-bottom: 125px;
	position: relative;
	max-width: 1200px;
}

#front-products .container .products-wrapper {
	max-width: 1200px;
	width: 100%;
}

#front-categories {
	max-width: unset;
	background-color: #F4EDEA;
}

#front-categories .container {
	padding-top: 125px;
	padding-bottom: 125px;
	display: flex;
	flex-direction: column;
	gap: 57px;
	align-items: center;
	position: relative;
	max-width: 1400px;
}

.cat-wrapper {
	width: 100%;
}

.cat-wrapper .product-cat {
	display: flex;
	flex-direction: column;
	gap: 40px;
	align-items: center;

}


.product-cat .cat-image {
	position: relative;
	overflow: hidden;
	/* ładne obcięcie rogów */
	aspect-ratio: 1 / 1;
	/* zachowaj kwadrat; usuń/zmień wg potrzeb */
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	/* stan bazowy („cover-like” zoom 100%) */
	transition: background-size .6s cubic-bezier(.2, .6, .2, 1);
	will-change: background-size;
	/* płynniej */
	max-height: 514px;
	width: 100%;
	height: 100%;
}

/* Hover/focus: „zoom in” tła */
.product-cat:hover .cat-image,
.product-cat:focus-within .cat-image {
	background-size: 112%;
}

/* Opcjonalnie delikatny uniesiony hover karty */
.product-cat {
	transition: transform .2s ease;
}

.product-cat:hover {
	transform: translateY(-2px);
}

/* Preferencje ograniczonych animacji */
@media (prefers-reduced-motion: reduce) {

	.product-cat,
	.product-cat .cat-image {
		transition: none;
	}
}

.product-cat .cat-footer {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.product-cat .cat-footer .cat-name {
	margin: 0;
	text-align: center;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
	/* 100% */
	letter-spacing: 0.6px;
	text-transform: uppercase;
}


#front-about .container {
	display: flex;
	gap: 77px;
	padding-top: 120px;
	padding-bottom: 120px;
	align-items: center;
	max-width: 1400px;
}

#front-about .container .col {
	flex: 1;
}

#front-about .container .text-col {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

#front-about .container .text-col h2 {
	max-width: 500px;
	font-size: 40px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	/* 120% */
	letter-spacing: 1.375px;
	text-transform: uppercase;
	margin: 0;
}

#front-about .container .text-col .baner-text {
	margin-top: 21px;
}

#front-about .container .text-col .baner-text p {
	margin: 0;
}

#front-about .container .text-col .baner-text h3 {
	margin: 0;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 28.8px;
	text-transform: uppercase;
	margin-top: 15px;
}


#front-about .container .text-col .baner-button {
	margin-top: 50px;
}

#top-products .container {
	display: flex;
	flex-direction: column;
	gap: 49px;
	align-items: center;
	padding-top: 125px;
	padding-bottom: 125px;
	max-width: 1200px;
}

#top-products .section-wrapper {
	display: flex;
	gap: 28px;
	width: 100%;
}

#top-products .swiper-wrapper {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 25px 27px;
}

#top-products .top-products-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 25px 27px;
}

#top-products .top-products-grid li {
	list-style: none;
}

#top-products .products-col,
#top-products .image-col {
	flex: 1;
	width: 100%;
}

#top-products .image-col img {
	height: 100%;
	object-fit: cover;
}

#front-banners .container {
	display: flex;
	flex-direction: column;
	gap: 128px;
	padding-top: 139px;
	max-width: 1400px;
}

#front-banners .product-baner {
	display: flex;
	gap: 70px;
	flex-direction: row-reverse;
	align-items: center;

}


/* #front-banners .product-baner:first-of-type
 
{
	align-items: flex-start;
} */
#front-banners .product-baner .image-col {
	max-width: 55%;
	width: 100%;
	flex-shrink: 0;
}

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

#top-products li.product .product-image img {
	max-width: 70%;
}

#front-banners .product-baner .text-col {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

#front-banners .product-baner .text-col .baner-text {
	font-family: var(--header-font);
	font-size: 24px;
	line-height: 28px;
}

#front-banners .product-baner .text-col .baner-button {
	display: none;
}

#front-banners .product-baner .text-col .baner-title {
	margin-bottom: 20px;
}

#front-banners .product-baner .text-col .baner-button {
	margin-top: 38px;
}


#product-banner .product-baner {
	/* opcjonalny drobny lift */
	transition: transform .2s ease;
}

#product-banner .product-baner:hover {
	transform: translateY(-2px);
}

#product-banner .baner-header {
	position: relative;
	/* dostosuj do swojego layoutu */
	gap: 24px;
}

#product-banner .image-col {
	position: relative;
	overflow: hidden;
	width: 100%;
	min-height: 520px;
	/* wysokość/ratio – dopasuj do designu */
	height: 100%;
}

#product-banner .image-col.has-bg {
	background-image: var(--banner-bg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	transition: background-size .6s cubic-bezier(.2, .6, .2, 1);
	will-change: background-size;
	transform: translateZ(0);
	/* Safari jank fix */
}

/* Hover na CAŁYM .product-baner powiększa tło */
#product-banner .product-baner:hover .image-col.has-bg {
	background-size: 112%;
}

/* Ograniczenie animacji dla prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {

	#product-banner .product-baner,
	#product-banner .image-col.has-bg {
		transition: none;
	}
}

/* Mobile: jedna kolumna, obraz pod/na tekstem (opcjonalnie) */
@media (max-width: 991px) {
	#product-banner .baner-header {
		grid-template-columns: 1fr;
	}

	#product-banner .image-col {
		min-height: 360px;
	}
}

#front-banners .product-baner .text-col .baner-title h2 {
	font-size: 40px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	/* 120% */
	letter-spacing: 1.375px;
	text-transform: uppercase;
	margin: 0;
}

#front-banners .product-baner .image-col img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#front-banners {
	position: relative;
	max-width: unset;
}

#front-banners::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-height: 838px;
	background-color: #F7F7F7;
	z-index: -1;

}

/* skeleton */
/* .skel-wrap {
	list-style: none;
}

.skel-card {
	padding: 12px;
	border-radius: 12px;
	background: #f6f7f8;
	overflow: hidden;
}

.skel-img {
	height: 180px;
	border-radius: 12px;
	background: linear-gradient(90deg, #eee 25%, #f5f5f5 37%, #eee 63%);
	background-size: 400% 100%;
	animation: skel 1.2s ease-in-out infinite;
}

.skel-line {
	height: 12px;
	margin-top: 10px;
	border-radius: 6px;
	background: linear-gradient(90deg, #eee 25%, #f5f5f5 37%, #eee 63%);
	background-size: 400% 100%;
	animation: skel 1.2s ease-in-out infinite;
}

.skel-line.w90 {
	width: 90%;
}

.skel-line.w70 {
	width: 70%;
}

.skel-line.w50 {
	width: 50%;
}

@keyframes skel {
	0% {
		background-position: 100% 0
	}

	100% {
		background-position: 0 0
	}
} */

/* animacja wejścia nowo dodanych kart */
.products li.product {
	opacity: 0;
	transform: translateY(8px);
	transition: opacity .28s ease var(--stagger, 0ms), transform .28s ease var(--stagger, 0ms);
}

.products li.product.enter {
	opacity: 1;
	transform: translateY(0);
}

/* (opcjonalnie) stan przycisku */
.btn-loadmore.is-loading {
	pointer-events: none;
	opacity: .7;
}

.products li.product {
	opacity: 1;
	transform: none;
}

/* TYLKO nowe elementy mają wejść z animacją */
.products li.product.will-animate {
	opacity: 0;
	transform: translateY(8px);
	transition:
		opacity .28s ease var(--stagger, 0ms),
		transform .28s ease var(--stagger, 0ms);
}

.products li.product.will-animate.enter {
	opacity: 1;
	transform: none;
}

/* animacja wejścia tylko dla nowych kart */
.products li.product.will-animate {
	opacity: 0;
	transform: translateY(8px);
	transition:
		opacity .28s ease var(--stagger, 0ms),
		transform .28s ease var(--stagger, 0ms);
}

.products li.product.will-animate.enter {
	opacity: 1;
	transform: translateY(0);
}



#front-banners .product-baner:nth-child(even) {
	flex-direction: row;
}

/* Panel treści banera – stan domyślny: zwinięty */
.product-baner .baner-content {
	/* overflow: hidden;
	height: 0; */
	/* ważne do animacji */
	/* opacity: 0; */
	transition: height 300ms ease, opacity 300ms ease;
}

/* Po rozwinięciu dopinamy klasę .is-open (JS) */
.product-baner .baner-content.is-open {
	/* docelowo height ustawiany inline w JS (na czas animacji), potem auto */
	opacity: 1;

}

.product-baner .baner-content ol,
.product-baner .baner-content ul {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-left: 17px;
}

.product-baner .baner-content li {
	margin: 0;
}

.product-baner .baner-content h2 {
	font-size: 24px;
	font-family: var(--header-font);
	margin-bottom: 20px;
	margin-top: 30px;
	line-height: 28px;

}


.product-baner .baner-content h2:first-of-type {
	margin-top: 0;
}

.product-baner .baner-content p {
	margin: 10px 0;
}

/* Preferencje użytkownika: bez animacji */
@media (prefers-reduced-motion: reduce) {
	.product-baner .baner-content {
		transition: none !important;
	}
}

#front-movie {
	max-width: unset;
}

#front-movie .container {
	max-width: unset;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.video-lazy {
	position: relative;
	display: block;
	max-width: 100%;
	cursor: pointer;
	width: var(--target-w, 100%);
	/* domyślnie pełna szerokość kontenera */
	height: var(--target-h, auto);
	/* w razie animacji wysokości */
	transition: width .45s ease, height .45s ease;
	will-change: width, height;
	overflow: hidden;
}

.video-lazy.is-playing {
	max-width: 1400px;
}

.video-lazy video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* jak “background: cover” */
	object-position: center;
	display: block;
}


.video-lazy .video-poster {
	max-height: 670px;
	height: 100%;
	object-fit: cover;
}

.video-lazy .video-poster {
	display: block;
	width: 100%;
	height: auto;
}

.video-lazy video {
	/* max-height: 670px; */
	background-color: #fff;
}



/* Przycisk play wyśrodkowany */
.video-lazy .video-play {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;

	width: 150px;
	height: 150px;
	border: 0;
	padding: 0;
	border-radius: 50%;
	background: rgba(0, 0, 0, .45);
	display: flex;
	align-items: center;
	justify-content: center;

	transition: transform 200ms ease, opacity 200ms ease, background-color 200ms ease, box-shadow 200ms ease;
}

/* Ikona w środku (Twój plik: /assets/img/play-icon.png) */
.video-lazy .video-play img {
	display: block;
	width: 100px;
	/* dopasuj do wielkości ikonki */
	height: 100px;
	/* lub auto, jeśli wolisz proporcje z pliku */
	pointer-events: none;
	/* klik „przelatuje” do buttona */
	opacity: 0.6;
}

/* Interakcje */
.video-lazy:hover .video-play,
.video-lazy .video-play:focus-visible {
	transform: translate(-50%, -50%) scale(1.06);
	background: rgba(0, 0, 0, .55);
	box-shadow: 0 0 0 3px rgba(255, 255, 255, .35);
	outline: none;
}

/* Po starcie wideo chowamy przycisk (JS dodaje .is-playing) */
.video-lazy.is-playing .video-play {
	opacity: 0;
	pointer-events: none;
}

/* Mobile – trochę mniejszy przycisk */
@media (max-width: 640px) {
	.video-lazy .video-play {
		width: 68px;
		height: 68px;
	}

	.video-lazy .video-play img {
		width: 30px;
		height: 30px;
	}
}

/* Szacunek dla prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
	.video-lazy .video-play {
		transition: none;
	}
}

#front-logos {
	max-width: unset;
	background-color: #000;
	min-height: 154px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#front-logos .container .logos-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 40px;
}

#front-logos .container .logos-wrapper .logo-image img {
	max-height: 50px;
	height: 100%;
	width: auto;
}

#exclusive {
	max-width: unset;
}

#exclusive .container {
	padding-top: 125px;
	padding-bottom: 125px;
	max-width: unset;

	display: flex;
	flex-direction: column;
	gap: 50px;
	position: relative;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
	content: none !important;
}

.swiper-button-next svg,
.swiper-button-prev svg {
	fill: none !important;
	height: 40px !important;
	width: 40px !important;
	stroke: #000;
	stroke-width: 0.5px;
}

#front-blog .container {
	padding-top: 125px;
	padding-bottom: 125px;
	display: flex;
	flex-direction: column;
	gap: 50px;
	max-width: 1400px;


}

#front-blog .container .posts-swiper {
	width: 100%;
}

#front-blog .posts-wrapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 37px;
}

.single-post {
	position: relative;
	display: flex;
	flex-direction: column;
	/* gap: 25px; */
	text-decoration: none;
}

.single-post .post-date {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 66px;
	width: 66px;
	background-color: #fff;
}

.single-post .post-desc {
	line-height: 1.5;
}

.post-date .number {
	font-size: 21px;
	font-style: normal;
	font-weight: 700;
	line-height: 25.2px;
	/* 120% */
	letter-spacing: -1.312px;
	text-transform: uppercase;
	font-family: var(--header-font);
}

.post-date .month {
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 16.8px;
	letter-spacing: -0.875px;
	text-transform: uppercase;
}

.single-post .post-footer {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-top: 12px;
	line-height: normal;
}

.single-post .post-footer .footer-date {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #000;
	font-size: 13px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	text-transform: uppercase;
}

.single-post .post-footer .post-desc p {
	font-size: 16px;
	line-height: 1.5;
	font-style: normal;
	margin: 0;
	font-family: var(--text-font);
}

.single-post .post-footer .footer-date svg {}

.single-post .post-footer .post-name {
	margin: 0;
	line-height: 25px;
}

.single-post .post-footer .post-name a {
	font-size: 18px;
	font-weight: 600;
	line-height: normal;
	/* 120% */
	text-transform: uppercase;
	margin: 0;
	text-decoration: none;
	color: #000;
}

.categories-wrapper {
	display: flex;
	flex-direction: column;
	gap: 41px;

}

.categories-wrapper .product-cats {
	display: flex;
	flex-direction: column;
	/* gap: 41px; */
}



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

.categories-wrapper .cat-item .cat-row .cat-parent-title:first-of-type {
	font-family: var(--header-font);
}

.categories-wrapper .cat-item.depth-0 {
	display: flex;
	flex-direction: column;
	gap: 17px;
}

.categories-wrapper .cat-item.depth-2,
.categories-wrapper .cat-item.depth-3 {
	margin-left: 1rem;
}

.categories-wrapper .cat-item.kolekcje,
.categories-wrapper .cat-item.collections {
	margin-bottom: 41px;
}


.categories-wrapper .cat-item-55,
.categories-wrapper .cat-item-155 {
	margin-top: 41px !important;
	margin-bottom: 0 !important;
}

.categories-wrapper .cat-item-31 {
	margin-bottom: 0;
}

.categories-wrapper .cat-item-81 a.cat-parent-title,
.categories-wrapper .cat-item-82 a.cat-parent-title,
.categories-wrapper .cat-item-154 a.cat-parent-title,
.categories-wrapper .cat-item-112 a.cat-parent-title {
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 0.609px;
	text-transform: uppercase;
	text-decoration: none;
	color: #000;
	transition: 0.3s ease;
}

.categories-wrapper .cat-item-81 a:hover,
.categories-wrapper .cat-item-82 a:hover {
	font-weight: 600;
}

.categories-wrapper .cat-item-31,
.categories-wrapper .cat-item-55,
.categories-wrapper .cat-item-142 {
	margin: 41px 0;
}


.categories-wrapper .cat-item-31 .children.depth-1 .cat-parent-title,
.categories-wrapper .cat-item-55 .children.depth-1 .cat-parent-title {
	font-family: var(--text-font);
	font-weight: 300;
	text-transform: none;

}

.categories-wrapper .cat-item {
	display: flex;
	flex-direction: column;

	list-style: none;
	text-decoration: none;
}

.categories-wrapper .cat-item.current-page .cat-row .cat-parent-title {
	font-weight: 600 !important;
	text-decoration: underline;
}

.categories-wrapper .cat-item .cat-parent-title {
	font-size: 21px;
	font-style: normal;
	font-weight: 700;
	line-height: 25.263px;
	/* 120.301% */
	text-transform: uppercase;
}

.categories-wrapper .cat-item .children {
	display: flex;
	flex-direction: column;
}

.categories-wrapper .cat-item .children li a {
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
	/* 230.769% */
	letter-spacing: 0.609px;
	text-transform: uppercase;
	text-decoration: none;
	color: #000;
	transition: 0.3s ease;
}

.categories-wrapper .cat-item .children li a:hover {
	font-weight: 600;
}

/* BEFORE HEADER */

#before-header {
	max-width: none;
	background-color: #F2E1DB;
	min-height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;

}

#before-header .container {
	padding: 3px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;

}

#before-header p {
	margin: 0;
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	text-align: center;
}

#before-header a {
	color: #000;
}

/* HEADER */
#masthead {
	position: sticky;
	top: 0;
	z-index: 200;
	background-color: #fff;
	border-bottom: 1px solid #CCC;
}

#masthead .container {
	display: flex;
	flex-direction: column;
	padding-top: 15px;
	gap: 42px;
	padding-bottom: 16px;

}

#masthead .row .logo-col {
	display: flex;
	align-items: center;
	justify-content: center;
}

#masthead a {
	color: #000;
	text-decoration: none;
}

#masthead .row .logo-col img {
	max-height: 37px;
	width: auto;
}

#masthead .row {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#masthead .header-row .col {
	flex: 1;
}

#masthead .header-row .col.search-col {
	display: flex;
	align-items: center;
	gap: 20px;
}


.header-row .col.search-col .search-wrapper {
	display: flex;
	gap: 110px;
	align-items: center;
	border-bottom: 1px solid black;
	padding-bottom: 3px;
}

.header-row .col.search-col .search-wrapper .search-header {
	font-size: 13px;
	font-style: normal;
	font-weight: 700;
	line-height: 13px;
	/* 100% */
	letter-spacing: 0.813px;
	text-transform: uppercase;
}

.header-row .col.search-col .search-wrapper .search-icon {
	display: flex;
	align-items: center;
	justify-content: center;
}

.header-row .col.search-col .search-wrapper .search-icon svg {
	height: 18px;
	width: 18px;
}

#masthead .header-row.menu-row {
	display: flex;
	justify-content: center;
	position: relative;
}

#menu-menu-desktop {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 40px;
}

#menu-menu-desktop li {
	transition: 0.3s ease;
}

#menu-menu-desktop li.current_page_item a {
	text-decoration: underline;
}

#menu-menu-desktop li:hover a {
	text-decoration: underline;
}

#menu-menu-desktop li a {
	text-transform: uppercase;
	font-size: 14px;
	font-family: var(--header-font);
	letter-spacing: 0.7px;
}

#masthead .buttons-col {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 27px;
	font-size: 13px;
	font-style: normal;
	font-weight: 700;
	line-height: 13px;
	/* 100% */
	letter-spacing: 0.508px;
	text-transform: uppercase;
}

#masthead .header-btn {
	display: flex;
	align-items: center;
	gap: 8px;
	position: relative;

}

#masthead .header-btn .cart-count {
	position: absolute;
	top: -14px;
	right: -14px;
	background-color: #000;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	height: 20px;
	width: 20px;
	font-size: 10px;
}

#masthead .header-btn .btn-icon {
	display: flex;
	align-items: center;
	justify-content: center;
}

#masthead .socials-header {
	display: flex;
	align-items: center;
	gap: 30px;
}

#masthead .socials-header .social-link {
	height: 24px;
	width: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#masthead .socials-header .social-link svg {
	height: 100%;
}

#pre-footer {
	position: relative;
	max-width: none;
	background-color: #000;
	min-height: 580px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#pre-footer::before {
	content: "";
	position: absolute;
	inset: 0;
	/* top/right/bottom/left: 0 */
	background-image: url(./assets/img/pure_me_sygnet.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	opacity: .2;
	/* <— tylko obraz tła */
	pointer-events: none;
	/* kliknięcia przechodzą do treści */
}

/* jeśli masz treść wewnątrz, daj jej kontekst nad pseudo */
#pre-footer>.container {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	gap: 30px;
	align-items: center;
	justify-content: center;
	max-width: 1200px;
}



.instagram-wrapper {
	width: 100%;
}

.instagram-wrapper .ig-slide img {
	aspect-ratio: 1 / 1;
	object-fit: cover;
	max-width: 242px;
	max-height: 242px;
	border: 1px solid #fff;
}

#pre-footer .header-wrapper h2 {
	margin: 0;
	font-size: 36px;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: 600;
}

#pre-footer .header-wrapper {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

#pre-footer .header-wrapper h3 {

	color: #f2e1db;
	font-size: 36px;
	font-family: "Dancing Script", cursive;
	margin: 0;
	z-index: -1;
	bottom: -30px;
	font-weight: 400;
}

#colophon .container {
	display: flex;
	justify-content: space-between;
	padding-top: 80px;
	padding-bottom: 80px;
	gap: 140px;
	border-bottom: 1px solid #BCBEC0;
}

#colophon .col {
	flex: 1;
}


#colophon .col.logo-col {
	flex: 2;
}

#colophon .col.logo-col form {
	padding: 0;
}

#colophon .logo-col img {
	max-width: 177px;
	height: auto;
}

#colophon .col-header {
	margin: 0;
	font-family: var(--text-font);
	font-size: 16px;
	font-weight: 900;
	line-height: 19.2px;
	/* 120% */
	text-transform: uppercase;
}

.footer-col {
	display: flex;
	flex-direction: column;
	gap: 24px;

}

.footer-col.about-col ul li a {
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	/* 100% */
	text-decoration: none;
}


.yith-ywar-review-form-message,
.yith-ywar-pending-reviews-list {
	border: none !important;
	border-radius: 0 !important;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	width: auto;
}

.yith-ywar-review-form-message .wrapper-title,
.yith-ywar-pending-reviews-list .wrapper-title {
	font-size: 16px !important;
	line-height: 1.5 !important;
	font-weight: 300 !important;
	background: #F7F7F7 !important;
}

.footer-col p {
	margin: 0;
	font-weight: 300;
}

#main-slider {
	max-width: none;
	height: 920px;
}

#main-slider .product-slide {
	display: flex;
	position: relative;
}

#main-slider .product-slide .left-side {
	width: 20%;
}

#main-slider .product-slide .left-side .additional-img {
	position: absolute;
	top: 50%;
	left: 4%;
	z-index: 3;
	transform: translateY(-50%);
}

#main-slider .product-slide .right-side {
	width: 80%;
	background-size: cover;
	background-position-x: right;
	display: flex;
	height: 100%;
	align-items: center;
}

#main-slider .product-slide .slide-product {
	position: absolute;
	top: 50%;
	left: 15%;
	transform: translateY(-50%);
	z-index: 2;
}

#main-slider .main-swiper {
	height: 100%;
}

#main-slider .slide-heading {
	margin-left: 420px;
	max-width: 50%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;

}

#main-slider .slide-heading h1 {
	color: #fff;
	font-size: 68px;
	text-transform: uppercase;
	margin: 0;
}

#main-slider .slide-heading p {
	color: #fff;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	margin: 5px 0;
}

#main-slider .slide-heading .secondary-button {
	margin-top: 33px;
}

#main-slider .main-swiper .img-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

body {
	position: relative;
}

#marka-hero .container {
	max-width: 1200px;
	display: flex;
	flex-direction: column;
	padding-top: 113px;
	padding-bottom: 53px;
}

#marka-hero .section-header {
	text-align: center;
}

#marka-hero .section-header h1 {
	font-size: 55px;
	font-weight: 400;
	line-height: 66px;
	letter-spacing: 1.375px;
	text-transform: uppercase;
	margin: 0 0 25px 0;
}

#marka-hero .section-header p {
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	line-height: 25.263px;
	/* 140.351% */
	letter-spacing: 0.45px;
	margin: 0;


}

#marka-hero .section-header p.big {
	margin-bottom: 30px;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 36px;
	text-transform: uppercase;
	font-family: var(--header-font);
}

#marka-hero .after-image {
	text-align: center;
	margin: 28px 0 0 0;
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	line-height: 31.579px;
	letter-spacing: 0.45px;
}

#marka-hero .after-image p {
	margin: 0;
}

#image-divider .container {
	max-width: 1200px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#monika .container {
	padding-top: 66px;
}

section.person .container {
	display: flex;
	align-items: center;
	gap: 120px;
	max-width: 1200px;
}

section.person .container .col {
	flex: 1;
}

section.person .container .text-col {
	display: flex;
	flex-direction: column;
	gap: 27px;
}

section.person .container .text-col h2 {
	margin: 0;
	font-size: 36px;
	font-style: normal;
	font-weight: 400;
	line-height: 43.2px;
	/* 120% */
	letter-spacing: 0.9px;
}

section.person .container .text-col .col-text p {
	font-size: 16px;
	font-weight: 300;
	line-height: 25.263px;
	letter-spacing: 0.4px;
}

#malgosia {
	z-index: 2;
}

#malgosia .container {
	padding-top: 117px;
	align-items: flex-start;
}

#color-separator {
	max-width: none;
	background-color: #F7F7F7;
	margin-top: -106px;
	z-index: 1;
}

#color-separator .container {
	padding-top: 182px;
	padding-bottom: 110px;
	max-width: 1200px;
	text-align: center;
}

#color-separator h2 {
	font-size: 36px;
	font-style: normal;
	font-weight: 400;
	line-height: 43.2px;
	/* 120% */
	letter-spacing: 0.9px;
	margin: 0;
}

#color-separator p {
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	line-height: 25.263px;
	letter-spacing: 0.45px;
}

#color-separator h3 {
	margin: 0;
	font-size: 36px;
	font-style: normal;
	font-weight: 400;
	line-height: 43.2px;
	letter-spacing: 0.9px;
	text-transform: uppercase;
}

#color-separator h5 {
	margin: 0;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 36px;
	text-transform: uppercase;
}

#marka-products .container {
	max-width: 1200px;
	padding-top: 114px;
	padding-bottom: 133px;
	display: flex;
	flex-direction: column;
	gap: 38px;
}

.marka-products {
	position: relative;
}

#marka-products .section-heading h2 {
	text-align: center;
	font-style: normal;
	font-weight: 400;
	line-height: 43.2px;
	/* 120% */
	letter-spacing: 0.9px;
	text-transform: uppercase;
	font-size: 36px;
	margin: 0;
}


#marka-products .section-heading {
	display: flex;
	flex-direction: column;
	gap: 30px;

}

#marka-products .section-heading .heading-text {
	text-align: center;
	text-transform: uppercase;
}

#marka-products .section-heading .heading-text h3 {
	font-weight: 400;
	font-size: 24px;
	line-height: 36px;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	margin: 0;
}

#marka-products .section-heading .heading-text h3:last-of-type {
	margin-top: 20px;
}

#marka-products .section-heading .heading-text p {
	margin: 0;
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	line-height: 25.263px;
	letter-spacing: 0.45px;
	text-transform: none;

}

/* STRONA KONTAKT */

#kontakt-form .container {
	max-width: 1200px;
	padding-top: 120px;
	padding-bottom: 90px;
	display: flex;
	gap: 40px;
}

#kontakt-form .container .col {
	flex: 1;
}

#kontakt-form .container .right-col {
	display: flex;
	flex-direction: column;
	gap: 25px;
}

#kontakt-form .container .left-col img {
	object-fit: contain;
}

#kontakt-form .form-heading {
	display: flex;
	flex-direction: column;
	gap: 25px;
}

#kontakt-form .form-heading p {
	margin: 0;
}

#kontakt-form .form-heading h1 {
	margin: 0;
	text-transform: uppercase;
}

#kontakt-form .form-heading a {
	color: #000;
}

form .form-row.submit {
	margin-top: 30px;
}

form .form-row p {
	margin: 0;


}

form .form-row.checkbox form .form-row input {
	border: none;
	border-bottom: 1px solid #ccc;
	width: 100%;
}


.form-wrapper form {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.form-wrapper form .form-row.checkbox p {
	display: flex;
	gap: 25px;
	align-items: center;
}

.wpcf7-list-item {
	margin: 0;
}

.form-wrapper form .form-row.checkbox p .wpcf7-list-item label {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	font-size: 10px;
}

.form-wrapper form .form-row.checkbox p .wpcf7-list-item label a {
	color: #000;
}

/* NEWSLETTER */

#newsletter .container {
	max-width: 950px;
	padding-top: 120px;
	padding-bottom: 120px;
	display: flex;
	flex-direction: column;
	gap: 25px;
	align-items: center;
	border-top: 1px solid #ccc;
}

#newsletter .container h2 {
	font-size: 36px;
	font-style: normal;
	font-weight: 400;
	line-height: 43.2px;
	/* 120% */
	text-transform: uppercase;
	margin: 0;
	text-align: center;
}

#mailpoet_form_1 .mailpoet_text,
#mailpoet_form_1 .mailpoet_textarea {
	border: none;
	border-bottom: 1px solid #ccc;
	border-radius: 0;
	text-align: center;
	max-width: 550px;
	width: 100%;
}

#mailpoet_form_1 .mailpoet_text:focus,
#mailpoet_form_1 .mailpoet_textarea:focus {
	border-color: #000;
	color: #000 !important;
}

.mailpoet_text:required:valid {
	border-color: #000 !important;
	color: #000 !important;
}

.mailpoet_text:not(:placeholder-shown) {
	border-color: #000 !important;
	color: #000;
}

.mailpoet_paragraph.main-button.last input.mailpoet_submit {
	background: none;
	padding: 0 !important;
	margin: 0 !important;
	border: 0;

}

#mailpoet_form_1 form.mailpoet_form {
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 30px;
	align-items: center;
}

#mailpoet_form_1 .mailpoet_paragraph {
	max-width: 550px;
	width: 100%;
	margin: 0;
}


/* MINI CART */

/* overlay + panel */
.mini-cart {
	position: fixed;
	inset: 0;
	z-index: 10000;
	pointer-events: none;
	/* zamknięty – nie klikalny */
}

.mini-cart__overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, .4);
	opacity: 0;
	transition: opacity .25s ease;
}

.mini-cart__panel {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: min(600px, 100%);
	background: #fff;
	box-shadow: -8px 0 24px rgba(0, 0, 0, .15);
	transform: translateX(100%);
	transition: transform .3s ease;
	display: flex;
	flex-direction: column;
}

/* stan otwarty */
.mini-cart.is-open {
	pointer-events: auto;
}

.mini-cart.is-open .mini-cart__overlay {
	opacity: 1;
}

.mini-cart.is-open .mini-cart__panel {
	transform: translateX(0);
}

/* header */
.mini-cart__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 20px;
	border-bottom: 1px solid #eee;

}

.mini-cart__header h2 {
	margin: 0;
	text-transform: uppercase;
}

.mini-cart__close {
	border: 0;
	background: transparent;
	font-size: 24px;
	line-height: 1;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	width: auto;
}

/* body (Woo template w środku) */
.mini-cart__body {
	padding: 25px;
	overflow: auto;
	flex: 1 1 auto;
}

.mini-cart__body .variation-Includes {
	font-size: 13px !important;
}

.mini-cart__body dt.variation-Includes {
	display: none;
}


.mini-cart__body .woocommerce-mini-cart__total {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.mini-cart__body .woocommerce-mini-cart__total bdi {
	font-weight: 600;
}

.mini-cart__body .woocommerce-mini-cart__buttons {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	gap: 50px;
}

.mini-cart__body .woocommerce-mini-cart__buttons .button {
	width: 100%;
}


ul.basket-products {
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 0;
	list-style: none;
}


.basket-product dt.variation-Zawiera {
	display: none;
}

.basket-product .variation dd.variation-Zawiera {
	margin: 0 0 4px 0;
	font-size: 13px;
}

.basket-product .variation dd.variation-Zawiera p {
	margin: 0;
}

ul.basket-products .basket-product {
	display: grid;
	grid-template-columns: 80px auto 110px 24px;
	gap: 10px;
	align-items: center;
	padding: 12px 0;
	border-bottom: 1px solid #ccc;
}

ul.basket-products .basket-product:first-of-type {
	padding-top: 0;
}

.basket-product .product-image img {
	max-width: 80px;
	width: 100%;
	height: auto;
}


.basket-product .product-name {
	display: flex;
	flex-direction: column;

}

.basket-product .product-name .product-title a {
	font-size: 13px;
	color: #000;
	text-decoration: none;
	font-weight: 600;
}

.basket-product .product-name span.product-title {
	font-size: 13px;
}

.basket-product .product-line-price {
	font-size: 13px;
	font-weight: 600;
}

.basket-product .product-quantity .pm-qty-group {
	display: flex;
	height: 50px;
	border: 1px solid #000;
	align-items: center;
	justify-content: center;
}

.basket-product .product-quantity .pm-qty-group button {
	background: none;
	border-radius: 0;
}

.basket-product .product-quantity .pm-qty-group input {
	max-width: 30px;
	height: 48px;
	border: none;
	border-radius: 0;
	color: #000;
}

.cart.cart_group.bundle_form.layout_default.group_mode_parent {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

table.wc-block-cart-items .wc-block-cart-items__row.is-bundled__indented td.wc-block-cart-item__image img {
	position: static !important;
}

table.wc-block-cart-items .wc-block-cart-items__row.is-bundled__indented td.wc-block-cart-item__image {
	display: none;
}

.is-large table.wc-block-cart-items .wc-block-cart-items__row.is-bundled__indented .wc-block-cart-item__wrap {
	padding: 0 !important;
}

.is-large table.wc-block-cart-items .wc-block-cart-items__row.is-bundled td .basket-product .product-button {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.is-large table.wc-block-cart-items .wc-block-cart-items__row.is-bundled td .wc-block-cart-item__product {
	width: 100%;
}

.wc-block-cart-items__row.is-bundled .wc-block-components-quantity-selector {
	display: none;
}

table.wc-block-cart-items .wc-block-cart-items__row.is-bundled__indented.is-bundled__subtotal_aggregated .wc-block-cart-item__total {
	display: none;
}

.wc-block-cart-items__row.is-bundled.is-bundled__description_hidden {
	display: none !important;
}

.wc-block-components-order-summary-item.is-bundle .wc-block-components-product-details__zawiera .wc-block-components-product-details__name {
	display: none;
}

.wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .wp-block-heading {
	font-family: var(--header-font);
	text-align: center;
	margin-top: 40px;
	margin-bottom: 40px !important;
}

.basket-product .product-button a {
	color: #000;
}

/* qty w panelu */
.woocommerce-mini-cart-item .quantity .pm-qty-group {
	display: inline-flex;
	align-items: stretch;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
	overflow: hidden;
}

.pm-qty-btn {
	appearance: none;
	border: 0;
	background: #f5f5f5;
	padding: 6px 10px;
	cursor: pointer;
	font-weight: 600;
}

.woocommerce-mini-cart-item .quantity .qty {
	width: 50px;
	text-align: center;
	border: 0;
	padding: 6px 6px;
	background: #fff;
}

/* opcjonalnie, body lock gdy panel otwarty */
body.mini-cart-open {
	overflow: hidden;
}



/* BLOG */


/* Lista: animowane wejście kafelków */
#blog-list {
	position: relative;
}

#blog-list .single-post {
	opacity: 0;
	transform: translateY(8px);
	transition: opacity .35s ease, transform .35s ease;
	will-change: opacity, transform;
}

#blog-list .single-post.enter {
	opacity: 1;
	transform: none;
	/* opóźnienie sterujemy inline przez --stagger */
	transition-delay: var(--stagger, 0ms);
}

/* Skeleton shimmer
.skel-wrap {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}

@media (max-width: 1024px) {
	.skel-wrap {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.skel-wrap {
		grid-template-columns: 1fr;
	}
}

.skel-card {
	border-radius: 12px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 1px 6px rgba(0, 0, 0, .06);
}

.skel-img {
	height: 200px;
	background: #eee;
	position: relative;
}

.skel-line {
	height: 12px;
	background: #ececec;
	margin: 12px 16px;
	border-radius: 6px;
}

.skel-line.w50 {
	width: 50%;
}

.skel-line.w70 {
	width: 70%;
}

.skel-line.w90 {
	width: 90%;
}

/* shimmer efekt */
/* .skel-img::before,
.skel-line::before {
	content: "";
	position: absolute;
	inset: 0;
	transform: translateX(-100%);
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .6), transparent);
	animation: skel 1.2s infinite;
}

.skel-line {
	position: relative;
}

@keyframes skel {
	to {
		transform: translateX(100%);
	}
} */
*/

/* Stan ładowania można delikatnie przyciemnić kontener */
#blog-list.is-loading {
	opacity: .85;
}


#blog-hero {
	max-width: none;
	min-height: 524px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

#blog-content .container {
	max-width: 1200px;
	padding-top: 120px;
	padding-bottom: 120px;
	display: flex;
	flex-direction: column;
	gap: 64px;
}

#blog-content .container .sorting-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 18px;
	border-bottom: 1px solid #000;
}


#blog-content .container .sorting-header .results {
	font-size: 15px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	letter-spacing: 0.35px;
}

#blog-content .container .sorting-header select#blog-sort-select {
	border: none;
	font-size: 15px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	letter-spacing: 0.35px;
	min-width: 250px;

}

.blog-content {
	display: flex;
	flex-direction: column;
	gap: 73px;
}

.blog-content .single-post .post-image img {
	max-height: 800px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.blog-content .single-post .post-footer .post-name a {
	font-size: 38px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
}

.blog-content .single-post .post-footer .post-desc {
	font-size: 17px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	letter-spacing: 0.4px;
}

#blog-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
}

#blog-pagination ul {
	display: flex;
	gap: 25px;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0;

}

#blog-pagination ul li span {
	display: flex;
	align-items: center;
	justify-content: center;
}

#blog-pagination ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	color: #000;
	font-size: 17px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	letter-spacing: 0.4px;
}

#blog-pagination .page-numbers.current {
	text-decoration: underline;
}

#single-post .container {
	display: flex;
	flex-direction: column;
	gap: 25px;
	max-width: 1200px;
	padding-top: 120px;
}


#single-post .container .post-content .wp-block-heading {
	margin-top: 20px;
	margin-bottom: 10px;
}

#single-post .container .post-content p {
	margin-top: 10px;
	margin-bottom: 10px;
}

#single-post .container .post-content p:first-of-type {
	margin-top: 0;
}

#single-post .post-hero {
	position: relative;
}

#single-post .post-hero img {
	max-height: 800px;
	height: 100%;
	width: 100%;
	object-fit: cover;

}

#single-post .post-tile h1 {
	margin: 0;
	font-size: 38px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	/* 120% */
	text-transform: uppercase;
}

.post-content .post-products {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 18px;
	margin: 65px 0;
}

.post-content .post-products h2 {
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: 36px;
	/* 120% */
	text-transform: uppercase;
	text-align: center;
	font-family: var(--text-font);
	margin: 0;
}

.post-content .post-products ul {
	margin: 0;
	padding: 0;
	list-style: none;

}

.post-content .post-products-swiper {
	width: 100%;
}

#post-footer .container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	max-width: 1200px;
	gap: 70px;

}

#post-footer .section-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

#post-footer .post-categories ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
	gap: 30px;
}

#post-footer .post-categories ul li a {
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 13px;
	/* 100% */
	letter-spacing: 0.279px;
	text-transform: uppercase;
	color: #000;
	list-style: none;
	text-decoration: none;
}

#post-footer {
	padding-top: 60px;
	padding-bottom: 60px;
}

#post-footer .post-socials {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 13px;
	font-style: normal;
	font-weight: 900;
	line-height: 13px;
	/* 100% */
	letter-spacing: 0.508px;
	text-transform: uppercase;
}

#post-footer .post-socials .socials-icon {
	display: flex;
	gap: 12px;
	align-items: center;
}

#post-footer .post-socials .socials-icon a {
	color: #000;
	text-decoration: none;

}

#post-footer .footer-banner {
	position: relative;
	min-height: 280px;
	width: 100%;

}

#post-footer .footer-banner .banner-text {
	position: absolute;
	left: 320px;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	flex-direction: column;
	max-width: 800px;
	color: #fff;
	gap: 21px;
}

#post-footer .footer-banner .banner-text h3 {
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 25.263px;
	/* 105.263% */
	text-transform: uppercase;
	margin: 0;
	font-family: var(--text-font);
}

#post-footer .footer-banner .banner-text p {
	margin: 0;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 25.263px;
	/* 140.351% */
	letter-spacing: 0.45px;
}

#recent-post .container {
	padding-top: 120px;
	padding-bottom: 120px;
	display: flex;
	flex-direction: column;
	gap: 47px;
	max-width: 1200px;
}

#recent-post .section-title {
	font-size: 40px;
	font-style: normal;
	font-weight: 400;
	line-height: 48px;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0;
	text-align: center;
	font-family: var(--header-font);
}

#recent-post .single-post img {
	max-height: 320px;
	width: 100%;
	object-fit: cover;
}

#recent-post .single-post .post-footer .post-name a {
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	/* 120% */
	text-transform: uppercase;
	font-family: var(--header-font);
}

#breadcrumbs.single-post .container {
	max-width: 1200px;
}

#breadcrumbs.archive .container {
	max-width: 1500px;
}

#breadcrumbs .container {
	padding-top: 23px;
}

nav.yoast-breadcrumbs {
	font-size: 12px;
	font-style: normal;
	font-weight: 300;
	line-height: 12px;
	/* 100% */
	letter-spacing: 0.3px;
	text-transform: uppercase;
}

nav.yoast-breadcrumbs a {
	text-decoration: none;
	color: #000;
}

.swiper-slide [data-swiper-parallax] {
	will-change: transform, opacity;
}

/* KONTO */


.woocommerce-account .woocommerce-MyAccount-navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 0.609px;
	text-transform: uppercase;
	text-decoration: none;
	color: #000;
}



/* KAFEL BANERA – dla efektu hover całego bloku */
.product-baner {
	transition: transform .2s ease;
}

.product-baner:hover {
	transform: translateY(-2px);
}

/* KOLUMNA ZE ZDJĘCIEM JAKO TŁO (bez zaokrągleń) */
.product-baner .image-col {
	position: relative;
	overflow: hidden;
	border-radius: 0;
	/* bez border radius */
	/* fallback */
	background-position: center;
	background-repeat: no-repeat;
	/* Utrzymujemy proporcje zbliżone do 790x840 (79/84 ≈ 0.94) */
	aspect-ratio: 79 / 84;
	max-width: 790px;
	/* maksymalna szerokość */
	width: 100%;
	/* responsywnie w siatce */
	/* Wysokość automatycznie z aspect-ratio */
}

/* Gdy mamy tło – użyjemy zmiennej CSS w inline style */
.product-baner .image-col.has-bg {
	background-image: var(--banner-bg);
	background-size: 100%;
	/* stan bazowy */
	transition: background-size .6s cubic-bezier(.2, .6, .2, 1);
	will-change: background-size;
	transform: translateZ(0);
	/* czasem wygładza w Safari */
}

/* Hover całego bloku powiększa tło w obrębie image-col */
.product-baner:hover .image-col.has-bg,
.product-baner:focus-within .image-col.has-bg {
	background-size: 112%;
}

/* Jeśli obraz ma minimalnie inny kadr, możesz doprecyzować: */
/* .product-baner .image-col.has-bg { background-position: 50% 45%; } */

/* Ograniczenie animacji dla prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {

	.product-baner,
	.product-baner .image-col.has-bg {
		transition: none;
	}
}


.mini-cart__body .woocommerce-mini-cart__buttons .button.wc-forward.main-button.checkout {
	position: relative;
	overflow: hidden;
	height: 46px;
	border: 1px solid #000;
	padding: 0 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #000 !important;
	color: #fff !important;
	border-radius: 0;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.7px;
	z-index: 1;
	transition: color 0.3s ease;
	text-decoration: none;
}


/* Tło animowane */
.mini-cart__body .woocommerce-mini-cart__buttons .button.wc-forward.main-button.checkout::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 0;
	background: #fff !important;
	z-index: -1;
	transition: width 0.4s ease;
}

/* Hover efekt */
.mini-cart__body .woocommerce-mini-cart__buttons .button.wc-forward.main-button.checkout:hover {
	color: #000 !important;
}

.mini-cart__body .woocommerce-mini-cart__buttons .button.wc-forward.main-button.checkout:hover::before {
	width: 100%;
}

.acf-product-tree {
	list-style: none;
	margin: 0;
	padding: 0;
}

.acf-product-tree li.node {
	position: relative;
	padding-right: 22px;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 0.609px;
	text-transform: uppercase;
	text-decoration: none;
	color: #000;
	transition: 0.3s ease;
	cursor: pointer;
	/* 120% */

}

.acf-product-tree li.node:hover {
	font-weight: 600;
}

.acf-product-tree .node-label,
.acf-product-tree .node-link {
	display: inline-block;
	line-height: 1.5;
	text-decoration: none;
	color: inherit;
}

.acf-product-tree .node-link:hover {
	text-decoration: underline;
}

/* caret po prawej */
.acf-product-tree .tree-toggle {
	position: absolute;
	left: auto;
	top: 3px;
	width: 18px;
	height: 18px;
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}

.acf-product-tree .tree-toggle::before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(-45deg);
	transition: transform .2s ease;
}

.acf-product-tree li.node.is-open>.tree-toggle::before {
	transform: rotate(45deg);
}

/* dzieci – animacja wysokości */
.acf-product-tree .children {
	margin: 0;
	padding: 0;
	padding-left: 18px;
	list-style: none;
	overflow: hidden;
	max-height: 0;
	transition: max-height .3s ease;
}

.acf-product-tree li.node.is-open>.children {
	/* docelowo js ustawia max-height:none */
}

/* delikatne wyróżnienie gałęzi otwartych */
.acf-product-tree li.node.is-open>.node-label {
	font-weight: 400;
}

#archive .collection-tree {
	display: flex;
	display: none;
	flex-direction: column;
	gap: 17px;
}


#archive .collection-tree h2 {
	font-size: 21px;
	font-style: normal;
	font-weight: 700;
	line-height: 25.263px;
	/* 120.301% */
	text-transform: uppercase;
	margin: 0;
	font-family: var(--text-font);
}



/* WYSZUKIWARKA */

/* --- minimal global --- */

/* modal visibility */
.search-open {
	overflow: hidden
}

.search-modal[aria-hidden="true"] {
	display: none
}

.search-modal {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: grid;
	place-items: center
}

.search-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, .45);
	opacity: 0;
	transition: opacity .25s ease
}

/* panel + animacja */
.search-panel {
	position: relative;
	width: min(960px, 92vw);
	max-height: 86vh;
	min-height: 300px;
	overflow: auto;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 0;
	padding: 0;
	box-shadow: none;
	transform: translateY(12px) scale(.98);
	opacity: 0;
	transition: transform .25s ease, opacity .25s ease
}

.search-panel {
	border: 1px solid transparent;
	box-sizing: border-box;
	transition: border-color .15s ease;
}

.search-input:focus {
	border: none;
	outline: none;
}

.search-panel:focus-within {
	border-color: red;
}

.search-panel[data-state="open"] {
	transform: none;
	opacity: 1
}

.search-modal[aria-hidden="false"] .search-overlay {
	opacity: 1
}

.search-panel__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 24px;
	border-bottom: 1px solid #ccc;
}

.search-panel__header #search-modal-title {
	margin: 0;
	text-transform: uppercase;
}

.search-panel__header .search-close {
	width: 30px;
	height: 30px;
	background-color: none;
	border: none;
	background: none;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* form */
.search-form__row {
	display: grid;
	grid-template-columns: auto 1fr auto;
	gap: 8px;
	align-items: flex-end;
	padding: 24px;
}

.search-input {
	border: 1px solid #000;
	border-radius: 0;
	padding: 10px 12px;
	font: inherit;
	color: #000
}

.search-submit {
	align-self: stretch
}

/* custom select (b/w, 0 radius) */
.select {
	position: relative;
	min-width: 140px
}

.select__button {
	width: 100%;
	text-align: left;
	border: none;
	background: #fff;
	color: #000;
	padding: 10px 12px;
	border-radius: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	cursor: pointer
}

.search-input {
	height: 46px;
}

.select__chev {
	line-height: 1
}

.select__list {
	position: absolute;
	left: -1px;
	right: -1px;
	top: calc(100% + 2px);
	background: #fff;
	border: 1px solid #000;
	list-style: none;
	margin: 0;
	padding: 0;
	border-radius: 0;
	display: none;
	max-height: 260px;
	overflow: auto;
	z-index: 10
}

.select__list li {
	padding: 10px 12px;
	cursor: pointer
}

.select__list li[aria-selected="true"] {
	background: #000;
	color: #fff
}

.select.open .select__list {
	display: block
}

/* results */
.search-results .search-section {
	margin: 16px 0;
	padding: 0 25px;
}

.search-results h3 {
	margin: 0 0 8px;
	font-size: 24px;
	font-family: var(--header-font);
	text-transform: uppercase;

}

.search-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr;
	gap: 0;
}



.search-item {
	background: none;
	padding: 12px 0 !important;
	background-color: #fff !important;
	display: flex;
	align-items: center;
	gap: 10px;
	border-radius: 0
}

.search-link {
	text-decoration: none;
	color: inherit;
	display: flex;
	align-items: center;
	gap: 10px
}

.search-thumb {
	width: 60px;
	height: 60px;
	object-fit: cover;
	border-radius: 0;
	background: #fff
}

.search-title {
	font-size: 14px;
	line-height: normal;
	color: #000;
	font-family: var(--header-font);
	text-transform: uppercase;
}


.search-price {
	margin-left: auto;
	font-weight: 600;
	font-size: 14px;
	color: #000;
}

/* skeleton (b/w, bez radius) */
/* .skel-wrap {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 10px
}

.skel-card {
	border: 1px solid #000;
	background: #fff
}

.skel-img {
	height: 48px;
	background: #e5e5e5;
	position: relative;
	border-bottom: 1px solid #000
}

.skel-line {
	height: 12px;
	background: #eee;
	margin: 10px;
	border-radius: 0;
	position: relative
}

.skel-line.w50 {
	width: 50%
}

.skel-line.w70 {
	width: 70%
}

.skel-line.w90 {
	width: 90%
}

.skel-img::before,
.skel-line::before {
	content: "";
	position: absolute;
	inset: 0;
	transform: translateX(-100%);
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .7), transparent);
	animation: skel 1.1s infinite
}

@keyframes skel {
	to {
		transform: translateX(100%)
	}
} */

/* loading subtle */
.search-results.is-loading {
	opacity: .9
}

/* accessibility helpers */
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0
}

.main-product {
	position: relative;
}

.main-product .slider-prev,
.main-product .slider-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;

	/* Twój minimalny styl */
	background: transparent;
	border-radius: 0;
	padding: 0;
	cursor: pointer;

	/* widoczność ponad obrazem */
	z-index: 2;
}

.main-product .slider-prev {
	left: -40px;
}

.main-product .slider-next {
	right: -40px;
}

.main-product .slider-prev svg,
.main-product .slider-next svg {
	width: 40px;
	height: 40px;
	pointer-events: none;
}

.main-product .slick-disabled {
	opacity: .35;
	pointer-events: none;
}

.yith-ywar-edit-forms .form-footer {
	align-items: center;
}



/* Desktop: normalnie pokazuj sidebar, ukryj mobilny */
#archive .sidebar-col {
	display: block;
}

#mobile-filter {
	display: none;
}

/* Mobile/Tablet: ukryj sidebar, pokaż przycisk i panel */
@media (max-width: 1199.98px) {
	#archive .sidebar-col {
		display: none;
	}

	#mobile-filter {
		display: block;
	}

	/* sticky przycisk u dołu ekranu */
	.mobile-filter-toggle {
		position: fixed;
		left: 0;
		bottom: 0;
		padding: 12px;
		z-index: 50;
		height: 70px;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #fff;
		border-top: 1px solid #ccc;
		border-radius: 0;
		box-shadow: 0 6px 20px rgba(0, 0, 0, .12);
		font-size: 21px;
		font-weight: 600;
		text-transform: uppercase;

	}

	/* overlay + panel (bottom sheet) */
	.mobile-filter-drawer {
		position: fixed;
		inset: 0;
		z-index: 60;
		pointer-events: none;
		/* włączane klasą .open */
	}

	.mobile-filter-drawer .mobile-filter-backdrop {
		position: absolute;
		inset: 0;
		background: rgba(0, 0, 0, .35);
		opacity: 0;
		transition: opacity .2s ease;
	}

	.mobile-filter-drawer .mobile-filter-panel {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		max-height: min(85vh, 720px);
		background: #fff;
		border-top: 1px solid #ccc;
		border-radius: 0;
		transform: translateY(100%);
		transition: transform .25s ease;
		display: flex;
		flex-direction: column;
	}

	.mobile-filter-drawer.open {
		pointer-events: auto;
	}

	.mobile-filter-drawer.open .mobile-filter-backdrop {
		opacity: 1;
	}

	.mobile-filter-drawer.open .mobile-filter-panel {
		transform: translateY(0);
	}

	.mobile-filter-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 12px 24px;

		height: 70px;
		border-bottom: 1px solid #ccc;
	}

	.mobile-filter-header button {
		width: 30px;
		height: 30px;
		background: none;
		background-color: none;
		padding: 0;
		border: none;
	}

	.mobile-filter-header h3 {
		text-transform: uppercase;
		margin: 0;
		font-size: 21px;
		font-family: var(--text-font);
		font-weight: 600;
	}

	.mobile-filter-content {
		padding: 40px 24px;
		overflow: auto;
	}


}

/* (opcjonalnie) prosty akordeon drzewa w panelu */
.mobile-filter-content .children {
	display: none;
	margin-left: 12px;
}

.mobile-filter-content .has-children.open>.children {
	display: block;
}

/* Chrome, Safari, Edge, Opera (WebKit/Chromium) */
input[type="number"].qty::-webkit-outer-spin-button,
input[type="number"].qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type="number"].qty {
	-moz-appearance: textfield;
	appearance: textfield;
	/* nowoczesne przeglądarki */
}

.pm-qty-group:has(.qty:focus) {
	border-color: red;
}

input[type="number"].qty {
	text-align: center;
}

input[type="number"].qty:focus {
	outline: none;
	border: none;
}

.woocommerce a.remove {
	color: #000 !important;
}


main.page-moje-konto section .container {
	max-width: 1200px;
}

main.page-moje-konto section .container h2 {
	text-transform: uppercase;
	color: #000;
	font-size: 40px;
	line-height: normal;
	font-family: var(--header-font);

}

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
	border: none;
	border-radius: 0;
	padding: 0;
}

.woocommerce .woocommerce-form-login p.form-row:has(.woocommerce-form-login__submit) {

	flex-direction: row-reverse;
	display: flex;
	gap: 25px;
	align-items: center;
	justify-content: flex-end;
}

.woocommerce form.checkout_coupon label,
.woocommerce form.login label,
.woocommerce form.register label {
	font-size: 15px;
}

.woocommerce form .form-row .input-text,
.woocommerce form .form-row select {
	height: 45px;
	background-color: transparent;
	border-bottom: 1px solid #d6d6d6;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
	display: flex;
	align-items: center;
	gap: 10px;
}

/* CHROME / SAFARI / EDGE */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
	/* wypełnij tło kolorem */
	-webkit-box-shadow: 0 0 0 1000px #fff inset !important;
	box-shadow: 0 0 0 1000px #fff inset !important;

	/* kolor tekstu w polu autofill */
	-webkit-text-fill-color: #111 !important;

	/* uniknij migania żółtego tła */
	transition: background-color 9999s ease-out !important;
	caret-color: #111;
}

/* utrzymaj to samo przy :focus/:hover */
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
	-webkit-box-shadow: 0 0 0 1000px #fff inset !important;
	box-shadow: 0 0 0 1000px #fff inset !important;
	-webkit-text-fill-color: #111 !important;
}

/* FIREFOX */
input:-moz-autofill,
textarea:-moz-autofill,
select:-moz-autofill {
	box-shadow: 0 0 0 1000px #fff inset !important;
	-moz-text-fill-color: #111 !important;
	caret-color: #111;
}

/* Jeżeli systemowy dark mode „przyciemnia” pola */
input,
textarea,
select {
	color-scheme: light;
	/* uniemożliwia automatyczne przyciemnianie tła przez UA */
}

.woocommerce form .form-row::after,
.woocommerce form .form-row::before,
.woocommerce-page form .form-row::after,
.woocommerce-page form .form-row::before {
	content: none;
}

input.woocommerce-form__input.woocommerce-form__input-checkbox {
	width: 24px;
	height: 24px;
}

#single-product .mobile-title {
	display: none;
}

.swiper-wrapper li.product,
.swiper-wrapper .woocommerce ul.products li.product,
.swiper-wrapper .woocommerce-page ul.products li.product,
.swiper-wrapper .swiper-slide {}

.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name,
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
	font-family: var(--text-font);
	text-align: center;
	text-decoration: none;
	color: #000;
}

/* ===== Mobile menu bottom sheet ===== */
:root {
	--header-h: 70px;
}

/* jeśli header ma inną wysokość – zmień */

.mobile-menu {
	display: none;
}

@media (max-width: 1199.98px) {
	.mobile-menu {
		position: fixed;
		inset: 0;
		z-index: 1100;
		pointer-events: none;
		/* włączamy po otwarciu */
	}

	.mobile-menu[aria-hidden="false"] {
		pointer-events: auto;
	}

	.mobile-menu__backdrop {
		position: absolute;
		inset: 0;
		background: rgba(0, 0, 0, .35);
		opacity: 0;
		transition: opacity .25s ease;
	}

	.mobile-menu[aria-hidden="false"] .mobile-menu__backdrop {
		opacity: 0;
	}

	.mobile-menu__panel {
		position: absolute;
		left: 0;
		right: 0;
		top: var(--header-h);
		/* zatrzymaj 70px od topu */
		height: calc(100dvh - var(--header-h));
		background: #fff;
		border: none;
		transform: translateY(100%);
		transition: transform .3s ease;
		display: flex;
		flex-direction: column;
		border-radius: 0;
		overflow: auto;
		will-change: transform;
		gap: 40px;
	}

	.mobile-menu[aria-hidden="false"] .mobile-menu__panel {
		transform: translateY(0);
	}

	body.menu-lock {
		overflow: hidden;
	}

	/* kosmetyka wnętrza */
	.mobile-menu .menu-wrapper {
		padding: 40px 24px;
	}

	.mobile-menu .menu--mobile {
		list-style: none;
		padding: 0;
		margin: 0;
		display: flex;
		align-items: center;

		flex-direction: column;
		gap: 24px;
	}

	.mobile-menu .menu--mobile>li {}

	.mobile-menu .menu--mobile a {
		font-size: 24px;
		text-transform: uppercase;
		color: #000;
		text-align: center;
		text-decoration: none;
		font-family: var(--header-font);
		font-weight: 300;
	}

	.mobile-menu .buttons-wrapper {
		padding: 24px;
		border-top: 1px solid #ccc;
		display: flex;

		flex-direction: column;
		gap: 18px;
	}

	.mobile-menu .buttons-wrapper .main-button {
		align-items: center;
		gap: 10px;
	}

	.mobile-menu .buttons-wrapper .main-button svg {
		height: 18px;
		width: 18px;
	}
}

/* ===== Hamburger (#nav-icon4) ===== */
.hamburger-btn {
	width: 28px;
	height: 28px;
	position: relative;
	display: inline-block;
	cursor: pointer;
	background: none;
	border: 0;
	padding: 0;
}

#nav-icon4 span {
	position: absolute;
	left: 0;
	right: 0;
	height: 3px;
	background: #000;
	border-radius: 2px;
	transition: transform .25s ease, top .25s ease, opacity .2s ease, left .25s ease, width .25s ease;
	transform-origin: left center;
}

#nav-icon4 span:nth-child(1) {
	top: 0;
}

#nav-icon4 span:nth-child(2) {
	top: 12px;
}

#nav-icon4 span:nth-child(3) {
	top: 24px;
}

#nav-icon4.open span:nth-child(1) {
	transform: rotate(45deg);
	top: 0px;
	left: 4px;
}

#nav-icon4.open span:nth-child(2) {
	width: 0;
	opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
	transform: rotate(-45deg);
	top: 21px;
	left: 4px;
}

/* Desktop: ukryj mobile-menu (na wszelki wypadek) */
@media (min-width: 1200px) {
	.mobile-menu {
		display: none !important;
	}
}

.hamburger-btn {
	display: none;
}







.main-nav .menu {
	display: flex;
	gap: 24px;
	list-style: none;
	margin: 0;
	padding: 0
}

.main-nav .menu>li a {}

.main-nav .menu>.menu-item.is-current,
.main-nav .menu>.menu-item.is-current>.menu-parent {
	border-bottom: 1px solid #000;
}


.main-nav .menu .menu-item {

	transition: 0.3s ease;
}

.main-nav .menu .menu-item:hover {
	border-bottom: 1px solid #000;
}

.main-nav .menu a {
	text-decoration: none;
	font-family: var(--header-font);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 14px;
	/* 100% */
	letter-spacing: 0.7px;
	text-transform: uppercase;
}


.main-nav .menu .mega-toggle {
	background: none;
	display: none;
	border: 0;
	margin-left: .35rem;
	width: 1.25rem;
	height: 1.25rem;
	cursor: pointer
}

.main-nav .menu>li.menu-item-has-mega .mega {
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	/* min-width: 1200px; */
	visibility: hidden;
	opacity: 0;
	transform: translateY(6px);
	transition: opacity .2s, transform .2s, visibility .2s;
	background: #fff;
	border-top: 1px solid #eee;
	padding: 24px 38px;
	z-index: 1000;
	display: flex;

	/* display: grid;
	grid-template-columns: minmax(260px, 1fr) 3fr; */
	gap: 38px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .08)
}

.mega__media {
	display: flex;
	gap: 38px;
	flex-shrink: 0;

}

.mega__media .mega__media-item {
	width: 100%;
	transition: 0.3s;
}

.mega__media .mega__media-item figure:hover {
	border-bottom: 1px solid #000;
}



.mega__media figure {
	margin: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 15px;
	padding-bottom: 0;
	transition: 0.3s ease;
}

.mega__media figure img {
	width: 200px;
	height: 200px;
	object-fit: cover;
	aspect-ratio: 1 / 1;
}

.mega__media figure .mega__media-caption {
	font-size: 14px;
	line-height: 21px;
	font-family: var(--header-font);
}


.main-nav .menu>li.menu-item-has-mega .mega img {
	height: 100%;
	max-height: 200px;
	max-width: 200px;
	width: 100%;
	object-fit: cover;
	aspect-ratio: 1 / 1;
}

.main-nav .menu>li.menu-item-has-mega .mega__cols {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px 28px;
	width: 100%;
}

.main-nav .menu>li.menu-item-has-mega .mega__col-title {
	font-weight: 800;
	margin-bottom: 8px;
	font-family: var(--header-font);
	font-size: 14px;
	text-transform: uppercase;
}

.main-nav .menu>li.menu-item-has-mega .mega__list {
	list-style: none;
	margin: 0;
	padding: 0
}

.main-nav .menu>li.menu-item-has-mega .mega__link {
	display: inline-block;
	padding: 6px 0;
	font-family: var(--text-font);
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	text-transform: none;
	transition: 0.3s;

}

.main-nav .menu>li.menu-item-has-mega .mega__link:hover {
	font-weight: 600;
}

.main-nav .menu>li.menu-item-has-mega.is-open>.mega,
.main-nav .menu>li.menu-item-has-mega:hover>.mega {
	visibility: visible;
	opacity: 1;
	transform: translateY(0)
}

@media (max-width: 992px) {
	.main-nav .menu {
		gap: 12px
	}

	.main-nav .menu>li.menu-item-has-mega .mega {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		top: auto;
		max-height: 80vh;
		overflow: auto;
		padding: 18px;
		grid-template-columns: 1fr
	}

	.main-nav .menu>li.menu-item-has-mega .mega__cols {
		grid-template-columns: 1fr
	}
}

#newsletter .mailpoet_checkbox_label,
#colophon .mailpoet_checkbox_label {
	font-size: 10px !important;
	font-weight: 300 !important;
}

.mailpoet_checkbox_label {
	display: flex !important;
	gap: 10px;
	font-size: 8px !important;
	line-height: normal;
}

#mp_form_popup2 .mailpoet_paragraph {
	margin-bottom: 0 !important;
}

#mp_form_popup2 .mailpoet-heading {
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 43.2px;
	text-transform: uppercase;
	margin: 0;
}

#mp_form_popup2 .mailpoet_form_column:not(:first-child) {
	margin-left: 0;
	padding: 25px;
}

#mp_form_popup2 .mailpoet_text,
#mp_form_popup2 .mailpoet_textarea {
	background-color: #000;
	background: #000;
	border-bottom: 1px solid #fff;
	height: 34px !important;
	color: #fff;
	border-radius: 0;
	margin-bottom: 25px !important;
}

.mailpoet_form .mailpoet_form_image,
.mailpoet_form_image>figure {

	height: 100%;
}

.mailpoet_form .mailpoet_form_image img {
	height: 100%;
	object-fit: cover;
}

.mailpoet_paragraph.secondary-button {
	margin-top: 25px;
}

.mailpoet_paragraph.secondary-button input {
	background-color: transparent;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.7px;
}

#product-badges {
	max-width: none;
	background-color: #F7F7F7;

}

#product-badges .container {
	max-width: 1000px;
	padding: 30px 0;
}

#product-badges .badges-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 60px;
}

.badges-wrapper .badge {
	display: flex;
	align-items: center;
	gap: 20px;
}

.badges-wrapper .badge .badge-text {
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
	/* 100% */
	letter-spacing: 0.6px;
	text-transform: uppercase;
	font-family: var(--header-font);
}

.promo-timer .time-value {
	display: inline-block;
}

.promo-timer .time-value.tick {
	animation: promoTick 0.35s ease;
}

@keyframes promoTick {
	0% {
		transform: translateY(-20%);
		opacity: 0.3;
	}

	50% {
		transform: translateY(0);
		opacity: 1;
	}

	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

/* Sam slajd wideo */
.video-slide {
	position: relative;
	overflow: hidden;
}

/* Wideo w środku – wypełnia cały slajd, wycentrowane */
.video-slide .slide-video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

	width: 100%;
	height: 100%;
	object-fit: cover;
	/* wypełnia cały kontener */
	object-position: center center;
	display: block;
}

#after-footer .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 0;
	font-size: 13px;
	font-style: normal;
	font-weight: 300;
	line-height: 15.6px;
	/* 120% */
	text-transform: uppercase;
	color: #000;
}

#after-footer a.social-link {
	color: #000;
}

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

#colophon a {
	color: #000;
}

/* Podstawowy stan listy dzieci – przygotowany do animacji */
.product-cats.custom-acf-cats ul.children {
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transform: translateY(-4px);
	transition:
		max-height 0.3s ease,
		opacity 0.3s ease,
		transform 0.3s ease;
}

/* Zamknięte (domyślnie dla głębszych poziomów – mają klasę is-collapsed z PHP) */
.product-cats.custom-acf-cats ul.children.is-collapsed {
	max-height: 0;
	opacity: 0;
	transform: translateY(-4px);
}

/* Otwarte – tu nadajemy większy max-height, ważne, by był > realnej wysokości listy */
.product-cats.custom-acf-cats ul.children:not(.is-collapsed) {
	max-height: 800px;
	/* jakby co możesz zwiększyć na 999px */
	opacity: 1;
	transform: translateY(0);
}

/* Wiersz: nazwa + chevron */
.product-cats.custom-acf-cats .cat-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

/* Link kategorii */
.product-cats.custom-acf-cats .cat-parent-title {
	font-weight: 600;
	text-decoration: none;
	flex-shrink: 0;
}

.product-cats.custom-acf-cats .cat-parent-title:hover {
	text-decoration: underline;
}

/* Przycisk chevron */
.product-cats.custom-acf-cats .cat-toggle {
	border: 0;
	background: transparent;
	cursor: pointer;
	width: 20px;
	height: 20px;
	position: relative;
	padding: 0;
	width: 100%;
}

/* Ikonka chevron (prawa strzałka domyślnie) */
.product-cats.custom-acf-cats .cat-toggle::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 8px;
	height: 8px;
	border-style: solid;
	border-width: 1.5px 1.5px 0 0;
	transform: translate(-50%, -50%) rotate(45deg);
	/* ► */
}

/* Gdy aria-expanded=true → strzałka w dół */
.product-cats.custom-acf-cats .cat-toggle[aria-expanded="true"]::before {
	transform: translate(-50%, -50%) rotate(135deg);
	/* ▼ */
}

.my-account-layout {
	display: flex;
	flex-direction: row-reverse;
	gap: 80px;
}

.my-account-layout__image {
	flex: 2;
}

.my-account-layout__forms {
	flex: 3;
	width: 100%;
}

.wc-block-components-form .wc-block-components-text-input input[type=email],
.wc-block-components-form .wc-block-components-text-input input[type=number],
.wc-block-components-form .wc-block-components-text-input input[type=password],
.wc-block-components-form .wc-block-components-text-input input[type=tel],
.wc-block-components-form .wc-block-components-text-input input[type=text],
.wc-block-components-form .wc-block-components-text-input input[type=url],
.wc-block-components-text-input input[type=email],
.wc-block-components-text-input input[type=number],
.wc-block-components-text-input input[type=password],
.wc-block-components-text-input input[type=tel],
.wc-block-components-text-input input[type=text],
.wc-block-components-text-input input[type=url],
.wc-blocks-components-select .wc-blocks-components-select__select,
.wc-block-checkout__add-note .wc-block-components-textarea {
	color: #666 !important;
	border: none !important;
	border-bottom: 1px solid #d6d6d6 !important;
	border-radius: 0px !important;
	padding: 3px !important;
	transition: 0.3s ease !important;
}

.wp-block-woocommerce-checkout-order-summary-block {
	border-radius: 0 !important;
}

.wc-block-checkout__shipping-option .wc-block-components-radio-control__option {
	border: none;
	border-bottom: 1px solid #d6d6d6;
	border-radius: 0;
}

.wc-block-components-checkout-return-to-cart-button svg {
	position: static !important;
	transform: none !important;

}

.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name,
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
	font-weight: 600 !important;
	font-size: 16px !important;

}

.wc-block-checkout__sidebar .wc-block-components-product-name {
	font-weight: 600 !important;
	font-size: 16px !important;
	text-transform: none !important;
}

.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__prices,
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__prices {
	font-size: 16px;
	line-height: 24px;
	color: #000000;
	font-weight: 700;
}

.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header th,
table.wc-block-cart-items .wc-block-cart-items__header th {
	text-transform: capitalize;
	font-size: 16px;
	color: #000000;
	font-weight: 700;
}

.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total,
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total {
	font-size: 16px;
	line-height: 24px;
	color: #000000;
	font-weight: 700;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	font-size: 16px !important;
	color: #000000;
	font-weight: 700 !important;
}

.wc-block-components-totals-shipping .wc-block-components-totals-item strong {
	text-transform: capitalize !important;
	font-weight: 300;
	font-size: 16px;
}

.wc-block-components-title.wc-block-components-title {
	font-size: 16px;
	color: #000000;
	font-weight: 700;
	font-family: var(--text-font);
}

.wc-block-components-checkout-step__container .easypack_show_geowidget {
	background: #000 !important;
	margin: 0;
	min-width: 225px;
	height: 44px;
	box-shadow: none !important;
	border-radius: 0;
	color: #ffffff;
	font-weight: 600;
	font-size: 16px !important;
	display: flex;
	line-height: normal !important;
	align-items: center;
	justify-content: center;
	height: 50px;
	padding: 0;
	width: 100%;
	max-width: unset;
}

.select.scope-select {
	height: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item__description p {
	display: none;
}

.children.depth-2 .cat-item .cat-row .cat-parent-title {
	font-family: var(--text-font);
	text-transform: none;
	font-weight: 300;
}

.shop-box .promo-timer {
	margin-top: 37px;
}

.shop-box .promo-timer .promo-timer-inner {
	gap: 12px;
}

.shop-box .promo-timer .promo-timer-inner .promo-time-part {
	border: 1px solid #000;
	padding: 8px;
	min-width: 65px;
	gap: 2px;
}

.shop-box .promo-time-part .time-value {
	font-size: 20px;
}

.wc-block-cart .wc-block-cart__totals-title {
	font-size: 16px !important;
	text-transform: none !important;
}

.wc-block-components-product-metadata .wc-block-components-product-metadata__description>p,
.wc-block-components-product-metadata .wc-block-components-product-metadata__variation-data,
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link {
	font-size: 0px !important;
}

.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button,
.wc-block-components-quantity-selector:after {
	border-radius: 0 !important;
	border-color: #000;
}

.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
	min-width: unset !important;
}

.wc-block-components-quantity-selector {
	border-radius: 0 !important;
	width: 80px !important;
	height: 40px;
}

.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total,
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total,
.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name,
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
	line-height: 1.5 !important;
}



.wc-block-cart-item__quantity {
	display: flex !important;
	gap: 25px;
	align-items: center;
	justify-content: flex-start;
}

table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-quantity-selector {
	margin-bottom: 0 !important;
}

.wc-block-components-product-metadata__description {
	display: none !important;
}

table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img {
	min-width: 120px;
	max-width: 120px;
}


.wc-block-components-sidebar-layout.wc-block-cart {
	padding-top: 60px !important;
}

.wp-block-woocommerce-cart .wc-block-cart__submit-button {
	margin-top: 18px;
}

.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-formatted-money-amount {
	font-weight: 800 !important;
	font-size: 16px !important;
}

.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title .wc-block-components-checkout-order-summary__title-text {
	font-weight: 800 !important;
}

.wp-block-woocommerce-checkout {
	padding-top: 60px !important;
}

.wc-block-components-form p,
.wc-block-components-form span,
.wc-block-components-form h2,
.wc-block-components-form h1,
.wc-block-components-form h3,
.wc-block-components-form h4,
.wc-block-components-form h5,
.wc-block-components-form h6 {
	font-size: 16px !important;
}

/* .wc-block-components-text-input {
	opacity: 0;
} */

.wc-block-components-order-summary .wc-block-components-order-summary-item__quantity {
	font-size: 10px;
	color: #fff !important;
	background: #000 !important;
	border: none !important;
	height: 20px;
	width: 20px;
	flex-shrink: 0;
	box-shadow: none;
}

.wishlist-title-container {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.woocommerce .wishlist-title {
	margin: 0;

}


.yith-wcwl-share,
.yith_wcwl_footer_additional_action,
.wishlist-page-links {
	display: none !important;
}

table.wishlist_table thead {
	display: none;
}

table.wishlist_table td.wishlist-product-card-cell {
	padding: 0;
	border: 0;
}

.wishlist-product-card {
	position: relative;
}

/* np. umiejscowienie ikonki kosza na karcie */
.wishlist-product-card .remove_from_wishlist {
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 5;
}

.wishlist-grid-section li.wishlist-product .wishlist-add-to-cart {
	display: none !important;
}

.wishlist-grid-section li.wishlist-product .remove_from_wishlist.wishlist-remove-link {
	position: absolute;
	top: 19px;
	right: 19px;
}

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

.custom-cart-cross-sells ul.products {
	list-style: none;
	margin: 0;
	display: flex;
	padding-bottom: 40px;
}

.cart-cross-sells-swiper {
	position: relative;
}

.custom-cart-cross-sells ul.products::before {
	content: none;
}

.cart-cross-sells-swiper .swiper-pagination {
	display: block;
}

.cart-cross-sells-swiper .swiper-pagination .swiper-pagination-bullet-active {
	background: #F4EDEA;
}

.cart-cross-sells-swiper li.product,
#related-products .related-swiper li.product {
	height: auto !important;
}

.cart-cross-sells-swiper li.product .product-footer {
	padding-left: 20px !important;
	padding-right: 20px !important;

	padding-bottom: 30px;
}

.omnibus-price .iworks-omnibus {
	margin: 0;
	display: flex;
	align-items: center;
	font-size: 13px;
	gap: 8px;
}

.wc-block-components-form .wc-block-components-text-input input:-webkit-autofill+label,
.wc-block-components-form .wc-block-components-text-input.is-active label,
.wc-block-components-text-input input:-webkit-autofill+label,
.wc-block-components-text-input.is-active label {
	top: 0;
	transform: translateY(-3px) scale(.75) !important;
	opacity: 0;

}

.wc-block-components-text-input.is-active input:focus {
	color: #000 !important;
	border-color: #000 !important;
}

.wc-block-components-text-input.is-active input {
	border-color: #000 !important;
	background-color: #f7f7f7;
}

.wc-block-components-form .wc-block-components-text-input.is-active input[type=email],
.wc-block-components-form .wc-block-components-text-input.is-active input[type=number],
.wc-block-components-form .wc-block-components-text-input.is-active input[type=password],
.wc-block-components-form .wc-block-components-text-input.is-active input[type=tel],
.wc-block-components-form .wc-block-components-text-input.is-active input[type=text],
.wc-block-components-form .wc-block-components-text-input.is-active input[type=url],
.wc-block-components-text-input.is-active input[type=email],
.wc-block-components-text-input.is-active input[type=number],
.wc-block-components-text-input.is-active input[type=password],
.wc-block-components-text-input.is-active input[type=tel],
.wc-block-components-text-input.is-active input[type=text],
.wc-block-components-text-input.is-active input[type=url],
.wc-blocks-components-select.is-active .wc-blocks-components-select__select,
.wc-block-checkout__add-note .wc-block-components-textarea {
	border-color: #000 !important;
	color: #000 !important;
}

.wc-block-components-country-input .wc-blocks-components-select .wc-blocks-components-select__label {
	opacity: 0;
}

.bundle-visual-row {
	display: flex;
	align-items: center;
	gap: 10px;
}


.bundle-visual-row .woocommerce-Price-amount {
	font-size: 20px;
	font-weight: 700;
}

del bdi .woocommerce-Price-amount,
del .woocommerce-Price-amount,
del {
	color: #cf797e;
}

.bundle-visual-row del .woocommerce-Price-amount {
	font-size: 18px;
	color: #cf797e;
}

.bundle-thumb img {
	max-width: 100px;
	width: 100%;
	height: auto;
}

.bundle-operator {
	font-size: 24px;
	font-style: normal;
	font-weight: 300;
}

.bundle-actions {
	display: flex;
	gap: 24px;
	margin-top: 24px;
}

.bundle-actions .bundle-view-link {
	display: none !important;
}

.bundle-actions .product.woocommerce.add_to_cart_inline {
	margin: 0;
}

.product-bundle-section .product-bundle-title {
	text-transform: uppercase;
	font-size: 21px;
	margin: 44px 0 13px 0;
}

/* Domyślnie (mobile) – jeden slajd na 100% szerokości */
#exclusive .exclusive-swiper .swiper-slide {
	width: 100%;
}

/* Od 768px – stała szerokość kart: 390px */
@media (min-width: 768px) {
	#exclusive .exclusive-swiper .swiper-slide {
		width: 390px;
	}
}


/* Domyślnie nic nie chowamy, na wszelki wypadek */
.main-swiper .swiper-slide.only-mobile,
.main-swiper .swiper-slide.only-desktop {
	display: block;
}

/* TELEFONY: pokazuj tylko slajdy oznaczone jako mobile */
@media (max-width: 767.98px) {
	.main-swiper .swiper-slide.only-desktop {
		display: none !important;
	}
}

/* TABLET + DESKTOP: pokazuj tylko slajdy desktopowe */
@media (min-width: 768px) {
	.main-swiper .swiper-slide.only-mobile {
		display: none !important;
	}
}


.bundled__subtotal_aggregated {
	display: none;
}

.bundled_product {
	display: flex;
	gap: 10px;
	align-items: center;
	width: 100%;
	gap: 8px;
}

.bundled_product_images.images {
	float: none !important;
	width: auto !important;
}

.bundled_product div.images {
	margin-bottom: 0 !important;
}

.bundled_product div.images img {
	max-width: 80px;
}

figure.bundled_product_image.woocommerce-product-gallery__image {
	margin: 0 !important;
}

.cart.cart_group.bundle_form {
	gap: 4px !important;
}

.bundled_product .bundled_product_title.product_title {
	margin-bottom: 0 !important;
}

.bundle_wrap .bundle_button {
	display: flex;
	gap: 25px;
	width: 100%;
}

.bundle_wrap {
	width: 100%;
}

.bundle_wrap .bundle_button .quantity {
	border: 1px solid #000;
	display: flex;
	align-items: center;
	justify-content: center;
}

#customer_login {
	display: flex;
	flex-direction: column;

	gap: 20px;
}

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
	float: none;
	width: 100%;
}

#mp_form_popup2 .mailpoet_text:not(:placeholder-shown) {
	color: #fff;
}

/* ===== Product audio player (Plyr) ===== */
.product-audio {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
	width: 100%;
	margin-top: 24px;
	padding: 20px 24px;
}

.product-audio__label {
	display: flex;
	align-items: center;
	gap: 8px;
	text-transform: uppercase;
	font-size: 21px;
	font-family: var(--header-font);
}

/* Nadpisanie zmiennych Plyr – dopasowanie do motywu */
.product-audio .plyr {
	--plyr-color-main: #000;
	--plyr-audio-controls-background: transparent;
	--plyr-audio-control-color: #000;
	--plyr-audio-control-color-hover: #000;
	--plyr-audio-control-background-hover: rgba(0, 0, 0, .06);
	--plyr-range-fill-background: #000;
	--plyr-range-thumb-background: #000;
	--plyr-range-track-height: 2px;
	--plyr-range-thumb-height: 12px;
	--plyr-range-thumb-width: 12px;
	--plyr-font-family: var(--text-font, 'Roboto');
	--plyr-font-size-base: 13px;
	--plyr-control-spacing: 8px;
	border: none;
}

.product-audio .plyr--audio .plyr__controls {
	padding: 0;
	background: transparent;
	border: none;
	box-shadow: none;
}