/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.9.1784537831
Updated: 2026-07-20 08:57:11
*/

body {
    overflow-x: hidden;
}

body p:last-of-type {
    margin-block-end: 0px;
}

.page-content {
	max-width: 1920px;
	margin: 0 auto;
}

.page-content > div > .elementor-element:not(.no-padding),
body > .elementor > div:not(.no-padding) {
    padding-left: 16px;
    padding-right: 16px;
}


/* Breadcrumbs */

.site-breadcrumbs {
	max-width: 1920px;
	width: 100%;
	margin: 0 auto;
	padding: 16px;
}

.site-breadcrumbs__inner {
    max-width: 1200px;
    margin: 0 auto;
}

.site-breadcrumbs .woocommerce-breadcrumb {
    margin: 0px;
    color: #CFCECE;
    display: flex;
    font-size: 14px;
    line-height: 20px !important;
    flex-direction: row;
    flex-wrap: nowrap;
	white-space: nowrap;
	overflow: hidden;
    gap: 8px;
    align-items: center;
}

.site-breadcrumbs .woocommerce-breadcrumb:before,
.site-breadcrumbs .woocommerce-breadcrumb:after {
	display: none;
}

.site-breadcrumbs .woocommerce-breadcrumb a {
    color: #1C1A1A;
    white-space: nowrap;
}

.site-breadcrumbs__separator {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	line-height: 0;
}


/* Buttons - Elementor */


/*
 * Fallback dla globalnych styli Elementora.
 * :where() celowo zeruje specyficzność selektora body.elementor-kit-5,
 * dzięki czemu klasy własnych komponentów mogą normalnie nadpisywać te wartości.
 */
:where(body.elementor-kit-5) a {
	color: inherit;
}

:where(body.elementor-kit-5) button,
:where(body.elementor-kit-5) button:hover,
:where(body.elementor-kit-5) button:focus,
:where(body.elementor-kit-5) input[type="button"]:hover,
:where(body.elementor-kit-5) input[type="button"]:focus,
:where(body.elementor-kit-5) input[type="submit"]:hover,
:where(body.elementor-kit-5) input[type="submit"]:focus,
:where(body.elementor-kit-5) .elementor-button:hover,
:where(body.elementor-kit-5) .elementor-button:focus {
	background-color: inherit;
	color: inherit;
	border-style: inherit;
	border-color: inherit;
}

body .btn-white .elementor-button {
	color: var(--e-global-color-text);
	background-color: #FFF; 
	border-color: #FFF;
}

body .btn-white .elementor-button:hover {
	color: var(--e-global-color-text);
	background-color: var(--e-global-color-9ec0b88);
	border-color: var(--e-global-color-9ec0b88);
}

body .btn-secondary .elementor-button {
	color: var(--e-global-color-text)!important;
	background-color: transparent;
}

body .btn-secondary .elementor-button:hover {
	color: var(--e-global-color-primary)!important;
	background-color: transparent;
}

body .btn-link-custom,
body .btn-link .elementor-button,
body .btn-link .blog-post-card__cta {
	padding: 0px 4px 2px 4px;
	font-size: 14px;
	font-weight: 400;
	color: var(--e-global-color-text);
	background-color: transparent;
	border-width: 0 0 1px 0!important;
	border-radius: 0px!important;
	border-style: solid!important;
	border-color: var(--e-global-color-text)!important;
}

body .btn-link-custom:hover,
body .btn-link .elementor-button:hover,
body .btn-link:hover .blog-post-card__cta {
	color: var(--e-global-color-primary);
	background-color: transparent;
	border-color: var(--e-global-color-primary);
}

body .btn-link-custom.btn-link-white,
body .btn-link.btn-link-white .elementor-button {
	color: #FFF;
	border-color: #FFF!important;
}

body .btn-link-custom.btn-link-white:hover,
body .btn-link.btn-link-white .elementor-button:hover {
	color: var(--e-global-color-9ec0b88);
	border-color: var(--e-global-color-9ec0b88)!important;
}


/* Woocommerce */

.elementor-products-grid {
	width: 100%;
}

.woocommerce .products ul,
.woocommerce ul.products {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-column-gap: 8px!important;
	grid-row-gap: 40px!important;
}

