/* ################################################## */
/* Misc */
/* ################################################## */

@font-face {
	font-family: "Google Sans Flex - Local";
	src: url("https://lamalmeble.pl/wp-content/uploads/2026/03/google-sans-flex-v16-latin_latin-ext-300.woff2")
		format("woff2");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Google Sans Flex - Local";
	src: url("https://lamalmeble.pl/wp-content/uploads/2026/03/google-sans-flex-v16-latin_latin-ext-400.woff2")
		format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Google Sans Flex - Local";
	src: url("https://lamalmeble.pl/wp-content/uploads/2026/03/google-sans-flex-v16-latin_latin-ext-500.woff2")
		format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Google Sans Flex - Local";
	src: url("https://lamalmeble.pl/wp-content/uploads/2026/03/google-sans-flex-v16-latin_latin-ext-600.woff2")
		format("woff2");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Google Sans Flex - Local";
	src: url("https://lamalmeble.pl/wp-content/uploads/2026/03/google-sans-flex-v16-latin_latin-ext-700.woff2")
		format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

/* body::-webkit-scrollbar {
	width: 12px;
}

body::-webkit-scrollbar-track {
	background: var(--color-bg-dark);
}

body::-webkit-scrollbar-thumb {
	background: var(--color-brand-500);
	border-radius: 9999px;
	border: 2px solid var(--color-bg-dark);
} */

body {
	font-family: "Google Sans Flex - Local", sans-serif;
	background-color: var(--color-white-500);
	color: var(--color-text-500);
	font-weight: 400;
	letter-spacing: 0.01em;
	line-height: 1.4;
	font-size: var(--fz-body);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* body.logged-in {} */

/* ::selection {
	background-color: var(--color-brand-500);
	color: var(--color-bg-alt);
} */

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--color-text-500);
	font-weight: 600;
	letter-spacing: normal;
	line-height: 1.1;
	text-wrap: balance;
}

h1 {
	font-size: var(--fz-h1);
	/* text-wrap: pretty; */
}

h2 {
	font-size: var(--fz-h2);
}

h3 {
	font-size: var(--fz-h3);
}

h4,
h5,
h6 {
	font-size: var(--fz-body);
}

p {
	font-size: var(--fz-body);
	text-wrap: pretty;
}

a {
	text-decoration: none;
}

/* ################################################## */
/* Helpers */
/* ################################################## */

/* .color-primary {
	color: var(--color-primary-500);
} */

.text-subheading {
	margin-bottom: var(--spacing-sm);
	text-transform: uppercase;
	font-weight: 500;
	font-size: var(--fz-subheading);
	letter-spacing: 0.29em;
	/* line-height: 0.73; */
}

a[href*="/okazje/"]:not(.ghost-btn) {
	color: var(--color-red-500) !important;
}

a[href*="/okazje/"]:not(.ghost-btn) span,
a[href*="/okazje/"]:not(.ghost-btn) h2,
a[href*="/okazje/"]:not(.ghost-btn) h3 {
	color: var(--color-red-500) !important;
}

a[href*="/okazje/"]:not(.ghost-btn) svg {
	color: var(--color-red-500) !important;
}

/* ################################################## */
/* Grid container (wrapper) */
/* ################################################## */

.grid-container {
	display: grid;
	grid-template-columns:
		[full-start] 1fr [wrapper-start] minmax(0, 95rem)
		[wrapper-end] 1fr [full-end];
	grid-column-gap: var(--spacing-md);
	/* overflow: hidden; */
	contain: paint;
}

.grid-container > * {
	grid-column: wrapper;
	/* border-left: 1px solid var(--color-gray); */
	/* border-right: 1px solid var(--color-gray); */
	/* border: none; */
}

.grid-container--fill {
	grid-column: full;
}

.grid-container--contain-none {
	contain: none;
}

/* ################################################## */
/* Custom link */
/* ################################################## */

/* .custom-link {
	color: var(--color-primary-500);
	transition: color 0.3s;
}

.custom-link:hover {
	color: var(--color-primary-300);
} */

/* ################################################## */
/* Custom button */
/* ################################################## */

.btn {
	padding: 0.75rem 1.5rem;
	width: fit-content;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--color-light-400);
	border: 1px solid transparent;
	border-radius: 9999px;
	color: var(--color-text-500);
	font-size: var(--fz-button);
	user-select: none;
	transition:
		border-color 0.3s,
		color 0.3s;
}

.btn:has(svg) {
	padding-right: 1.125rem;
	gap: 0.75rem;
}

.btn:hover {
	cursor: pointer;
	border-color: var(--color-primary-300);
	color: var(--color-secondary-600);
}

.btn span {
	font-size: var(--fz-button);
	font-weight: 600;
}

.btn svg {
	transition: transform 0.3s;
}

.btn:hover svg {
	transform: translateX(4px);
}

.btn svg path {
	stroke-width: 0 !important;
	fill: currentColor !important;
}

/* ######################### */
/* Variants */
/* ######################### */

.btn--color-secondary {
	background-color: var(--color-secondary-500);
	color: var(--color-white-500);
	transition: background-color 0.3s;
}

.btn--color-secondary:hover {
	background-color: var(--color-secondary-600);
	border-color: transparent;
	color: var(--color-white-500);
}

.btn--color-text {
	background-color: var(--color-text-500);
	color: var(--color-white-500);
	transition: background-color 0.3s;
}

.btn--color-text:hover {
	background-color: #2c2a28;
	border-color: transparent;
	color: var(--color-white-500);
}

/* ######################### */
/* Sizes */
/* ######################### */

/* Small */

.btn--size-sm {
	padding: 0.375rem 0.75rem;
	background-color: var(--color-white-500);
}

.btn--size-sm:has(svg) {
	padding-left: 1.125rem;
	gap: 0.75rem;
}

.btn--size-sm:hover {
	border-color: var(--color-primary-300);
	color: var(--color-secondary-600);
}

.btn--size-sm span {
	font-size: var(--fz-sm);
}

.btn--size-sm span.btn--size-sm-fw-normal {
	font-weight: 400;
}

.btn--size-sm svg {
	/* transition: transform 0.3s; */
}

.btn--size-sm:hover svg {
	transform: translateX(0);
}

/* .product-subpage__add-to-fav-btn {} */

.product-subpage .product-subpage__add-to-fav-btn svg {
	color: var(--color-secondary-600);
	transition: fill 0.3s;
}

.product-subpage__add-to-fav-btn svg path {
	stroke-width: 1 !important;
	fill: transparent !important;
	transition: fill 0.3s;
}

.product-subpage__add-to-fav-btn:hover svg path {
	fill: var(--color-beige-500) !important;
}

.product-subpage__add-to-fav-btn:hover svg {
	fill: var(--color-beige-500);
}

.product-subpage__add-to-fav-btn--added svg path,
.product-subpage__add-to-fav-btn--added:hover svg path {
	fill: var(--color-secondary-600) !important;
}

/* .product-subpage__fill-svg-btn {} */

.product-subpage__fill-svg-btn svg path {
	fill: var(--color-secondary-600) !important;
}

/* ################################################## */
/* Ghost button */
/* ################################################## */

.ghost-btn {
	width: fit-content;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.375rem;
	border-bottom: 1px solid var(--color-text-500);
	color: var(--color-text-500);
	user-select: none;
	transition:
		border-color 0.3s,
		color 0.3s;
}

.ghost-btn:hover,
.blog-grid:hover .ghost-btn,
.blog-latest-grid:hover .ghost-btn {
	cursor: pointer;
	border-color: transparent;
	color: var(--color-secondary-600);
}

.ghost-btn span {
	font-size: var(--fz-button);
	font-weight: 600;
}

.ghost-btn svg {
	transition: transform 0.3s;
}

.ghost-btn--reverse .oxy-svg-icon {
	order: -1;
	rotate: 180deg;
}

.ghost-btn:hover svg,
.blog-grid:hover .ghost-btn svg,
.blog-latest-grid:hover .ghost-btn svg {
	transform: translateX(4px);
}

.ghost-btn svg path {
	stroke-width: 0 !important;
	fill: currentColor !important;
}

.aw-expandable-container .ghost-btn svg path {
	stroke-width: 1 !important;
	fill: none !important;
}

/* ######################### */
/* Eyebrow text */
/* ######################### */

/* .eyebrow {
	margin-bottom: var(--spacing-md);
	display: flex;
	gap: var(--spacing-2xs);
} */

/* ######################### */
/* Separator line */
/* ######################### */

/* .horizontal-separator {
	margin-bottom: var(--spacing-xs);
	width: 3rem;
	height: 0.125rem;
	background-color: var(--color-primary-500);
	border-radius: 9999px;
} */

/* ######################### */
/* SVG Decoration */
/* ######################### */

/* ######################### */
/* Nav */
/* ######################### */

.nav {
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 3000;
	transition: transform 0.3s;
	/* background-color: gray; */
	/* border-bottom: 1px solid transparent; */
}

.nav__top-container {
	/* height: 64px; */
	padding: var(--spacing-2xs) 0;
	background-color: var(--color-primary-600);
	contain: unset;
}

.nav__top-container-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.nav__breadcrumbs-container {
	transform-origin: top;
	transition:
		transform 0.25s ease,
		opacity 0.3s;
}

.nav__breadcrumbs-container.is-hidden {
	transform: scaleY(0);
	opacity: 0;
	pointer-events: none;
}

.nav__breadcrumbs-container:has(.custom-breadcrumbs) {
	/* height: 64px; */
	background-color: var(--color-primary-600);
	contain: unset;
}

.nav__breadcrumbs-container-inner {
	padding: var(--spacing-2xs) 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.custom-breadcrumbs {
	color: var(--color-white-500);
	font-size: var(--fz-sm);
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.custom-breadcrumbs a:hover {
	text-decoration: underline;
}

.nav__top-container-inner-hello-text {
	text-align: center;
	color: var(--color-white-500);
	font-size: var(--fz-sm);
	font-weight: 600;
}

.nav__top-container-contact-link-container {
	display: flex;
	align-items: center;
	/* gap: var(--spacing-md); */
}

.nav__top-container-contact-link-container .nav__link:nth-of-type(1) {
	margin-right: var(--spacing-xs);
	padding-right: var(--spacing-xs);
	border-right: 1px solid var(--color-primary-300);
}

.nav__top-container-link-container {
	display: flex;
	align-items: center;
}

.nav__top-container-link-container .nav__link {
	padding: 0 var(--spacing-xs);
	border-right: 1px solid var(--color-primary-300);
}

.nav__link {
	display: flex;
	align-items: center;
	gap: var(--spacing-3xs);
	color: var(--color-white-500);
	font-size: var(--fz-sm);
}

.nav__link:hover {
	cursor: pointer;
	text-decoration: underline;
}

.nav .nav__link svg {
	width: 1.125rem !important;
	height: 1.125rem !important;
}

.nav__link--phone svg path {
	fill: var(--color-white-500);
	stroke: var(--color-white-500);
}

.nav__top-container #gt_float_wrapper {
	margin-left: var(--spacing-xs);
	height: 2.5rem !important;
}

/* .gtranslate_wrapper {} */

.gt_float_switcher {
	font-family: inherit !important;
	font-size: var(--fz-sm) !important;
	border-radius: 0 !important;
	color: var(--color-white-500) !important;
	line-height: inherit !important;
	box-shadow: none !important;
	background: var(--color-primary-500) !important;
	transition: all 0.3s !important;
	border-radius: 24px !important;
	user-select: none !important;
}

.gt_float_switcher .gt-selected {
	background: var(--color-primary-500) !important;
}

.gt_float_switcher .gt-selected .gt-current-lang {
	padding: var(--spacing-3xs) !important;
	color: var(--color-white-500) !important;
	font-weight: 600 !important;
}

.gt_float_switcher img {
	width: 1rem !important;
}

.gt_float_switcher-arrow {
	filter: brightness(0) invert(1);
}

.gt_float_switcher .gt_options a {
	background-color: var(--color-primary-500) !important;
	color: var(--color-white-500) !important;
	transition: color 0.3s !important;
}

.gt_float_switcher .gt_options a:hover {
	background: var(--color-text-500) !important;
}

.nav__main-container {
	background-color: var(--color-white-500);
	padding: var(--spacing-xs) 0;
}

.nav__main-container-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.nav__logo {
	height: 4.5rem;
}

/* .nav__inner {
	height: 4rem;
	padding: 0 var(--spacing-md);
	border-left: 1px solid red;
	border-right: 1px solid red;
	display: flex;
	justify-content: center;
	align-items: center;
} */

.dgwt-wcas-search-input {
	/* height: 100% !important; */
	/* width: 100% !important; */
	width: 512px !important;
	background-color: var(--color-light-500) !important;
	border-radius: 9999px !important;
	border: 2px solid var(--color-primary-300) !important;
	color: var(--color-text-500) !important;
}

.dgwt-wcas-search-input::placeholder {
	font-style: normal !important;
}

.dgwt-wcas-search-submit {
	background-color: transparent !important;
}

.dgwt-wcas-search-submit::before {
	border-color: transparent !important;
}

.dgwt-wcas-ico-magnifier {
	stroke: var(--color-primary-500) !important;
	/* stroke-width: 1px !important; */
}

.dgwt-wcas-ico-magnifier path {
	fill: var(--color-primary-500) !important;
}

.dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input:focus {
	box-shadow: none !important;
}

.nav__main-container-link-box-container {
	display: flex;
	align-items: center;
	gap: var(--spacing-xs);
}

.nav__main-container-link-box {
	padding: var(--spacing-2xs) var(--spacing-xs);
	border-radius: var(--border-radius-main);
	display: flex;
	align-items: center;
	gap: var(--spacing-2xs);
	transition: background-color 0.3s;
	user-select: none;
}

.nav__main-container-link-box:hover {
	background-color: var(--color-light-500);
	cursor: pointer;
}

.nav__main-container-link-box-icon-container {
	position: relative;
}

.nav .nav__main-container-link-box-icon-container svg {
	stroke-width: 0 !important;
	width: 1.5rem !important;
	height: 1.5rem !important;
}

.nav .nav__main-container-link-box-icon-container svg path {
	fill: var(--color-text-500) !important;
}

.nav .nav__main-container-link-box-icon-container svg mask {
	display: none;
}

.nav__main-container-link-box-icon-count {
	position: absolute;
	top: 0;
	right: 0;
	width: 1rem;
	height: 1rem;
	transform: translate(50%, -50%);
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--color-secondary-500);
	border-radius: 9999px;
}

.nav__main-container-link-box-icon-count span {
	color: var(--color-white-500);
	font-size: var(--fz-omnibus);
}

/* .nav-fav-menu-btn .nav__main-container-link-box-icon-count span */
/* .nav-cart-btn .nav__main-container-link-box-icon-count span */

.nav__main-container-link-box-text {
	font-size: var(--fz-sm);
	font-weight: 500;
}

/* ubawfegiufbgiufawbiufawbiufawbiufawbiuawfbiuawfbiaubiwfua */
/* ubawfegiufbgiufawbiufawbiufawbiufawbiuawfbiuawfbiaubiwfua */
/* ubawfegiufbgiufawbiufawbiufawbiufawbiuawfbiuawfbiaubiwfua */

.nav__bottom-container {
	/* height: 64px; */
	background-color: var(--color-white-500);
	/* background-color: pink; */
	padding: var(--spacing-2xs) 0;
	contain: unset;
}

.nav__bottom-container-inner .oxy-shortcode {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: var(--spacing-2xs);
	flex-wrap: wrap;
}

/* ubawfegiufbgiufawbiufawbiufawbiufawbiuawfbiuawfbiaubiwfua */

.nav__dropdown {
	position: relative;
	/* gap: var(--spacing-3xs); */
	border-radius: 9999px;
	transition: background-color 0.3s;
}

.nav__dropdown:hover {
	background-color: var(--color-light-500);
}

.nav__dropdown-main-link {
	/* padding: var(--spacing-sm); */
	padding: var(--spacing-2xs) var(--spacing-xs);
	display: flex;
	align-items: center;
	gap: var(--spacing-3xs);
}

.nav__dropdown-main-link:hover .nav__dropdown-link,
.nav__dropdown-main-link:hover .nav__dropdown-icon svg {
	color: var(--color-secondary-500);
}

.nav__dropdown:hover .nav__dropdown-icon svg {
	rotate: 180deg;
	/* color: var(--color-secondary-500); */
}

.nav__dropdown-icon svg {
	color: var(--color-text-500);
	width: 1rem !important;
	height: 1rem !important;
	transition:
		rotate 0.3s,
		color 0.3s;
}

.nav__dropdown-link {
	flex-shrink: 0;
	color: var(--color-text-500);
	font-size: var(--fz-menu-item);
	font-weight: 500;
	transition: color 0.3s;
}

.nav__dropdown-link:hover {
	color: var(--color-secondary-500);
}

.nav__dropdown-container {
	/* border: 1px solid red; */
	padding-top: var(--spacing-xs);
	position: absolute;
	top: 3rem;
	left: 50%;
	transform: translateX(-50%);
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 0.3s;
	pointer-events: none;
	z-index: 10;
}

.nav__dropdown:hover .nav__dropdown-container {
	pointer-events: all;
	grid-template-rows: 1fr;
}

.nav__dropdown-container-wrapper {
	width: max-content;
	overflow: hidden;
}

.nav__dropdown-container-wrapper-inner {
	background-color: var(--color-white-500);
	border: 1px solid var(--color-beige-500);
	border-radius: var(--border-radius-main);
	display: flex;
	flex-direction: column;
	align-items: start;
}

.nav__dropdown-container-wrapper .nav__dropdown-link {
	padding: var(--spacing-3xs) var(--spacing-sm);
}

.nav__dropdown-container-wrapper .nav__dropdown-link:first-of-type {
	padding-top: var(--spacing-sm);
}

.nav__dropdown-container-wrapper .nav__dropdown-link:last-of-type {
	padding-bottom: var(--spacing-sm);
}

/* ubawfegiufbgiufawbiufawbiufawbiufawbiuawfbiuawfbiaubiwfua */

.nav__mobile-container {
	display: none;
	background-color: var(--color-white-500);
	padding: var(--spacing-2xs) 0;
}

.nav__mobile-container-inner {
	display: flex;
	align-items: center;
	gap: var(--spacing-xs);
}

.nav__burger-menu-icon {
	/* display: none; */
	width: 3rem;
	height: 3rem;
	padding: 0.5rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: start;
	gap: 0.5rem;
	/* background-color: #fff0; */
	/* border: 1px solid red; */
	cursor: pointer;
}

.nav__burger-menu-icon-line {
	width: 100%;
	height: 3px;
	background-color: var(--color-text-500);
	border-radius: 9999px;
	will-change: transform, opacity;
	transition:
		transform 0.3s,
		opacity 0.3s;
	transform-origin: center center;
}

.nav__burger-menu-icon-line:nth-of-type(2) {
	width: 75%;
}

.nav__burger-menu-icon--active .nav__burger-menu-icon-line:nth-of-type(1) {
	transform: translateY(11px) rotate(45deg);
}

.nav__burger-menu-icon--active .nav__burger-menu-icon-line:nth-of-type(2) {
	opacity: 0;
	transform: translateX(10px);
}

.nav__burger-menu-icon--active .nav__burger-menu-icon-line:nth-of-type(3) {
	transform: translateY(-11px) rotate(-45deg);
}

.nav__mobile-container .oxy-shortcode {
	width: 100%;
	/* display: flex; */
	/* justify-content: stretch; */
}

.nav__mobile-container .dgwt-wcas-search-wrapp {
	max-width: unset !important;
}

.nav__mobile-container .dgwt-wcas-search-input {
	width: 100% !important;
}

/* ubawfegiufbgiufawbiufawbiufawbiufawbiuawfbiuawfbiaubiwfua */

.nav__fav-menu {
	position: fixed;
	top: 0;
	right: 0;
	width: fit-content;
	max-width: 75vw;
	height: 100vh;
	padding: var(--spacing-sm);
	display: flex;
	flex-direction: column;
	/* gap: var(); */
	background-color: var(--color-white-500);
	border-left: 1px solid var(--color-beige-500);
	will-change: transform;
	transform: translateX(100%);
	transition: transform 0.3s;
	z-index: 5000;
	overflow-y: auto;
	overscroll-behavior: contain;
}

/* .nav-fav-menu-btn {} */

.nav__fav-menu--active {
	transform: translateX(0);
	box-shadow: 0px 0px 0px 100vw rgba(0, 0, 0, 0.5);
}

.nav__fav-menu::-webkit-scrollbar {
	width: 12px;
}

.nav__fav-menu::-webkit-scrollbar-track {
	background: var(--color-beige-500);
	border-radius: 9999px;
}

.nav__fav-menu::-webkit-scrollbar-thumb {
	background: var(--color-primary-300);
	border-radius: 9999px;
	border: 4px solid var(--color-beige-500);
}

.nav__fav-menu-top-container {
	margin-bottom: var(--spacing-lg);
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* .nav__fav-menu-heading {} */

.nav__fav-menu-close-btn {
	/* position: absolute; */
	/* top: var(--spacing-xs); */
	/* right: var(--spacing-xs); */
	width: 1.5rem;
	height: 1.5rem;
	color: var(--color-text-500);
	cursor: pointer;
}

.nav__fav-menu-container #aw-fav-items-wrapper {
	max-width: 32rem;
	display: flex;
	flex-direction: column;
	gap: var(--spacing-sm);
}

.nav__burger-menu {
	position: fixed;
	inset: 0;
	width: fit-content;
	height: 100vh;
	display: grid;
	/* flex-direction: column; */
	grid-template-rows: 1fr auto;
	/* gap: var(); */
	background-color: var(--color-white-500);
	border-right: 1px solid var(--color-beige-500);
	will-change: transform;
	transform: translateX(-100%);
	/* transform: translateX(0); */
	transition: transform 0.3s;
	z-index: 5000;
	/* overflow-y: auto; */
	/* overscroll-behavior: contain; */
}

/* .nav-burger-menu-btn {} */

.nav__burger-menu--active {
	transform: translateX(0);
	box-shadow: 0px 0px 0px 100vw rgba(0, 0, 0, 0.5);
}

.nav__burger-menu .oxy-shortcode {
	/* height: fit-content; */
	overflow-y: auto;
	overscroll-behavior: contain;
}

.nav__burger-menu .oxy-shortcode::-webkit-scrollbar {
	width: 12px;
}

.nav__burger-menu .oxy-shortcode::-webkit-scrollbar-track {
	background: var(--color-beige-500);
	border-radius: 9999px;
}

