/* My account logged-out production layout - 2026-07-10 */
body.woocommerce-account:not(.logged-in) {
	--jt-account-text: var(--jt-ink, #f1f6e4);
	--jt-account-muted: rgba(241, 246, 228, 0.7);
	--jt-account-accent: var(--jt-accent, #93be20);
	--jt-account-accent-hover: var(--jt-accent-hover, #aee21f);
}

body.woocommerce-account:not(.logged-in) :is(.page-title, .wd-page-title) {
	padding-block: clamp(30px, 3.2vw, 42px) clamp(24px, 2.4vw, 34px);
	background: var(--jt-bg, #050805) !important;
}

body.woocommerce-account:not(.logged-in) :is(.page-title, .wd-page-title) > .container {
	width: min(1120px, calc(100% - 24px));
	max-width: 1120px;
	padding-inline: 0;
}

body.woocommerce-account:not(.logged-in) :is(.page-title .entry-title, .wd-page-title .title, h1.entry-title) {
	max-width: 1000px;
	margin: 0;
	font-size: 0 !important;
	line-height: 1;
}

body.woocommerce-account:not(.logged-in) :is(.page-title .entry-title, .wd-page-title .title, h1.entry-title)::before {
	content: "Logowanie i rejestracja";
	display: block;
	color: var(--jt-account-text);
	font-size: clamp(38px, 3.4vw, 52px);
	font-weight: 900;
	line-height: 1;
}

body.woocommerce-account:not(.logged-in) :is(.page-title .entry-title, .wd-page-title .title, h1.entry-title)::after {
	content: "Zaloguj się do zamówień, punktów i zapisanych produktów albo utwórz konto przed zakupem.";
	display: block;
	max-width: 640px;
	margin-top: 14px;
	color: var(--jt-account-muted);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.5;
}

body.woocommerce-account:not(.logged-in) :is(.woocommerce-breadcrumb, .breadcrumbs, .yoast-breadcrumb, .wd-breadcrumbs, .rank-math-breadcrumb) {
	display: none !important;
}

body.woocommerce-account:not(.logged-in) .main-page-wrapper > .container,
body.woocommerce-account:not(.logged-in) .wd-content-layout.content-layout-wrapper.container {
	padding-top: clamp(18px, 2.4vw, 34px);
	padding-bottom: clamp(54px, 6vw, 92px);
}

body.woocommerce-account:not(.logged-in) .wd-registration-page {
	width: min(1120px, 100%);
	margin: 0 auto;
}

body.woocommerce-account:not(.logged-in) .wd-registration-page #customer_login {
	display: grid !important;
	grid-template-columns: minmax(320px, 430px) minmax(360px, 490px) !important;
	justify-content: center;
	align-items: stretch;
	gap: clamp(42px, 6vw, 88px) !important;
	width: 100% !important;
	max-width: 1120px !important;
	margin: 0 auto !important;
	padding: 0 !important;
}

body.woocommerce-account:not(.logged-in) #customer_login > .wd-col {
	width: auto !important;
	max-width: none !important;
	min-width: 0;
	margin: 0 !important;
	padding: 0 !important;
}

body.woocommerce-account:not(.logged-in) #customer_login > :is(.col-login, .col-register-text),
body.woocommerce-account:not(.logged-in) .wd-registration-page.active-register #customer_login > .col-register {
	display: flex !important;
	flex-direction: column;
}

body.woocommerce-account:not(.logged-in) .wd-registration-page.active-register #customer_login > .col-login {
	display: none !important;
}

body.woocommerce-account:not(.logged-in) #customer_login > .col-register-text {
	position: relative;
	justify-content: center;
	align-items: flex-start;
	padding-left: clamp(34px, 4.4vw, 72px) !important;
	text-align: left;
}

body.woocommerce-account:not(.logged-in) #customer_login > .col-register-text::before {
	content: "";
	position: absolute;
	top: 12px;
	bottom: 12px;
	left: 0;
	width: 1px;
	background: rgba(241, 246, 228, 0.16);
}

body.woocommerce-account:not(.logged-in) #customer_login :is(.wd-login-title, h2) {
	margin: 0 0 18px;
	color: var(--jt-account-text) !important;
	font-size: clamp(24px, 2vw, 30px);
	font-weight: 900;
	line-height: 1.08;
	text-transform: none;
}

