body {
	background-color: transparent;
}

body.admin-bar header#myHeader {
	top: 72px;
}

.woocommerce div.product .single_add_to_cart_button:after,
.woocommerce .products .product a.single_add_to_cart_button:after {
	display: none !important;
}

.woocommerce ul.products li.product .product-bottom a.ajax_add_to_cart:after {
	display: none !important;
}

header#myHeader .extra-icon .middle_right_icons span {
	z-index: 9999;
}

header .middle_header .extra-icon .text-black {
	cursor: pointer;
}

header#myHeader .middle_header .extra-icon .middle_right_icons {
	cursor: pointer;
}

.woocommerce-checkout form.checkout.step_1 .orderBox #copy_place_order {
	cursor: pointer;
}

.woocommerce-checkout .site-main .steps_row .active.done {
	cursor: pointer;
}

.product-filter .category-filter div#product-category-list ul li.category-toggle ul.show {
	display: block;
}

/*****************************CSS FOR PRODUCT SLIDERS **************************/
.woocommerce ul.products {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 7px;
	row-gap: 30px;
}

.woocommerce ul.products li.product {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 8px;
	margin: 0;
	padding: 16px;
}

.woocommerce ul.products li.product {
	padding: 16px;
	border: 1px solid #ffffff;
}

.woocommerce ul.products li.product:hover {
	border: 1px solid #acc674;
	padding: 16px;
	border-radius: 10px;
}

.woocommerce ul.products li.product .product-top,
.woocommerce ul.products li.product .product-bottom {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
	align-items: center;
}

.woocommerce ul.products li.product .product-bottom .product-price,
.woocommerce ul.products li.product .product-bottom .product-button {
	display: flex;
	flex-direction: column;
	flex-basis: 100%;
	flex: 1;

}

.woocommerce ul.products li.product .product-bottom .product-button {
	text-align: right;
	display: block;
}

.woocommerce ul.products li.product .product-top .product-title h3 {
	font-size: 18px;
	font-weight: 600;
	margin-top: 10px;
	margin: 0;
	display: flex;
	flex-direction: column;
	padding: .5em 0;
	line-height: normal;
}

.woocommerce ul.products li.product .product-top .product-title h3:after {
	/*content: url("/app/uploads/2024/06/Stars.png");
	position: relative;
	bottom: -1px;
	width: 137px;
	*/
}

.woocommerce ul.products li.product .product-bottom .product-price .price {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: auto;
	padding: inherit;
	font-family: Inter;
	font-size: 22px;
	font-weight: 600;
	line-height: 22px;
	letter-spacing: 0.02em;
	text-align: left;
	color: #0c0c0c;
	margin: 0;
}

.woocommerce ul.products li.product .product-top .product-thumbnail span.onsale {
	font-size: 16px;
	padding: 4px 12px;
	border-radius: unset;
	top: 15px;
	left: unset;
	right: unset;
	line-height: unset;
	min-height: unset;
	margin: unset;
	background: #e21e1e;
	font-weight: 700;
	position: absolute;
	text-align: center;
	color: #fff;
}

.woocommerce ul.products li.product .product-top .product-thumbnail span.new {
	font-size: 16px;
	padding: 4px 12px;
	border-radius: unset;
	top: 15px;
	left: unset;
	right: unset;
	line-height: unset;
	min-height: unset;
	margin: unset;
	background: #acc674;
	font-weight: 700;
	position: absolute;
	right: 17px;
	color: #fff;
	z-index: 9;
}

.woocommerce ul.products li.product .product-bottom .product-price .price ins {
	background: 0 0;
	font-weight: 600;
	display: inline-block;
	text-decoration: none;
	font-size: inherit;
	margin: inherit;
}

.woocommerce ul.products li.product .product-bottom .product-price span.price ins bdi {
	color: #e21e1e;
}

.woocommerce ul.products li.product .product-bottom .product-price .price del {
	opacity: .5;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	color: #2d2c29;
}

.woocommerce ul.products li.product .product-bottom .product-price .price del span.woocommerce-Price-currencySymbol {
	position: relative;
}

.woocommerce ul.products li.product .product-bottom .product-price .price del span.woocommerce-Price-currencySymbol:after {
	content: url("/app/uploads/2024/07/Vector-1.png");
	top: 2px;
	right: -26px;
	position: absolute;
}

.woocommerce ul.products li.product .product-top .product-thumbnail img {
	border-radius: 4px;
}

.woocommerce ul.products li.product .product-bottom a.ajax_add_to_cart, .woocommerce ul.products li.product .product-bottom a.product-link-button {
	font-size: 100%;
	font-size: 16px;
	margin: 0;
	line-height: 1;
	cursor: pointer;
	position: relative;
	text-decoration: none;
	overflow: visible;
	padding: .618em 1em;
	font-weight: 600;
	border-radius: 3px;
	left: auto;
	color: #515151;
	background-color: #e9e6ed;
	border: 0;
	display: inline-block;
	background-image: none;
	box-shadow: none;
	text-shadow: none;
	background: #acc674;
	color: #fff;
	padding: 16px 32px 16px 50px;
	border-radius: 100px;
	min-height: auto;
}
.woocommerce ul.products li.product .product-bottom a.product-link-button {
    display: none;
}
.product_block_single .woocommerce ul.products li.product .product-bottom a.product-link-button {
	display: block;
	padding: 15px 30px;
	text-align: center;
}

.woocommerce ul.products li.product .product-bottom a.ajax_add_to_cart:before {
	content: "";
	background-image: url(/app/themes/auraherbals/img/icon-03-cart.svg);
	background-size: contain;
	width: 18px;
	height: 18px;
	position: absolute;
	filter: brightness(0) invert(1);
	left: 26px;
	top: 50%;
	transform: translateY(-52%);
}

.woocommerce ul.products li.product .product-bottom a.js-out-of-stock-button {
	background: #efefef !important;
	color: #000 !important;
	margin: 0 !important;
	height: 48px;
	min-height: 48px;
	box-sizing: border-box;
	padding: 6px 28px !important;
	border-radius: 100px !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	text-align: center;
	opacity: 1 !important;
	cursor: not-allowed;
	pointer-events: none;
}

.woocommerce ul.products li.product .product-bottom a.js-out-of-stock-button:before {
	display: none;
}

body.woocommerce-cart .related-products.row-container .woocommerce ul.products li.product .product-bottom a.js-out-of-stock-button {
	width: 126px;
	margin: 0 0 0 auto !important;
	padding: 0 32px !important;
	white-space: normal;
	word-break: keep-all;
	overflow-wrap: normal;
}

body.woocommerce-cart .related-products.row-container .woocommerce ul.products li.product .product-bottom {
	align-items: center;
}