.nav__burger-menu .oxy-shortcode::-webkit-scrollbar-thumb {
	background: var(--color-primary-300);
	border-radius: 9999px;
	border: 4px solid var(--color-beige-500);
}

.nav__burger-menu-link-container {
	/* height: 1000px; */
	background-color: var(--color-secondary-500);
	box-shadow: 0px -8px 10px 0px rgba(0, 0, 0, 0.15);
}

.nav__burger-menu-link-container .nav__link {
	padding: var(--spacing-xs);
}

.nav__burger-menu-close-btn {
	position: absolute;
	top: var(--spacing-xs);
	right: var(--spacing-xs);
	width: 1.5rem;
	height: 1.5rem;
	color: var(--color-white-500);
	cursor: pointer;
}

.nav__burger-menu #gt_float_wrapper {
	padding: var(--spacing-xs);
	padding-top: 0;
}

@media (max-width: 1279px) {
	.nav__top-container {
		display: none;
	}

	.nav__bottom-container {
		display: none;
	}

	.nav__main-container .oxy-shortcode {
		display: none;
	}

	.nav__logo {
		height: 4rem;
	}

	.nav__main-container-link-box-text {
		display: none;
	}

	.nav__mobile-container {
		display: grid;
	}
}

/* @media (max-width: 1119px) {} */

/* @media (max-width: 1023px) {} */

@media (max-width: 767px) {
	.nav__logo {
		height: 3rem;
	}
}

@media (max-width: 479px) {
	.nav__logo {
		height: 2.25rem;
	}
}

/* ######################### */
/* Hero section */
/* ######################### */

/* .hero {} */

.hero-slider {
	height: 100%;
	display: grid;
	grid-template-columns: 7fr 5fr;
}

.hero-slider__main-img-container {
	position: relative;
}

.hero-slider__main-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* display: none; */
}

.hero-slider__text-container {
	padding: var(--spacing-xl) var(--spacing-2xl);
	/* margin-right: clamp(2rem, -29.329rem + 33vw, 10.25rem); */
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	/* background-color: var(--color-primary-600); */
	/* align-items: space-between; */
}

.hero-slider__subheading {
	/* color: var(--color-white-500); */
}

.hero-slider__heading {
	margin-bottom: var(--spacing-md);
	color: inherit !important;
	font-size: var(--fz-display);
}

.hero-slider__secondary-img {
	height: 256px;
}

.hero-slider__text {
	/* color: var(--color-white-500); */
	font-size: var(--fz-h5);
}

.hero-slider__svg-decoration {
	position: relative;
}

.hero-slider__svg-decoration::before,
.hero-slider__svg-decoration::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	pointer-events: none;
}

.hero-slider__svg-decoration::before {
	bottom: calc(var(--spacing-xl) / 4);
	left: calc(var(--spacing-2xl) / 4);
	background-image: url("https://lamalmeble.pl/wp-content/uploads/2026/03/svgDecorationBottomLeft.svg");
	background-position: bottom left;
}

.hero-slider__svg-decoration::after {
	top: calc(var(--spacing-xl) / 4);
	right: calc(
		clamp(2rem, -29.329rem + 33vw, 10.25rem) - (var(--spacing-2xl) / 2)
	);
	background-image: url("https://lamalmeble.pl/wp-content/uploads/2026/03/svgDecorationTopRight.svg");
	background-position: top right;
}

.breakdance-swiper-wrapper .swiper-button-prev,
.breakdance-swiper-wrapper .swiper-button-next {
	width: 3rem;
	height: 3rem;
	padding: var(--spacing-sm);
	background-color: var(--color-primary-500);
	border-radius: 9999px;
	color: var(--color-white-500);
}

.breakdance-swiper-wrapper .swiper-button-prev {
	left: clamp(2rem, -29.329rem + 33vw, 10.25rem) !important;
}

.breakdance-swiper-wrapper .swiper-button-next {
	right: clamp(2rem, -29.329rem + 33vw, 10.25rem) !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
	font-size: var(--fz-sm) !important;
}

/* .hero-slider__text-container-wrapper {} */

.swiper-pagination {
	padding: var(--spacing-3xs);
	width: fit-content !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	background-color: rgba(255, 255, 255, 0.15);
	border-radius: 9999px;
	display: flex;
	align-items: center;
	gap: var(--spacing-3xs);
}

.hero .breakdance-swiper-wrapper .swiper-pagination-bullet {
	margin: 0 !important;
	width: 0.875rem !important;
	height: 0.875rem !important;
	background-color: var(--color-beige-500) !important;
	opacity: 1 !important;
}

.hero .breakdance-swiper-wrapper .swiper-pagination-bullet-active {
	background-color: var(--color-secondary-600) !important;
	border: 1px solid var(--color-white-500);
}

@media (max-width: 1519px) {
	.hero-slider {
		grid-template-columns: 1fr 1fr;
	}

	.hero-slider__svg-decoration::before,
	.hero-slider__svg-decoration::after {
		background-size: 25%;
	}

	.hero-slider__svg-decoration::after {
		right: calc(var(--spacing-xl) / 4);
	}
}

/* @media (max-width: 1279px) {} */

@media (max-width: 1119px) {
	.hero-slider {
		grid-template-columns: 1fr;
		grid-template-rows: 1fr 2fr;
	}

	.breakdance-swiper-wrapper .swiper-button-prev,
	.breakdance-swiper-wrapper .swiper-button-next {
		top: 33.33%;
		transform: translateY(-50%);
	}

	.breakdance-swiper-wrapper .swiper-button-prev,
	.breakdance-swiper-wrapper .swiper-button-next {
		width: 2.5rem;
		height: 2.5rem;
	}
}

/* @media (max-width: 1023px) {} */

/* @media (max-width: 767px) {} */

@media (max-width: 479px) {
	.hero-slider__text-container {
		/* padding: var(--spacing-section-sm) var(--spacing-md); */
		padding: var(--spacing-md);
	}
}

/* ######################### */
/* Info */
/* ######################### */

.info {
	padding: var(--spacing-section-xs) 0;
	background-color: var(--color-light-500);
}

.info__inner {
}

.info__main-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: var(--spacing-xl);
	flex-wrap: wrap;
}

.info__box {
	display: flex;
	align-items: center;
	gap: var(--spacing-xs);
}

.info__box-icon svg,
.info__box-icon svg path,
.info__box-icon svg g {
	color: var(--color-secondary-500) !important;
	fill: var(--color-secondary-500);
	stroke: var(--color-secondary-500);
}

.info__box-icon--time svg path:not(:last-of-type) {
	stroke-width: 0 !important;
}

.info__box-icon--time svg path:last-of-type {
	fill: transparent !important;
}

.info__box-icon--pl svg g path {
	stroke-width: 1 !important;
}

.info__box-text-container {
	display: flex;
	flex-direction: column;
	color: var(--color-secondary-500);
	/* gap: var(--spacing-3xs); */
}

.info__box-text-container .text-subheading {
	margin: 0;
}

/* ######################### */
/* Featured products */
/* ######################### */

.featured {
	padding: var(--spacing-section-sm) 0;
	background-color: var(--color-white-500);
}

.featured--bg-light {
	background-color: var(--color-light-500);
}

.featured--bg-beige {
	background-color: var(--color-beige-500);
}

/* .featured--product-subpage {} */

.featured__top-container {
	margin-bottom: var(--spacing-md);
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: var(--spacing-sm);
	flex-wrap: wrap;
}

/* @media (max-width: 1279px) {} */

/* @media (max-width: 1119px) {} */

/* @media (max-width: 1023px) {} */

/* @media (max-width: 767px) {} */

@media (max-width: 479px) {
	.featured__top-container {
		align-items: start;
		flex-direction: column;
	}

	.featured .oxy-shortcode {
		margin-right: calc(var(--spacing-md) * -1);
	}
}

/* ######################### */
/* Category grid */
/* ######################### */

.category-grid {
	/* position: relative; */
	/* height: 196px !important; */
	height: 100%;
	padding: var(--spacing-2xs);
	display: flex;
	flex-direction: column;
	background-color: var(--color-light-500);
	border: 1px solid transparent;
	border-radius: var(--border-radius-main);
	transition: border-color 0.3s;
	overflow: hidden;
}

.category-grid:hover {
	border-color: var(--color-beige-500);
}

.category-grid__img-container {
	/* height: 256px; */
	/* position: absolute; */
	/* top: 0; */
	/* left: 0; */
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.category-grid__img {
	width: 100%;
	/* height: 100%; */
	transition: scale 0.3s;
}

.category-grid:hover .category-grid__img {
	scale: 1.05;
}

.category-grid__text-container {
	padding: var(--spacing-3xs) 0;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	border-radius: 9999px;
	z-index: 1;
}

.category-grid__text {
	font-size: var(--fz-body);
	font-weight: 600;
	transition: color 0.3s;
	text-align: center;
	word-break: break-word;
}

.category-grid:hover .category-grid__text {
	color: var(--color-secondary-500);
}

/* @media (max-width: 1279px) {} */

/* @media (max-width: 1119px) {} */

/* @media (max-width: 1023px) {} */

/* @media (max-width: 767px) {} */

/* @media (max-width: 479px) {
	.category-grid {
		height: 156px !important;
	}
} */

/* ######################### */
/* Room grid */
/* ######################### */

.room-grid {
	overflow: hidden;
	position: relative;
	height: 196px !important;
	padding: var(--spacing-2xs);
	display: flex;
	flex-direction: column;
	justify-content: end;
	background-color: var(--color-light-500);
	border: 1px solid transparent;
	border-radius: var(--border-radius-main);
	transition: border-color 0.3s;
}

.room-grid:hover {
	border-color: var(--color-beige-500);
}

.room-grid__img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform-origin: center;
	transition: scale 0.3s;
}

.room-grid:hover .room-grid__img {
	scale: 1.05;
}

.room-grid__text-container {
	z-index: 1;
	padding: var(--spacing-3xs) 0;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	border-radius: 9999px;
}

.room-grid__text {
	font-size: var(--fz-l);
	font-weight: 600;
	transition: color 0.3s;
	text-align: center;
}

.room-grid:hover .room-grid__text {
	color: var(--color-secondary-500);
}

/* @media (max-width: 1279px) {} */

/* @media (max-width: 1119px) {} */

/* @media (max-width: 1023px) {} */

/* @media (max-width: 767px) {} */

@media (max-width: 479px) {
	.room-grid {
		height: 156px !important;
	}
}

/* ######################### */
/* Product grid */
/* ######################### */

.product-grid {
	position: relative;
	height: 100%;
	padding: var(--spacing-2xs);
	display: flex;
	flex-direction: column;
	background-color: var(--color-white-500);
	border-radius: var(--border-radius-main);
	transition: box-shadow 0.3s;
}

.product-grid:hover {
	box-shadow: 0px 1px 15px 0px #8e5a4d29;
}

.product-grid__img-container {
	position: relative;
	height: 256px;
	/* height: 100%; */
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.product-grid__top-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: start;
	z-index: 10;
}

.product-grid__top-container-badge-container {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--spacing-3xs);
	user-select: none;
	pointer-events: none;
}

.product-grid__top-container-badge {
	padding: var(--spacing-3xs);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 9999px;
}

.product-grid__top-container-badge span {
	color: var(--color-white-500);
	font-size: var(--fz-badge);
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.product-grid__top-container-badge--new {
	background-color: var(--color-text-500);
}

.product-grid__top-container-badge--bestseller {
	background-color: var(--color-light-400);
	border: 1px solid var(--color-beige-500);
}

.product-grid__top-container-badge--bestseller span {
	color: var(--color-secondary-500);
}

.product-grid__top-container-badge--sale {
	background-color: var(--color-red-500);
}

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

.product-grid__fav-icon svg {
	color: var(--color-secondary-600);
	stroke-width: 1;
	transition: fill 0.3s;
}

.product-grid__fav-icon:hover svg {
	fill: var(--color-beige-500);
}

.product-grid__fav-icon--added svg,
.product-grid__fav-icon--added:hover svg {
	fill: var(--color-secondary-600);
}

.product-grid__img {
	width: 100%;
	scale: 1;
	transition: scale 0.3s;
}

.product-grid:hover .product-grid__img {
	scale: 1.05;
}

.product-grid__text-container {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.product-grid__title {
	margin-bottom: var(--spacing-2xs);
}

.product-grid__price {
	font-weight: 600;
}

.product-grid ins {
	color: var(--color-red-500);
	text-decoration: none !important;
}

.product-grid del {
	font-size: var(--fz-sm);
	font-weight: 400;
}

/* .product-grid__omnibus {
	font-size: var(--fz-omnibus);
	font-weight: 300;
} */

.iworks-omnibus {
	font-size: var(--fz-omnibus);
	font-weight: 300;
}

.product-grid__hover-icon {
	padding: var(--spacing-2xs);
	position: absolute;
	right: var(--spacing-2xs);
	bottom: var(--spacing-2xs);
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--color-secondary-500);
	border-radius: 9999px;
	opacity: 0;
	transition: opacity 0.3s;
	will-change: opacity 0.3s;
}

.product-grid:hover .product-grid__hover-icon {
	opacity: 1;
}

/* @media (max-width: 1279px) {} */

/* @media (max-width: 1119px) {} */

/* @media (max-width: 1023px) {} */

/* @media (max-width: 767px) {} */

@media (max-width: 479px) {
	.product-grid__pagination-bar {
		width: calc(100% - var(--spacing-md)) !important;
	}
}

.product-gallery__other-img-arrow {
}

.aw-slider-arrow {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	z-index: 10;
	width: 3rem;
	height: 3rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--color-secondary-600);
	border-radius: 9999px;
	color: var(--color-white-500);
	pointer-events: all;
	cursor: pointer;
}

.aw-slider-arrow--prev {
	left: -1.5rem;
}

.aw-slider-arrow--next {
	right: -1.5rem;
}

/* @media (max-width: 1279px) {} */

/* @media (max-width: 1119px) {} */

/* @media (max-width: 1023px) {} */

/* @media (max-width: 767px) {} */

@media (max-width: 479px) {
	.aw-slider-arrow--prev {
		left: 0;
	}

	.aw-slider-arrow--next {
		right: 0;
	}

	.product-slider-mobile-wrapper .aw-slider-track {
		scroll-snap-type: x mandatory;
	}

	.mobile-slider-image-container {
		scroll-snap-align: center;
	}
}

/* ######################### */
/* Fabrics CTA */
/* ######################### */

.fabrics-cta {
	padding-bottom: var(--spacing-section-sm);
	background-color: var(--color-light-500);
}

/* .fabrics-cta__inner {} */

.fabrics-cta__main-container {
	padding: var(--spacing-sm);
	display: grid;
	grid-template-columns: 7fr 5fr;
	gap: var(--spacing-lg);
	align-items: center;
	background-color: var(--color-secondary-600);
	background-image: url("https://lamalmeble.pl/wp-content/uploads/2026/03/denimPattern.png");
	background-size: 50%;
	border-radius: var(--border-radius-main);
}

.fabrics-cta__img-container {
	display: grid;
	grid-template-columns: 8fr 4fr;
	gap: var(--spacing-sm);
}

.fabrics-cta__img-primary-container {
	position: relative;
}

.fabrics-cta__img-primary {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: var(--border-radius-main);
}

.fabrics-cta__img-secondary-container {
	position: relative;
	padding: calc(var(--spacing-sm) * 2);
}

.fabrics-cta__img-secondary-container::before,
.fabrics-cta__img-secondary-container::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: 40%;
	pointer-events: none;
}

.fabrics-cta__img-secondary-container::before {
	bottom: 0;
	left: 0;
	background-image: url("https://lamalmeble.pl/wp-content/uploads/2026/03/svgDecorationBottomLeft.svg");
	background-position: bottom left;
}

.fabrics-cta__img-secondary-container::after {
	top: 0;
	right: 0;
	background-image: url("https://lamalmeble.pl/wp-content/uploads/2026/03/svgDecorationTopRight.svg");
	background-position: top right;
}

.fabrics-cta__img-secondary {
	/* position: absolute; */
	/* inset: var(--spacing-sm); */
	width: 100%;
	border-radius: var(--border-radius-main);
	/* aspect-ratio: 180 / 264; */
	/* height: 100%; */
}

.fabrics-cta__text-container {
	color: var(--color-white-500);
}

.fabrics-cta__heading {
	width: 75%;
	margin-bottom: var(--spacing-sm);
	color: var(--color-white-500);
	font-size: var(--fz-h1);
}

.fabrics-cta__heading--fill-width {
	width: 100%;
}

.fabrics-cta__text {
	margin-bottom: var(--spacing-lg);
}

/* @media (max-width: 1279px) {} */

@media (max-width: 1119px) {
	.fabrics-cta__main-container {
		grid-template-columns: 1fr;
	}
}

/* @media (max-width: 1023px) {} */

@media (max-width: 767px) {
	.fabrics-cta__img-container {
		grid-template-columns: 1fr 1fr;
	}

	.fabrics-cta__heading {
		width: 100%;
	}
}

/* @media (max-width: 479px) {} */

/* ######################### */
/* Mattress CTA */
/* ######################### */

.mattress-cta {
	padding: var(--spacing-section-sm) 0;
}

.mattress-cta__main-container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--spacing-lg);
}

.mattress-cta__text-container {
	display: flex;
	flex-direction: column;
}

.mattress-cta__heading {
	margin-bottom: var(--spacing-sm);
}

.mattress-cta__text {
	margin-bottom: var(--spacing-lg);
}

.mattress-cta__img-container {
	position: relative;
	overflow: hidden;
	border-radius: var(--border-radius-main);
}

.mattress-cta__img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.mattress-cta__bottom-container {
	position: absolute;
	bottom: var(--spacing-sm);
	left: var(--spacing-sm);
	display: flex;
	align-items: center;
	gap: var(--spacing-sm);
}

/* .mattress-cta__bottom-container-logo {} */

.mattress-cta__bottom-container .ghost-btn {
	color: var(--color-white-500);
	border-color: var(--color-white-500);
}

.mattress-cta__bottom-container .ghost-btn:hover {
	color: var(--color-white-500);
	border-color: transparent;
}

/* @media (max-width: 1279px) {} */

@media (max-width: 1119px) {
	.mattress-cta__main-container {
		grid-template-columns: 1fr;
		grid-template-rows: 2fr 1fr;
	}
}

/* @media (max-width: 1023px) {} */

/* @media (max-width: 767px) {} */

/* @media (max-width: 479px) {} */

/* ######################### */
/* Inspiration CTA */
/* ######################### */

.inspiration-cta {
	padding: var(--spacing-section-sm) 0;
}

.inspiration-cta__main-container {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: repeat(3, 1fr);
	gap: var(--spacing-sm);
}

.inspiration-cta__img-container {
	position: relative;
	overflow: hidden;
	border-radius: var(--border-radius-main);
}

.inspiration-cta__img-container:nth-child(1) {
	grid-column: 1 / 7;
	grid-row: 1 / 3;
}

.inspiration-cta__img-container:nth-child(3) {
	grid-column: 7 / 13;
	grid-row: 2 / 3;
}

.inspiration-cta__img-container:nth-child(4) {
	grid-column: 1 / 4;
	grid-row: 3 / 4;
}

.inspiration-cta__img-container:nth-child(5) {
	grid-column: 4 / 10;
	grid-row: 3 / 4;
}

.inspiration-cta__img-container:nth-child(6) {
	grid-column: 10 / 13;
	grid-row: 3 / 4;
}

.inspiration-cta__img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.inspiration-cta__text-container {
	padding: var(--spacing-sm);
	grid-column: 7 / 13;
	grid-row: 1 / 2;
	display: flex;
	flex-direction: column;
}

.inspiration-cta__text-container .text-subheading {
	color: var(--color-primary-500);
}

.inspiration-cta__heading {
	margin-bottom: var(--spacing-sm);
}

.inspiration-cta__text {
	margin-bottom: var(--spacing-lg);
}

/* @media (max-width: 1279px) {} */

@media (max-width: 1119px) {
	.inspiration-cta__img-container:nth-child(4) {
		grid-column: 1 / 5;
	}

	.inspiration-cta__img-container:nth-child(5) {
		grid-column: 5 / 9;
	}

	.inspiration-cta__img-container:nth-child(6) {
		grid-column: 9 / 13;
	}
}

/* @media (max-width: 1023px) {} */

@media (max-width: 767px) {
	.inspiration-cta__main-container {
		grid-template-columns: 1fr;
		grid-template-rows: repeat(10, 1fr);
	}

	.inspiration-cta__text-container,
	.inspiration-cta__img-container:nth-child(1),
	.inspiration-cta__img-container:nth-child(3),
	.inspiration-cta__img-container:nth-child(4),
	.inspiration-cta__img-container:nth-child(5),
	.inspiration-cta__img-container:nth-child(6) {
		grid-column: auto;
		grid-row: span 2;
	}

	.inspiration-cta__img-container:nth-child(3),
	.inspiration-cta__img-container:nth-child(5) {
		grid-row: span 1;
	}
}

/* @media (max-width: 479px) {} */

/* ######################### */
/* About CTA */
/* ######################### */

.about-cta {
	padding: var(--spacing-section-sm) 0;
}

.about-cta__main-container {
	padding: var(--spacing-section-xs) var(--spacing-sm);
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--spacing-sm);
	background-color: var(--color-beige-500);
	background-image:
		linear-gradient(rgba(238, 232, 229, 0.7), rgba(238, 232, 229, 0.7)),
		url("https://lamalmeble.pl/wp-content/uploads/2026/03/denimPattern.png");
	background-size: cover, 50%;
	border-radius: var(--border-radius-main);
}

.about-cta__img-container {
	display: flex;
	justify-content: center;
	align-items: center;
}

.about-cta__img {
	width: 75%;
}

.about-cta__text-container {
	display: flex;
	flex-direction: column;
}

.about-cta__heading {
	margin-bottom: var(--spacing-sm);
	font-size: var(--fz-h1);
	color: var(--color-primary-600);
}

.about-cta__text {
	margin-bottom: var(--spacing-lg);
	color: var(--color-primary-600);
}

/* @media (max-width: 1279px) {} */

/* @media (max-width: 1119px) {} */

@media (max-width: 1023px) {
	.about-cta__main-container {
		grid-template-columns: 1fr;
		gap: var(--spacing-section-sm);
	}
}

@media (max-width: 767px) {
	.about-cta__img {
		width: 100%;
	}
}

/* @media (max-width: 479px) {} */

/* ######################### */
/* Blog grid */
/* ######################### */

.blog-grid {
	height: 100%;
	display: flex;
	flex-direction: column;
	background-color: var(--color-light-500);
	border-radius: var(--border-radius-main);
	overflow: hidden;
}