@media (max-width: 1024px) {
	.woocommerce ul.products {
		grid-row-gap: 32px!important;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media only screen and (max-width: 767px) {
	.woocommerce .products ul,
	.woocommerce ul.products {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-row-gap: 24px!important;
	}
}

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

.woocommerce ul.products li.product,
.woocommerce ul.products[class*=columns-] li.product {
	float: none!important;
	width: auto;
	margin: 0;
}


/* Product Listing Item */

a.added_to_cart.wc-forward {
    display: none!important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__link a:hover {
	color: #1C1A1A;
}


/* List item */

.elementor-products-grid.elementor-wc-products ul.products.elementor-grid li.product,
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%; 
}


/* List item - Outofstock*/

.elementor-products-grid.elementor-wc-products ul.products.elementor-grid li.product.outofstock img,
.woocommerce ul.products li.product.outofstock img,
.woocommerce-page ul.products li.product.outofstock img {
	filter: grayscale(100%);
}


/* Image */

.woocommerce ul.products li.product a img {
	margin-bottom: 8px;
	border-radius: 4px;
	background-color: #FFF;

	/*
	 * Zdjęcie zawsze kwadratowe (1:1) i wypełnia całą ramkę –
	 * niekwadratowe zdjęcie jest wyśrodkowane i przycięte na brzegach.
	 * Karty w rzędzie mają równą wysokość niezależnie od pliku.
	 */
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: contain;
	object-position: center;
}


/* Price */

.woocommerce ul.products li.product .price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
	font-size: 16px;
	font-weight: 500;
	color: #1C1A1A;
	margin: 8px 0px;
}

.woocommerce ul.products li.product .price ins,
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
	text-decoration: none;
	font-weight: 500;
}

.woocommerce ul.products li.product .price del,
.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
	opacity: 1;
	font-weight: 400;
	font-size: 14px;
}


/* Woocommerce Title */

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4375em;
    color: #1C1A1A;
    padding: 0px;
}


/* Woocommerce Button */

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {
    margin-top: auto !important;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 40px;
    color: #1C1A1A;
    background-color: transparent;
    border: 1px solid #1C1A1A;
    border-radius: 2px;
}

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


/* Omnibus */

.iworks-omnibus {
	display: block;
	font-size: 12px;
	font-weight: 400;
	color: #555353;
	margin-bottom: 0px!important;
}


/* ===== WC BADGES ===== */

.wc-badges-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 8px;
	pointer-events: none;
	max-width: 60%;
	z-index: 1;
}

.wc-badge {
    display: inline-block;
    padding: 4px 8px;
    font-size: 14px;
    font-weight: 700;
    color: white;
    border-radius: 2px;
    white-space: nowrap;
    line-height: 1;
}

.wc-badge.badge-outofstock {
    background-color: #555353;
}

.wc-badge.badge-promo-text {
    background-color: #EE0000;
}

.wc-badge.badge-sale {
    background-color: #1C1A1A;
}

.wc-badge.badge-bestseller {
    background-color: #FFE88E;
    color: #1C1A1A;
}

.wc-badge.badge-new {
    background-color: #BEC9BD;
	color: #1C1A1A
}


/* Mobile */

@media (max-width: 767px) {
    .wc-badge {
        padding: 3px 6px;
        font-size: 12px;
    }
}


/* ========================================
 * Custom footer
 * ======================================== */

.custom-footer {
	max-width: 1920px;
	margin: 0 auto;
	background-color: #F4F4EB;
	padding: 0 16px;
}

.custom-footer * {
	box-sizing: border-box;
}

.custom-footer a {
	color: inherit;
	text-decoration: none;
}

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

.custom-footer__inner {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}


/* ========================================
 * Główna siatka
 * ======================================== */

.custom-footer__main {
	display: grid;
	grid-template-columns:
		140px
		minmax(220px, 1.25fr)
		minmax(180px, 1fr)
		minmax(160px, 0.85fr);

	grid-template-areas:
		"logo company shopping about"
		". payments payments social";

	column-gap: clamp(40px, 7vw, 110px);
	row-gap: 16px;
	padding: 40px 0 32px 0;
}


/* ========================================
 * Logo
 * ======================================== */

.custom-footer__logo {
	grid-area: logo;
}

.custom-footer__logo img {
	display: block;
	width: 60px;
	height: auto;
}


/* ========================================
 * Dane firmy
 * ======================================== */