body.woocommerce-cart .related-products.row-container .woocommerce ul.products li.product .product-bottom .product-button {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
}

body.woocommerce-cart .related-products.row-container .woocommerce ul.products li.product .product-bottom .product-button .screen-reader-text {
	display: none !important;
}

@media screen and (max-width: 768px) {
	.woocommerce ul.products li.product .product-bottom a.js-out-of-stock-button {
		height: 44px;
		min-height: 44px;
		width: 120px;
		padding: 0 12px !important;
		line-height: 1.15;
		white-space: normal;
		word-break: keep-all;
		overflow-wrap: normal;
	}
}



body.page-template-custom-cart-template .related-products.row-container.product-sec {
	padding-left: 0;
	padding-right: 0;
}

.related-products.row-container.product-sec .slick-track {
	display: flex;
	gap: 8px;
	gap: 20px;
}

.related-products.row-container .woocommerce ul.products li.product {
	width: 100%;
	height: 100%;
	border: 0;
}

.related-products.row-container .woocommerce ul.products li.product .product-top .product-title h3{
	border: 0 !important;
}

.related-products.row-container .woocommerce ul.products li.product .product-top .product-title h3 {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 135%;
	/* or 22px */
	letter-spacing: 0.01em;

	/* Colors/Aura-Green/1000 */
	color: #0C0C0C;


	/* Inside auto layout */
	flex: none;
	order: 0;
	align-self: stretch;
	flex-grow: 0;
}

.related-products.row-container .woocommerce ul.products li.product .product-bottom .product-price .price {
	font-family: Inter;
	font-size: 18px;
	font-weight: 600;
	line-height: 28px;
	letter-spacing: 0.02em;
	text-align: left;
	color: #0C0C0C;
}

.related-products.row-container .woocommerce ul.products li.product .product-top .product-thumbnail img {
	width: 280px;
	height: 180px;
	border-radius: 4px;
	flex: none;
	order: 0;
	align-self: stretch;
	flex-grow: 0;
	z-index: 0;
	margin: 0;
}

.related-products.row-container .woocommerce ul.products li.product .product-bottom .product-price .price del span.woocommerce-Price-currencySymbol:after {
	top: -2px;
}

.related-products.row-container .woocommerce ul.products li.product .product-top .product-thumbnail span.onsale {
	top: 0px;
	border-radius: 4px 0 0 0;
}

.blog-products .woocommerce ul.products li.product .product-bottom {
	display: none;
}


.bluk-product .woocommerce .woocommerce-ordering {
	display: block;
}

.product-filter .wpfFilterWrapper#wpfBlock_5 {
	display: none;
}

.bluk-product .woocommerce .woocommerce-ordering select.orderby {
	background: #F9F9F9;
	border: 0;
	padding: 10px;
	border-radius: 10px;
	font-family: Inter;
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
	text-align: left;
}



/************************ MY ACCOUNT PAGE CSS ****************************/
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation {
	width: 22%;
}

body.woocommerce-account .woocommerce-MyAccount-content {
	width: 73%;
}

body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul {
	list-style: none;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding: 24px 0px 32px;
	gap: 10px;
	background: #F9F9F9;
	box-shadow: 5.33333px 8px 4px rgba(0, 0, 0, 0.01), 2.66667px 5.33333px 4px rgba(0, 0, 0, 0.05), 1.33333px 2.66667px 2.66667px rgba(0, 0, 0, 0.09), 0px 0px 1.33333px rgba(0, 0, 0, 0.1);
	border-radius: 16px;
	flex: none;
	order: 0;
	flex-grow: 0;
}

body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li {
	padding: 0px 32px 0px 32px;
	gap: 10px;
	opacity: 1;
}

body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a {
	font-family: Inter;
	font-size: 18px;
	font-weight: 300;
	line-height: 27px;
	text-align: left;
	color: #0C0C0C;
}

.woocommerce-account .woocommerce-MyAccount-content h2 {
	font-family: Inter;
	font-size: 34px;
	font-weight: 500;
	line-height: 47.6px;
	letter-spacing: -0.02em;
	text-align: left;
	color: #0C0C0C;
}

.woocommerce-account .woocommerce-MyAccount-content h3 {
	font-family: Inter;
	font-size: 22px;
	font-weight: 400;
	line-height: 28.6px;
	letter-spacing: 0.02em;
	text-align: left;
	color: #0C0C0C;
	margin-bottom: 15px;
}

.woocommerce-account .woocommerce-MyAccount-content form.edit-account fieldset legend {
	font-family: Inter;
	font-size: 22px;
	font-weight: 400;
	line-height: 28.6px;
	letter-spacing: 0.02em;
	text-align: left;
	color: #0C0C0C;
	margin-bottom: 15px;
}

.flex-container {
	display: flex;
	flex-direction: row;
	font-size: 30px;
	text-align: center;

	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 0px;
	gap: 12px;
}

.flex-item {
	background-color: #f1f1f1;
	flex: 50%;
	gap: 12px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;

	background: #FFFFFF;
	flex: none;
	order: 1;
	flex-grow: 0;
	width: 50%;

}

.flex-item-box {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	border-radius: 16px;
	border: 1px 0px 0px 0px;
	opacity: 0px;
	border: 1px solid #8E8E8E;
	border: 1px solid #8E8E8E;
	border-radius: 16px;
	padding: 24px 32px 24px 32px;
	padding: 24px 32px;
	width: 85%;
}

.woocommerce-account .flex-item-box {
	opacity: 1;
}

.flex-item-box p.name {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 135%;
	letter-spacing: 0.01em;
	color: #0C0C0C;
	flex: none;
	order: 0;
	flex-grow: 0;
	text-align: left;
	margin: 0;
}

.flex-item-box p.email {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 150%;
	color: #0C0C0C;
	flex: none;
	order: 0;
	flex-grow: 0;
	margin: 0;
	text-align: left;
}

.flex-item-box p.phone {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 150%;
	color: #0C0C0C;
	margin: 0;
	text-align: left;
	flex: none;
	order: 1;
	flex-grow: 0;
}

.flex-item-box .flex-item-bottom ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 0px;
	gap: 12px;
}

.flex-item-box .flex-item-bottom ul li {
	font-family: Inter;
	font-size: 14px;
	font-weight: 400;
	line-height: 18.2px;
	letter-spacing: 0.02em;
	text-align: right;
	border-right: 1px solid #C3C3C3;
	padding: 0 10px 0 0;
	color: #8E8E8E;
	cursor: pointer;
	text-decoration: underline;
}

.flex-item-box .flex-item-bottom ul li:last-child {
	border: 0;
}