.blog-grid__img-container {
	overflow: hidden;
	height: 256px;
	position: relative;
}

.blog-grid__img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: scale 0.3s;
	transform-origin: center;
}

.blog-grid:hover .blog-grid__img {
	scale: 1.05;
}

.blog-grid__text-container {
	padding: var(--spacing-sm);
	display: flex;
	flex-direction: column;
	align-items: end;
}

.blog-grid__title {
	margin-bottom: var(--spacing-sm);
	font-size: var(--fz-l);
	font-weight: 600;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden;
}

/* ######################### */
/* Hero subpage */
/* ######################### */

.hero-subpage {
	position: relative;
	padding: var(--spacing-section-md) 0;
	background-color: var(--color-primary-500);
}

.hero-subpage__inner {
	position: relative;
	z-index: 10;
}

.hero-subpage__img {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	z-index: 0;
}

.hero-subpage__main-container {
	display: flex;
	flex-direction: column;
	color: var(--color-white-500);
}

.hero-subpage__heading {
	width: 50%;
	color: var(--color-white-500);
	font-size: var(--fz-display);
}

.hero-subpage--blog .hero-subpage__heading {
	/* width: 100%; */
}

@media (max-width: 1279px) {
	.hero-subpage__heading {
		width: 100%;
	}
}

/* @media (max-width: 1119px) {} */

/* @media (max-width: 1023px) {} */

@media (max-width: 767px) {
	.hero-subpage__img {
		display: none;
	}
}

/* @media (max-width: 479px) {} */

/* ######################### */
/* Collaboration split */
/* ######################### */

.collaboration-split {
	padding: var(--spacing-section-sm) 0;
}

.collaboration-split__main-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	align-items: center;
	gap: var(--spacing-lg);
}

.collaboration-split__img {
	width: 100%;
	height: 100%;
	border-radius: var(--border-radius-main);
}

/* .collaboration-split__text-container {} */

.collaboration-split__heading {
	margin-bottom: var(--spacing-sm);
}

.collaboration-split__heading--center {
	margin-bottom: var(--spacing-lg);
	text-align: center;
}

.collaboration-split__text {
	margin-bottom: var(--spacing-md);
}

.collaboration-split__offer-container {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-lg);
}

/* .collaboration-split__offer-container-item {} */

.collaboration-split__offer-heading-container {
	margin-bottom: var(--spacing-xs);
	display: flex;
	align-items: center;
	gap: var(--spacing-3xs);
}

.collaboration-split__offer-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--color-secondary-500);
	border-radius: 9999px;
	color: var(--color-white-500);
}

.collaboration-split__offer-heading-container h3 {
	font-size: var(--fz-l);
}

/* @media (max-width: 1279px) {} */

/* @media (max-width: 1119px) {} */

/* @media (max-width: 1023px) {} */

@media (max-width: 767px) {
	.collaboration-split__main-container {
		grid-template-columns: 1fr;
	}

	.collaboration-split__heading--center {
		text-align: left;
	}

	.collaboration-split__img {
		order: 1;
	}
}

/* @media (max-width: 479px) {} */

/* ######################### */
/* Collaboration offer */
/* ######################### */

.collaboration-offer {
	padding: var(--spacing-section-md) 0;
	background-color: var(--color-light-500);
}

/* .collaboration-offer__inner {} */

.collaboration-offer__main-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	align-items: center;
	gap: var(--spacing-lg);
}

.collaboration-offer__heading-container {
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.collaboration-offer__heading-container::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("https://lamalmeble.pl/wp-content/uploads/2026/04/logo-symbol.svg");
	background-position: center;
	background-repeat: no-repeat;
	filter: opacity(0.1);
}

.collaboration-offer__heading {
	margin-bottom: var(--spacing-sm);
}

.collaboration-offer__box-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--spacing-lg);
}

/* .collaboration-offer__box {} */

.collaboration-offer__box svg {
	margin-bottom: var(--spacing-sm);
}

.collaboration-offer__box svg,
.collaboration-offer__box svg path,
.collaboration-offer__box svg g {
	color: var(--color-secondary-500) !important;
	stroke: var(--color-secondary-500) !important;
	/* fill: var(--color-secondary-500) !important; */
}

.collaboration-offer__box-icon--production svg g path,
.collaboration-offer__box-icon--pl svg g path {
	stroke-width: 1 !important;
}

.collaboration-offer__box .text-subheading {
	color: var(--color-secondary-500);
}

@media (max-width: 1279px) {
	.collaboration-offer__main-container {
		grid-template-columns: 1fr;
	}

	.collaboration-offer__heading-container::before {
		content: unset;
	}
}

/* @media (max-width: 1119px) {} */

/* @media (max-width: 1023px) {} */

@media (max-width: 767px) {
	.collaboration-offer__box-container {
		grid-template-columns: 1fr;
	}
}

/* @media (max-width: 479px) {} */

/* ######################### */
/* Collaboration mattresses */
/* ######################### */

.collaboration-mattresses {
	padding: var(--spacing-section-md) 0;
	background-color: var(--color-light-500);
}

/* .collaboration-mattresses__inner {} */

.collaboration-mattresses__main-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	align-items: center;
	gap: var(--spacing-lg);
}

/* .collaboration-mattresses__left-col {} */

.collaboration-mattresses__heading {
	margin-bottom: var(--spacing-sm);
}

.collaboration-mattresses__text {
	margin-bottom: var(--spacing-lg);
}

.collaboration-mattresses__img-container {
	width: fit-content;
	margin-bottom: var(--spacing-lg);
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: var(--spacing-sm);
}

.collaboration-mattresses__img {
	width: 6rem;
	height: 6rem;
	border: 2px solid var(--color-beige-500);
	border-radius: 9999px;
}

/* .collaboration-mattresses__right-col {} */

.collaboration-mattresses__right-col .category-grid {
	background-color: var(--color-white-500);
}

@media (max-width: 1279px) {
	.collaboration-mattresses__main-container {
		grid-template-columns: 1fr;
	}
}

/* @media (max-width: 1119px) {} */

/* @media (max-width: 1023px) {} */

@media (max-width: 767px) {
	.collaboration-mattresses__img-container {
		display: flex;
		flex-wrap: wrap;
	}
}

/* @media (max-width: 479px) {} */

/* ######################### */
/* Collaboration steps */
/* ######################### */

.collaboration-steps {
	padding: var(--spacing-section-sm) 0;
}

.collaboration-steps__heading {
	margin-bottom: var(--spacing-lg);
	text-align: center;
}

.collaboration-steps__box-container {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--spacing-sm);
}

.collaboration-steps__box {
	padding: var(--spacing-sm);
	background-color: var(--color-light-500);
	border-radius: var(--border-radius-main);
}

.collaboration-steps__box-number {
	margin-bottom: var(--spacing-sm);
	width: 3rem;
	height: 3rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--color-secondary-500);
	border-radius: 9999px;
}

.collaboration-steps__box-number span {
	color: var(--color-white-500);
	font-size: var(--fz-h4);
	font-weight: 600;
}

.collaboration-steps__box-heading {
	margin-bottom: var(--spacing-sm);
	font-size: var(--fz-h4);
}

@media (max-width: 1279px) {
	.collaboration-steps__box-container {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* @media (max-width: 1119px) {} */

/* @media (max-width: 1023px) {} */

@media (max-width: 767px) {
	.collaboration-steps__box-container {
		grid-template-columns: 1fr;
	}

	.collaboration-steps__heading {
		text-align: left;
	}
}

/* ######################### */
/* About split */
/* ######################### */

.about-split {
	padding: var(--spacing-section-sm) 0;
}

.about-split--bg-light {
	background-color: var(--color-light-500);
}

/* .about-split__inner {} */

.about-split__main-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	align-items: center;
	gap: var(--spacing-lg);
}

.about-split__img {
	width: 100%;
	height: 100%;
	border-radius: var(--border-radius-main);
}

/* .about-split__text-container {} */

.about-split__heading {
	margin-bottom: var(--spacing-sm);
}

.about-split--bg-light .about-split__text:nth-of-type(1) {
	margin-bottom: var(--spacing-sm);
}

.about-split__btn-container {
	padding-top: var(--spacing-lg);
	display: flex;
	align-items: center;
	gap: var(--spacing-sm);
}

/* @media (max-width: 1279px) {} */

/* @media (max-width: 1119px) {} */

/* @media (max-width: 1023px) {} */

@media (max-width: 767px) {
	.about-split__main-container {
		grid-template-columns: 1fr;
	}

	.about-split__img {
		order: 1;
	}
}

/* @media (max-width: 479px) {} */

/* ######################### */
/* About why us */
/* ######################### */

.about-why-us {
	padding: var(--spacing-section-sm) 0;
}

.about-why-us__heading {
	text-align: center;
	margin-bottom: var(--spacing-sm);
}

.about-why-us__box-container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--spacing-sm);
}

.about-why-us__box-container .collaboration-offer__box {
	padding: var(--spacing-sm);
	background-color: var(--color-light-500);
	border-radius: var(--border-radius-main);
}

.about-why-us__box-container .collaboration-offer__box svg {
	stroke-width: 0 !important;
}

@media (max-width: 1279px) {
	.about-why-us__box-container {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* @media (max-width: 1119px) {} */

/* @media (max-width: 1023px) {} */

@media (max-width: 767px) {
	.about-why-us__heading {
		text-align: left;
	}

	.about-why-us__box-container {
		grid-template-columns: 1fr;
	}
}

/* @media (max-width: 479px) {} */

/* ######################### */
/* Blog article */
/* ######################### */

.blog-article {
	padding: var(--spacing-section-sm) 0;
	display: grid;
	grid-template-columns: 7fr 5fr;
	align-items: start;
	gap: var(--spacing-lg);
}

.blog-article__content {
	max-width: 80ch;
}

.blog-article__content .text-subheading {
	color: var(--color-secondary-500);
}

.blog-article__content p {
	margin: var(--spacing-md) 0;
}

.blog-article__content h2 {
	margin: var(--spacing-md) 0;
	font-size: var(--fz-h3);
}

.blog-article__content h3 {
	margin: var(--spacing-sm) 0;
	font-size: var(--fz-h4);
}

.blog-article__content h4,
.blog-article__content h5,
.blog-article__content h6 {
	margin: var(--spacing-xs) 0;
}

.blog-article__content ul,
.blog-article__content ol {
	margin: 0 0 var(--spacing-md) 0;
}

.blog-article__content img {
	margin: var(--spacing-lg) 0;
	width: 100%;
	border-radius: var(--border-radius-main);
}

.blog-article__content .btn {
	padding: 0.75rem 1.5rem 0.75rem 1.125rem;
}

.blog-article__content .btn .oxy-svg-icon {
	rotate: 180deg;
	order: -1;
}

.blog-article__latest-container {
	position: sticky;
	top: calc(var(--spacing-section-md) * 3);
	padding: var(--spacing-sm);
	background-color: var(--color-light-500);
	border-radius: var(--border-radius-main);
}

.blog-article__latest-heading {
	margin-bottom: var(--spacing-sm);
	font-size: var(--fz-h3);
}

.blog-article__latest-container .oxy-shortcode {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-sm);
}

@media (max-width: 1279px) {
	.blog-article {
		grid-template-columns: 1fr;
	}

	.blog-article__latest-container {
		position: static;
	}
}

/* @media (max-width: 1119px) {} */

/* @media (max-width: 1023px) {} */

/* @media (max-width: 767px) {} */

/* @media (max-width: 479px) {} */

/* ######################### */
/* Blog latest */
/* ######################### */

.blog-latest-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	gap: var(--spacing-sm);
	height: 128px;
}

.blog-latest-grid__img-container {
	position: relative;
	border-radius: var(--border-radius-main);
	overflow: hidden;
	height: 100%;
}

.blog-latest-grid__img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: scale 0.3s;
	transform-origin: center;
}

.blog-latest-grid:hover .blog-latest-grid__img {
	scale: 1.05;
}

.blog-latest-grid__text-container {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-xs);
}

.blog-latest-grid__title {
	font-size: var(--fz-l);
	font-weight: 600;
	transition: color 0.3s;
}

.blog-latest-grid:hover .blog-latest-grid__title {
	color: var(--color-secondary-500);
}

@media (max-width: 1279px) {
	.blog-latest-grid {
		height: 196px;
	}
}

/* @media (max-width: 1119px) {} */

/* @media (max-width: 1023px) {} */

@media (max-width: 767px) {
	.blog-latest-grid {
		height: 128px;
	}
}

@media (max-width: 479px) {
	.blog-latest-grid {
		grid-template-columns: 1fr;
		height: auto;
	}

	.blog-latest-grid__img-container {
		height: 196px;
	}
}

/* ######################### */
/* Product subpage */
/* ######################### */

.product-subpage {
	padding: var(--spacing-section-md) 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: start;
	gap: var(--spacing-lg);
}

.product-subpage__left-col {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-lg);
}

/* iuasfwegibiggggggggggggigigigigigigigigigigigigigigigigigigigigigigigigigigigigigigigigi */

.product-gallery {
	display: flex;
	gap: var(--spacing-sm);
}

.product-gallery__other-img-wrapper {
	position: relative;
}

.product-gallery__other-img-container {
	position: relative;
	border: 1px solid var(--color-beige-500);
	border-radius: var(--border-radius-main);
	overflow: hidden;
}

.product-gallery__other-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.product-gallery__other-img-arrow-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	pointer-events: none;
}

.product-gallery__other-img-arrow {
	width: 2rem;
	height: 2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--color-secondary-600);
	border-radius: 9999px;
	color: var(--color-white-500);
	pointer-events: all;
	cursor: pointer;
}

.product-gallery__other-img-arrow--up {
	transform: translateY(-50%);
}

.product-gallery__other-img-arrow--down {
	transform: translateY(50%);
}

.product-gallery__main-img-container,
.mobile-slider-image-container {
	position: relative;
	border: 1px solid var(--color-beige-500);
	border-radius: var(--border-radius-main);
	overflow: hidden;
}

.mobile-slider-image-container {
	/* width: 256px; */
	height: 256px;
}

.product-gallery__main-img,
.mobile-slider-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.product-gallery__badge-container {
	position: absolute;
	z-index: 2;
	top: var(--spacing-sm);
	left: var(--spacing-sm);
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--spacing-3xs);
	user-select: none;
	pointer-events: none;
}

.custom-lightbox__overlay {
	background-color: rgba(15, 15, 15, 0.85);
	backdrop-filter: blur(8px);
}

.custom-lightbox__img {
	background-color: var(--color-white-500);
	border-radius: var(--border-radius-main);
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);
}

.custom-lightbox__close,
.custom-lightbox__arrow {
	width: 3rem;
	height: 3rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--color-secondary-500);
	border-radius: 9999px;
	color: var(--color-white-500);
	transition: background-color 0.3s;
}

.custom-lightbox__arrow:hover,
.custom-lightbox__close:hover {
	background-color: var(--color-secondary-600);
}

.custom-lightbox__close svg,
.custom-lightbox__arrow svg {
	width: 1.5rem;
	height: 1.5rem;
}

/* iuasfwegibiggggggggggggigigigigigigigigigigigigigigigigigigigigigigigigigigigigigigigigi */

.product-subpage__desc-container {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-md);
}

/* .product-subpage__desc-box {} */

.product-subpage__desc-box h1 {
	font-size: var(--fz-h2);
}

.product-subpage__desc-box h2 {
	font-size: var(--fz-h3);
}

.product-subpage__desc-box h3 {
	font-size: var(--fz-h4);
}

.product-subpage__desc-box h4,
.product-subpage__desc-box h5,
.product-subpage__desc-box h6 {
	font-size: var(--fz-h5);
}

.product-subpage__desc-box h1,
.product-subpage__desc-box h2,
.product-subpage__desc-box h3,
.product-subpage__desc-box h4,
.product-subpage__desc-box h5,
.product-subpage__desc-box h6 {
	margin: var(--spacing-sm) 0;
}

.product-subpage__desc-box p {
	margin: var(--spacing-md) 0;
}

.product-subpage__desc-box ul,
.product-subpage__desc-box ol {
	margin: 0 0 var(--spacing-md) 0;
}

.product-subpage__desc-title {
	margin-bottom: var(--spacing-sm);
	padding: var(--spacing-3xs) var(--spacing-xs);
	width: fit-content;
	background-color: var(--color-light-500);
	border-radius: 9999px;
	font-size: var(--fz-h5) !important;
}

/* iuasfwegibiggggggggggggigigigigigigigigigigigigigigigigigigigigigigigigigigigigigigigigi */

.product-subpage__right-col {
	/* position: sticky; */
	/* top: var(--spacing-section-md); */
	display: flex;
	flex-direction: column;
	gap: var(--spacing-sm);
}

/* .product-subpage__title-container {} */

.product-subpage__title-container__title {
	margin-bottom: var(--spacing-2xs);
}

/* .product-subpage__title-container__sku {} */

/* iuasfwegibiggggggggggggigigigigigigigigigigigigigigigigigigigigigigigigigigigigigigigigi */

.product-subpage__config-container {
	background-color: var(--color-beige-500);
	display: flex;
	flex-direction: column;
	gap: 1px;
	padding-top: 1px;
}

.product-subpage__config-container-info-box {
	padding: var(--spacing-sm) 0;
	background-color: var(--color-white-500);
	user-select: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--spacing-3xs);
	flex-wrap: wrap;
}

.product-subpage__config-container-info-box-wrapper {
	display: flex;
	align-items: center;
	gap: var(--spacing-xs);
}

.product-subpage .product-subpage__config-container-info-box-wrapper svg {
	stroke-width: 0 !important;
}

.product-subpage .product-subpage__config-container-info-box-wrapper svg path {
	fill: var(--color-secondary-500) !important;
}

.product-subpage .product-subpage__config-container-info-box-wrapper svg mask {
	display: none;
}

.product-subpage__config-container-info-box-text {
	color: var(--color-secondary-500);
	font-size: var(--fz-h4);
	font-weight: 600;
}

.aw-product-configurator {
	padding-bottom: 1px;
	background-color: var(--color-beige-500);
	display: flex;
	flex-direction: column;
	gap: 1px;
}

.product-subpage__config-box {
	padding: var(--spacing-sm) 0;
	background-color: var(--color-white-500);
	user-select: none;
}

.product-subpage__config-box-heading {
	margin-bottom: var(--spacing-sm);
	font-size: var(--fz-body);
	transition: color 0.3s;
}

.product-subpage__config-box-heading--red {
	color: var(--color-red-500);
}

.product-subpage__config-box-select-text-box {
	padding: var(--spacing-2xs);
	display: flex;
	justify-content: center;
	align-items: center;
	gap: var(--spacing-2xs);
	background-color: var(--color-white-500);
	border: 1px solid var(--color-beige-500);
	border-radius: var(--border-radius-main);
	transition:
		background-color 0.3s,
		border-color 0.3s;
}

.product-subpage__config-box-select-text-box--active {
	background-color: var(--color-beige-500);
	border-color: var(--color-primary-300);
}

.product-subpage__config-box-select-text-box span {
	font-size: var(--fz-sm);
}

.product-subpage__config-box-select-text-box--active span {
	font-weight: 600;
}

.product-subpage__config-box-select-image-box {
	padding: var(--spacing-2xs);
	display: flex;
	flex-direction: column;
	gap: var(--spacing-2xs);
	background-color: var(--color-white-500);
	border: 1px solid var(--color-beige-500);
	border-radius: var(--border-radius-main);
	transition:
		background-color 0.3s,
		border-color 0.3s;
}

.product-subpage__config-box-select-image-box--active {
	background-color: var(--color-beige-500);
	border-color: var(--color-primary-300);
}

.product-subpage__config-box-select-image-box img {
	width: 100%;
	aspect-ratio: 1 / 1;
	border-radius: var(--border-radius-main);
}

.product-subpage__config-box-select-image-box span {
	font-size: var(--fz-sm);
}

.product-subpage__config-box-select-image-box-add-price {
	font-weight: 600;
}

.product-subpage__config-box-select-image-box-show-more {
	text-align: center;
}

/* iuasfwegibiggggggggggggigigigigigigigigigigigigigigigigigigigigigigigigigigigigigigigigi */

.product-subpage__add-to-cart-container {
	padding: var(--spacing-sm);
	background-color: var(--color-light-500);
	border-radius: var(--border-radius-main);
	display: flex;
	flex-direction: column;
	gap: var(--spacing-sm);
}

.aw-product-price {
	font-weight: 600;
}

.aw-product-price ins {
	/* font-size: var(--fz-h2); */
	color: var(--color-red-500);
	text-decoration: none !important;
}

.aw-product-price del .woocommerce-Price-amount.amount {
	font-size: var(--fz-l) !important;
	font-weight: 400;
}

.product-subpage__add-to-cart-container .woocommerce-Price-amount.amount {
	font-size: var(--fz-h2);
}

.iworks-omnibus .woocommerce-Price-amount.amount {
	font-size: inherit;
}

/* iuasfwegibiggggggggggggigigigigigigigigigigigigigigigigigigigigigigigigigigigigigigigigi */

.product-subpage__add-to-cart-btn-container {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: var(--spacing-sm);
}

.add-to-cart-box__quantity {
	padding: 4px;
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	background-color: #ffffff;
	border: 1px solid var(--color-primary-300);
	border-radius: 9999px;
	/* width: 140px; */
	/* height: 52px; */
}

.add-to-cart-box__quantity-btn {
	width: 3rem;
	height: 3rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 9999px;
	transition:
		background-color 0.3s,
		transform 0.3s;
	cursor: pointer;
}

.add-to-cart-box__quantity-btn:active {
	transform: scale(0.95);
}

.add-to-cart-box__quantity-btn--minus {
	color: var(--color-text-500);
}

.add-to-cart-box__quantity-btn--minus:hover {
	background-color: #f5f5f5;
}

.add-to-cart-box__quantity-btn--plus {
	background-color: var(--color-beige-500);
	color: var(--color-secondary-500);
}

.add-to-cart-box__quantity-btn--plus:hover {
	background-color: #e8ded8;
}

.add-to-cart-box__quantity-input {
	width: 3rem;
	margin: 0;
	padding: 0;
	background: transparent;
	border: none;
	outline: none;
	font-size: var(--fz-body);
	font-weight: 600;
	text-align: center;
	color: var(--color-text-500);
}

.add-to-cart-box__quantity-input::-webkit-outer-spin-button,
.add-to-cart-box__quantity-input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.product-subpage__add-to-cart-btn-container .btn {
	padding: 0.75rem 1.5rem 0.75rem 1.125rem;
	gap: 0.75rem;
	width: 100%;
}