body.woocommerce-account:not(.logged-in) #customer_login form {
	width: 100%;
	height: auto !important;
	margin: 0 !important;
	padding: clamp(24px, 2.4vw, 32px) !important;
	border: 1px solid rgba(147, 190, 32, 0.2) !important;
	border-radius: 8px;
	background: linear-gradient(180deg, rgba(16, 24, 13, 0.96), rgba(8, 13, 7, 0.98));
	box-shadow: inset 0 1px 0 rgba(241, 246, 228, 0.04), 0 18px 50px rgba(0, 0, 0, 0.26);
}

body.woocommerce-account:not(.logged-in) #customer_login form :is(.form-row, .woocommerce-form-row) {
	margin-bottom: 15px !important;
}

body.woocommerce-account:not(.logged-in) #customer_login form :is(input.input-text, input[type="text"], input[type="email"], input[type="password"]) {
	width: 100%;
	min-height: 52px;
	padding: 0 15px;
	background: rgba(0, 0, 0, 0.22) !important;
	color: var(--jt-account-text) !important;
}

body.woocommerce-account:not(.logged-in) #customer_login form :is(input.input-text, input[type="text"], input[type="email"], input[type="password"]):focus-visible {
	border-color: var(--jt-account-accent-hover) !important;
	box-shadow: 0 0 0 3px rgba(147, 190, 32, 0.2) !important;
	outline: 0 !important;
}

body.woocommerce-account:not(.logged-in) #customer_login form :is(button[type="submit"], .woocommerce-button, input[type="submit"]) {
	width: 100%;
	min-height: 50px;
}

body.woocommerce-account:not(.logged-in) #customer_login form input[type="password"] {
	padding-inline-end: 52px !important;
}

body.woocommerce-account:not(.logged-in) #customer_login form .password-input {
	position: relative;
	display: block;
}

body.woocommerce-account:not(.logged-in) #customer_login form .show-password-input {
	position: absolute !important;
	top: 50% !important;
	right: 8px !important;
	left: auto !important;
	z-index: 2;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 38px !important;
	min-width: 38px !important;
	height: 38px !important;
	min-height: 38px !important;
	margin: 0 !important;
	padding: 0 !important;
	transform: translateY(-50%);
}

body.woocommerce-account:not(.logged-in) #customer_login :is(button, .button, a):focus-visible {
	outline: 3px solid rgba(174, 226, 31, 0.55) !important;
	outline-offset: 3px;
}

body.woocommerce-account:not(.logged-in) #customer_login :is(.woocommerce-form__label-for-checkbox, .wd-checkbox-label) {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
}

body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-privacy-policy-text,
body.woocommerce-account:not(.logged-in) #customer_login .col-register-text :is(.login-info, .registration-info) {
	color: var(--jt-account-muted);
	font-size: 14px;
	font-weight: 650;
	line-height: 1.55;
}

body.woocommerce-account:not(.logged-in) #customer_login .col-register-text :is(.login-info, .registration-info) {
	width: min(100%, 430px);
	margin-bottom: 22px;
	font-size: 16px;
}

body.woocommerce-account:not(.logged-in) #customer_login .col-register-text .wd-login-divider {
	display: none;
}

@media (max-width: 1024px) {
	body.woocommerce-account:not(.logged-in) .wd-registration-page {
		width: min(760px, 100%);
	}

	body.woocommerce-account:not(.logged-in) .wd-registration-page #customer_login {
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 18px !important;
	}

	body.woocommerce-account:not(.logged-in) #customer_login > .col-register-text {
		padding: 24px !important;
		border: 1px solid rgba(147, 190, 32, 0.16);
		border-radius: 8px;
		background: rgba(10, 17, 8, 0.78);
	}

	body.woocommerce-account:not(.logged-in) #customer_login > .col-register-text::before {
		content: none;
	}

	body.woocommerce-account:not(.logged-in) #customer_login .col-register-text .wd-login-divider {
		display: flex;
		align-items: center;
		gap: 12px;
		width: 100%;
		margin: 0 0 18px;
		color: var(--jt-account-accent-hover);
	}
}