.flex-item-box .flex-item-bottom ul li img {
	width: 18px;
	height: 18px;
	margin-right: 10px;
}

.flex-item-box .flex-item-bottom ul li a {
	font-family: Inter;
	font-size: 14px;
	font-weight: 400;
	line-height: 18.2px;
	letter-spacing: 0.02em;
	text-align: right;
	color: #8E8E8E;
	cursor: pointer;
}

.flex-item-box .flex-item-bottom ul li a:before {
	content: "";
	background: url('/app/uploads/2024/06/edit.png') no-repeat 0 0;
	width: 18px;
	height: 18px;
	display: inline-block;
	margin: 0 5px 0 0;
	top: 3px;
	position: relative;
}

.flex-divider {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 8px;
	margin: 0;
	padding: 20px 0 20px 0;
}

.flex-divider hr {
	width: 100%;
	border: 1px solid #C3C3C3;
	border-top: 0;
	margin: 0;
}

.flex-container p.title {
	padding: 0;
	margin: 0;
	font-family: Inter;
	font-size: 22px;
	font-weight: 400;
	line-height: 28.6px;
	letter-spacing: 0.02em;
	text-align: left;
	color: #0C0C0C;
	margin-bottom: 10px;
}

.flex-container p.title span.manage-address {
	font-family: Inter;
	font-size: 14px;
	font-weight: 400;
	line-height: 18.2px;
	letter-spacing: 0.02em;
	text-align: right;
	color: #8E8E8E;
	padding-left: 15px;
	text-decoration: underline;
}

.flex-item-label {
	font-family: Inter;
	font-size: 18px;
	font-weight: 300;
	line-height: 27px;
	text-align: left;
	color: #0C0C0C;
}


form.edit-account .form-row .input-text {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	outline: 0;
	line-height: normal;
	border-radius: 12px;
	padding: 16px 24px;
	color: #8E8E8E;
	border: 1px solid #8E8E8E;
}

.flex-item-info {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 135%;
	letter-spacing: 0.01em;
	color: #0C0C0C;
	flex: none;
	order: 0;
	flex-grow: 0;
	text-align: left;
	margin: 0;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .form-row label {
	font-family: Inter;
	font-size: 18px;
	font-weight: 300;
	line-height: 27px;
	text-align: left;
	color: #8E8E8E;
	width: 100%;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .form-row input.input-text {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	outline: 0;
	line-height: normal;
	border-radius: 12px;
	padding: 16px 24px;
	color: #8E8E8E;
	border: 1px solid #8E8E8E;

}

form.edit-account .form-row .input-text {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	outline: 0;
	line-height: normal;
	border-radius: 12px;
	padding: 16px 24px;
	color: #8E8E8E;
	border: 1px solid #8E8E8E;
}

form.edit-account .form-row label {
	font-family: Inter;
	font-size: 18px;
	font-weight: 300;
	line-height: 27px;
	text-align: left;
	color: #8E8E8E;
	width: 100%;
}

h2 {
	font-family: Inter;
	font-size: 22px;
	font-weight: 400;
	line-height: 28.6px;
	letter-spacing: 0.02em;
	text-align: left;
}

form.edit-account .woocommerce-Button.button {
	padding: 12px 24px 12px 24px;
	gap: 4px;
	border-radius: 100px;
	opacity: 1;
	background: #ACC674;
	font-family: Inter;
	font-size: 18px;
	font-weight: 600;
	line-height: 24.3px;
	letter-spacing: 0.01em;
	text-align: left;
	color: #fff;
	margin-top: 15px;
}

form.edit-account .password-input {
	width: 100%;
}

.woocommerce .woocommerce-MyAccount-content form .form-row {
	margin-bottom: 15px;
}

.woocommerce .woocommerce-MyAccount-content form .form-row:last-child {
	margin-bottom: 0;
}

.woocommerce .woocommerce-MyAccount-content form .form-row .woocommerce-input-wrapper {
	width: 100%;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .form-row label {
	font-family: Inter;
	font-size: 18px;
	font-weight: 300;
	line-height: 27px;
	text-align: left;
	color: #8E8E8E;
	width: 100%;
	height: auto;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .form-row select,
.woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .form-row input.input-text {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	outline: 0;
	line-height: normal;
	border-radius: 12px;
	padding: 16px 24px;
	color: #8E8E8E;
	border: 1px solid #8E8E8E;

}

.woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields button.button {
	padding: 12px 24px 12px 24px;
	gap: 4px;
	border-radius: 100px;
/* 	opacity: 0px; */
	background: #ACC674;
	font-family: Inter;
	font-size: 18px;
	font-weight: 600;
	line-height: 24.3px;
	letter-spacing: 0.01em;
	text-align: left;
	color: #fff;
	margin-top: 15px;
}

body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active {
	border-left: 4px solid #ACC674;
	padding-left: 28px;
}

body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
	color: #CC3E42;
	text-decoration-line: underline;
}

body.woocommerce-account .woocommerce-MyAccount-content form.edit-account .form-row label {
	display: none;
}

/*
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields p#billing_wooccm11_field{
	display: none;
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields #billing_wooccm14_field{
	display: none;
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields p#billing_wooccm12_field{
	display: none;
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields p#billing_wooccm16_field{
	display: none;
}
*/
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields #billing_postcode_field {
	width: 49%;
	clear: inherit;
	display: inline-block;
	margin-right: 2%;
}

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields #billing_city_field {
	width: 49%;
	clear: inherit;
	display: inline-block;
}



.account-orders .order {
	border: 1px solid #C3C3C3;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0px;
	gap: 24px;

	border: 1px solid #C3C3C3;
	border-radius: 16px;
	flex: none;
	order: 0;
	flex-grow: 0;
	margin-bottom: 20px;
}

.account-orders .order .order-info.pending,
.account-orders .order .order-info.processing,
.account-orders .order .order-info.on-hold,
.account-orders .order .order-info.checkout-draft {
	background: #F2F1EF;
}

.account-orders .order .order-info.completed {
	background: #E6EED5;
}

.account-orders .order .order-info.failed,
.account-orders .order .order-info.refunded,
.account-orders .order .order-info.cancelled {
	background: #ff757599;
}

.account-orders .order .order-info {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 16px 32px;
	gap: 16px;

	background: #F2F1EF;
	border-radius: 16px;
	flex: none;
	order: 0;
	flex-grow: 0;
	color: #0C0C0C;
	align-items: normal;
	max-width: 295px;
	min-width: 295px;
}

.account-orders .order .order-info .title {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 145%;
	letter-spacing: 0.02em;
	color: #0C0C0C;
	flex: none;
	order: 0;
	flex-grow: 0;
	margin: 0;
}

.account-orders .order .order-info .order-bottom {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
	align-items: center;
}

.account-orders .order .order-info .product-price,
.account-orders .order .order-info .product-button {
	display: flex;
	flex-direction: column;
	flex-basis: 100%;
	flex: 1;
}

.account-orders .order .order-info .product-button {
	text-align: right;
	display: block;
}

.account-orders .order .order-info .product-button a.woocommerce-button.view {
	font-size: 16px;
	margin: 0;
	line-height: 1;
	cursor: pointer;
	position: relative;
	text-decoration: none;
	overflow: visible;
	padding: .618em 1em;
	font-weight: 600;
	border-radius: 3px;
	left: auto;
	color: #515151;
	background-color: #e9e6ed;
	border: 0;
	display: inline-block;
	background-image: none;
	box-shadow: none;
	text-shadow: none;
	background: #acc674;
	color: #fff;
	padding: 16px 32px 16px 32px;
	border-radius: 100px;
	min-height: auto;
}

.account-orders .order-product-image {
	display: inline-block;
	margin-right: 10px;
}

.account-orders .order .order-info p {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 27px;
	color: #0C0C0C;
	flex: none;
	order: 0;
	flex-grow: 0;
	margin: 0;
}

.woocommerce-order-details .order-again-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0px;
	gap: 10px;
	flex: none;
	order: 3;
	align-self: stretch;
	flex-grow: 0;
}