.product-subpage__add-to-cart-btn-container .btn:hover svg {
	transform: translateX(0);
}

.add-to-cart-btn--loading {
	opacity: 0.5;
	cursor: wait !important;
}

/* iuasfwegibiggggggggggggigigigigigigigigigigigigigigigigigigigigigigigigigigigigigigigigi */

.product-subpage__add-to-cart-misc-btn-container {
	display: flex;
	gap: var(--spacing-xs);
	flex-wrap: wrap;
}

/* iuasfwegibiggggggggggggigigigigigigigigigigigigigigigigigigigigigigigigigigigigigigigigi */

.product-subpage__misc-info-container {
	background-color: var(--color-beige-500);
	border-radius: var(--border-radius-main);
	display: flex;
	flex-direction: column;
	gap: 1px;
	overflow: hidden;
}

.product-subpage__misc-info-box {
	width: 100%;
	padding: var(--spacing-3xs);
	background-color: var(--color-light-500);
	display: flex;
	align-items: center;
	gap: var(--spacing-3xs);
}

.product-subpage .product-subpage__misc-info-box-icon svg {
	stroke: none !important;
}

.product-subpage__misc-info-box-text {
	font-size: var(--fz-sm);
}

.product-subpage__misc-info-box-text--bold {
	font-weight: 600;
}

@media (max-width: 1279px) {
	.product-subpage {
		grid-template-columns: 1fr;
	}

	.product-subpage__right-col {
		order: -1;
	}

	.product-subpage__config-container {
		margin-top: var(--spacing-lg);
	}
}

/* @media (max-width: 1119px) {} */

/* @media (max-width: 1023px) {} */

/* @media (max-width: 767px) {} */

@media (max-width: 479px) {
	.product-subpage__add-to-cart-container {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		background-color: var(--color-white-500);
		/* background-color: red; */
		border-top: 1px solid var(--color-beige-500);
		border-radius: 0;
		box-shadow: 0px -3px 32px rgba(0, 0, 0, 0.1);
		z-index: 100;
	}

	.product-subpage__add-to-cart-btn-container {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-sm);
	}

	.product-subpage__add-to-cart-misc-btn-container {
		padding: var(--spacing-3xs);
		background-color: var(--color-light-500);
		border-radius: var(--border-radius-main);
	}
}

/* ######################### */
/* Fabrics */
/* ######################### */

.fabrics-excerpt {
	padding: var(--spacing-section-md) 0;
	background-color: var(--color-beige-500);
}

/* .fabrics-excerpt__inner {} */

/* .fabrics-excerpt__main-container {} */

/* .fabrics-excerpt__text {} */

/* .fabrics {} */

.fabric__container {
	padding: var(--spacing-section-sm) 0;
	/* display: flex; */
	/* flex-direction: column; */
}

.fabric__container--alt {
	background-color: var(--color-light-400);
}

/* .fabric__container-inner {} */

/* .fabric__container-wrapper {} */

.fabric__main-container {
	margin-bottom: var(--spacing-lg);
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	gap: var(--spacing-lg);
}

.fabric__main-img {
	width: 100%;
	aspect-ratio: 1 / 1;
	border-radius: var(--border-radius-main);
}

/* .fabric__text-container {} */

.fabric__container--alt .fabric__text-container {
	order: -1;
}

.fabric__name {
	margin-bottom: var(--spacing-sm);
}

.fabric__desc {
	margin-bottom: var(--spacing-md);
}

.custom-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	font-size: var(--fz-sm);
	border: 1px solid var(--color-primary-300);
	border-radius: var(--border-radius-table);
	overflow: hidden;
}

.custom-table tbody tr:not(:last-child) {
	border-bottom: 1px solid var(--color-primary-300);
}

.custom-table td {
	padding: 1rem 1.5rem;
	vertical-align: middle;
	border-bottom: 1px solid var(--color-primary-300);
}

.custom-table tbody tr:last-child td {
	border-bottom: none;
}

.custom-table td:first-child {
	font-weight: 600;
	color: #4a4a4a;
	width: 50%;
	border-right: 1px solid var(--color-primary-300);
}

.custom-table td:last-child {
	width: 50%;
	color: #4a4a4a;
}

.fabric__colors-container {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: var(--spacing-sm);
}

.fabric__color-box {
	padding: var(--spacing-xs);
	display: flex;
	align-items: center;
	gap: var(--spacing-xs);
	background-color: var(--color-white-500);
	border: 1px solid var(--color-beige-500);
	border-radius: var(--border-radius-main);
}

.fabric__color-box-img {
	width: 6rem;
	height: 6rem;
	border-radius: var(--border-radius-main);
}

/* .fabric__color-box-text-container {} */

/* .fabric__color-box-name {} */

.fabric__color-box-number {
	font-weight: 600;
}

@media (max-width: 1535px) {
	.fabric__colors-container {
		grid-template-columns: repeat(5, 1fr);
	}
}

@media (max-width: 1279px) {
	.fabric__main-container {
		grid-template-columns: 1fr;
		align-items: start;
	}

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

@media (max-width: 1119px) {
	.fabric__colors-container {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* @media (max-width: 1023px) {} */

@media (max-width: 767px) {
	.fabric__colors-container {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 479px) {
	.fabric__colors-container {
		grid-template-columns: 1fr;
	}
}

/* ######################### */
/* Cart subpage */
/* ######################### */

.cart-subpage {
	padding: var(--spacing-section-md) 0;
}

.cart-subpage__heading {
	padding-bottom: var(--spacing-sm);
}

.cart-subpage .ghost-btn {
	padding-top: var(--spacing-sm);
}

.woocommerce-shipping-methods {
	list-style: none;
}

.cross-sells {
	display: none !important;
}

/* ==========================================
   GŁÓWNY UKŁAD STRONY (Koszyk + Summary)
   ========================================== */
.woocommerce-cart .woocommerce {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	gap: var(--spacing-md);
	align-items: flex-start;
	justify-content: space-between;
}

.woocommerce-notices-wrapper {
	position: absolute;
	top: calc(var(--spacing-sm) * -1);
	right: 0;
}

.woocommerce-cart-form {
	flex: 1 1 65%;
	min-width: 60%;
	width: 100%;
}

.cart-collaterals {
	flex: 1 1 30%;
	min-width: 320px;
	margin-top: 0 !important;
}

.wc-empty-cart-message {
	order: -1;
}

.return-to-shop {
	display: none;
}

/* ==========================================
   TABELA PRODUKTÓW - Reset do Flexboxa
   ========================================= */
table.shop_table.cart,
table.shop_table.cart thead,
table.shop_table.cart tbody,
table.shop_table.cart th,
table.shop_table.cart td {
	display: block;
	box-sizing: border-box;
	border: none !important;
	padding: 0 !important;
}

table.shop_table.cart {
	border: 1px solid var(--color-beige-500) !important;
	border-radius: var(--border-radius-table);
	overflow: hidden;
	background: var(--color-white-500);
	margin: 0;
}

/* Wiersze zamienione na Flexbox */
table.shop_table.cart thead tr,
table.shop_table.cart tbody tr.cart_item,
table.shop_table.cart tbody tr.actions {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	width: 100%;
}

table.shop_table.cart thead tr {
	background-color: var(--color-light-400);
	padding: var(--spacing-xs) var(--spacing-sm);
	border-bottom: 1px solid var(--color-beige-500);
}

table.shop_table.cart tbody tr.cart_item {
	padding: var(--spacing-sm);
	border-bottom: 1px solid var(--color-beige-500);
}

/* --- KOLUMNY (Precyzyjne rozmiary i kolejność) --- */
.woocommerce-cart-form__contents .product-thumbnail {
	order: 1;
	flex: 0 0 80px;
	margin-right: var(--spacing-sm);
}
.woocommerce-cart-form__contents thead th.product-thumbnail {
	opacity: 0;
	visibility: hidden;
}

/* Zmiana wyrównania na lewo dla zawartości kolumn */
.woocommerce-cart-form__contents .product-name {
	order: 2;
	flex: 1 1 auto;
	text-align: left;
	padding-right: var(--spacing-sm) !important;
}
.woocommerce-cart-form__contents .product-price {
	order: 3;
	flex: 0 0 110px;
	text-align: left;
	white-space: nowrap;
	font-weight: 600;
	color: var(--color-text-500);
}
.woocommerce-cart-form__contents .product-quantity {
	order: 4;
	flex: 0 0 160px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.woocommerce-cart-form__contents .product-subtotal {
	order: 5;
	flex: 0 0 110px;
	text-align: left;
	white-space: nowrap;
	font-weight: 600;
	color: var(--color-text-500);
}
.woocommerce-cart-form__contents .product-remove {
	order: 6;
	flex: 0 0 40px;
	display: flex !important;
	justify-content: flex-end;
}

/* --- ZMIANY TEKSTÓW W NAGŁÓWKU --- */
table.shop_table.cart thead th {
	font-size: 14px;
	font-weight: 600;
	color: var(--color-text-500);
	text-align: left; /* Wymuszenie lewej dla wszystkich nagłówków */
}

table.shop_table.cart thead th.product-name,
table.shop_table.cart thead th.product-subtotal,
table.shop_table.cart thead th.product-remove {
	font-size: 0;
}
table.shop_table.cart thead th.product-remove span {
	display: none !important;
}

/* Nazwa wyrównana od początku */
table.shop_table.cart thead th.product-name::before {
	content: "Nazwa produktu";
	font-size: 14px;
	display: block;
	text-align: left;
}
table.shop_table.cart thead th.product-subtotal::before {
	content: "Razem";
	font-size: 14px;
	display: block;
	text-align: left;
}

/* Usuń zostawiamy wyrównane do prawej, bo kosz też jest po prawej */
table.shop_table.cart thead th.product-remove::before {
	content: "Usuń";
	font-size: 14px;
	display: block;
	text-align: right;
}

/* --- WNĘTRZE KOLUMN (Szczegóły Produktu) --- */
.woocommerce-cart-form__contents .product-thumbnail img {
	width: 100%;
	height: auto;
	border-radius: 4px;
	box-shadow: none;
	display: block;
}
.woocommerce-cart-form__contents .product-name a {
	font-weight: 600;
	color: var(--color-text-500);
	text-decoration: none;
	margin-bottom: var(--spacing-3xs);
	display: block;
}

/* Poprawione wyświetlanie wariantów w nowych liniach */
.woocommerce-cart-form__contents .product-name dl.variation {
	font-size: var(--fz-sm);
	color: var(--color-text-500);
	margin: 0;
	display: block;
	line-height: 1.6;
}
/* Etykieta (np. "Wymiary:", "Tkanina:") */
.woocommerce-cart-form__contents .product-name dl.variation dt {
	font-weight: 600 !important;
	display: inline; /* Pozwalamy etykiecie być w tej samej linii co wartość */
	font-weight: normal;
	margin-right: 4px; /* Ten mikro-odstęp zostawiam w pikselach dla czytelności złączeń tekstowych */
	text-transform: capitalize; /* Opcjonalnie: zaczyna słowa wielką literą */
}
/* Wartość (np. "90 x 200 cm") */
.woocommerce-cart-form__contents .product-name dl.variation dd {
	font-size: var(--fz-sm);
	display: inline; /* Wartość tuż za etykietą */
	margin: 0;
	color: var(--color-primary-500);
}
.woocommerce-cart-form__contents .product-name dl.variation dd p {
	font-size: var(--fz-sm);
}
/* Kluczowy moment: wymuszenie nowej linii po każdym 'dd' (czyli po każdym pełnym wariancie) */
.woocommerce-cart-form__contents .product-name dl.variation dd::after {
	content: "\A"; /* Znak nowej linii */
	white-space: pre;
}
/* Usuwamy nadmiarowe akapity generowane czasem przez WooCommerce wewnątrz 'dd' */
.woocommerce-cart-form__contents .product-name dl.variation dd p {
	display: inline;
}

/* ==========================================
   INPUT ILOŚCI (Z własnymi ikonami SVG)
   ========================================== */
.woocommerce-cart-form__contents .quantity {
	display: inline-flex !important;
	align-items: center;
	justify-content: space-between;
	border: 2px solid var(--color-beige-500);
	border-radius: 50px;
	padding: 4px; /* Tutaj zostawiam sztywną wartość, bo pigułka musi być precyzyjnie dopasowana do buttona 42px */
	background: var(--color-white-500);
	width: 150px;
	height: 52px;
	position: relative !important;
	box-sizing: border-box; /* Zabezpieczenie paddingów */
}
.woocommerce-cart-form__contents .quantity button.bde-quantity-button {
	position: relative !important;
	left: auto !important;
	right: auto !important;
	background: transparent;
	border: none;
	font-size: 0;
	cursor: pointer;
	color: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 9999px;
	padding: 0;
	transition: 0.2s;
}

/* Podbicie plusa */
.woocommerce-cart-form__contents .quantity button.bde-quantity-button--inc {
	background-color: var(--color-beige-500);
}
.woocommerce-cart-form__contents
	.quantity
	button.bde-quantity-button--inc:hover {
	background-color: var(--color-light-500);
}
.woocommerce-cart-form__contents
	.quantity
	button.bde-quantity-button--dec:hover {
	background-color: var(--color-light-400);
}

/* TWOJE IKONY SVG (Zintegrowane) */
.woocommerce-cart-form__contents
	.quantity
	button.bde-quantity-button--dec::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%234a4a4a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E");
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
}
.woocommerce-cart-form__contents
	.quantity
	button.bde-quantity-button--inc::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%238c6a5d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M12 5v14'/%3E%3C/svg%3E");
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
}

.woocommerce-cart-form__contents .quantity input.qty {
	width: 45px;
	flex: 0 0 45px;
	margin: 0;
	padding: 0;
	background: transparent;
	border: none;
	outline: none;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	color: var(--color-text-500);
	-moz-appearance: textfield;
}
.woocommerce-cart-form__contents .quantity input.qty::-webkit-outer-spin-button,
.woocommerce-cart-form__contents
	.quantity
	input.qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* ==========================================
   KOSZ NA ŚMIECI (Twoje SVG Zamiast X)
   ========================================== */
.woocommerce-cart-form__contents .product-remove a.remove {
	font-size: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	color: transparent !important;
	background: transparent;
	border: none;
	padding: 0;
	text-decoration: none;
}
/* Twój kosz (szary na start) */
.woocommerce-cart-form__contents .product-remove a.remove::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E");
	display: inline-block;
	width: 22px;
	height: 22px;
	transition: 0.2s;
}
/* Twój kosz na czerwono po najechaniu */
.woocommerce-cart-form__contents .product-remove a.remove:hover::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23d9534f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E");
}

/* ==========================================
   DOLNY PASEK TABELI (Kupon / Aktualizacja)
   ========================================== */
table.shop_table.cart tbody tr.actions {
	padding: var(--spacing-sm);
	background: var(--color-white-500);
	justify-content: space-between;
}
.woocommerce-cart-form__contents .actions .coupon {
	padding: var(--spacing-sm);
	display: flex;
	align-items: center;
	gap: var(--spacing-xs);
}
.woocommerce-cart-form__contents .actions .coupon input.input-text {
	border: 1px solid var(--color-beige-500);
	border-radius: 40px;
	padding: var(--spacing-2xs) var(--spacing-sm);
	width: 220px;
	outline: none;
}
.woocommerce-cart-form__contents .actions .coupon button[name="apply_coupon"] {
	background: transparent;
	border: none;
	font-size: 0;
	padding: 0;
	cursor: pointer;
}
.woocommerce-cart-form__contents
	.actions
	.coupon
	button[name="apply_coupon"]::after {
	content: "+ Dodaj kupon";
	font-size: 14px;
	font-weight: 600;
	color: var(--color-text-500);
	text-decoration: underline;
}

.woocommerce-cart-form__contents .actions button[name="update_cart"] {
	background: var(--color-light-400);
	color: var(--color-text-500);
	border: 1px solid var(--color-beige-500);
	border-radius: 40px;
	padding: var(--spacing-2xs) var(--spacing-sm);
	font-weight: 600;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: var(--spacing-2xs);
	font-size: 0;
	display: none;
}

/* Twój SVG odświeżania szary --color-text-500 (#474544) */
.woocommerce-cart-form__contents .actions button[name="update_cart"]::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23474544' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8'/%3E%3Cpath d='M3 3v5h5'/%3E%3Cpath d='M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16'/%3E%3Cpath d='M16 16h5v5'/%3E%3C/svg%3E");
	display: inline-block;
	width: 18px;
	height: 18px;
}
.woocommerce-cart-form__contents .actions button[name="update_cart"]::after {
	content: "Aktualizuj koszyk";
	font-size: 14px;
}

/* ==========================================
   PODSUMOWANIE (Prawa kolumna)
   ========================================== */
.cart-collaterals .cart_totals {
	background: var(--color-white-500);
	border: 1px solid var(--color-beige-500);
	border-radius: var(--border-radius-table);
	width: 100%;
	padding: 0;
	overflow: hidden;
}
.cart-collaterals .cart_totals h2 {
	background: var(--color-light-400);
	margin: 0;
	padding: var(--spacing-sm);
	font-size: 16px;
	font-weight: 600;
	color: var(--color-text-500);
	border-bottom: 1px solid var(--color-beige-500);
}
.cart-collaterals .cart_totals table {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
	display: table !important;
}
.cart-collaterals .cart_totals table th,
.cart-collaterals .cart_totals table td {
	padding: var(--spacing-xs) var(--spacing-sm);
	border-bottom: 1px solid var(--color-beige-500);
	display: table-cell !important;
}
.cart-collaterals .cart_totals table th {
	text-align: left;
	font-weight: 600;
	color: var(--color-text-500);
}
.cart-collaterals .cart_totals table td {
	text-align: right;
	color: var(--color-text-500);
}
.cart-collaterals .cart_totals table tr.order-total th {
	font-size: 18px;
	font-weight: 600;
	color: var(--color-text-500);
	border-bottom: none;
	padding-top: var(--spacing-md);
}
.cart-collaterals .cart_totals table tr.order-total td {
	border-bottom: none;
	padding-top: var(--spacing-md);
}
.cart-collaterals .cart_totals table tr.order-total td strong .amount {
	font-size: 26px;
	font-weight: 600;
	color: var(--color-secondary-500);
}
.wc-proceed-to-checkout {
	padding: 0 var(--spacing-sm) var(--spacing-sm);
}
.wc-proceed-to-checkout a.checkout-button {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: var(--spacing-2xs);
	background: var(--color-secondary-500);
	color: var(--color-white-500);
	text-decoration: none;
	padding: var(--spacing-xs) var(--spacing-sm);
	border-radius: 40px;
	font-weight: 600;
	font-size: 15px;
	transition: 0.3s;
	width: 100%;
	box-sizing: border-box;
	margin-top: var(--spacing-xs);
}
.wc-proceed-to-checkout a.checkout-button:hover {
	background: var(--color-secondary-600);
}

/* Strzałka przejścia do kasy biała --color-white-500 (#ffffff) */
.wc-proceed-to-checkout a.checkout-button::after {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E");
	display: inline-block;
	width: 18px;
	height: 18px;
}

/* ==========================================
   RESPONSYWNOŚĆ NA URZĄDZENIA MOBILNE
   ========================================== */
@media (max-width: 991px) {
	.woocommerce-cart .woocommerce {
		flex-direction: column;
	}
	table.shop_table.cart thead {
		display: none;
	}
	table.shop_table.cart tbody tr.cart_item {
		flex-wrap: wrap;
		position: relative;
	}
	.woocommerce-cart-form__contents .product-thumbnail {
		flex: 0 0 80px;
		order: 1;
		margin-bottom: var(--spacing-xs);
	}
	.woocommerce-cart-form__contents .product-name {
		flex: 1 1 calc(100% - 100px);
		order: 2;
		padding-right: var(--spacing-md) !important;
		margin-bottom: var(--spacing-xs);
	}
	.woocommerce-cart-form__contents .product-price {
		display: none !important;
	}
	.woocommerce-cart-form__contents .product-quantity {
		order: 3;
		flex: 0 0 50%;
		justify-content: flex-start;
	}
	.woocommerce-cart-form__contents .product-subtotal {
		order: 4;
		flex: 0 0 50%;
		text-align: right;
		justify-content: flex-end;
	}
	.woocommerce-cart-form__contents .product-remove {
		position: absolute;
		top: var(--spacing-sm);
		right: var(--spacing-sm);
		order: 5;
		flex: 0 0 auto;
	}
	table.shop_table.cart tbody tr.actions {
		flex-direction: column;
		align-items: stretch;
		gap: var(--spacing-xs);
	}
	.woocommerce-cart-form__contents .actions .coupon {
		flex-direction: column;
		align-items: flex-start;
	}
	.woocommerce-cart-form__contents .actions .coupon input.input-text {
		width: 100%;
	}
	.cart-collaterals {
		min-width: 100%;
		width: 100%;
	}
}

/* ######################### */
/* Checkout subpage */
/* ######################### */

.checkout-subpage {
	padding: var(--spacing-section-md) 0;
}

/* ######################### */
/* Metody wysyłki */
/* ######################### */

.aw-shipping-method__content {
	display: flex;
	align-items: center;
	gap: 12px;
}

table.woocommerce-checkout-review-order-table tr.shipping {
	border-bottom: 1px solid var(--color-beige-500);
	background-color: var(--color-light-400);
}

table.woocommerce-checkout-review-order-table tr.shipping td {
	padding: var(--spacing-sm);
	border-bottom: none;
}

/* Styl dla nowego, pełnoszerokościowego bloku wysyłki nad płatnościami */
.aw-shipping-wrapper {
	background: var(--color-light-400);
	border-top: 1px solid var(--color-beige-500);
	padding: var(--spacing-sm);
}

.aw-shipping-title {
	margin-top: 0;
	margin-bottom: var(--spacing-sm);
	font-size: 18px;
	font-weight: 600;
	color: var(--color-text-500);
}

/* Flexbox dla elementu wewnątrz labela (ikona + tekst obok siebie) */
.aw-shipping-method__content {
	display: flex;
	align-items: center;
	gap: 12px;
}

/* W samej ikonie usuwamy margin, żeby gap przejął odstępy */
.aw-shipping-method__icon {
	max-height: 24px;
	width: auto;
	flex-shrink: 0;
}

.aw-shipping-title {
	font-size: var(--fz-h4);
	font-weight: 600;
	color: var(--color-text-500);
	margin-bottom: var(--spacing-sm);
	text-align: left;
}

ul#shipping_method {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	display: flex;
	flex-direction: column;
	gap: var(--spacing-sm);
}