.custom-footer .custom-footer__company {
	grid-area: company;
}

.custom-footer .custom-footer__heading {
	margin: 0 0 8px;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
	color: inherit;
}

.custom-footer .custom-footer__company-data {
	font-size: 14px;
	line-height: 1.4;
}

.custom-footer .custom-footer__company-data p {
	margin: 0 0 16px;
}

.custom-footer .custom-footer__company-data p:last-child {
	margin-bottom: 0;
}

.custom-footer .custom-footer__contact {
	display: flex;
	flex-direction: column;
}

.custom-footer .custom-footer__contact a {
	width: fit-content;
	font-weight: 700;
}


/* ========================================
 * Menu
 * ======================================== */

.custom-footer__menu--shopping {
	grid-area: shopping;
}

.custom-footer__menu--about {
	grid-area: about;
}

.custom-footer__menu-list,
.custom-footer__legal-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.custom-footer__menu-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.custom-footer__menu-list li {
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.4;
}

.custom-footer__menu-list a {
	display: inline-block;
}


/* ========================================
 * Płatności
 * ======================================== */

.custom-footer__payments {
	grid-area: payments;
	align-self: end;
}

.custom-footer__payments img {
	display: block;
	width: auto;
	max-width: 100%;
	height: 12px;
	object-fit: contain;
	object-position: left center;
}


/* ========================================
 * Social media
 * ======================================== */

.custom-footer__social {
	grid-area: social;
	align-self: end;
	text-align: right;
}

.custom-footer__social-title {
	display: block;
	font-size: 14px;
	line-height: 14px;
	margin-bottom: 8px;
}

.custom-footer__social-list {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 16px;
}

.custom-footer__social-list a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
}

.custom-footer__social-list a:hover {
	text-decoration: none;
	opacity: 0.65;
}

.custom-footer__social-list svg {
	display: block;
	width: 24px;
	height: 24px;
	fill: currentColor;
}


/* ========================================
 * Dolny pasek
 * ======================================== */

.custom-footer__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 16px;
    padding-bottom: 32px;
	font-size: 14px;
	line-height: 1.4;
}

.custom-footer__copyright {
	flex-shrink: 0;
}