.woocommerce-order-details .order-again-box a.order-again-button {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0px;
	flex: none;
	order: 0;
	flex-grow: 0;
	background: #ACC674;

	font-family: Inter;
	font-size: 18px;
	font-weight: 600;
	line-height: 24.3px;
	letter-spacing: 0.01em;
	text-align: left;
	color: #FFFFFF;
	padding: 16px 32px 16px 32px;
	gap: 4px;
	border-radius: 100px;
	opacity: 1;
}

.woocommerce-order-details .order-customer-infobox {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 24px 16px;
	gap: 0;
	isolation: isolate;
	background: #FFFFFF;
	border: 1px solid #8E8E8E;
	border-radius: 16px;
	flex: none;
	order: 1;
	align-self: stretch;
	flex-grow: 0;
}

.woocommerce-order-details .order-customer-infobox p {
	color: #0C0C0C;
	font-family: Inter;
	font-size: 18px;
	font-weight: 300;
	line-height: 27px;
	text-align: left;
	margin: 0;
}

.woocommerce-order-details .order-customer-infobox p.name {
	font-family: Inter;
	font-size: 18px;
	font-weight: 600;
	line-height: 24.3px;
	letter-spacing: 0.01em;
	text-align: left;
	color: #0C0C0C;
}

.woocommerce-order-details .order-customer-box .title {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 135%;
	display: flex;
	align-items: center;
	letter-spacing: 0.01em;
	color: #0C0C0C;
	flex: none;
	order: 0;
	flex-grow: 0;
}

.woocommerce-order-details .order-customer-box {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0px;
	gap: 16px;
	-ms-flex: 0 0 48%;
	flex: 0 0 48%;
	max-width: 48%;
}

.woocommerce-order-details .order-customer-info {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 0px;
	gap: 32px;
	flex: none;
	order: 0;
	align-self: stretch;
	flex-grow: 0;

}

.woocommerce-order-details .order-payment-box div.label {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 135%;
	display: flex;
	align-items: center;
	letter-spacing: 0.01em;
	color: #0C0C0C;
	flex: none;
	order: 0;
	flex-grow: 0;
}

.woocommerce-order-details .order-payment-info {
	display: flex;
	justify-content: space-between;
}

.woocommerce-order-details .order-payment-box {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0px;
	gap: 16px;
	flex: none;
	order: 0;
	flex-grow: 0;
	width: 33%;
}

.woocommerce-order-details .order-total-info {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0px;
	gap: 16px;
	flex: none;
	order: 0;
	align-self: stretch;
	flex-grow: 0;
}

.woocommerce-order-details .order-total-row {
	display: flex;
	flex-direction: row;
	justify-content: normal;
	align-items: flex-start;
	padding: 0px;
	gap: 0;
	flex: none;
	order: 0;
	align-self: stretch;
	flex-grow: 0;

}

.woocommerce-order-details .order-total-label {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 150%;
	display: flex;
	align-items: center;
	text-align: right;
	color: #0C0C0C;
	flex: none;
	order: 1;
	flex-grow: 1;
}

.woocommerce-order-details .order-total-label.summary {
	font-family: Inter;
	font-size: 18px;
	font-weight: 600;
	line-height: 24.3px;
	letter-spacing: 0.01em;
	text-align: left;
}

.woocommerce-order-details .order-total-value {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 150%;
	display: flex;
	align-items: revert;
	text-align: right;
	color: #0C0C0C;
	flex: none;
	order: 1;
	flex-grow: 1;
	text-align: right;
	justify-content: right;
}

.woocommerce-order-details .order {
	border: 1px solid #C3C3C3;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0px;
	gap: 24px;

	border: 1px solid #C3C3C3;
	border-radius: 16px;
	flex: none;
	order: 0;
	flex-grow: 0;
	align-items: normal;
}

.woocommerce-order-details .order .order-info.pending,
.woocommerce-order-details .order .order-info.processing,
.woocommerce-order-details .order .order-info.on-hold,
.woocommerce-order-details .order .order-info.checkout-draft {
	background: #F2F1EF;
}

.woocommerce-order-details .order .order-info.completed {
	background: #E6EED5;
}

.woocommerce-order-details .order .order-info.failed,
.woocommerce-order-details .order .order-info.refunded,
.woocommerce-order-details .order .order-info.cancelled {
	background: #ff757599;
}

.woocommerce-order-details .order .order-info {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 16px 32px;
	gap: 16px;

	background: #F2F1EF;
	border-radius: 16px;
	flex: none;
	order: 0;
	flex-grow: 0;
	color: #0C0C0C;
	align-items: normal;
	max-width: 295px;
	min-width: 295px;
}

.woocommerce-order-details .order .order-info .title {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 145%;
	letter-spacing: 0.02em;
	color: #0C0C0C;
	flex: none;
	order: 0;
	flex-grow: 0;
	margin: 0;
}

.woocommerce-order-details .order-product-image {
	display: inline-block;

}

.woocommerce-order-details .order-product-image img {
	max-width: inherit;
}

.woocommerce-order-details .order .order-info p {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 27px;
	color: #0C0C0C;
	flex: none;
	order: 0;
	flex-grow: 0;
	margin: 0;
}