ul#shipping_method li.aw-shipping-method {
	padding: 0 !important;
	margin: 0 !important;
}

.aw-shipping-method {
	position: relative;
	width: 100%;
}

.aw-shipping-method__input {
	position: absolute;
	left: -9999px;
	opacity: 0;
}

.aw-shipping-method__label {
	width: 100%;
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	padding: var(--spacing-xs) !important;
	border: 1px solid var(--color-secondary-500);
	border-radius: var(--border-radius-table);
	background-color: var(--color-white-500);
	cursor: default;
	margin: 0 !important;
	font-weight: 600;
	color: var(--color-text-500);
	position: relative;
}

.aw-shipping-method__icon {
	max-height: 24px;
	width: auto;
	flex-shrink: 0;
}

.aw-shipping-method__radio-custom {
	width: 20px;
	height: 20px;
	border: 2px solid var(--color-secondary-500);
	border-radius: 50%;
	flex-shrink: 0;
	position: relative;
}

.aw-shipping-method__radio-custom::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(1);
	width: 10px;
	height: 10px;
	background-color: var(--color-secondary-500);
	border-radius: 50%;
}

/* ######################### */
/* Metody płatności */
/* ######################### */

.aw-payment-methods-heading {
	margin-bottom: var(--spacing-md);
	font-size: var(--fz-h4);
}
.aw-cod-wrapper {
	display: flex;
	align-items: center;
	gap: 12px;
}
.aw-cod-wrapper svg {
	flex-shrink: 0;
	width: 24px;
	height: 24px;
}

.woocommerce-checkout #payment ul.payment_methods {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	display: flex;
	flex-direction: column;
	gap: var(--spacing-sm);
}

.woocommerce-checkout #payment ul.payment_methods li.aw-payment-method {
	padding: 0 !important;
	margin: 0 !important;
}

.aw-payment-method {
	position: relative;
	width: 100%;
}

.aw-payment-method__radio {
	position: absolute;
	left: -9999px;
	opacity: 0;
}

/* start of przelewy24 fix */

.payment_method_p24-online-payments-154
	.payment_method_p24-online-payments-154
	.aw-payment-method__label {
	display: block !important;
	background-color: transparent !important;
	color: var(--color-text-500);
	padding: 0 !important;
	margin: 0 !important;
	border-radius: 0 !important;
	border: none;
	box-shadow: none;
	font-size: var(--fz-sm);
	line-height: 1.5;
	position: relative;
	z-index: 1;
}

.woocommerce-checkout #payment a {
	color: var(--color-secondary-500);
}

.woocommerce-checkout #payment a:hover {
	text-decoration: underline;
}

.woocommerce-checkout
	#payment
	.payment_method_p24-online-payments-154
	div.payment_box.payment_method_p24-online-payments-154.aw-payment-method__desc {
	/* padding: var(--spacing-) !important; */
}

.woocommerce-checkout
	#payment
	.payment_method_p24-online-payments-154
	div.payment_box.payment_method_p24-online-payments-154.aw-payment-method__desc
	input.input-checkbox {
	margin-right: 4px;
	/* padding: var(--spacing-md) 0 0 0 !important; */
}

.payment_method_p24-online-payments-154
	.payment_method_p24-online-payments-154
	.aw-payment-method__label
	.aw-payment-method__radio-custom {
	display: none;
}

.payment_method_p24-card .aw-payment-method__label,
.payment_method_p24-online-payments-154 .aw-payment-method__label,
.payment_method_p24-online-payments .aw-payment-method__label {
	justify-content: flex-start;
	gap: 8px;
}

.payment_method_p24-card .aw-payment-method__label img,
.payment_method_p24-online-payments-154 .aw-payment-method__label img,
.payment_method_p24-online-payments .aw-payment-method__label img {
	order: -1;
}

.payment_method_p24-card .aw-payment-method__radio-custom,
.payment_method_p24-online-payments-154 .aw-payment-method__radio-custom,
.payment_method_p24-online-payments .aw-payment-method__radio-custom {
	margin-left: auto;
}

/* end of przelewy24 fix */

.aw-payment-method__label {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	padding: var(--spacing-xs);
	border: 1px solid var(--color-text-500);
	border-radius: var(--border-radius-table);
	background-color: var(--color-white-500);
	cursor: pointer;
	margin: 0 !important;
	font-weight: 600;
	color: var(--color-text-500);
	position: relative;
	z-index: 2;
	transition: border-color 0.3s;
}

.aw-payment-method__label img,
.aw-payment-method__label svg {
	max-height: 24px;
	width: auto;
}

.aw-payment-method--selected .aw-payment-method__label {
	border-color: var(--color-secondary-500);
}

.aw-payment-method__radio-custom {
	width: 20px;
	height: 20px;
	border: 2px solid var(--color-beige-500);
	border-radius: 50%;
	flex-shrink: 0;
	position: relative;
	transition: all 0.3s;
}

.aw-payment-method__radio-custom::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0);
	width: 10px;
	height: 10px;
	background-color: var(--color-beige-500);
	border-radius: 50%;
	transition: transform 0.3s;
}

.aw-payment-method--selected .aw-payment-method__radio-custom {
	border-color: var(--color-secondary-500);
}

.aw-payment-method--selected .aw-payment-method__radio-custom::after {
	transform: translate(-50%, -50%) scale(1);
	background-color: var(--color-secondary-500);
}

.woocommerce-checkout #payment div.payment_box.aw-payment-method__desc {
	background-color: var(--color-light-400);
	color: var(--color-text-500);
	padding: var(--spacing-md) var(--spacing-sm) var(--spacing-sm)
		var(--spacing-sm) !important;
	margin: -8px 0 0 0 !important;
	border-radius: 0 0 var(--border-radius-table) var(--border-radius-table);
	border: none;
	box-shadow: none;
	font-size: var(--fz-sm);
	line-height: 1.5;
	position: relative;
	z-index: 1;
}

.woocommerce-checkout #payment div.payment_box.aw-payment-method__desc::before {
	display: none;
}

.woocommerce-checkout #payment div.payment_box.aw-payment-method__desc::after {
	display: none;
}

/* ==========================================
   1. GŁÓWNY UKŁAD STRONY ZAMÓWIENIA (2 Kolumny)
   ========================================== */
@media (min-width: 992px) {
	form.woocommerce-checkout {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) 35%; /* Dokładnie 35% na prawa kolumne, jak w koszyku */
		gap: 0 var(--spacing-md);
		align-items: start;
	}
	#customer_details {
		grid-column: 1;
		grid-row: 1 / 3;
	}
	#order_review_heading {
		grid-column: 2;
		grid-row: 1;
		margin-top: 0;
		padding-bottom: var(--spacing-xs);
		font-size: 18px;
		font-weight: 600;
		color: var(--color-text-500);
	}
	#order_review {
		grid-column: 2;
		grid-row: 2;
	}
}

/* ==========================================
   2. LEWA KOLUMNA: DANE KLIENTA W KAFELKACH
   ========================================== */
#customer_details {
	display: flex;
	flex-wrap: wrap;
	gap: var(--spacing-md);
}

.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2 {
	flex: 1 1 calc(50% - (var(--spacing-md) / 2));
	min-width: 300px;
	background: var(--color-white-500);
	border: 1px solid var(--color-beige-500);
	border-radius: var(--border-radius-table);
	padding: var(--spacing-sm);
	box-sizing: border-box;
	float: none !important;
	width: auto !important;
}

.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields h3,
.woocommerce-checkout .woocommerce-additional-fields h3 {
	margin-top: 0;
	margin-bottom: var(--spacing-sm);
	font-size: 18px;
	color: var(--color-text-500);
	border-bottom: 1px solid var(--color-beige-500);
	padding-bottom: var(--spacing-xs);
}

/* Pola wejściowe (pigułki jak w koszyku) */
.woocommerce-checkout .form-row {
	margin-bottom: var(--spacing-sm);
	padding: 0;
}

.woocommerce-checkout .form-row label {
	display: block;
	margin-bottom: var(--spacing-3xs);
	font-weight: 600;
	color: var(--color-text-500);
	font-size: var(--fz-sm);
}

.woocommerce-checkout input.input-text,
.woocommerce-checkout select,
.woocommerce-checkout textarea,
.woocommerce-checkout .select2-selection {
	border: 1px solid var(--color-beige-500) !important;
	border-radius: 40px !important;
	padding: var(--spacing-xs) var(--spacing-sm) !important;
	width: 100%;
	outline: none;
	color: var(--color-text-500);
	box-sizing: border-box;
	background: var(--color-white-500);
	height: auto !important;
	min-height: 42px;
}

.woocommerce-checkout textarea {
	border-radius: 16px !important;
	min-height: 100px;
}

/* ==========================================
   3. PRAWA KOLUMNA: TABELA ZAMÓWIENIA
   ========================================== */
#order_review {
	background: var(--color-white-500);
	border: 1px solid var(--color-beige-500);
	border-radius: var(--border-radius-table);
	padding: 0;
	overflow: hidden;
}

table.woocommerce-checkout-review-order-table {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
	border: none !important;
}

table.woocommerce-checkout-review-order-table thead {
	background-color: var(--color-light-400);
}

table.woocommerce-checkout-review-order-table th,
table.woocommerce-checkout-review-order-table td {
	padding: var(--spacing-xs) var(--spacing-sm);
	border-bottom: 1px solid var(--color-beige-500);
	color: var(--color-text-500);
	vertical-align: top;
}

table.woocommerce-checkout-review-order-table thead th {
	text-align: left;
	font-weight: 600;
	font-size: 14px;
	border-bottom: 1px solid var(--color-beige-500);
}

table.woocommerce-checkout-review-order-table .product-total {
	text-align: right;
	font-weight: 600;
}

/* ==========================================
   4. PRODUKT (OBRAZEK + TYTUŁ + WARIANTY)
   Magia CSS Grid dzięki strukturze z PHP
   ========================================== */
table.woocommerce-checkout-review-order-table td.product-name {
	display: grid !important;
	grid-template-columns: 80px 1fr;
	grid-template-rows: auto auto;
	gap: 4px 16px;
	align-items: start;
	text-align: left;
	border-bottom: 1px solid var(--color-beige-500);
}

/* Obrazek na sztywno po lewej i ciągnie się w dół */
.aw-checkout-thumbnail {
	grid-column: 1;
	grid-row: 1 / 3;
	width: 100%;
	height: auto;
	border-radius: 4px;
	display: block;
}

/* Tytuł i ilość */
.aw-checkout-title-wrapper {
	grid-column: 2;
	grid-row: 1;
	font-weight: 600;
	color: var(--color-text-500);
	line-height: 1.4;
}

.aw-checkout-qty {
	font-weight: 600;
	color: var(--color-text-500);
	margin-left: 6px;
}

/* Warianty WooCommerce wyrwane z domyślnego chaosu */
table.woocommerce-checkout-review-order-table td.product-name dl.variation {
	grid-column: 2;
	grid-row: 2;
	margin: var(--spacing-3xs) 0 0 0 !important;
	padding: 0 !important;
	font-size: var(--fz-sm);
	display: block !important;
}

table.woocommerce-checkout-review-order-table td.product-name dl.variation dt {
	display: inline !important;
	font-weight: 600 !important;
	margin: 0 4px 0 0 !important;
	padding: 0 !important;
	text-transform: capitalize;
}

table.woocommerce-checkout-review-order-table td.product-name dl.variation dd {
	display: inline !important;
	margin: 0 !important;
	padding: 0 !important;
	font-weight: normal !important;
	color: var(--color-text-500);
}

table.woocommerce-checkout-review-order-table
	td.product-name
	dl.variation
	dd
	p {
	display: inline !important;
	margin: 0 !important;
}

/* Pancerne przełamanie linii po każdym wariancie */
table.woocommerce-checkout-review-order-table
	td.product-name
	dl.variation
	dd::after {
	content: "" !important;
	display: block !important;
	width: 100% !important;
	height: 4px !important; /* delikatny odstęp między wierszami */
}

/* Enter po każdym wariancie */
table.woocommerce-checkout-review-order-table
	td.product-name
	dl.variation
	dd::after {
	content: "\A";
	white-space: pre;
}

/* ==========================================
   5. PODSUMOWANIE KWOT
   ========================================== */
table.woocommerce-checkout-review-order-table tfoot th {
	text-align: left;
	font-weight: 600;
}

table.woocommerce-checkout-review-order-table tfoot td {
	text-align: right;
}

table.woocommerce-checkout-review-order-table tfoot tr.order-total th,
table.woocommerce-checkout-review-order-table tfoot tr.order-total td {
	border-bottom: none;
	padding-top: var(--spacing-md);
	padding-bottom: var(--spacing-md);
	font-size: 18px;
}

table.woocommerce-checkout-review-order-table
	tfoot
	tr.order-total
	td
	strong
	.amount {
	font-size: 26px;
	font-weight: 600;
	color: var(--color-secondary-500);
	white-space: nowrap !important;
}

/* ==========================================
   6. BRAMKI PŁATNOŚCI
   ========================================== */
.woocommerce-checkout #payment {
	background: var(--color-light-400);
	border-top: 1px solid var(--color-beige-500);
	padding: var(--spacing-sm);
}

.woocommerce-checkout #payment ul.payment_methods {
	list-style: none;
	margin: 0 0 var(--spacing-sm) 0;
	padding: 0;
	border-bottom: 1px solid var(--color-beige-500);
	padding-bottom: var(--spacing-sm);
}

.woocommerce-checkout #payment ul.payment_methods li {
	margin-bottom: var(--spacing-xs);
}

.woocommerce-checkout #payment ul.payment_methods label {
	font-weight: 600;
	color: var(--color-text-500);
	cursor: pointer;
	display: inline-flex;
	align-items: center;
}

/* Dymek z opisem płatności */
.woocommerce-checkout #payment div.payment_box {
	background: var(--color-white-500);
	border: 1px solid var(--color-beige-500);
	border-radius: 16px;
	padding: var(--spacing-xs) var(--spacing-sm);
	margin-top: var(--spacing-xs);
	font-size: var(--fz-sm);
	color: var(--color-text-500);
	position: relative;
}

.woocommerce-checkout #payment div.payment_box::before {
	content: "";
	display: block;
	border: 8px solid transparent;
	border-bottom-color: var(--color-beige-500);
	position: absolute;
	top: -16px;
	left: 20px;
}

.woocommerce-checkout #payment div.payment_box::after {
	content: "";
	display: block;
	border: 7px solid transparent;
	border-bottom-color: var(--color-white-500);
	position: absolute;
	top: -14px;
	left: 21px;
}

/* ==========================================
   7. PRZYCISK KUPUJĘ I PŁACĘ
   ========================================== */
.woocommerce-checkout .place-order {
	padding: 0;
	margin-top: var(--spacing-sm);
}

.woocommerce-checkout #place_order {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: var(--spacing-2xs);
	width: 100%;
	background: var(--color-secondary-500);
	color: var(--color-white-500);
	border: none;
	padding: var(--spacing-xs) var(--spacing-sm);
	border-radius: 40px;
	font-weight: 600;
	font-size: 15px;
	transition: 0.3s;
	cursor: pointer;
}

.woocommerce-checkout #place_order:hover {
	background: var(--color-secondary-600);
}

/* Zgody RODO */
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
	margin-bottom: var(--spacing-sm);
	font-size: var(--fz-sm);
	color: var(--color-text-500);
}

/* ==========================================
   MOBILE
   ========================================== */
@media (max-width: 991px) {
	form.woocommerce-checkout {
		display: flex !important;
		flex-direction: column;
	}
	#customer_details .col-1,
	#customer_details .col-2 {
		flex: 1 1 100%;
		min-width: 100%;
	}
	#order_review_heading {
		margin-top: var(--spacing-md);
	}
}

/* ==========================================
   MOBILE (Ekstremalne dopasowanie tabeli kasy do 375px)
   ========================================== */
@media (max-width: 767px) {
	/* Ukrywamy nagłówki tabeli - szkoda na nie miejsca na telefonie */
	table.woocommerce-checkout-review-order-table thead {
		display: none !important;
	}

	/* Wiersz z produktem zyskuje elastyczność */
	table.woocommerce-checkout-review-order-table tbody tr.cart_item {
		display: flex;
		flex-wrap: wrap;
		padding: var(--spacing-sm) var(--spacing-xs) !important;
		border-bottom: 1px dashed var(--color-beige-500) !important;
	}

	/* Usuwamy wewnętrzne marginesy komórek i stare obramowania */
	table.woocommerce-checkout-review-order-table th,
	table.woocommerce-checkout-review-order-table td {
		padding: 0 !important;
		border: none !important;
	}

	/* GŁÓWNA ZMIANA: Obszar z obrazkiem, tytułem i wariantami zyskuje 100% szerokości */
	table.woocommerce-checkout-review-order-table td.product-name {
		flex: 1 1 100%;
		border-bottom: none !important;
		padding-bottom: var(--spacing-2xs) !important;
	}

	/* Cena przeskakuje pod warianty, uwalniając miejsce u góry */
	table.woocommerce-checkout-review-order-table td.product-total {
		flex: 1 1 100%;
		text-align: left !important;
		/* Magiczna wartość: Wyrównuje cenę dokładnie pod tekstem (80px obrazek + 16px odstęp) */
		padding-left: 96px !important;
		font-size: 16px !important;
		font-weight: 700 !important;
		color: var(--color-text-500) !important;
	}

	/* Dopieszczenie wierszy podsumowania (Kwota, Wysyłka, Łącznie) na dole */
	table.woocommerce-checkout-review-order-table tfoot tr {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: var(--spacing-sm) var(--spacing-xs) !important;
		border-bottom: 1px dashed var(--color-beige-500) !important;
	}

	table.woocommerce-checkout-review-order-table tfoot tr:last-child {
		border-bottom: none !important;
	}

	/* Wyśrodkowanie pionowe "Kwota" / "Łącznie" względem cen */
	table.woocommerce-checkout-review-order-table tfoot th,
	table.woocommerce-checkout-review-order-table tfoot td {
		flex: 1 1 50%;
	}

	table.woocommerce-checkout-review-order-table tfoot tr.order-total th {
		font-size: 16px !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	table.woocommerce-checkout-review-order-table tfoot tr.order-total td {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
}

/* ######################### */
/* Order Received (Thank You) Subpage */
/* ######################### */

/* .woocommerce-order {} */

.woocommerce-order-overview__email {
	word-break: break-all;
}

/* ==========================================
   1. KOMUNIKAT SUKCESU
   ========================================== */
.woocommerce-notice--success.woocommerce-thankyou-order-received {
	background: var(--color-white-500);
	border: 2px dashed var(--color-secondary-500);
	color: var(--color-secondary-500);
	padding: var(--spacing-md);
	border-radius: var(--border-radius-table);
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: var(--spacing-md);
}

/* ==========================================
   2. PRZEGLĄD ZAMÓWIENIA (Kafelki u góry)
   ========================================== */
ul.woocommerce-order-overview {
	list-style: none;
	margin: 0 0 var(--spacing-md) 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: var(--spacing-sm);
}

ul.woocommerce-order-overview li {
	flex: 1 1 calc(25% - var(--spacing-sm));
	min-width: 180px;
	background: var(--color-white-500);
	border: 1px solid var(--color-beige-500);
	border-radius: var(--border-radius-table);
	padding: var(--spacing-sm);
	box-sizing: border-box;
	text-transform: uppercase;
	font-size: 12px;
	color: var(--color-text-500);
	border-right: 1px solid var(--color-beige-500) !important; /* Nadpisanie domyślnego brudu WC */
}

ul.woocommerce-order-overview li strong {
	display: block;
	font-size: 16px;
	text-transform: none;
	margin-top: 4px;
	color: var(--color-secondary-500);
}

/* ==========================================
   3. TABELA SZCZEGÓŁÓW ZAMÓWIENIA
   ========================================== */
.woocommerce-order-details {
	margin-bottom: var(--spacing-md);
}

.woocommerce-order-details__title {
	font-size: 22px;
	margin-bottom: var(--spacing-sm);
	color: var(--color-text-500);
}

table.woocommerce-table--order-details {
	width: 100%;
	background: var(--color-white-500);
	border: 1px solid var(--color-beige-500);
	border-radius: var(--border-radius-table);
	border-collapse: collapse;
	overflow: hidden;
	margin: 0;
}

table.woocommerce-table--order-details thead {
	background-color: var(--color-light-400);
}

table.woocommerce-table--order-details th,
table.woocommerce-table--order-details td {
	padding: var(--spacing-sm);
	border-bottom: 1px solid var(--color-beige-500);
	color: var(--color-text-500);
	text-align: left;
}

table.woocommerce-table--order-details thead th {
	font-weight: 600;
	border-bottom: 1px solid var(--color-beige-500);
}

table.woocommerce-table--order-details tfoot th {
	font-weight: 600;
}

table.woocommerce-table--order-details tfoot tr:last-child th,
table.woocommerce-table--order-details tfoot tr:last-child td {
	border-bottom: none;
	padding-top: var(--spacing-md);
	padding-bottom: var(--spacing-md);
}

table.woocommerce-table--order-details tfoot tr:last-child td .amount {
	font-size: 24px;
	font-weight: 600;
	color: var(--color-secondary-500);
}

/* --- Struktura CSS Grid dla Wiersza Produktu (Z obrazkiem z PHP) --- */
table.woocommerce-table--order-details td.woocommerce-table__product-name {
	display: grid !important;
	grid-template-columns: 80px 1fr;
	grid-template-rows: auto auto;
	gap: 4px 16px;
	align-items: start;
}

/* Formatowanie wariantów (Tkaniny, Wymiary) - Kopia z koszyka */
table.woocommerce-table--order-details
	td.woocommerce-table__product-name
	.wc-item-meta {
	grid-column: 2;
	grid-row: 2;
	margin: var(--spacing-3xs) 0 0 0 !important;
	padding: 0 !important;
	font-size: var(--fz-sm);
	display: block !important;
}

table.woocommerce-table--order-details
	td.woocommerce-table__product-name
	.wc-item-meta
	dt {
	display: inline !important;
	font-weight: 600 !important;
	margin: 0 4px 0 0 !important;
	padding: 0 !important;
	text-transform: capitalize;
}

table.woocommerce-table--order-details
	td.woocommerce-table__product-name
	.wc-item-meta
	dd {
	display: inline !important;
	margin: 0 !important;
	padding: 0 !important;
	font-weight: normal !important;
}

table.woocommerce-table--order-details
	td.woocommerce-table__product-name
	.wc-item-meta
	dd
	p {
	display: inline !important;
	margin: 0 !important;
}

table.woocommerce-table--order-details
	td.woocommerce-table__product-name
	.wc-item-meta
	dd::after {
	content: "\A";
	white-space: pre;
	display: block;
	width: 100%;
	height: 4px;
}

/* Wyrównanie ilości sztuk (x2) na stronie zamówienia */
table.woocommerce-table--order-details
	td.woocommerce-table__product-name
	.product-quantity {
	font-weight: 600;
	color: var(--color-text-500);
	margin-left: 6px;
}

/* ==========================================
   4. DANE KLIENTA (Adres wysyłki / faktury)
   ========================================== */
.woocommerce-customer-details {
	margin-top: var(--spacing-md);
}

.woocommerce-customer-details h2 {
	font-size: 22px;
	margin-bottom: var(--spacing-sm);
	color: var(--color-text-500);
}

.woocommerce-customer-details section.woocommerce-columns {
	display: flex;
	gap: var(--spacing-md);
	flex-wrap: wrap;
}

.woocommerce-customer-details section.woocommerce-columns .col-1,
.woocommerce-customer-details section.woocommerce-columns .col-2,
.woocommerce-customer-details > address {
	/* Dla przypadku gdy wysyłka = faktura */
	flex: 1 1 calc(50% - (var(--spacing-md) / 2));
	background: var(--color-white-500);
	border: 1px solid var(--color-beige-500);
	border-radius: var(--border-radius-table);
	padding: var(--spacing-sm);
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 0;
	line-height: 1.6;
	color: var(--color-text-500);
}

.woocommerce-customer-details address p {
	margin: 0;
}

/* ==========================================
   5. RESPONSYWNOŚĆ (Mobile)
   ========================================== */
@media (max-width: 767px) {
	ul.woocommerce-order-overview {
		flex-direction: column;
	}

	ul.woocommerce-order-overview li {
		width: 100%;
	}

	.woocommerce-customer-details section.woocommerce-columns {
		flex-direction: column;
	}

	/* Ukrywamy nagłówki tabeli na małym ekranie */
	table.woocommerce-table--order-details thead {
		display: none;
	}

	table.woocommerce-table--order-details tbody tr,
	table.woocommerce-table--order-details tfoot tr {
		display: flex;
		flex-wrap: wrap;
		border-bottom: 1px solid var(--color-beige-500);
		padding: var(--spacing-sm) 0;
	}

	table.woocommerce-table--order-details th,
	table.woocommerce-table--order-details td {
		border: none;
		padding: var(--spacing-2xs) var(--spacing-sm);
	}

	/* Na mobile nazwa przejmuje 100% szerokości, suma pod spodem */
	table.woocommerce-table--order-details td.woocommerce-table__product-name {
		flex: 1 1 100%;
	}

	table.woocommerce-table--order-details td.woocommerce-table__product-total {
		flex: 1 1 100%;
		text-align: left;
		padding-left: calc(
			80px + var(--spacing-sm) + 16px
		); /* Wcięcie pod obrazkiem */
		font-weight: 600;
		font-size: 16px;
	}

	table.woocommerce-table--order-details tfoot th,
	table.woocommerce-table--order-details tfoot td {
		flex: 1 1 50%;
	}

	table.woocommerce-table--order-details tfoot td {
		text-align: right;
	}
}

/* ######################### */
/* Listing subpage */
/* ######################### */

.listing-subpage {
	padding: var(--spacing-section-md) 0;
}

.listing-subpage__heading {
	margin-bottom: var(--spacing-sm);
}

.aw-expandable-container {
	margin-bottom: var(--spacing-md);
}

.aw-expandable-content {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-sm);
}

.listing-subpage__wrapper {
	display: grid;
	grid-template-columns: 3fr 9fr;
	gap: var(--spacing-md);
}

.listing-subpage__left-col {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-md);
}