.custom-footer__bottom-right {
    display: flex;
    gap: 0px 24px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.custom-footer__legal {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 24px;
}

.custom-footer__legal-list {
	display: flex;
	align-items: center;
	gap: 28px;
}

.custom-footer__author {
	white-space: nowrap;
}


/* ========================================
 * Tablet
 * ======================================== */

@media (max-width: 1024px) {

	.custom-footer__main {
		grid-template-columns:
			100px
			minmax(200px, 1fr)
			minmax(150px, 0.8fr)
			minmax(130px, 0.7fr);
	}

}


/* ========================================
 * Mobile
 * ======================================== */

@media (max-width: 767px) {

	.custom-footer__main {
		display: flex;
		flex-direction: column;
		gap: 24px;
		padding: 40px 0 32px 0;
	}

	.custom-footer__payments {
		order: 5;
		align-self: start;
	}

	.custom-footer__social {
		order: 6;
		align-self: start;
		text-align: left;
	}

	.custom-footer__bottom {
		flex-direction: column-reverse;
		align-items: flex-start;
	}

	.custom-footer__bottom-right,
	.custom-footer__legal,
	.custom-footer__legal-list {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}

	.custom-footer__author {
		white-space: normal;
	}

}


/* CONTACT FORM */

.elementor-form {
	display: flex;
    flex-direction: column-reverse;
	opacity: 1!important;
}

.elementor-form .elementor-form-fields-wrapper {
	margin-bottom: 0px!important;
}

.elementor-form .elementor-field-group {
    align-content: flex-start;
}

.elementor-form .elementor-field-group.elementor-field-required label:before {
    content: "* ";
}

.elementor-form .elementor-field-type-acceptance {
	margin-bottom: 0px!important;
}

.elementor-form .elementor-field-type-acceptance label {
    display: none;
}

.elementor-form .elementor-field-type-acceptance a {
    text-decoration: underline;
}

.elementor-form .elementor-field-type-acceptance.elementor-field-required label:before {
    content: '*';
    font-size: 16px;
    font-weight: 14px;
    margin-right: 4px;
}

.elementor-form input[type="checkbox"] {
    top: 3px;
    appearance: none;
    width: 14px;
    height: 14px;
    border: 1px solid #040707!important;
	background-color: transparent!important;
    display: inline-block!important;
    position: relative;
    cursor: pointer;
}

.elementor-form input[type="checkbox"]:checked {
    background-color: #040707!important;
    border-color: #040707!important;
}

.elementor-form input[type="checkbox"]:checked::after {
    content: '✔';
    font-size: 12px;
    line-height: 0px;
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.elementor-form .elementor-field-type-upload input {
    width: 100%;
    padding-bottom: 12px;
}

.elementor-form .elementor-field-type-acceptance .elementor-field-option label {
	font-size: 12px;
}

.elementor-form .elementor-field-type-acceptance label .expand__link--hidden.expand__link--hidden {
    display: none;
}

.elementor-form .elementor-field-type-acceptance label .hiddentext {
    display: none;
}

.elementor-form .elementor-field-type-acceptance label .hiddentext.hiddentext--open {
    display: inline;
}

.elementor-form .hide__link,
.elementor-form .expand__link {
    font-weight: 700;
}

.elementor-form .elementor-field-group.elementor-field-type-submit {
	margin-top: 16px;
	margin-bottom: 0px!important;
}

/* =========================================================
 * UL LI
 * ========================================================= */
:is(
	.elementor-widget-text-editor,
	.elementor-widget-theme-post-content,
	.entry-content,
	.woocommerce-product-details__short-description,
	.woocommerce-Tabs-panel
) :is(ul, ol) {
	margin: 8px 0 16px 0;
	padding-left: 20px;
}


/* UL - kropki */
:is(
	.elementor-widget-text-editor,
	.elementor-widget-theme-post-content,
	.entry-content,
	.woocommerce-product-details__short-description,
	.woocommerce-Tabs-panel
) ul {
	list-style-type: disc;
}


/* OL - numeracja */
:is(
	.elementor-widget-text-editor,
	.elementor-widget-theme-post-content,
	.entry-content,
	.woocommerce-product-details__short-description,
	.woocommerce-Tabs-panel
) ol {
	list-style-type: decimal;
}


/* Elementy listy */
:is(
	.elementor-widget-text-editor,
	.elementor-widget-theme-post-content,
	.entry-content,
	.woocommerce-product-details__short-description,
	.woocommerce-Tabs-panel
) :is(ul, ol) > li {
	margin: 0 0 12px;
	padding: 0;
}


/* Ostatni element */
:is(
	.elementor-widget-text-editor,
	.elementor-widget-theme-post-content,
	.entry-content,
	.woocommerce-product-details__short-description,
	.woocommerce-Tabs-panel
) :is(ul, ol) > li:last-child {
	margin-bottom: 0;
}


/* =========================================================
 * CUSTOMOWA LISTA UL
 * ========================================================= */

.custom-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin: 16px 0!important;
	padding: 0;

	list-style: none;
}


/* Element listy
 * ========================================================= */

.custom-list > li {
	position: relative;

	display: flex;
	align-items: flex-start;
	gap: 10px;

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

	border-bottom: 0.5px solid #CFCECE;

	list-style: none;
}


/* Ikona
 * ========================================================= */

.custom-list > li::before {
	content: '';

	display: block;
	flex: 0 0 16px;

	width: 16px;
	height: 16px;

	margin-top: 2px;

	background: url('/wp-content/themes/hello-elementor-child/assets/images/icons/arrow_forward.svg')
		center / 16px 16px no-repeat;
}


/* Ostatni element
 * ========================================================= */

.custom-list > li:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}


/* =========================================================
 * Sekcje Text + Grafika
 * ========================================================= */

body .elementor-image-text {
	position: relative;
	width: 100%;
	padding: 72px 16px;
	overflow: hidden;
	box-sizing: border-box;
}

body .elementor-image-text__inner {
	position: relative;
	z-index: 2;

	width: 100%;
	max-width: 1200px;

	margin: 0 auto;

	box-sizing: border-box;
}

body .elementor-image-text__wrapper {
	width: 100%;
	max-width: 452px!important;
	box-sizing: border-box;
	padding-top: 32px;
	padding-bottom: 32px;
}