.woocommerce-order-details .order-product {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	padding: 0px;
	flex: none;
	order: 0;
	align-self: stretch;
	flex-grow: 0;
	gap: 20px;
}

.woocommerce-order-details .order .order-item-details {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 40px 24px 40px 0px;
	gap: 24px;
	flex: auto;
	order: 0;
	flex-grow: 0;
	align-items: normal;
}

.woocommerce-order-details .order .order-item-details .order-product .product-name {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0px;
	gap: 12px;
}

.woocommerce-order-details .order-product-divider {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	width: 70%;
	border: 1px solid #C3C3C3;
	flex: none;
	order: 0;
	align-self: stretch;
	flex-grow: 0;
	margin-left: 30%;
}

.woocommerce-order-details .order-product-divider:last-child {
	display: none;
}

.woocommerce-order-details .order-separator {
	border: 1px solid #C3C3C3;
	/*flex: none;
	order: 1;
	align-self: stretch;
	flex-grow: 0;*/
}

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details__title {
	display: none;
}

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-order-details__title {
	display: block;
}

body.woocommerce-account .woocommerce-MyAccount-content table.shop_table.order_details {
	display: none;
}

.woocommerce-order-details .order-shipping .order-total-value small.shipped_via {
	display: none;
}

#custom_ship_bill_details .content_box p.editBill img,
#custom_ship_bill_details .content_box p.editRec img {
	display: none;
}

#custom_ship_bill_details .content_box p.editBill span,
#custom_ship_bill_details .content_box p.editRec span {
	font-family: Inter;
	font-size: 14px;
	font-weight: 400;
	line-height: 18.2px;
	letter-spacing: 0.02em;
	text-align: right;
	color: #8E8E8E;
	cursor: pointer;
	text-decoration: underline;
}

#custom_ship_bill_details .content_box p.editBill span:before,
#custom_ship_bill_details .content_box p.editRec span:before {
	content: "";
	background: url('/app/uploads/2024/06/edit.png') no-repeat 0 0;
	width: 18px;
	height: 18px;
	display: inline-block;
	margin: 0 5px 0 0;
	top: 3px;
	position: relative;
}

form.checkout.woocommerce-checkout p#copy_place_order {
	cursor: pointer;
}

.back-btn a.backLink {
	position: relative;
	margin-left: 24px;
	border-bottom: 1px solid #0c0c0c;
}

.back-btn a.backLink:before {
	content: "" !important;
	width: 14px;
	height: 14px;
	transition: 0.5s;
	float: left;
	box-shadow: -2px 2px 0 #454f2e;
	transform: rotate(45deg);
	top: 4px;
	/* right: -15px; */
	left: -24px;
	position: absolute;
}

.catgory-wrap .bluk-product .woocommerce ul.products {
	gap: 0;
}

.catgory-wrap .bluk-product .woocommerce ul.products li.product {
	width: 33.33%;
}

.bluk-product .woocommerce ul.products li.product {
	width: 32.75%;
}

.woocommerce-shipping-fields h3#ship-to-different-address {
	margin: 20px 0;
}

/* Desktop Header */
.image-banner .mobile-header-banner {
	display: none;
}

.category-thumbnail.row-container .mobile-header-image {
	display: none;
}

.category-thumbnail.row-container .mobile-header-image img {
	width: 100%;
	height: 100%;
}

.mobile_images_block .image {
	border-radius: 4px;
	overflow: hidden;
}

.mobile_images_block .image::before {
	content: '';
	display: block;
	padding-bottom: 50%;
}

.mobile_images_block ._col_large .image::before {
	padding-bottom: 25%;
}

.mobile_images_block ._row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -12px;
}

.mobile_images_block ._col {
	width: 50%;
	padding: 0 12px;
	margin-top: 24px;
}

.mobile_images_block ._col_large {
	width: 100%;
}

body.page-template-promocje-template .custom_pg .mobile_images_block {
	display: none;
}

.woocommerce .woocommerce-MyAccount-content form .form-row#billing_wooccm12_field span.optional {
	display: none
}

form.checkout.woocommerce-checkout .form-row.place-order .form-row#billing_wooccm12_field span.optional {
	display: none
}


.woocommerce .woocommerce-MyAccount-content form.woocommerce-EditAccountForm.edit-account .form-row.form-row-first,
.woocommerce .woocommerce-MyAccount-content form.woocommerce-EditAccountForm.edit-account .form-row.form-row-last {
	width: 49%;
}

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields .form-row.form-row-first,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields .form-row.form-row-last {
	width: 49%;
}

section.cart-section .woocommerce .woocommerce-notices-wrapper {
	grid-column: 1 / -1;
	display: block;
}

form.checkout.woocommerce-checkout {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

form.checkout.woocommerce-checkout .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
	flex: 0 0 100%;
	display: block;
}

form.checkout.woocommerce-checkout .col2-set {
	flex: 1 1 calc(33.333% - 20px);
}

.woocommerce.custom_prdblk.common_arw ul.products li.product {
	width: 32%;
	padding: 10px;
}

.woocommerce.custom_prdblk.common_arw ul.products li.product:hover {
	padding: 10px;
}

.woocommerce.custom_prdblk.common_arw ul.products li.product .product-top .product-thumbnail span.onsale {
	top: 10px;
	border-top-left-radius: 4px;
}

.mobile_filter {
	position: fixed;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #000;
	padding: 7px 30px;
	color: #fff;
	border-radius: 30px;
	border: 2px solid #101010;
	font-weight: 700;
	text-transform: uppercase;
	display: none;
	z-index: 10;
}

.mobile_filter svg {
	height: 11.5px;
	margin-right: 8px;
	width: 11.5px;
}
.mobile_filter_header {
	display: none;
}

/* ─── Blog Search ─────────────────────────────────────────────────── */

/* Breadcrumbs bar: breadcrumbs po lewej, wyszukiwarka po prawej */
.bss-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
}

.bss-bar .breadcrumbs {
    flex: 1;
    min-width: 0;
}

/* Wiersz z h1 i triggerem mobile */
.blog-h1-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.blog-h1-row .blog-title {
    flex: 1;
    margin: 0;
}

/* Widocznosc: desktop / mobile / zawsze */
.bss-desktop { display: flex; }
.bss-mobile  { display: none; width: auto; align-items: center; transition: width 0.3s; }
.bss-always  { display: flex; }

/* Wspolny wrapper */
.blog-search-wrapper {
    position: relative;
    width: 280px;
    flex-shrink: 0;
}

/* Trigger ikona na mobile */
.bss-mobile-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    cursor: pointer;
    color: #555;
    flex-shrink: 0;
}