.listing-subpage__filter-container {
	display: flex;
	flex-direction: column;
	gap: 1px;
	border-radius: var(--border-radius-main);
	border: 1px solid var(--color-beige-500);
	background-color: var(--color-beige-500);
	overflow: hidden;
}

.listing-subpage__filter-container a {
	transition: color 0.3s;
}

.listing-subpage__filter-container a:hover {
	color: var(--color-secondary-500);
}

.listing-subpage__filter-container
	a.listing-subpage__filter-container--active-category {
	color: var(--color-secondary-500);
}

.listing-subpage__filter-heading-box {
	padding: var(--spacing-xs);
	background-color: var(--color-secondary-500);
}

.listing-subpage__filter-heading-box h3 {
	color: var(--color-white-500);
	font-size: var(--fz-h5);
	font-weight: 600;
}

/* iusdbffjbddoisdisisissisioaoishfaoifbsaoifhbsaoifsbaoifsabioasfbn */
/* testing accordion */
/* iusdbffjbddoisdisisissisioaoishfaoifbsaoifhbsaoifsbaoifsabioasfbn */

.listing-subpage__filter-accordion {
	/* padding: var(--spacing-4xs) var(--spacing-3xs); */
	/* display: grid; */
	display: grid;
	grid-template-columns: 1fr;
	grid-auto-rows: min-content;
	user-select: none;
	background-color: var(--color-white-500);
}

.listing-subpage__filter-accordion-top-container {
	padding: var(--spacing-xs);
	height: fit-content;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: var(--spacing-3xs);
	cursor: pointer;
}

.listing-subpage__filter-accordion-top-container svg {
	transition:
		rotate 0.3s,
		color 0.3s;
}

.listing-subpage__filter-accordion--active
	.listing-subpage__filter-accordion-top-container
	svg {
	rotate: 180deg;
	color: var(--color-secondary-500);
}

.listing-subpage__filter-accordion-bottom-container {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 0.3s;
}

.listing-subpage__filter-accordion--active
	.listing-subpage__filter-accordion-bottom-container {
	grid-template-rows: 1fr;
}

.listing-subpage__filter-accordion-bottom-container-wrapper {
	overflow: hidden;
	display: flex;
	flex-direction: column;
	/* gap: var(--spacing-3xs); */
}

.listing-subpage__filter-accordion-bottom-container-item {
	/* background-color: red; */
	/* display: grid; */
	padding: var(--spacing-xs) var(--spacing-xs) var(--spacing-xs)
		var(--spacing-md);
}

.listing-subpage__filter-accordion-bottom-container-item--alone {
	background-color: var(--color-white-500);
	padding: var(--spacing-xs);
}

/* iusdbffjbddoisdisisissisioaoishfaoifbsaoifhbsaoifsbaoifsabioasfbn */
/* testing accordion */
/* iusdbffjbddoisdisisissisioaoishfaoifbsaoifhbsaoifsbaoifsabioasfbn */

.listing-subpage__filter-filters-item {
	padding: var(--spacing-xs);
	height: fit-content;
	display: flex;
	flex-direction: column;
	/* gap: var(--spacing-3xs); */
	cursor: pointer;
	background-color: var(--color-white-500);
}

.listing-subpage__filter-filters-item-heading {
	margin-bottom: var(--spacing-xs);
	font-size: var(--fz-l);
}

.aw-price-filter-inputs {
	margin-bottom: var(--spacing-xs);
	display: flex;
	align-items: center;
	gap: var(--spacing-3xs);
	font-size: var(--fz-sm);
	/* justify-content: space-between; */
}

.aw-price-filter-inputs input {
	width: 96px;
	padding: 4px;
	border: 1px solid var(--color-beige-500);
	border-radius: var(--border-radius-main);
	text-align: center;
	-moz-appearance: textfield;
	color: var(--color-text-500);
}
.aw-price-filter-inputs input::-webkit-outer-spin-button,
.aw-price-filter-inputs input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.aw-price-filter-inputs span:nth-of-type(2) {
	margin-left: auto;
}

.aw-price-slider-container {
	position: relative;
	width: 100%;
	height: 5px;
	margin-top: var(--spacing-sm);
	margin-bottom: var(--spacing-sm);
	background-color: var(--color-beige-500);
	border-radius: 9999px;
}
.aw-price-slider-track {
	position: absolute;
	height: 100%;
	background: var(--color-secondary-500);
	z-index: 1;
	border-radius: 5px;
}
.aw-price-slider-container input[type="range"] {
	position: absolute;
	width: 100%;
	height: 5px;
	top: 0;
	-webkit-appearance: none;
	background: none;
	pointer-events: none;
	z-index: 2;
	margin: 0;
}
.aw-price-slider-container input[type="range"]::-webkit-slider-thumb {
	height: 15px;
	width: 15px;
	border-radius: 9999px;
	background-color: var(--color-secondary-500);
	pointer-events: auto;
	-webkit-appearance: none;
	cursor: pointer;
}
.aw-price-slider-container input[type="range"]::-moz-range-thumb {
	height: 15px;
	width: 15px;
	border-radius: 9999px;
	background-color: var(--color-secondary-500);
	pointer-events: auto;
	cursor: pointer;
	border: none;
}

.aw-filter-options-list {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-3xs);
}

.aw-filter-checkbox-label {
	display: flex;
	align-items: center;
	gap: var(--spacing-3xs);
	font-size: var(--fz-sm);
	cursor: pointer;
	color: var(--color-text-500);
}

.aw-filter-checkbox-label input {
	margin: 0;
	cursor: pointer;
	accent-color: var(--color-secondary-500);
}

.aw-filter-show-more {
	font-size: var(--fz-sm);
	font-weight: 600;
	cursor: pointer;
	color: var(--color-text-500);
	margin-top: var(--spacing-3xs);
}

.aw-filter-actions {
	padding: var(--spacing-xs);
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.aw-filter-clear {
	font-size: var(--fz-sm);
	color: var(--color-text-500);
	cursor: pointer;
	text-decoration: underline;
}

/* iusdbffjbddoisdisisissisioaoishfaoifbsaoifhbsaoifsbaoifsabioasfbn */
/* testing accordion */
/* iusdbffjbddoisdisisissisioaoishfaoifbsaoifhbsaoifsbaoifsabioasfbn */

.listing-subpage__right-col {
	/* gap: var(--spacing-sm); */
	min-width: 0;
}

.listing-subpage__right-col-subcategory-slider-container {
	/* width: 100px; */
}

.listing-subpage__right-col-subcategory-slider-container h2 {
	margin-bottom: var(--spacing-sm);
}

.listing-subpage__right-col-subcategory-slider-container .aw-slider-wrapper {
	margin-bottom: var(--spacing-sm);
}

.listing-subpage__right-col-sort-container {
	padding: var(--spacing-sm) 0;
	border-top: 1px solid var(--color-beige-500);
	border-bottom: 1px solid var(--color-beige-500);
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.aw-grid-sort-container {
	display: flex;
	align-items: center;
	gap: var(--spacing-3xs);
}

.aw-grid-sort-label {
	font-size: var(--fz-body);
	color: var(--color-text-500);
}

.aw-grid-sort-select-wrapper {
	position: relative;
	display: flex;
	align-items: center;
}

.aw-grid-sort-select {
	appearance: none;
	-webkit-appearance: none;
	padding: 0.75rem 1.5rem;
	background-color: var(--color-light-400);
	border: 1px solid var(--color-primary-300);
	border-radius: 9999px;
	font-size: var(--fz-body);
	color: var(--color-text-500);
	cursor: pointer;
	outline: none;
	min-width: 220px;
}

.listing-subpage__right-col-sort-container .btn {
	display: none;
}

.listing-subpage__right-col-sort-container .btn:hover svg {
	transform: none;
}

.listing-subpage__right-col-sort-container-wrapper {
	display: flex;
	align-items: center;
	gap: var(--spacing-sm);
}

.aw-products-grid-container {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--spacing-sm);
}

.aw-grid-pagination-container {
	display: flex;
	gap: var(--spacing-2xs);
	align-items: center;
	justify-content: center;
	user-select: none;
}

.aw-grid-pagination-container .page-numbers {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	border-radius: 9999px;
	text-decoration: none;
	color: var(--color-text-500);
	font-weight: 600;
	transition: 0.3s;
}

.aw-grid-pagination-container a.page-numbers:hover {
	background-color: var(--color-light-400);
}

.aw-grid-pagination-container .page-numbers.current {
	background-color: var(--color-beige-500);
	color: var(--color-secondary-500);
}

.aw-grid-pagination-container .page-numbers.dots {
	background: transparent;
	width: auto;
}

.aw-products-grid-container {
	transition: opacity 0.3s;
}

.aw-products-grid-container.is-loading {
	opacity: 0.5;
	pointer-events: none;
}

.listing-subpage__right-col-products-grid-container {
	padding: var(--spacing-sm) 0;
	display: flex;
	flex-direction: column;
	align-items: end;
}

.listing-subpage__right-col-products-grid-container
	.aw-products-grid-container
	.product-grid {
	border: 1px solid var(--color-beige-500);
}

.listing-subpage__right-col-products-grid-container
	.aw-products-grid-pagination-wrapper {
	margin-top: var(--spacing-sm);
}

.listing-subpage__left-col-mobile {
	position: fixed;
	inset: 0;
	width: fit-content;
	height: 100vh;
	/* padding-top: 6rem; */
	display: flex;
	flex-direction: column;
	/* gap: var(); */
	background-color: var(--color-white-500);
	border-right: 1px solid var(--color-beige-500);
	will-change: transform;
	transform: translateX(-100%);
	transition: transform 0.3s;
	z-index: 5000;
	overflow-y: auto;
	overscroll-behavior: contain;
}

.listing-subpage__left-col-mobile--active {
	transform: translateX(0);
	box-shadow: 0px 0px 0px 100vw rgba(0, 0, 0, 0.5);
}

.listing-subpage__left-col-mobile::-webkit-scrollbar {
	width: 12px;
}

.listing-subpage__left-col-mobile::-webkit-scrollbar-track {
	background: var(--color-beige-500);
	border-radius: 9999px;
}

.listing-subpage__left-col-mobile::-webkit-scrollbar-thumb {
	background: var(--color-primary-300);
	border-radius: 9999px;
	border: 4px solid var(--color-beige-500);
}

.listing-subpage__left-col-mobile .listing-subpage__filter-container {
	border-radius: 0;
	border: none;
	/* background-color: var(--color-beige-500); */
	/* overflow: hidden; */
	/* max-height: 100vh; */
}

.listing-subpage__left-col-mobile .oxy-shortcode:last-of-type {
	order: -1;
	position: relative;
}

.listing-subpage__left-col-mobile .aw-filter-actions {
	/* position: fixed; */
	/* left: 0; */
	/* bottom: 0; */
	width: 100%;
	background-color: var(--color-beige-500);
}

.listing-subpage__left-col-mobile-close-btn {
	position: absolute;
	top: var(--spacing-xs);
	right: var(--spacing-xs);
	width: 1.5rem;
	height: 1.5rem;
	color: var(--color-white-500);
	cursor: pointer;
}

@media (max-width: 1279px) {
	.listing-subpage__wrapper {
		display: grid;
		grid-template-columns: 1fr;
		gap: var(--spacing-md);
	}

	.listing-subpage__left-col {
		display: none;
	}

	.listing-subpage__right-col-sort-container .btn {
		display: flex;
		width: 100%;
	}

	.listing-subpage__right-col-sort-container {
		flex-direction: column;
		justify-content: start;
		align-items: stretch;
		gap: var(--spacing-xs);
	}

	.listing-subpage__right-col-sort-container-wrapper {
		order: -1;
		justify-content: space-between;
		width: 100%;
		flex-wrap: wrap;
	}

	.aw-grid-sort-label {
		flex-shrink: 0;
	}

	.aw-grid-sort-container,
	.aw-grid-sort-select-wrapper,
	.aw-grid-sort-select {
		width: 100%;
	}
}

/* @media (max-width: 1119px) {} */

/* @media (max-width: 1023px) {} */

@media (max-width: 767px) {
	.aw-products-grid-container {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 479px) {
	.aw-products-grid-container {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* ######################### */
/* Inspirations subpage */
/* ######################### */

.inspiration-subpage {
	padding: var(--spacing-section-md) 0;
}

.aw-inspirations-wrapper {
	transition: opacity 0.3s ease;
}

.aw-insp-intro {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto auto;
	gap: var(--spacing-sm);
	margin-bottom: var(--spacing-sm);
}

.aw-insp-intro__text-col {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-bottom: var(--spacing-lg);
}

.aw-insp-intro__heading {
	font-size: var(--fz-h2);
	font-weight: 600;
	color: var(--color-text-500);
	margin-bottom: var(--spacing-md);
}

.aw-insp-intro__text {
	font-size: var(--fz-body);
	color: var(--color-text-500);
}

.aw-insp-intro__img1 {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: var(--border-radius-main);
}

.aw-insp-intro__img2 {
	grid-column: 2 / 3;
	grid-row: 1 / 3;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: var(--border-radius-main);
}

.aw-insp-block-3img {
	display: grid;
	grid-template-columns: 3fr 6fr 3fr;
	gap: var(--spacing-sm);
	margin-bottom: var(--spacing-sm);
}

.aw-insp-block-3img__item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: var(--border-radius-main);
	aspect-ratio: 4/3;
}

.aw-insp-block-product {
	display: grid;
	grid-template-columns: 3fr 6fr 3fr;
	gap: var(--spacing-sm);
	margin-bottom: var(--spacing-sm);
}

.aw-insp-block-product__img {
	grid-column: span 2;
}

.aw-insp-block-product__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: var(--border-radius-main);
}

.aw-insp-block-product__card {
	background: var(--color-beige-500);
	padding: var(--spacing-sm);
	border-radius: var(--border-radius-main);
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.aw-insp-block-product__label {
	color: var(--color-secondary-500);
}

/* @media (max-width: 1279px) {} */

/* @media (max-width: 1119px) {} */

@media (max-width: 1023px) {
	.aw-insp-block-product {
		grid-template-columns: 1fr;
	}

	.aw-insp-block-product__img {
		grid-column: 1 / -1;
	}
}

@media (max-width: 767px) {
	.aw-insp-intro {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
	}

	.aw-insp-intro__text-col {
		grid-column: 1 / -1;
		grid-row: auto;
		margin-bottom: 0;
	}

	.aw-insp-intro__img1 {
		grid-column: 1 / -1;
		grid-row: auto;
		aspect-ratio: 4/3;
	}

	.aw-insp-intro__img2 {
		grid-column: 1 / -1;
		grid-row: auto;
		aspect-ratio: 4/3;
	}

	.aw-insp-block-3img {
		grid-template-columns: 1fr;
	}
}

/* @media (max-width: 479px) {} */

/* ######################### */
/* Blog subpage */
/* ######################### */

.blog-subpage-excerpt {
	padding: var(--spacing-section-md) 0;
	background-color: var(--color-light-500);
}

/* .blog-subpage-excerpt__inner {} */

.blog-subpage-excerpt__main-container {
	display: grid;
	grid-template-columns: 7fr 5fr;
	gap: var(--spacing-sm);
}

/* .blog-subpage-excerpt__left-col {} */

.blog-subpage-excerpt__left-col .oxy-shortcode {
	height: 100%;
}

.blog-subpage-excerpt__latest-box {
	display: block;
	position: relative;
	border-radius: var(--border-radius-main);
	overflow: hidden;
	height: 100%;
}

.blog-subpage-excerpt__latest-box::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(
		to bottom,
		rgba(66, 62, 60, 0) 0%,
		rgba(66, 62, 60, 0.75) 100%
	);
	z-index: 9;
}

.blog-subpage-excerpt__latest-box__img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: scale 0.3s;
	transform-origin: center;
}

.blog-subpage-excerpt__latest-box:hover .blog-subpage-excerpt__latest-box__img {
	scale: 1.05;
}

.blog-subpage-excerpt__latest-box__text-container {
	height: 100%;
	z-index: 10;
	padding: var(--spacing-sm);
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: end;
	gap: var(--spacing-xs);
}

.blog-subpage-excerpt__latest-box__title {
	color: var(--color-white-500);
	font-size: var(--fz-h3);
	font-weight: 600;
	transition: color 0.3s;
}

.blog-subpage-excerpt__latest-box__text-container .ghost-btn {
	color: var(--color-white-500);
	border-color: var(--color-white-500);
}

.blog-subpage-excerpt__latest-box:hover .ghost-btn {
	border-color: transparent;
}

.blog-subpage-excerpt__latest-box:hover .ghost-btn svg {
	transform: translateX(4px);
}

/* .blog-subpage-excerpt__right-col {} */

.blog-subpage-excerpt__right-col .blog-subpage-excerpt-right-col-wrapper {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-sm);
}

.blog-subpage {
	padding: var(--spacing-section-md) 0;
	/* display: flex; */
	/* flex-direction: column; */
}

.blog-subpage__heading {
	margin-bottom: var(--spacing-sm);
}

.blog-subpage .aw-blog-grid-inner {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--spacing-sm);
}

@media (max-width: 1279px) {
	.blog-subpage-excerpt__main-container {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 1119px) {
	.blog-subpage-excerpt__main-container {
		grid-template-columns: 1fr;
	}

	.blog-subpage-excerpt__left-col .oxy-shortcode {
		height: 512px;
	}

	.blog-subpage .aw-blog-grid-inner {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* @media (max-width: 1023px) {} */

@media (max-width: 767px) {
	.blog-subpage-excerpt__left-col .oxy-shortcode {
		height: 256px;
	}

	.blog-subpage .aw-blog-grid-inner {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 479px) {
	.blog-subpage-excerpt {
		padding-top: var(--spacing-md);
	}

	.blog-subpage-excerpt__main-container {
		gap: var(--spacing-md);
	}

	.blog-subpage-excerpt__latest-box {
		margin: 0 calc(var(--spacing-md) * -1);
		border-radius: 0;
	}
}

/* ######################### */
/* FAQ subpage */
/* ######################### */

.faq {
	padding: var(--spacing-section-md) 0;
}

.faq__heading {
	margin-bottom: var(--spacing-sm);
}

.faq__text {
	margin-bottom: var(--spacing-md);
}

.faq__box-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--spacing-sm);
}

.faq__box-container-wrapper {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-sm);
}

.faq__box {
	display: grid;
	grid-template-columns: 1fr;
	grid-auto-rows: min-content;
	user-select: none;
	background-color: var(--color-white-500);
	border: 1px solid var(--color-beige-500);
	border-radius: var(--border-radius-table);
	overflow: hidden;
}

.faq__box-top-container {
	padding: var(--spacing-md) var(--spacing-xs);
	height: fit-content;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: var(--spacing-3xs);
	background-color: var(--color-light-500);
	cursor: pointer;
}

.faq__box-top-container-heading-container {
	display: flex;
	align-items: center;
	gap: var(--spacing-3xs);
}

.faq__box-top-container-heading-icon {
	flex-shrink: 0;
	background-color: var(--color-secondary-500);
	width: 2rem;
	height: 2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 9999px;
}

.faq__box-top-container-heading-icon svg path {
	stroke-width: 0 !important;
	color: var(--color-white-500) !important;
}

.faq__box-top-container-heading {
	font-size: var(--fz-l);
}

.faq__box-top-container-icon {
	flex-shrink: 0;
	width: 2rem;
	height: 2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: transparent;
	border-radius: 9999px;
	color: var(--color-text-500);
	transition:
		rotate 0.3s,
		background-color 0.3s,
		color 0.3s;
}

.faq__box--active .faq__box-top-container-icon {
	rotate: 180deg;
	background-color: var(--color-white-500);
	color: var(--color-secondary-500);
}

.faq__box-bottom-container {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 0.3s;
}

.faq__box--active .faq__box-bottom-container {
	grid-template-rows: 1fr;
}

.faq__box-bottom-container-wrapper {
	overflow: hidden;
}

.faq__box-bottom-container-text {
	padding: var(--spacing-xs);
}

/* @media (max-width: 1279px) {} */

@media (max-width: 1119px) {
	.faq__box-container {
		grid-template-columns: 1fr;
	}
}

/* @media (max-width: 1023px) {} */

/* @media (max-width: 767px) {} */

/* @media (max-width: 479px) {} */

/* ######################### */
/* Contact subpage */
/* ######################### */

.contact-subpage {
	padding: var(--spacing-section-sm) 0;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--spacing-sm);
}