@media (max-width: 480px) {
	body.woocommerce-account:not(.logged-in) :is(.page-title, .wd-page-title) {
		padding-block: 26px 24px;
	}

	body.woocommerce-account:not(.logged-in) :is(.page-title .entry-title, .wd-page-title .title, h1.entry-title)::before {
		font-size: 34px;
	}

	body.woocommerce-account:not(.logged-in) :is(.page-title .entry-title, .wd-page-title .title, h1.entry-title)::after {
		font-size: 14px;
	}

	body.woocommerce-account:not(.logged-in) #customer_login form,
	body.woocommerce-account:not(.logged-in) #customer_login > .col-register-text {
		padding: 20px !important;
	}

	body.woocommerce-account:not(.logged-in) .jt-footer-ds2__signup-row {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	body.woocommerce-account:not(.logged-in) .jt-footer-ds2__signup .jt-footer-ds2__button {
		min-height: 44px !important;
		padding: 0 12px !important;
		font-size: 12px !important;
	}

	body.woocommerce-account:not(.logged-in) .jt-footer-ds2__signup .jt-footer-ds2__button::before {
		content: none !important;
	}
}


.home .main-page-wrapper,
.home .site-content,
.home .entry-content,
.home .elementor-section,
.home .elementor-container,
.home .e-con,
.page .elementor-section,
.page .e-con {
	background-color: transparent;
}

.home .elementor-widget-container,
.home .wd-info-box,
.home .promo-banner,
.home .banner-inner,
.home .wd-banner,
.home .wd-tabs,
.home .wd-carousel-container,
.page .wd-info-box,
.page .promo-banner,
.page .wd-banner {
	border-color: var(--jt-line-soft);
	color: var(--jt-ink);
}

.home .wd-info-box,
.home .promo-banner,
.home .wd-banner,
.home .wd-products-element,
.home .wd-carousel-container {
	background: var(--jt-surface-glass);
	backdrop-filter: blur(24px);
}

.home .wd-info-box:hover,
.home .promo-banner:hover,
.home .wd-banner:hover {
	border-color: rgba(147, 190, 32, 0.38);
	box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24), 0 0 0 1px rgba(147, 190, 32, 0.08);
}

.home .elementor-element-45ab4ee,
.home .elementor-element-66428ad,
.home .elementor-element-35a30bd {
	background: #070907 !important;
}

.home .elementor-element-45ab4ee {
	margin-top: 32px;
	margin-bottom: 0 !important;
	padding: 38px 32px 8px !important;
	border-top: 1px solid rgba(241, 246, 228, 0.10);
}

.home .elementor-element-45ab4ee .elementor-heading-title {
	margin-bottom: 0;
}

.home .elementor-element-66428ad {
	margin-top: 0;
	margin-bottom: 0 !important;
	padding: 0 32px 20px !important;
}

.home .elementor-element-66428ad > .e-con-inner {
	gap: 20px;
}

.home .elementor-element-35a30bd {
	margin-top: 0;
	padding: 8px 32px 48px !important;
	border-bottom: 1px solid rgba(241, 246, 228, 0.08);
}

.home .elementor-element-66428ad .elementor-element-8c49ddd {
	max-width: 760px;
	margin-top: 14px;
}

.home .elementor-element-66428ad .elementor-element-8c49ddd :is(.wd-text-block, .elementor-widget-container, p) {
	margin-bottom: 0;
	color: var(--jt-ink-dim);
	font-size: 14px;
	line-height: 1.55;
	text-align: left;
}

.home .elementor-element-35a30bd .elementor-element-8c49ddd {
	max-width: 1120px;
	margin-right: auto;
	margin-bottom: 22px;
	margin-left: auto;
}

.home .elementor-element-35a30bd .elementor-element-8c49ddd :is(.wd-text-block, .elementor-widget-container, p) {
	margin-bottom: 0;
	color: var(--jt-ink-dim);
	font-size: 15px;
	line-height: 1.6;
	text-align: center;
}

.home .elementor-element-35a30bd .elementor-element-754f063 {
	display: block !important;
	width: 100%;
	max-width: 1920px;
	margin-right: auto;
	margin-left: auto;
}