/* Mobile input: schowany do momentu aktywacji */
.bss-mobile .bss-mobile-input {
    width: 0;
    padding: 0;
    border-color: transparent;
    opacity: 0;
    pointer-events: none;
    transition: width 0.3s, opacity 0.25s, padding 0.3s;
}

/* Mobile: rozwiniety */
.bss-mobile.bss-active {
    width: 100%;
    flex: 1;
}

.bss-mobile.bss-active .bss-mobile-input {
    width: 100%;
    padding: 11px 44px 11px 16px;
    border-color: #ddd;
    opacity: 1;
    pointer-events: auto;
}

/* H1 row rozwiniety: tytul schodzi pod input */
.blog-h1-row.bss-expanded {
    flex-wrap: wrap;
}

.blog-h1-row.bss-expanded .blog-title {
    order: 2;
    width: 100%;
    margin-top: 8px;
}

.blog-h1-row.bss-expanded .bss-mobile {
    order: 1;
    width: 100%;
}

/* Input */
.blog-search-input {
    width: 100%;
    padding: 11px 44px 11px 16px;
    border: 1px solid #ddd;
    border-radius: 50px;
    font-size: 15px;
    font-family: inherit;
    font-weight: 400;
    color: #333;
    background: #fff;
    box-sizing: border-box;
    outline: none;
    transition: border-color 0.2s;
}

.blog-search-input:focus {
    border-color: #aaa;
}

.blog-search-input::placeholder {
    color: #aaa;
    font-weight: 300;
}

.blog-search-icon {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    pointer-events: none;
    display: flex;
    align-items: center;
}

/* Dropdown */
.blog-search-dropdown {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 6px 18px rgba(0,0,0,.10);
    z-index: 999;
    overflow: hidden;
	padding-top: 24px !important;
}

.bsr-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px 16px;
    text-decoration: none;
    color: #333;
    border-bottom: 1px solid #f0f0f0;
    font-size: 14px;
    transition: background 0.15s;
}

.bsr-item:last-of-type { border-bottom: none; }

.bsr-item:hover {
    background: #f5f5f5;
    color: #333;
}

.bsr-title {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 8px;
}

.bsr-arrow {
    color: #bbb;
    font-size: 20px;
    line-height: 1;
    flex-shrink: 0;
}

.bsr-more {
    display: block;
    padding: 11px;
	padding-left: 0px;
    font-size: 14px;
    color: #555;
    text-decoration: underline;
    text-align: center;
    background: #fafafa;
	margin-bottom: 0px !important;
    transition: background 0.15s;
}

.bsr-more:hover {
    color: #333;
}

@media (max-width: 768px) {
    .bss-desktop { display: none; }
    .bss-mobile  { display: flex; }
    .bss-always  { width: 100%; margin-top: 8px; }
    .blog-search-wrapper.bss-always { width: 100%; }
}

.mobile_filter>* {
	display: inline-block;
	vertical-align: middle;
}


.pswp__bg {
	background: #0b0b0b !important;
	opacity: 0.8 !important;
}


@media (min-width: 991px) {
	form.checkout.woocommerce-checkout {
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
	}

	form.checkout.woocommerce-checkout .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
		flex: 0 0 100%;
		display: block;
	}

	form.checkout.woocommerce-checkout .col2-set {
		flex: 1 1 calc(33.333% - 20px);
	}
}


/* Mobile Header */
@media screen and (max-width: 768px) {
	.image-banner .mobile-header-banner {
		display: block;
	}

	.image-banner .header-banner {
		display: none;
	}

	.category-thumbnail.row-container .mobile-header-image {
		display: block;
	}

	.category-thumbnail.row-container .category-thumbnail {
		display: none;
	}

	body.page-template-promocje-template .custom_pg .images_block {
		display: none;
	}

	body.page-template-promocje-template .custom_pg .mobile_images_block {
		display: block;
	}

	.mobile_images_block ._row {
		margin: 0;
	}

	.mobile_images_block ._col {
		width: 100%;
		padding: 0px;
		margin-top: 20px;
	}
	.mobile_filter, .mobile_filter_header {
		display: block;
	}
}

@media (max-width: 991px) {
	.flex-container {
		flex-direction: column;
	}

	.bg-middle-light #mega-menu-wrap-primary #mega-menu-primary {
		margin: auto;
		text-align: center;
	}

	header .bg-middle-light.bottom_header .container {
		max-width: 100%;
	}

}

@media (min-width: 768px) {
	header .bg-middle-light.bottom_header .justify-content-center .col {
		padding: 0;
	}
}

@media screen and (max-width: 640px) {
	body.home .blog-entry p.blog-category-name {
		font-size: 10px;
	}

	body.home .blog-entry p.author {
		font-size: 12px;
	}
}

@media screen and (max-width: 640px) {
	.payment_method_przelewy24_extra_154 img {
		height: 30px;
	}
}

.cblock.cats_block .cat_block .cattitle {
	display: none !important;
}

/* Ukryj oryginalne powiadomienia Xootix side cart */
.xoo-wsc-container .xoo-wsc-notice-container[data-section="cart"] {
	display: none !important;
}

/* Side cart powiadomienia WooCommerce */
.xoo-wsc-container .xoo-wsc-custom-notice {
	padding: 0 15px;
}

.xoo-wsc-container .xoo-wsc-custom-notice .woocommerce-message,
.xoo-wsc-container .xoo-wsc-custom-notice .woocommerce-error {
	padding: 1em 1.5em;
	margin: 10px 0;
	border-radius: 3px;
	font-size: 14px;
	line-height: 1.5;
}

.xoo-wsc-container .xoo-wsc-custom-notice .woocommerce-error {
	background-color: #f8d7da;
	color: #721c24;
	border: 1px solid #f5c6cb;
	list-style: none;
}

.xoo-wsc-container .xoo-wsc-custom-notice .woocommerce-message {
	background-color: #d4edda;
	color: #155724;
	border: 1px solid #c3e6cb;
	list-style: none;
}

.xoo-wsc-container .xoo-wsc-custom-notice .woocommerce-message::before,
.xoo-wsc-container .xoo-wsc-custom-notice .woocommerce-error::before {
	content: none;
}