.contact-subpage__box {
	padding: var(--spacing-sm);
	background-color: var(--color-light-500);
	border-radius: var(--border-radius-main);
	display: flex;
	flex-direction: column;
	align-items: start;
}

.contact-subpage__box svg {
	margin-bottom: var(--spacing-sm);
}

.contact-subpage__box svg path,
.footer .contact-subpage__box-item-wrapper svg path {
	stroke-width: 0 !important;
}

.contact-subpage__box .text-subheading {
	color: var(--color-secondary-500);
}

.contact-subpage__box-item {
	margin-bottom: var(--spacing-sm);
}

.contact-subpage__box-item-heading {
	color: var(--color-secondary-500);
	font-weight: 600;
}

.contact-subpage__box-item a {
	transition: color 0.3s;
}

.contact-subpage__box-item a:hover {
	color: var(--color-secondary-500);
	text-decoration: underline;
	cursor: pointer;
}

.contact-subpage__box-item-wrapper {
	margin-top: auto;
	padding: 0.375rem 0.75rem;
	width: fit-content;
	display: flex;
	align-items: center;
	gap: var(--spacing-3xs);
	background-color: var(--color-white-500);
	border-radius: 9999px;
}

.contact-subpage__box-item-wrapper span {
	font-size: var(--fz-sm);
	font-weight: 600;
}

.contact-subpage .contact-subpage__box-item-wrapper a,
.footer .contact-subpage__box-item-wrapper a {
	display: inline-flex;
	/* justify-content: center; */
	/* align-items: center; */
}

.contact-subpage .contact-subpage__box-item-wrapper svg,
.footer .contact-subpage__box-item-wrapper svg {
	margin-bottom: 0;
	width: 1.5rem !important;
	height: 1.5rem !important;
	fill: var(--color-primary-500) !important;
	transition: fill 0.3s;
	/* aspect-ratio: 1/1; */
	/* display: flex; */
	/* justify-content: center; */
	/* align-items: center; */
}

.contact-subpage .contact-subpage__box-item-wrapper a:hover svg,
.footer .contact-subpage__box-item-wrapper a:hover svg {
	fill: var(--color-secondary-500) !important;
}

@media (max-width: 1279px) {
	.contact-subpage {
		grid-template-columns: repeat(2, 1fr);
	}

	.contact-subpage__box-item-wrapper {
		margin-top: var(--spacing-md);
	}
}

/* @media (max-width: 1119px) {} */

/* @media (max-width: 1023px) {} */

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

/* @media (max-width: 479px) {} */

/* ######################### */
/* Contact */
/* ######################### */

.contact {
	padding-bottom: var(--spacing-section-sm);
}

.contact__main-container {
	border-radius: var(--border-radius-main);
	overflow: hidden;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.contact__main-container-left-container {
	padding: var(--spacing-lg);
	display: flex;
	flex-direction: column;
	background-image:
		linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
		url("https://lamalmeble.pl/wp-content/uploads/2026/04/contact-form-scaled.jpg");
	background-position: center;
	background-size: cover;
	display: flex;
	flex-direction: column;
}

.contact__main-container-left-container-heading-container {
	color: var(--color-white-500);
}

.contact__main-container-left-container-heading {
	margin-bottom: var(--spacing-md);
	color: var(--color-white-500);
}

.contact__main-container-left-container-link-container {
	margin-top: auto;
	display: flex;
	flex-direction: column;
	gap: var(--spacing-md);
}

.contact__main-container-left-container-link-container-item {
	display: flex;
	flex-direction: column;
}

.contact__main-container-left-container-link-container-item span {
	color: var(--color-beige-500);
	font-size: var(--fz-h4);
	font-weight: 600;
}

.contact__main-container-left-container-link-container-item a {
	color: var(--color-white-500);
	font-size: var(--fz-h2);
	font-weight: 600;
	transition: color 0.3s;
}

.contact__main-container-left-container-link-container-item a:hover {
	text-decoration: underline;
	color: var(--color-secondary-500);
}

.contact__main-container-right-container {
	padding: var(--spacing-lg);
	background-color: var(--color-secondary-600);
	background-image: url("https://lamalmeble.pl/wp-content/uploads/2026/03/denimPattern.png");
	background-size: 50%;
}

.contact__main-container-right-container-form-container {
	padding: var(--spacing-sm);
	border-radius: var(--border-radius-main);
	background-color: var(--color-light-500);
}

.contact__form-top-container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--spacing-2xs);
}

.contact__form-top-container p {
	/* grid-column: 1 / -1; */
}

.contact__form-top-container p:nth-of-type(5) {
	grid-column: span 2;
}

.contact__form-top-container input,
.contact__form-top-container textarea {
	padding: 0.875rem;
	width: 100%;
	background-color: var(--color-white-500);
	border: 1px solid var(--color-primary-300);
	transition: border-color 0.3s;
	border-radius: 9999px;
	color: var(--color-text-500);
	outline-color: var(--color-primary-600);
}

.contact__form-top-container input.wpcf7-not-valid,
.contact__form-top-container textarea.wpcf7-not-valid {
	border-color: var(--color-red-500);
}

.contact__form-top-container input.input--valid,
.contact__form-top-container textarea.input--valid {
	border-color: var(--color-primary-500);
}

.contact__form-top-container textarea {
	height: 12rem;
	min-height: 12rem;
	resize: vertical;
	border-radius: var(--border-radius-table);
}

.contact__form-bottom-container > p {
	display: flex;
	flex-direction: column;
	align-items: start;
	gap: var(--spacing-sm);
}

.contact__form-bottom-container .wpcf7-acceptance {
	font-size: var(--fz-sm);
	line-height: 1.2;
}

.contact__form-bottom-container .wpcf7-acceptance input {
	margin-right: var(--spacing-3xs);
	width: 1.25rem;
	height: 1.25rem;
	accent-color: var(--color-secondary-600);
	border-radius: 6px;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
}

.contact__form-top-container form.submitting input[type="submit"] {
	opacity: 0.5;
	cursor: wait;
}

.contact__form-message {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: var(--spacing-2xs);
	text-align: center;
	text-wrap: balance;
	transform: translateY(-16px);
	opacity: 0;
	will-change: transform, opacity;
	animation: contactFormMessage 0.3s forwards;
	padding: var(--spacing-md);
	border-radius: var(--border-radius-main);
}

@keyframes contactFormMessage {
	from {
		transform: translateY(-16px);
		opacity: 0;
	}
	to {
		transform: translateY(0);
		opacity: 1;
	}
}

.contact__form-message-svg--success,
.contact__form-message-svg--error {
	margin-bottom: var(--spacing-3xs);
	width: 3rem;
	height: 3rem;
}

.contact__form-message-svg--success {
	color: var(--color-secondary-600);
}

.contact__form-message-svg--error {
	color: var(--color-red-500);
}

.contact__form-message-heading {
	display: block;
	margin-bottom: var(--spacing-2xs);
	font-size: var(--fz-h5);
	color: var(--color-text-500);
	/* color: var(--color-bg-alt); */
	/* font-size: var(--fz-md); */
	/* font-weight: 600; */
}

.contact__form-message-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: var(--color-text-500);
	/* font-size: var(--fz-xs); */
	/* font-weight: 500; */
}

@media (max-width: 1279px) {
	.contact__form-top-container p {
		grid-column: span 2;
	}
}

/* @media (max-width: 1119px) {} */

@media (max-width: 1023px) {
	.contact__main-container {
		grid-template-columns: 1fr;
	}

	.contact__main-container-left-container-link-container {
		margin-top: var(--spacing-lg);
	}

	.contact__form-top-container p {
		grid-column: span 1;
	}
}

@media (max-width: 767px) {
	.contact__main-container {
		border-radius: 0;
		margin: 0 calc(var(--spacing-md) * -1);
	}

	.contact__main-container-right-container {
		padding: var(--spacing-sm);
	}
}

@media (max-width: 479px) {
	.contact__form-top-container p {
		grid-column: span 2;
	}
}

/* ######################### */
/* Account subpage */
/* ######################### */

.account {
	padding: var(--spacing-section-md) 0;
}

.woocommerce-account .woocommerce {
	display: flex;
	flex-wrap: wrap;
	gap: var(--spacing-md);
	align-items: flex-start;
	justify-content: space-between;
}

.woocommerce-MyAccount-navigation {
	flex: 1 1 25%;
	min-width: 250px;
	background: var(--color-white-500);
	border: 1px solid var(--color-beige-500);
	border-radius: var(--border-radius-table);
	overflow: hidden;
}

.woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.woocommerce-MyAccount-navigation ul li {
	border-bottom: 1px solid var(--color-beige-500);
}

.woocommerce-MyAccount-navigation ul li:last-child {
	border-bottom: none;
}

.woocommerce-MyAccount-navigation ul li a {
	display: block;
	padding: var(--spacing-sm);
	color: var(--color-text-500);
	text-decoration: none;
	font-weight: 600;
	transition: 0.3s;
}

.woocommerce-MyAccount-navigation ul li a:hover {
	background: var(--color-light-400);
}

.woocommerce-MyAccount-navigation ul li.is-active a {
	background: var(--color-light-400);
	color: var(--color-secondary-500);
}

.woocommerce-MyAccount-content {
	flex: 1 1 calc(75% - var(--spacing-md));
	min-width: 0;
}

.woocommerce-account #customer_login {
	display: flex;
	flex-wrap: wrap;
	gap: var(--spacing-md);
	width: 100%;
}

.woocommerce-account #customer_login .u-column1,
.woocommerce-account #customer_login .u-column2 {
	flex: 1 1 calc(50% - (var(--spacing-md) / 2));
	min-width: 300px;
	background: var(--color-white-500);
	border: 1px solid var(--color-beige-500);
	border-radius: var(--border-radius-table);
	padding: var(--spacing-sm);
	box-sizing: border-box;
}

.woocommerce-account #customer_login h2 {
	margin-top: 0;
	margin-bottom: var(--spacing-sm);
	font-size: 18px;
	color: var(--color-text-500);
	border-bottom: 1px solid var(--color-beige-500);
	padding-bottom: var(--spacing-xs);
}

.woocommerce-MyAccount-content fieldset {
	border: 1px solid var(--color-beige-500);
	border-radius: var(--border-radius-table);
	padding: var(--spacing-sm);
	margin-bottom: var(--spacing-md);
}

.woocommerce-MyAccount-content legend {
	font-weight: 600;
	color: var(--color-text-500);
	padding: 0 var(--spacing-xs);
}

.woocommerce form .form-row {
	margin-bottom: var(--spacing-sm);
}

.woocommerce form .form-row label {
	display: block;
	margin-bottom: var(--spacing-3xs);
	font-weight: 600;
	color: var(--color-text-500);
	font-size: var(--fz-sm);
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select,
.woocommerce form .form-row textarea {
	border: 1px solid var(--color-beige-500) !important;
	border-radius: 9999px;
	padding: var(--spacing-2xs) var(--spacing-sm) !important;
	width: 100% !important;
	outline: none;
	color: var(--color-text-500);
	box-sizing: border-box;
	background: var(--color-white-500);
}

.woocommerce form .form-row textarea {
	border-radius: var(--border-radius-table);
	min-height: 6rem;
}

.woocommerce form .form-row input[type="checkbox"],
.woocommerce form .form-row input[type="radio"] {
	margin-right: 8px;
}

.woocommerce-account .woocommerce-Button,
.woocommerce-account button[name="save_account_details"],
.woocommerce-account button[name="save_address"],
.woocommerce-account .woocommerce-form-login__submit,
.woocommerce-account .woocommerce-form-register__submit {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background: var(--color-secondary-500);
	color: var(--color-white-500);
	border: none;
	padding: var(--spacing-xs) var(--spacing-md);
	border-radius: 40px;
	font-weight: 600;
	font-size: 15px;
	transition: 0.3s;
	cursor: pointer;
	text-decoration: none;
}

.woocommerce-account .woocommerce-Button:hover,
.woocommerce-account button[name="save_account_details"]:hover,
.woocommerce-account button[name="save_address"]:hover,
.woocommerce-account .woocommerce-form-login__submit:hover,
.woocommerce-account .woocommerce-form-register__submit:hover {
	background: var(--color-secondary-600);
}

.woocommerce-account table.shop_table {
	width: 100%;
	border: 1px solid var(--color-beige-500) !important;
	border-radius: var(--border-radius-table);
	overflow: hidden;
	background: var(--color-white-500);
	border-collapse: collapse;
	margin-bottom: var(--spacing-md);
}

.woocommerce-account table.shop_table thead {
	background-color: var(--color-light-400);
}

.woocommerce-account table.shop_table th,
.woocommerce-account table.shop_table td {
	padding: var(--spacing-sm);
	text-align: left;
	color: var(--color-text-500);
	border-bottom: 1px solid var(--color-beige-500);
}

.woocommerce-account table.shop_table th {
	font-weight: 600;
	font-size: 14px;
}

.woocommerce-account table.shop_table tbody tr:last-child td {
	border-bottom: none;
}

.woocommerce-account table.shop_table a.button {
	background: var(--color-light-400);
	color: var(--color-text-500);
	border: 1px solid var(--color-beige-500);
	border-radius: 40px;
	padding: 6px 16px;
	text-decoration: none;
	font-weight: 600;
	font-size: var(--fz-sm);
	display: inline-block;
	transition: 0.3s;
	white-space: nowrap;
}

.woocommerce-account table.shop_table a.button:hover {
	background: var(--color-beige-500);
}

.woocommerce-Addresses {
	display: flex;
	flex-wrap: wrap;
	gap: var(--spacing-sm);
}

.woocommerce-Addresses .woocommerce-Address {
	flex: 1 1 calc(50% - (var(--spacing-sm) / 2));
	min-width: 280px;
	border: 1px solid var(--color-beige-500);
	border-radius: var(--border-radius-table);
	padding: var(--spacing-sm);
	background: var(--color-white-500);
	box-sizing: border-box;
}

.woocommerce-Addresses .woocommerce-Address-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 0;
	margin-bottom: var(--spacing-xs);
	padding-bottom: var(--spacing-xs);
	border-bottom: 1px solid var(--color-beige-500);
}

.woocommerce-Addresses .woocommerce-Address-title h3 {
	margin: 0;
	font-size: 16px;
	color: var(--color-text-500);
}

.woocommerce-Addresses .woocommerce-Address-title a {
	font-size: var(--fz-sm);
	color: var(--color-secondary-500);
	text-decoration: underline;
	font-weight: 600;
}

.woocommerce-account .woocommerce-Message,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-error {
	background: var(--color-light-400);
	border: 1px solid var(--color-beige-500);
	border-radius: var(--border-radius-table);
	padding: var(--spacing-sm);
	color: var(--color-text-500);
	margin-bottom: var(--spacing-md);
	list-style: none;
}

.woocommerce-account .woocommerce-Message a,
.woocommerce-account .woocommerce-info a,
.woocommerce-account .woocommerce-message a {
	color: var(--color-secondary-500);
	font-weight: 600;
	text-decoration: underline;
}

.wc-forward {
	color: var(--color-white-500) !important;
	font-weight: 600;
	text-decoration: none !important;
}

#account_display_name_description {
	display: none;
}

@media (max-width: 768px) {
	.woocommerce-account .woocommerce {
		flex-direction: column;
	}

	.woocommerce-MyAccount-navigation,
	.woocommerce-MyAccount-content {
		width: 100%;
		flex: 1 1 100%;
	}

	.woocommerce-MyAccount-navigation ul {
		display: flex;
		overflow-x: auto;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
		padding-bottom: 2px;
	}

	.woocommerce-MyAccount-navigation ul li {
		border-bottom: none;
		border-right: 1px solid var(--color-beige-500);
	}

	.woocommerce-MyAccount-navigation ul li:last-child {
		border-right: none;
	}

	.woocommerce-account #customer_login .u-column1,
	.woocommerce-account #customer_login .u-column2,
	.woocommerce-Addresses .woocommerce-Address {
		flex: 1 1 100%;
	}

	.woocommerce-account table.shop_table {
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}
}

/* ######################### */
/* Other subpage */
/* ######################### */

.other-subpage {
	padding: var(--spacing-section-md) 0;
}

.other-subpage__heading {
	margin-bottom: var(--spacing-md);
}

.other-subpage__rich-text {
	max-width: 80ch;
}

/* ######################### */
/* Newsletter CTA */
/* ######################### */

.newsletter {
	padding: var(--spacing-section-sm) 0;
}

.newsletter__main-container {
	padding: var(--spacing-sm) var(--spacing-md);
	display: grid;
	grid-template-columns: 8fr 4fr 7fr;
	align-items: center;
	gap: var(--spacing-sm);
	background-color: var(--color-secondary-600);
	background-image: url("https://lamalmeble.pl/wp-content/uploads/2026/03/denimPattern.png");
	background-size: 50%;
	border-radius: var(--border-radius-main);

	/* test only */
	/* text-align: center; */
	/* color: var(--color-white-500); */
}

.newsletter__text-container .text-subheading {
	margin-bottom: var(--spacing-xs);
	color: var(--color-light-500);
}

.newsletter__heading {
	/* font-size: var(--fz-h3); */
	color: var(--color-beige-500);
}

/* MailerLite */

@import url("https://assets.mlcdn.com/fonts.css?version=1775464");

/* LOADER */
.ml-form-embedSubmitLoad {
	display: inline-block;
	width: 20px;
	height: 20px;
}

.g-recaptcha {
	transform: scale(1);
	-webkit-transform: scale(1);
	transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.ml-form-embedSubmitLoad:after {
	content: " ";
	display: block;
	width: 11px;
	height: 11px;
	margin: 1px;
	border-radius: 9999px;
	border: 4px solid #fff;
	border-color: #ffffff #ffffff #ffffff transparent;
	animation: ml-form-embedSubmitLoad 1.2s linear infinite;
}

@keyframes ml-form-embedSubmitLoad {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

#mlb2-39653279.ml-form-embedContainer {
	box-sizing: border-box;
	display: table;
	margin: 0 auto;
	position: static;
	width: 100% !important;
}

#mlb2-39653279.ml-form-embedContainer h4,
#mlb2-39653279.ml-form-embedContainer p,
#mlb2-39653279.ml-form-embedContainer span,
#mlb2-39653279.ml-form-embedContainer button {
	text-transform: none !important;
	letter-spacing: normal !important;
}

#mlb2-39653279.ml-form-embedContainer .ml-form-embedWrapper {
	/* background-color: ; */
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-width: 0px;
	border-color: transparent;
	border-radius: 0px;
	border-style: solid;
	box-sizing: border-box;
	display: inline-block !important;
	margin: 0;
	padding: 0;
	position: relative;
}

#mlb2-39653279.ml-form-embedContainer .ml-form-embedWrapper.embedPopup,
#mlb2-39653279.ml-form-embedContainer .ml-form-embedWrapper.embedDefault {
	/* width: 400px; */
}

#mlb2-39653279.ml-form-embedContainer .ml-form-embedWrapper.embedForm {
	/* max-width: 400px; */
	width: 100%;
}

#mlb2-39653279.ml-form-embedContainer .ml-form-align-left {
	text-align: left;
}

#mlb2-39653279.ml-form-embedContainer .ml-form-align-center {
	text-align: left;
}

#mlb2-39653279.ml-form-embedContainer .ml-form-align-default {
	display: table-cell !important;
	vertical-align: middle !important;
	text-align: center !important;
}

#mlb2-39653279.ml-form-embedContainer .ml-form-align-right {
	text-align: right;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedHeader
	img {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	height: auto;
	margin: 0 auto !important;
	max-width: 100%;
	width: undefinedpx;
}