body .elementor-image-text--50-50
.elementor-image-text__wrapper {
	width: 50%;
	max-width: 50%;

	margin-left: auto;
	margin-right: 0;

	padding-left: 32px;
	padding-right: 0;
}

body .elementor-image-text--50-50
.elementor-image-text__background {
	position: absolute !important;

	top: 0;
	bottom: 0;
	left: 0;
	right: 50%;

	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;

	min-height: 100%;

	margin: 0 !important;
	padding: 0 !important;

	flex: none !important;
	flex-grow: 0 !important;
	flex-shrink: 0 !important;

	z-index: 0;

	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;

	pointer-events: none;
}

body .elementor-image-text--50-50-reverse
.elementor-image-text__wrapper {
	width: 50%;
	max-width: 50%;

	margin-left: 0;
	margin-right: auto;

	padding-left: 0;
	padding-right: 32px;
}

body .elementor-image-text--50-50-reverse
.elementor-image-text__background {
	position: absolute !important;

	top: 0;
	bottom: 0;
	right: 0;
	left: 50%;

	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;

	min-height: 100%;

	margin: 0 !important;
	padding: 0 !important;

	flex: none !important;
	flex-grow: 0 !important;
	flex-shrink: 0 !important;

	z-index: 0;

	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;

	pointer-events: none;
}

@media (max-width: 1024px) {
    
    body .elementor-image-text__wrapper {
        max-width: 100%!important;
    }

	body .elementor-image-text {
		padding-top: 56px;
		padding-bottom: 56px;
	}

}

@media (max-width: 767px) {

	body .elementor-image-text {
		display: flex;
		flex-direction: column;

		padding: 0 16px 32px;
	}

	body .elementor-image-text--50-50
	.elementor-image-text__background,

	body .elementor-image-text--50-50-reverse
	.elementor-image-text__background {
		order: 1;

		position: relative !important;

		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;

		display: block !important;

		width: calc(100% + 32px) !important;
		max-width: none !important;
		min-width: 0 !important;

		height: 360px !important;
		min-height: 360px !important;

		margin: 0 -16px 0px !important;
		padding: 0 !important;

		flex: 0 0 auto !important;

		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;

		pointer-events: none;
	}

	body .elementor-image-text__inner {
		order: 2;

		width: 100%;
		max-width: 100%;

		margin: 0;
	}

	body .elementor-image-text--50-50
	.elementor-image-text__wrapper,

	body .elementor-image-text--50-50-reverse
	.elementor-image-text__wrapper {
		width: 100%;
		max-width: 100%;

		margin-left: 0;
		margin-right: 0;

		padding-left: 0;
		padding-right: 0;
	}

}

/* =========================================================
 * Woocommerce – komunikaty (globalnie)
 * Wygląd: .woocommerce-message / .woocommerce-info / .woocommerce-error
 * w każdym miejscu (notices wrapper, brak produktów, konto, checkout…).
 * Szerokość: tylko .woocommerce-notices-wrapper = 1200 px + 2 × 16 px,
 * tak jak .site-breadcrumbs. W pozostałych miejscach komunikat
 * dopasowuje się do kontenera, w którym się znajduje.
 * ========================================================= */

/* ---------- 1. Kontener komunikatów ---------- */

.woocommerce-notices-wrapper {
	box-sizing: border-box;
	width: 100%;
	max-width: 1232px; /* 1200 px + 2 × 16 px */
	margin: 0 auto;
	padding: 0 16px;
}

.woocommerce-notices-wrapper:empty {
	display: none;
}

.woocommerce-notices-wrapper:not(:empty) {
	padding-top: 24px;
}

/* W kontenerach, które mają już 1200 px i własne odstępy – bez dublowania */
body.arganove-account-panel .woocommerce-notices-wrapper,
.woocommerce-MyAccount-content .woocommerce-notices-wrapper,
.wp-block-woocommerce-cart .woocommerce-notices-wrapper,
.wp-block-woocommerce-checkout .woocommerce-notices-wrapper {
	max-width: none;
	padding-left: 0;
	padding-right: 0;
}

body.arganove-account-panel .woocommerce-notices-wrapper:not(:empty) {
	padding-top: 0;
}

/* ---------- 2. Pojedynczy komunikat – wszędzie ---------- */