@media screen and (max-width: 768px) {
    .woocommerce-cart-form td.product-price .original-price,
    .woocommerce-cart-form td.product-price .sale-price {
        position: relative !important;
        top: 60px !important; 
    }

    .woocommerce-cart-form td.product-price .woocommerce-product-lowest-price {
        position: relative !important;
        top: 60px !important; 
        padding-bottom: 30px !important;
    }
	.cart-section .woocommerce .woocommerce-cart-form table td.product-name:not(:has(a)) {
	    display: block !important;
		text-align: left !important;
		white-space: normal !important;
		padding-right: 90px !important;
		width: 100% !important;
		padding-left: 10px !important;
		padding-bottom: 40px !important;
		font-weight: 600 !important;
		color: #0c0c0c !important;
		line-height: 16px !important;
	}
	/* 4. Ikona 'Moje konto' dla menu mobilnego (PANCERNA WERSJA) */
ul#mega-menu-primary a.mega-menu-link.dashicons-admin-users::before {
    content: '' !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    margin-right: 10px !important;
    vertical-align: middle !important;
    position: relative !important;
    top: -2px !important;
    background-color: currentColor !important;
    /* Używamy w 100% bezpiecznego, zakodowanego SVG (Oryginalny kształt "User Solid") */
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z'/%3E%3C/svg%3E") no-repeat center / contain !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z'/%3E%3C/svg%3E") no-repeat center / contain !important;
    font-family: inherit !important;
}
}

@media screen and (min-width: 768px) {
	/* --- OPTYMALIZACJA MAX MEGA MENU (BEZ DASHICONS) --- */

/* 1. Usunięcie domyślnej strzałki TYLKO w głównym menu (TOP LEVEL - np. 'Produkty') */
#mega-menu-primary > li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator::before {
    content: none !important;
    display: none !important;
}

/* 2. Nowa strzałka w CSS (TYLKO TOP LEVEL) */
#mega-menu-primary > li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator::after {
    content: '' !important;
    display: inline-block !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 4px solid transparent !important;
    border-right: 4px solid transparent !important;
    border-top: 5px solid currentColor !important;
    background: transparent !important;
    margin-left: 8px !important;
    vertical-align: middle !important;
    font-family: inherit !important;
    transition: transform 0.2s ease-in-out !important;
}

/* 4. Ikona 'Moje konto' w menu mobilnym */
a.mega-menu-link.dashicons-admin-users::before {
    content: '' !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    margin-right: 10px !important;
    vertical-align: middle !important;
    background-color: currentColor !important;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>') no-repeat center / contain !important;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>') no-repeat center / contain !important;
    font-family: inherit !important;
}

/* 5. NAPRAWA PODMENU (np. 'Suplementy diety') - przywracamy im oryginalne ikony */
#mega-menu-primary ul.mega-sub-menu a.mega-menu-link span.mega-indicator::before {
    content: none !important;
    display: none !important;
}

}

/* ================================================
   Blog Live Search – Aura Herbals
   Design: unified card popover, pill input, chevron icon
   ================================================ */

/* --- Breadcrumb bar z wyszukiwarką (desktop) --- */
.bss-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

.bss-bar .breadcrumbs {
    display: flex;
    align-items: center;
    padding-top: 0;
}

@media (min-width: 769px) {
	.bss-bar {
		align-items: flex-start;
	}

	.bss-bar .breadcrumbs,
	.custom_pg .bss-bar .breadcrumbs {
		flex: 0 0 calc((100% - 20px) / 2);
		width: calc((100% - 20px) / 2);
		max-width: calc((100% - 20px) / 2);
		display: block;
		white-space: normal;
		overflow-wrap: anywhere;
		margin-top: 24px !important;
		padding-top: 0;
	}

	.bss-bar .blog-search-wrapper,
	.bss-bar .blog-search-wrapper.bss-desktop {
		flex: 0 0 calc((100% - 20px) / 2);
		width: calc((100% - 20px) / 2);
		max-width: calc((100% - 20px) / 2);
		margin-top: 20px !important;
	}

    /* Desktop: only bss-bar search; hide duplicate in h1-row */
    .blog-h1-row .blog-search-wrapper.bss-h1-search {
        display: none !important;
    }
}

/* --- Wiersz z tytułem h1 i wyszukiwarką (mobile) --- */
.blog-h1-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 12px;
}

/* --- Główny kontener wyszukiwarki --- */
.blog-search-wrapper {
    position: relative;
    box-sizing: border-box;
}

.blog-search-wrapper.bss-desktop {
    width: 50%;
    max-width: 50%;
    flex-shrink: 0;
}

/* Na desktopie: bss-mobile jest ukryty */
.blog-search-wrapper.bss-mobile {
    display: none;
}

/* Desktop: bss-desktop – magnifier widoczny, chevron ukryty; zamiana po aktywacji */
.blog-search-wrapper.bss-desktop .bsi-magnifier,
.blog-search-wrapper.bss-always .bsi-magnifier { display: flex; }
.blog-search-wrapper.bss-desktop .bsi-chevron,
.blog-search-wrapper.bss-always .bsi-chevron   { display: none; }
.blog-search-wrapper.bss-desktop.bss-active .bsi-magnifier,
.blog-search-wrapper.bss-always.bss-active .bsi-magnifier { display: none; }
.blog-search-wrapper.bss-desktop.bss-active .bsi-chevron,
.blog-search-wrapper.bss-always.bss-active .bsi-chevron   { display: flex; }

/* --- Input – pill shape --- */
.blog-search-input {
    display: block;
    width: 100%;
    height: 48px;
    padding: 10px 48px 10px 22px;
    border: 1.5px solid #d8d8d8;
    border-radius: 50px;
    background: #ffffff;
    font-size: 15px;
    font-family: inherit;
    color: #0c0c0c;
    outline: none;
    box-sizing: border-box;
    transition: border-color 0.2s;
    -webkit-appearance: none;
    appearance: none;
}

.blog-search-input::placeholder {
    color: #b0b0b0;
    font-weight: 300;
}

.blog-search-input:focus {
    border-color: #b8b8b8;
}

/* Keep input above dropdown – below sticky header (1030) */
.blog-search-wrapper {
    position: relative;
    z-index: 50;
}

.blog-search-input {
    position: relative;
    z-index: 2;
}

/* --- Ikona magnifier --- */
.blog-search-icon {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    color: #677746;
	pointer-events: auto;
	cursor: pointer;
    z-index: 3;
}

/* --- Dropdown – connects seamlessly to the input from its midpoint --- */
.blog-search-dropdown {
    position: absolute;
    top: 24px; /* half of 48px input height */
    left: 0;
    width: 100%;
    background: #ffffff;
    border-radius: 0 0 24px 24px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.13);
    z-index: 1;
    overflow: hidden;
    box-sizing: border-box;
	padding: 32px 0 12px 0px; /* top padding clears the input overlap */
}

/* --- Pojedynczy wynik – bez separatorów, bez strzałek --- */
.bsr-item {
    display: block;
    padding: 10px 22px;
    text-decoration: none;
    color: #1a1a1a;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    border: none;
    transition: background-color 0.12s;
}