#mlb2-39653279.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-successBody {
	/* padding: 20px 20px 0 20px; */
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody.ml-form-embedBodyHorizontal {
	padding-bottom: 0;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-embedContent,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-successBody
	.ml-form-successContent {
	text-align: left;
	margin: 0 0 20px 0;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-embedContent
	h4,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-successBody
	.ml-form-successContent
	h4 {
	color: #ffffff;
	font-family: inherit;
	font-size: 30px;
	font-weight: 600;
	margin: 0 0 10px 0;
	text-align: left;
	word-break: break-word;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-embedContent
	p,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-successBody
	.ml-form-successContent
	p {
	color: #ffffff;
	font-family: inherit;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 10px 0;
	text-align: left;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-embedContent
	ul,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-embedContent
	ol,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-successBody
	.ml-form-successContent
	ul,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-successBody
	.ml-form-successContent
	ol {
	color: #ffffff;
	font-family: inherit;
	font-size: 14px;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-embedContent
	ol
	ol,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-successBody
	.ml-form-successContent
	ol
	ol {
	list-style-type: lower-alpha;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-embedContent
	ol
	ol
	ol,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-successBody
	.ml-form-successContent
	ol
	ol
	ol {
	list-style-type: lower-roman;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-embedContent
	p
	a,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-successBody
	.ml-form-successContent
	p
	a {
	color: #ffffff;
	text-decoration: underline;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-block-form
	.ml-field-group {
	text-align: left !important;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-block-form
	.ml-field-group
	label {
	margin-bottom: 5px;
	color: var(--color-text-500);
	font-size: 14px;
	font-family: inherit;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	display: inline-block;
	line-height: 20px;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-embedContent
	p:last-child,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-successBody
	.ml-form-successContent
	p:last-child {
	margin: 0;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	form {
	margin: 0;
	width: 100%;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-formContent,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-checkboxRow {
	margin: 0 0 20px 0;
	width: 100%;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-checkboxRow {
	float: left;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-formContent.horozintalForm {
	margin: 0;
	padding: 0 0 20px 0;
	width: 100%;
	height: auto;
	float: left;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-fieldRow {
	margin: 0 0 10px 0;
	width: 100%;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-fieldRow.ml-last-item {
	margin: 0;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-fieldRow.ml-formfieldHorizintal {
	margin: 0;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-fieldRow
	input {
	background-color: #ffffff !important;
	color: var(--color-text-500) !important;
	border-color: #cccccc;
	border-radius: 9999px !important;
	border-style: solid !important;
	border-width: 0px !important;
	font-family: inherit;
	font-size: 14px !important;
	height: auto;
	line-height: 21px !important;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	padding: 10px 10px !important;
	width: 100% !important;
	box-sizing: border-box !important;
	max-width: 100% !important;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-fieldRow
	input::-webkit-input-placeholder,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-horizontalRow
	input::-webkit-input-placeholder {
	color: var(--color-text-500);
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-fieldRow
	input::-moz-placeholder,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-horizontalRow
	input::-moz-placeholder {
	color: var(--color-text-500);
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-fieldRow
	input:-ms-input-placeholder,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-horizontalRow
	input:-ms-input-placeholder {
	color: var(--color-text-500);
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-fieldRow
	input:-moz-placeholder,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-horizontalRow
	input:-moz-placeholder {
	color: var(--color-text-500);
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-fieldRow
	textarea,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-horizontalRow
	textarea {
	background-color: #ffffff !important;
	color: var(--color-text-500) !important;
	border-color: #cccccc;
	border-radius: 9999px !important;
	border-style: solid !important;
	border-width: 0px !important;
	font-family: inherit;
	font-size: var(--fz-body) !important;
	height: auto;
	line-height: 21px !important;
	margin-bottom: 0;
	margin-top: 0;
	padding: 10px 10px !important;
	width: 100% !important;
	box-sizing: border-box !important;
	max-width: 100% !important;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-fieldRow
	.custom-radio
	.custom-control-label::before,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-horizontalRow
	.custom-radio
	.custom-control-label::before,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-fieldRow
	.custom-checkbox
	.custom-control-label::before,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-horizontalRow
	.custom-checkbox
	.custom-control-label::before,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-embedPermissions
	.ml-form-embedPermissionsOptionsCheckbox
	.label-description::before,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-interestGroupsRow
	.ml-form-interestGroupsRowCheckbox
	.label-description::before,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-checkboxRow
	.label-description::before {
	border-color: #cccccc !important;
	background-color: #ffffff !important;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-fieldRow
	input.custom-control-input[type="checkbox"] {
	box-sizing: border-box;
	padding: 0;
	position: absolute;
	z-index: -1;
	opacity: 0;
	margin-top: 5px;
	margin-left: -1.5rem;
	overflow: visible;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-fieldRow
	.custom-checkbox
	.custom-control-label::before,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-horizontalRow
	.custom-checkbox
	.custom-control-label::before,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-embedPermissions
	.ml-form-embedPermissionsOptionsCheckbox
	.label-description::before,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-interestGroupsRow
	.ml-form-interestGroupsRowCheckbox
	.label-description::before,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-checkboxRow
	.label-description::before {
	border-radius: 4px !important;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-checkboxRow
	input[type="checkbox"]:checked
	~ .label-description::after,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-embedPermissions
	.ml-form-embedPermissionsOptionsCheckbox
	input[type="checkbox"]:checked
	~ .label-description::after,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-fieldRow
	.custom-checkbox
	.custom-control-input:checked
	~ .custom-control-label::after,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-horizontalRow
	.custom-checkbox
	.custom-control-input:checked
	~ .custom-control-label::after,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-interestGroupsRow
	.ml-form-interestGroupsRowCheckbox
	input[type="checkbox"]:checked
	~ .label-description::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-fieldRow
	.custom-radio
	.custom-control-input:checked
	~ .custom-control-label::after,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-fieldRow
	.custom-radio
	.custom-control-input:checked
	~ .custom-control-label::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-fieldRow
	.custom-radio
	.custom-control-input:checked
	~ .custom-control-label::before,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-horizontalRow
	.custom-radio
	.custom-control-input:checked
	~ .custom-control-label::before,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-fieldRow
	.custom-checkbox
	.custom-control-input:checked
	~ .custom-control-label::before,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-horizontalRow
	.custom-checkbox
	.custom-control-input:checked
	~ .custom-control-label::before,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-embedPermissions
	.ml-form-embedPermissionsOptionsCheckbox
	input[type="checkbox"]:checked
	~ .label-description::before,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-interestGroupsRow
	.ml-form-interestGroupsRowCheckbox
	input[type="checkbox"]:checked
	~ .label-description::before,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-checkboxRow
	input[type="checkbox"]:checked
	~ .label-description::before {
	border-color: var(--color-secondary-500) !important;
	background-color: var(--color-secondary-500) !important;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-fieldRow
	.custom-radio
	.custom-control-label::before,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-horizontalRow
	.custom-radio
	.custom-control-label::before,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-fieldRow
	.custom-radio
	.custom-control-label::after,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-horizontalRow
	.custom-radio
	.custom-control-label::after,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-fieldRow
	.custom-checkbox
	.custom-control-label::before,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-fieldRow
	.custom-checkbox
	.custom-control-label::after,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-horizontalRow
	.custom-checkbox
	.custom-control-label::before,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-horizontalRow
	.custom-checkbox
	.custom-control-label::after {
	top: 2px;
	box-sizing: border-box;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-embedPermissions
	.ml-form-embedPermissionsOptionsCheckbox
	.label-description::before,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-embedPermissions
	.ml-form-embedPermissionsOptionsCheckbox
	.label-description::after,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-checkboxRow
	.label-description::before,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-checkboxRow
	.label-description::after {
	top: 0px !important;
	box-sizing: border-box !important;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-checkboxRow
	.label-description::before,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-checkboxRow
	.label-description::after {
	top: 0px !important;
	box-sizing: border-box !important;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-interestGroupsRow
	.ml-form-interestGroupsRowCheckbox
	.label-description::after {
	top: 0px !important;
	box-sizing: border-box !important;
	position: absolute;
	left: -1.5rem;
	display: block;
	width: 1rem;
	height: 1rem;
	content: "";
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-interestGroupsRow
	.ml-form-interestGroupsRowCheckbox
	.label-description::before {
	top: 0px !important;
	box-sizing: border-box !important;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.custom-control-label::before {
	position: absolute;
	top: 4px;
	left: -1.5rem;
	display: block;
	width: 16px;
	height: 16px;
	pointer-events: none;
	content: "";
	background-color: #ffffff;
	border: #adb5bd solid 1px;
	border-radius: 9999px;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.custom-control-label::after {
	position: absolute;
	top: 2px !important;
	left: -1.5rem;
	display: block;
	width: 1rem;
	height: 1rem;
	content: "";
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-embedPermissions
	.ml-form-embedPermissionsOptionsCheckbox
	.label-description::before,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-interestGroupsRow
	.ml-form-interestGroupsRowCheckbox
	.label-description::before,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-checkboxRow
	.label-description::before {
	position: absolute;
	top: 4px;
	left: -1.5rem;
	display: block;
	width: 16px;
	height: 16px;
	pointer-events: none;
	content: "";
	background-color: #ffffff;
	border: #adb5bd solid 1px;
	border-radius: 9999px;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-embedPermissions
	.ml-form-embedPermissionsOptionsCheckbox
	.label-description::after {
	position: absolute;
	top: 0px !important;
	left: -1.5rem;
	display: block;
	width: 1rem;
	height: 1rem;
	content: "";
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-checkboxRow
	.label-description::after {
	position: absolute;
	top: 0px !important;
	left: -1.5rem;
	display: block;
	width: 1rem;
	height: 1rem;
	content: "";
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.custom-radio
	.custom-control-label::after {
	background: no-repeat 50%/50% 50%;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.custom-checkbox
	.custom-control-label::after,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-embedPermissions
	.ml-form-embedPermissionsOptionsCheckbox
	.label-description::after,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-interestGroupsRow
	.ml-form-interestGroupsRowCheckbox
	.label-description::after,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-checkboxRow
	.label-description::after {
	background: no-repeat 50%/50% 50%;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-fieldRow
	.custom-control,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-horizontalRow
	.custom-control {
	position: relative;
	display: block;
	min-height: 1.5rem;
	padding-left: 1.5rem;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-fieldRow
	.custom-radio
	.custom-control-input,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-horizontalRow
	.custom-radio
	.custom-control-input,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-fieldRow
	.custom-checkbox
	.custom-control-input,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-horizontalRow
	.custom-checkbox
	.custom-control-input {
	position: absolute;
	z-index: -1;
	opacity: 0;
	box-sizing: border-box;
	padding: 0;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-fieldRow
	.custom-radio
	.custom-control-label,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-horizontalRow
	.custom-radio
	.custom-control-label,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-fieldRow
	.custom-checkbox
	.custom-control-label,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-horizontalRow
	.custom-checkbox
	.custom-control-label {
	color: #000000;
	font-size: 12px !important;
	font-family: inherit;
	line-height: 22px;
	margin-bottom: 0;
	position: relative;
	vertical-align: top;
	font-style: normal;
	font-weight: 600;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-fieldRow
	.custom-select,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-horizontalRow
	.custom-select {
	background-color: #ffffff !important;
	color: var(--color-text-500) !important;
	border-color: #cccccc;
	border-radius: 9999px !important;
	border-style: solid !important;
	border-width: 0px !important;
	font-family: inherit;
	font-size: 14px !important;
	line-height: 20px !important;
	margin-bottom: 0;
	margin-top: 0;
	padding: 10px 28px 10px 12px !important;
	width: 100% !important;
	box-sizing: border-box !important;
	max-width: 100% !important;
	height: auto;
	display: inline-block;
	vertical-align: middle;
	background: url("https://assets.mlcdn.com/ml/images/default/dropdown.svg")
		no-repeat right 0.75rem center/8px 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-horizontalRow {
	height: auto;
	width: 100%;
	float: left;
	background-color: var(--color-white-500);
	padding: 4px;
	border-radius: 9999px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.ml-form-formContent.horozintalForm
	.ml-form-horizontalRow
	.ml-input-horizontal {
	width: 70%;
	float: left;
}

.ml-form-formContent.horozintalForm
	.ml-form-horizontalRow
	.ml-button-horizontal {
	width: 30%;
	float: left;
}

.ml-form-formContent.horozintalForm
	.ml-form-horizontalRow
	.ml-button-horizontal.labelsOn {
	padding-top: 25px;
}

.ml-form-formContent.horozintalForm .ml-form-horizontalRow .horizontal-fields {
	box-sizing: border-box;
	float: left;
	padding-right: 10px;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-horizontalRow
	input {
	background-color: #ffffff;
	color: var(--color-text-500);
	border-color: #cccccc;
	border-radius: 9999px;
	border-style: solid;
	border-width: 0px;
	font-family: inherit;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 0;
	margin-top: 0;
	padding: 10px 10px;
	width: 100%;
	box-sizing: border-box;
	overflow-y: initial;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-horizontalRow
	button {
	background-color: var(--color-secondary-500) !important;
	border-color: var(--color-secondary-500);
	border-style: solid;
	border-width: 0px;
	border-radius: 9999px;
	box-shadow: none;
	color: var(--color-white-500) !important;
	cursor: pointer;
	font-family: inherit;
	font-size: var(--fz-button) !important;
	font-weight: 600;
	line-height: 20px;
	margin: 0 !important;
	padding: 0.75rem !important;
	width: 100%;
	height: auto;
	transition: background-color 0.3s;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-horizontalRow
	button:hover {
	background-color: #804d41 !important;
	border-color: #804d41 !important;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-checkboxRow
	input[type="checkbox"] {
	box-sizing: border-box;
	padding: 0;
	position: absolute;
	z-index: -1;
	opacity: 0;
	margin-top: 5px;
	margin-left: -1.5rem;
	overflow: visible;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-checkboxRow
	.label-description {
	color: #ffffff;
	display: block;
	font-family: inherit;
	font-size: var(--fz-caption);
	text-align: left;
	margin-bottom: 0;
	position: relative;
	vertical-align: top;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-checkboxRow
	label {
	font-weight: normal;
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
	min-height: 24px;
	padding-left: 24px;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-checkboxRow
	label
	a {
	color: #ffffff;
	text-decoration: underline;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-checkboxRow
	label
	p {
	color: #ffffff !important;
	font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	font-weight: normal !important;
	line-height: 18px !important;
	padding: 0 !important;
	margin: 0 5px 0 0 !important;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-checkboxRow
	label
	p:last-child {
	margin: 0;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-embedSubmit {
	margin: 0 0 20px 0;
	float: left;
	width: 100%;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-embedSubmit
	button {
	background-color: #8e5a4d !important;
	border: none !important;
	border-radius: 9999px !important;
	box-shadow: none !important;
	color: #ffffff !important;
	cursor: pointer;
	font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 21px !important;
	height: auto;
	padding: 10px !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-embedSubmit
	button.loading {
	display: none;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-embedSubmit
	button:hover {
	background-color: #804d41 !important;
}

.ml-subscribe-close {
	width: 30px;
	height: 30px;
	background: url("https://assets.mlcdn.com/ml/images/default/modal_close.png")
		no-repeat;
	background-size: 30px;
	cursor: pointer;
	margin-top: -10px;
	margin-right: -10px;
	position: absolute;
	top: 0;
	right: 0;
}

.ml-error input,
.ml-error textarea,
.ml-error select {
	border-color: red !important;
}

.ml-error .custom-checkbox-radio-list {
	border: 1px solid red !important;
	border-radius: 0px;
	padding: 10px;
}

.ml-error .label-description,
.ml-error .label-description p,
.ml-error .label-description p a,
.ml-error label:first-child {
	color: var(--color-red-500) !important;
}

#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-checkboxRow.ml-error
	.label-description
	p,
#mlb2-39653279.ml-form-embedContainer
	.ml-form-embedWrapper
	.ml-form-embedBody
	.ml-form-checkboxRow.ml-error
	.label-description
	p:first-letter {
	color: var(--color-red-500) !important;
}

@media only screen and (max-width: 400px) {
	.ml-form-embedWrapper.embedDefault,
	.ml-form-embedWrapper.embedPopup {
		width: 100% !important;
	}

	.ml-form-formContent.horozintalForm {
		float: left !important;
	}

	.ml-form-formContent.horozintalForm .ml-form-horizontalRow {
		height: auto !important;
		width: 100% !important;
		float: left !important;
	}

	.ml-form-formContent.horozintalForm
		.ml-form-horizontalRow
		.ml-input-horizontal {
		width: 100% !important;
	}

	.ml-form-formContent.horozintalForm
		.ml-form-horizontalRow
		.ml-input-horizontal
		> div {
		padding-right: 0px !important;
		padding-bottom: 10px;
	}

	.ml-form-formContent.horozintalForm .ml-button-horizontal {
		width: 100% !important;
	}

	.ml-form-formContent.horozintalForm .ml-button-horizontal.labelsOn {
		padding-top: 0px !important;
	}
}

.ml-mobileButton-horizontal {
	display: none;
}

#mlb2-39653279 .ml-mobileButton-horizontal button {
	background-color: #8e5a4d !important;
	border-color: #8e5a4d !important;
	border-style: solid !important;
	border-width: 0px !important;
	border-radius: 9999px !important;
	box-shadow: none !important;
	color: #ffffff !important;
	cursor: pointer;
	font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 20px !important;
	padding: 10px !important;
	width: 100% !important;
}

@media only screen and (max-width: 400px) {
	#mlb2-39653279.ml-form-embedContainer
		.ml-form-embedWrapper
		.ml-form-embedBody
		.ml-form-formContent.horozintalForm {
		padding: 0 0 10px 0 !important;
	}

	.ml-hide-horizontal {
		display: none !important;
	}

	.ml-form-formContent.horozintalForm .ml-button-horizontal {
		display: none !important;
	}

	.ml-mobileButton-horizontal {
		display: inline-block !important;
		margin-bottom: 20px;
		width: 100%;
	}

	.ml-form-formContent.horozintalForm
		.ml-form-horizontalRow
		.ml-input-horizontal
		> div {
		padding-bottom: 0px !important;
	}
}

@media only screen and (max-width: 400px) {
	.ml-form-formContent.horozintalForm
		.ml-form-horizontalRow
		.horizontal-fields {
		margin-bottom: 10px !important;
		width: 100% !important;
	}

	#mlb2-39653279.ml-form-embedContainer
		.ml-form-embedWrapper
		.ml-form-embedBody
		.ml-form-horizontalRow {
		background-color: transparent;
		padding: 0;
	}
}

@media (max-width: 1279px) {
	.newsletter__main-container {
		grid-template-columns: 1fr 1fr;
	}

	.newsletter__img {
		display: none;
	}
}

/* @media (max-width: 1119px) {} */

@media (max-width: 1023px) {
	.newsletter__main-container {
		grid-template-columns: 1fr;
	}
}

/* @media (max-width: 767px) {} */

/* @media (max-width: 479px) {} */

/* ######################### */
/* Footer */
/* ######################### */

/* .footer-container {} */

/* .footer {} */

.footer__inner {
	background-color: var(--color-light-500);
}

.footer__top-container {
	padding: var(--spacing-md) 0;
	display: flex;
	justify-content: space-between;
	/* background-color: var(--color-white-500); */
	/* height: 512px; */
}

.footer__text-container {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-sm);
}

.footer__text-container > a {
	display: inline-flex;
	align-items: center;
}

.footer__logo {
	height: 4.5rem;
	/* width: fit-content; */
}

.footer__info-container {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-3xs);
}

/* .footer__link-container {} */

.footer__link-container-heading {
	font-size: var(--fz-xs);
}

.footer__link-container .footer__link {
	font-weight: 600;
}

.footer__link-container-text {
	font-weight: 600;
}

.footer__accordion-wrapper {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-sm);
}

.footer__accordion {
	display: grid;
	grid-template-columns: 1fr;
	grid-auto-rows: min-content;
	user-select: none;
	overflow: hidden;
}

.footer__accordion-top-container {
	padding-bottom: var(--spacing-xs);
	height: fit-content;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: var(--spacing-3xs);
	/* cursor: pointer; */
}

.footer__accordion-top-container-heading {
	font-size: var(--fz-h4);
}

.footer__accordion-top-container-icon {
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--color-text-500);
	transition: rotate 0.3s;
	display: none !important;
}

.footer__accordion--active .footer__accordion-top-container-icon {
	rotate: 180deg;
}

.footer__accordion-bottom-container {
	display: grid;
	grid-template-rows: 0fr;
	grid-template-rows: 1fr;
	transition: grid-template-rows 0.3s;
}

.footer__accordion--active .footer__accordion-bottom-container {
	grid-template-rows: 1fr;
}

.footer__accordion-bottom-container-wrapper,
.footer__accordion-bottom-container-wrapper .oxy-shortcode {
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: start;
}

.footer__accordion-bottom-container .footer__link {
	padding: var(--spacing-4xs) 0;
}

.footer__link {
	transition: color 0.3s;
}

.footer__link:hover {
	color: var(--color-primary-600);
	text-decoration: underline;
}

.footer__bottom-container {
	background-color: var(--color-white-500);
}

/* .footer__bottom-container-inner {} */

.footer__bottom-container-main-container {
	padding: var(--spacing-sm) 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: var(--spacing-3xs);
	flex-wrap: wrap;
	font-size: var(--fz-sm);
}

.footer__bottom-container-main-container-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: var(--spacing-3xs);
	flex-wrap: wrap;
	font-size: var(--fz-sm);
}

.footer__bottom-container-main-container-wrapper--logos {
	height: 24px;
	gap: var(--spacing-md);
}

.footer__bottom-container-main-container-wrapper--logos > * {
	height: 100%;
}

@media (max-width: 1279px) {
	.footer__logo {
		height: 4rem;
	}

	.footer .contact-subpage__box-item-wrapper {
		margin-top: 0;
	}
}

@media (max-width: 1119px) {
	.footer__top-container {
		justify-content: start;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: var(--spacing-sm);
	}
}

/* @media (max-width: 1023px) {} */

@media (max-width: 767px) {
	.footer__logo {
		height: 3rem;
	}

	.footer__top-container {
		grid-template-columns: 1fr;
	}

	.footer__accordion-top-container {
		cursor: pointer;
	}

	.footer__accordion-top-container-icon {
		display: inline-flex !important;
	}

	.footer__accordion-bottom-container {
		grid-template-rows: 0fr;
	}
}

@media (max-width: 479px) {
	.footer__logo {
		height: 2.25rem;
	}
}

/* ######################### */
/* Alert */
/* ######################### */

.cp-toast-wrapper {
	position: fixed;
	bottom: var(--spacing-md);
	right: var(--spacing-md);
	display: flex;
	flex-direction: column;
	gap: var(--spacing-sm);
	z-index: 9999;
	pointer-events: none;
}

.cp-toast {
	position: relative;
	background: var(--color-white-500);
	padding: 1rem 1rem;
	border: 1px solid var(--color-primary-300);
	border-radius: var(--border-radius-main);
	overflow: hidden;
	pointer-events: auto;
	opacity: 0;
	transform: translateY(32px);
	animation: cp-toast-enter 0.3s ease-in forwards;
}

.cp-toast.--closing {
	animation: cp-toast-exit 0.3s ease-out forwards;
}

.cp-toast__progress-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: var(--color-primary-300);
}

.cp-toast__progress-bar {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	background-color: var(--color-secondary-600);
	/* background-color: red; */
	animation: cp-toast-progress 3s linear forwards;
}

.cp-toast__content {
	display: flex;
	align-items: center;
	gap: 1rem;
	color: var(--color-text-500);
	font-size: var(--fz-xs);
	font-weight: 500;
}

.cp-toast__content svg {
	color: var(--color-secondary-600);
	flex-shrink: 0;
}

@keyframes cp-toast-enter {
	from {
		opacity: 0;
		transform: translateY(32px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes cp-toast-exit {
	from {
		opacity: 1;
		transform: translateX(0);
	}
	to {
		opacity: 0;
		transform: translateX(32px);
	}
}

@keyframes cp-toast-progress {
	from {
		width: 100%;
	}
	to {
		width: 0%;
	}
}