body .woocommerce-message,
body .woocommerce-info,
body .woocommerce-error {
	box-sizing: border-box;
	position: relative;
	display: flow-root; /* zamyka float przycisku */
	width: 100%;
	margin: 0 0 24px;
	padding: 12px 24px;
	border: 0;
	border-radius: 0;
	background-color: #F4F4EB;
	box-shadow: none;
	color: #1C1A1A;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -.14px;
	list-style: none;
	text-align: left;
}

/* Domyślne ikony i clearfixy Woo – zbędne */
body .woocommerce-message::before,
body .woocommerce-info::before,
body .woocommerce-error::before,
body .woocommerce-message::after,
body .woocommerce-info::after,
body .woocommerce-error::after {
	display: none;
	content: none;
}

/* Odstępy zależne od miejsca */
.woocommerce-notices-wrapper > .woocommerce-message,
.woocommerce-notices-wrapper > .woocommerce-info,
.woocommerce-notices-wrapper > .woocommerce-error,
.woocommerce-NoticeGroup > .woocommerce-message,
.woocommerce-NoticeGroup > .woocommerce-info,
.woocommerce-NoticeGroup > .woocommerce-error {
	margin-bottom: 8px;
}

.woocommerce-notices-wrapper > *:last-child,
.woocommerce-NoticeGroup > *:last-child,
.woocommerce-no-products-found .woocommerce-info {
	margin-bottom: 0;
}

/* ---------- 3. Warianty (paleta motywu) ---------- */

body .woocommerce-message {
	background-color: #F4F4EB;
	box-shadow: inset 4px 0 0 #BEC9BD;
}

body .woocommerce-info {
	background-color: #FFE88E;
}

body .woocommerce-error {
	background-color: #FDEDED;
	box-shadow: inset 4px 0 0 #EE0000;
}

body .woocommerce-error li {
	margin: 0;
	padding: 0;
	list-style: none;
}

body .woocommerce-error li + li {
	margin-top: 4px;
}

body .woocommerce-message strong,
body .woocommerce-info strong,
body .woocommerce-error strong {
	font-weight: 700;
}

/* ---------- 4. Linki i przycisk ---------- */

body .woocommerce-message a:not(.button),
body .woocommerce-info a:not(.button),
body .woocommerce-error a:not(.button) {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* Przycisk (np. „Zobacz koszyk”) – styl linku jak .btn-link-custom.
   Nadpisuje globalne .woocommerce a.button (width: 100%, margin-top: auto !important). */
body .woocommerce-message .button,
body .woocommerce-info .button,
body .woocommerce-error .button,
body .woocommerce .woocommerce-message .button,
body .woocommerce .woocommerce-info .button,
body .woocommerce .woocommerce-error .button {
	float: right;
	display: inline-block;
	width: auto;
	min-width: 0;
	margin: 0 0 0 24px !important;
	padding: 0 4px 2px;
	border: 0;
	border-bottom: 1px solid #1C1A1A;
	border-radius: 0;
	background: transparent;
	color: #1C1A1A;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	white-space: nowrap;
	text-decoration: none;
}

body .woocommerce-message .button:hover,
body .woocommerce-message .button:focus,
body .woocommerce-info .button:hover,
body .woocommerce-info .button:focus,
body .woocommerce-error .button:hover,
body .woocommerce-error .button:focus,
body .woocommerce .woocommerce-message .button:hover,
body .woocommerce .woocommerce-info .button:hover,
body .woocommerce .woocommerce-error .button:hover {
	border-color: var(--e-global-color-primary, #1C1A1A);
	background: transparent;
	color: var(--e-global-color-primary, #1C1A1A);
}

body .woocommerce-message :focus-visible,
body .woocommerce-info :focus-visible,
body .woocommerce-error :focus-visible {
	outline: 2px solid #1C1A1A;
	outline-offset: 2px;
}

/* ---------- 5. Mobile ---------- */

@media (max-width: 767px) {
	.woocommerce-notices-wrapper:not(:empty) {
		padding-top: 16px;
	}

	body .woocommerce-message,
	body .woocommerce-info,
	body .woocommerce-error {
		padding: 12px 16px;
	}

	body .woocommerce-message .button,
	body .woocommerce-info .button,
	body .woocommerce-error .button,
	body .woocommerce .woocommerce-message .button,
	body .woocommerce .woocommerce-info .button,
	body .woocommerce .woocommerce-error .button {
		margin-left: 16px !important;
	}
}