.bsr-item:hover,
.bsr-item:focus {
    background-color: #F2F2F2;
    color: #1a1a1a;
    text-decoration: none;
}

.bsr-title {
    display: block;
}

/* Ukryta strzałka przy każdym wyniku */
.bsr-arrow {
    display: none;
}

/* --- "Pokaż więcej wpisów" – ciemny tekst, zwykłe podkreślenie --- */
.bsr-more {
    display: inline-block;
	margin: 12px 22px 0;
    font-size: 14 px;
    font-weight: 400;
    color: #1a1a1a;
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-color: #1a1a1a;
    line-height: 1.4;
    background: transparent;
    transition: color 0.15s;
	padding-top: 0 !important;
}

.bsr-more:hover {
    color: #0c0c0c;
    text-decoration: underline;
}


/* ================================================
   Mobile (max-width: 768px)
   ================================================ */
@media (max-width: 768px) {

	.custom_pg .bss-bar {
		margin-top: 32px;
	}

	.blog-posts .row-container > .blog-h1-row,
	.blog-wrappers .row-container > .blog-h1-row {
		margin-top: 32px;
	}

    /* bss-bar: wyśrodkuj zawartość */
    .bss-bar {
        justify-content: center;
    }

    /* Ukryj breadcrumby w bss-bar na mobile */
    .bss-bar .breadcrumbs {
        display: none;
    }

    /* Mobile: ukryj wyszukiwarkę w bss-bar – pokazujemy tylko h1-row */
    .bss-bar .blog-search-wrapper.bss-desktop {
        display: none;
    }

    /* single.php: wyszukiwarka na pełną szerokość z paddingiem kontenera */
    .blog-search-wrapper.bss-always {
        width: 100%;
        max-width: 100%;
    }

    /* bss-desktop zawsze widoczny na mobile – domyślnie 50% */
    .blog-search-wrapper.bss-desktop {
        display: block;
        width: 50%;
        max-width: 50%;
        flex-shrink: 0;
        transition: width 0.3s ease, max-width 0.3s ease;
    }

    /* Po aktywacji: pełna szerokość */
    .blog-search-wrapper.bss-desktop.bss-active {
        width: 100%;
        max-width: 100%;
    }

	/* Ikona: po aktywacji zawsze zamiana lupa -> > */
	.blog-search-wrapper.bss-desktop .bsi-magnifier,
	.blog-search-wrapper.bss-always .bsi-magnifier { display: flex; }
	.blog-search-wrapper.bss-desktop .bsi-chevron,
	.blog-search-wrapper.bss-always .bsi-chevron   { display: none; }

	.blog-search-wrapper.bss-desktop.bss-active .bsi-magnifier,
	.blog-search-wrapper.bss-always.bss-active .bsi-magnifier { display: none; }
	.blog-search-wrapper.bss-desktop.bss-active .bsi-chevron,
	.blog-search-wrapper.bss-always.bss-active .bsi-chevron   { display: flex; }

    /* W blog-posts: ukryj bss-bar (search jest w blog-h1-row) */
    .blog-posts .bss-bar {
        display: none;
    }

    /* bss-h1-search: po prawej stronie, 50% szerokości */
    .blog-search-wrapper.bss-h1-search {
        order: 1;
        flex: 0 0 50%;
        min-width: 0;
        transition: flex-basis 0.35s ease;
    }

    /* Input visible – pill pokazana przed kliknięciem */
    .blog-search-wrapper.bss-h1-search .blog-search-input {
        opacity: 1;
        pointer-events: auto;
    }

    /* Active: rozsuwa się w lewo wypełniając cały rząd */
    .blog-search-wrapper.bss-h1-search.bss-active {
        flex: 1 1 100%;
    }

    /* Ikona lupy: klikalna na mobile w bss-h1-search */
    .blog-search-wrapper.bss-h1-search .blog-search-icon {
        pointer-events: auto;
        cursor: pointer;
    }

    /* Zamiana ikony: lupa → chevron po aktywacji */
    .blog-search-wrapper.bss-h1-search .bsi-magnifier { display: flex; }
    .blog-search-wrapper.bss-h1-search .bsi-chevron   { display: none; }
    .blog-search-wrapper.bss-h1-search.bss-active .bsi-magnifier { display: none; }
    .blog-search-wrapper.bss-h1-search.bss-active .bsi-chevron   { display: flex; }

    .blog-search-wrapper.bss-h1-search.bss-active .blog-search-input {
        opacity: 1;
        pointer-events: auto;
    }

    /* Płynne chowanie tytułu w lewo – bez skoku */
    .blog-h1-row .blog-title {
        flex: 1 1 auto;
        min-width: 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        transition: flex-basis 0.35s ease, opacity 0.25s ease;
    }
    .blog-h1-row .blog-title.bss-title-hidden {
        flex: 0 0 0;
        opacity: 0;
        pointer-events: none;
    }

    /* Na desktopie: bss-mobile jest ukryty (override) */
    .blog-search-wrapper.bss-mobile {
        display: flex;
        align-items: center;
        flex-shrink: 0;
    }

    /* Trigger (ikona lupy) – widoczna domyślnie */
    .bss-mobile .bss-mobile-trigger {
        display: inline-flex;
        align-items: center;
        cursor: pointer;
        color: #0c0c0c;
        padding: 4px;
        line-height: 1;
    }

    /* Input mobilny – ukryty dopóki nie aktywowany */
    .bss-mobile .blog-search-input {
        display: none;
        width: 100%;
        box-sizing: border-box;
    }

    /* Stan aktywny: trigger chowa się, input pojawia */
    .bss-mobile.bss-active .bss-mobile-trigger {
        display: none;
    }

    .bss-mobile.bss-active .blog-search-input {
        display: block;
        max-width: 100%;
    }

    /* Blog h1 row – gdy input otwarty */
    .blog-h1-row.bss-expanded {
        flex-wrap: nowrap;
    }

    .blog-h1-row.bss-expanded .blog-search-wrapper.bss-mobile.bss-active {
        width: 100%;
        flex-basis: 100%;
        flex-grow: 1;
    }

    /* Większe strefy klikalne dla palca na mobile */
    .bsr-item {
        padding: 12px 22px;
    }

    .bsr-more {
		margin: 12px 22px 0;
        font-size: 14px;
        background: transparent;
    }

}

#vies-loader-msg {
    display: block;
    clear: both;
    padding-bottom: 5px; /* Dodatkowy odstęp pod komunikatem */
	margin: 10px 0 10px 10px;
    animation: fadeIn 0.3s ease-in-out;
	width: 100%; 
	font-size: 13px;
	font-weight: 500;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}