.home .elementor-element-35a30bd .elementor-element-754f063 > .e-con-inner {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
	width: 100%;
	max-width: 1920px !important;
}

.home .elementor-element-35a30bd .elementor-widget-image-box {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0;
}

.home .elementor-element-35a30bd .elementor-widget-image-box > .elementor-widget-container,
.home .elementor-element-35a30bd .elementor-image-box-wrapper {
	height: 100%;
}

.home .elementor-element-35a30bd .elementor-image-box-wrapper {
	position: relative;
	padding: 16px 14px 18px;
	border: 1px solid rgba(241, 246, 228, 0.10);
	border-radius: 8px;
	background: rgba(16, 20, 12, 0.72);
	box-shadow: inset 0 1px 0 rgba(241, 246, 228, 0.04);
	transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.home .elementor-element-35a30bd .elementor-widget-image-box > .elementor-widget-container:hover .elementor-image-box-wrapper {
	border-color: rgba(147, 190, 32, 0.34);
	background: rgba(21, 23, 24, 0.88);
	box-shadow: 0 16px 34px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(241, 246, 228, 0.05);
	transform: translateY(-2px);
}

.home .elementor-element-35a30bd .elementor-widget-image-box > .elementor-widget-container:focus-within .elementor-image-box-wrapper {
	border-color: rgba(147, 190, 32, 0.55);
	box-shadow: 0 0 0 3px rgba(147, 190, 32, 0.16), inset 0 1px 0 rgba(241, 246, 228, 0.05);
}

.home .elementor-element-35a30bd .elementor-image-box-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.home .elementor-element-35a30bd .elementor-image-box-img {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 132px;
	max-width: 100% !important;
	margin: 0 0 12px !important;
}

.home .elementor-element-35a30bd .elementor-image-box-img img {
	width: auto;
	max-width: 100%;
	height: 132px;
	object-fit: contain;
	filter: drop-shadow(0 16px 18px rgba(0, 0, 0, 0.28));
}

.home .elementor-element-35a30bd .elementor-image-box-title {
	margin: 0 0 7px;
	color: var(--jt-ink);
	font-size: 18px;
	font-weight: 850;
	line-height: 1.2;
}

.home .elementor-element-35a30bd .elementor-image-box-wrapper a {
	color: inherit;
	text-decoration: none;
}

.home .elementor-element-35a30bd .elementor-image-box-wrapper a::after {
	position: absolute;
	inset: 0;
	z-index: 2;
	content: "";
}

.home .elementor-element-35a30bd .elementor-image-box-description {
	display: -webkit-box;
	overflow: hidden;
	margin: 0;
	color: var(--jt-ink-dim);
	font-size: 13px;
	line-height: 1.45;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}

@media (max-width: 1199px) {
	.home .elementor-element-35a30bd .elementor-element-754f063 > .e-con-inner {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.home .elementor-element-955871d,
	.home .elementor-element-7ddcdd5,
	.home .elementor-element-3ed7aae,
	.home .elementor-element-0d84707 {
		overflow: hidden;
	}

	.home .elementor-element-955871d > .e-con-inner,
	.home .elementor-element-7ddcdd5 .wd-cats,
	.home .elementor-element-3ed7aae {
		display: flex !important;
		flex-flow: row nowrap !important;
		align-items: stretch;
		gap: 12px !important;
		max-width: none;
		margin-inline: -15px;
		padding-inline: 15px 32px;
		padding-bottom: 12px;
		overflow-x: auto;
		overflow-y: hidden;
		scroll-padding-inline: 15px;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.home .elementor-element-7ddcdd5 .wd-cats {
		padding-bottom: 18px;
		scrollbar-width: thin;
		scrollbar-color: rgba(147, 190, 32, 0.72) rgba(241, 246, 228, 0.12);
	}

	.home .elementor-element-955871d > .e-con-inner::-webkit-scrollbar,
	.home .elementor-element-3ed7aae::-webkit-scrollbar {
		display: none;
	}

	.home .elementor-element-7ddcdd5 .wd-cats::-webkit-scrollbar {
		display: block;
		height: 4px;
	}

	.home .elementor-element-7ddcdd5 .wd-cats::-webkit-scrollbar-track {
		border-radius: 999px;
		background: rgba(241, 246, 228, 0.12);
	}

	.home .elementor-element-7ddcdd5 .wd-cats::-webkit-scrollbar-thumb {
		border-radius: 999px;
		background: rgba(147, 190, 32, 0.72);
	}

	.home .elementor-element-955871d > .e-con-inner > .e-con,
	.home .elementor-element-955871d > .e-con-inner > .e-con .e-con,
	.home .elementor-element-955871d > .e-con-inner > .e-con .e-con-inner,
	.home .elementor-element-3ed7aae > .e-con {
		display: contents !important;
	}

	.home .elementor-element-955871d .elementor-widget-wd_image_or_svg {
		flex: 0 0 min(76vw, 296px) !important;
		min-width: 0;
		scroll-snap-align: start;
	}

	.home .elementor-element-955871d .elementor-widget-container,
	.home .elementor-element-955871d a {
		display: block;
		height: 100%;
	}

	.home .elementor-element-955871d img {
		display: block;
		width: 100%;
		aspect-ratio: 1;
		height: auto;
		border-radius: 8px;
		background: var(--jt-surface-solid);
		object-fit: contain;
	}

	.home .elementor-element-7ddcdd5 .category-grid-item {
		flex: 0 0 clamp(126px, 36vw, 148px) !important;
		max-width: 148px;
		scroll-snap-align: start;
	}

	.home .elementor-element-7ddcdd5 .category-grid-item .wd-cat-inner {
		height: 100%;
	}

	.home .elementor-element-3ed7aae :is(.elementor-widget-wd_image_hotspot, .elementor-widget-wd_infobox):not(.elementor-hidden-mobile) {
		flex: 0 0 min(76vw, 296px) !important;
		min-width: 0;
		scroll-snap-align: start;
	}

	.home .elementor-element-3ed7aae :is(.elementor-widget-wd_image_hotspot, .elementor-widget-wd_infobox):not(.elementor-hidden-mobile) > .elementor-widget-container {
		height: 100%;
	}

	.home .elementor-element-45ab4ee {
		margin-top: 22px;
		padding: 28px 15px 4px !important;
	}

	.home .elementor-element-66428ad {
		padding: 0 15px 14px !important;
	}

	.home .elementor-element-35a30bd {
		margin-top: 0;
		padding: 10px 15px 30px !important;
	}

	.home .elementor-element-66428ad .elementor-element-8c49ddd {
		margin-top: 12px;
	}

	.home .elementor-element-66428ad .elementor-element-8c49ddd :is(.wd-text-block, .elementor-widget-container, p) {
		font-size: 14px;
		line-height: 1.5;
	}

	.home .elementor-element-35a30bd .elementor-element-8c49ddd {
		margin-bottom: 16px;
	}

	.home .elementor-element-35a30bd .elementor-element-8c49ddd :is(.wd-text-block, .elementor-widget-container, p) {
		font-size: 14px;
		line-height: 1.55;
		text-align: left;
	}

	.home .elementor-element-35a30bd .elementor-element-754f063 > .e-con-inner {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}

	.home .elementor-element-35a30bd .elementor-image-box-wrapper {
		padding: 12px 10px 14px;
	}

	.home .elementor-element-35a30bd .elementor-image-box-img {
		min-height: 92px;
		margin-bottom: 8px !important;
	}

	.home .elementor-element-35a30bd .elementor-image-box-img img {
		height: 92px;
	}

	.home .elementor-element-35a30bd .elementor-image-box-title {
		font-size: 15px;
		line-height: 1.2;
	}

	.home .elementor-element-35a30bd .elementor-image-box-description {
		font-size: 12px;
		line-height: 1.38;
		-webkit-line-clamp: 3;
	}
}

.elementor-button,
.wd-button-wrapper .btn {
	background-color: var(--jt-accent);
	border-color: var(--jt-accent);
	color: var(--jt-bg-deep);
}

.elementor-button:hover,
.wd-button-wrapper .btn:hover {
	background-color: var(--jt-accent-hover);
	border-color: var(--jt-accent-hover);
	color: var(--jt-bg-deep);
}