/* ==========================================================
   DENVAS — O NAS
   FINAL DESIGN + FINAL CTA ANIMATION
   ========================================================== */


/* ==========================================================
   01. PAGE
   ========================================================== */

.denvas-about-v2 {
	width: 100%;
	max-width: 1180px;

	margin: 0 auto;
	padding: 4px 0 84px;

	color: #4c4842;
}


/* ==========================================================
   02. HERO
   ========================================================== */

.denvas-about-v2__hero {
	max-width: 980px;

	margin: 0 0 76px !important;
}

.denvas-about-v2__eyebrow {
	margin: 0 0 20px !important;

	color: #c99463 !important;

	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	letter-spacing: .15em !important;

	text-transform: uppercase !important;
}

.denvas-about-v2__headline {
	max-width: 940px;

	margin: 0 0 30px !important;

	color: #4c4842 !important;

	font-family: var(--denvas-serif, Georgia, serif) !important;
	font-size: clamp(44px, 5vw, 66px) !important;
	font-weight: 400 !important;
	line-height: .98 !important;
	letter-spacing: -.035em !important;
}

.denvas-about-v2__lead {
	max-width: 800px;

	margin: 0 !important;

	color: #55514b !important;

	font-size: 18px !important;
	line-height: 1.75 !important;
}


/* ==========================================================
   03. BRAND / LOGO
   ========================================================== */

.denvas-about-v2__brand {
	display: grid !important;

	grid-template-columns: 290px minmax(0, 1fr);

	gap: 76px;

	align-items: center;

	margin: 0 0 82px !important;
	padding: 54px 0 !important;

	border-top: 1px solid rgba(23, 23, 20, .14);
	border-bottom: 1px solid rgba(23, 23, 20, .14);
}

.denvas-about-v2__brand--no-logo {
	grid-template-columns: 1fr !important;
}

.denvas-about-v2__logo-slot {
	display: flex;

	align-items: center;
	justify-content: flex-start;

	min-height: 90px;
}

.denvas-about-v2__logo-slot:empty {
	display: none;
}

.denvas-about-v2__logo-img {
	display: block !important;

	width: auto !important;
	max-width: 260px !important;

	height: auto !important;
	max-height: 105px !important;

	margin: 0 !important;

	object-fit: contain !important;

	filter: none !important;
	opacity: 1 !important;
}

.denvas-about-v2__brand-copy {
	max-width: 720px;
}

.denvas-about-v2__brand-copy p {
	margin: 0 0 20px !important;

	color: #55514b !important;

	font-size: 17px !important;
	line-height: 1.75 !important;
}

.denvas-about-v2__brand-copy p:last-child {
	margin-bottom: 0 !important;
}


/* ==========================================================
   04. VALUES TITLE
   ========================================================== */

.denvas-about-v2__section-title {
	margin: 0 0 36px !important;

	color: #4c4842 !important;

	font-family: var(--denvas-serif, Georgia, serif) !important;
	font-size: clamp(38px, 4vw, 54px) !important;
	font-weight: 400 !important;
	line-height: 1.04 !important;
	letter-spacing: -.025em !important;
}


/* ==========================================================
   05. VALUES GRID
   ========================================================== */

.denvas-about-v2__values {
	display: grid !important;

	grid-template-columns: repeat(2, minmax(0, 1fr));

	margin: 0 !important;

	border-top: 1px solid rgba(23, 23, 20, .14);
	border-left: 1px solid rgba(23, 23, 20, .14);
}

.denvas-about-v2__values > .wp-block-group {
	min-height: 220px;

	margin: 0 !important;
	padding: 38px 40px 40px !important;

	background: transparent !important;

	border-right: 1px solid rgba(23, 23, 20, .14);
	border-bottom: 1px solid rgba(23, 23, 20, .14);

	transition:
		background-color .35s ease !important;
}

.denvas-about-v2__values > .wp-block-group:hover {
	background: rgba(201, 148, 99, .055) !important;
}

.denvas-about-v2__values h3 {
	margin: 0 0 18px !important;

	color: #4c4842 !important;

	font-family: var(--denvas-serif, Georgia, serif) !important;
	font-size: clamp(27px, 2.3vw, 34px) !important;
	font-weight: 400 !important;
	line-height: 1.1 !important;
}

.denvas-about-v2__values p {
	max-width: 460px;

	margin: 0 !important;

	color: #5a5650 !important;

	font-size: 16px !important;
	line-height: 1.7 !important;
}


/* ==========================================================
   06. CLOSING
   ========================================================== */

.denvas-about-v2__closing {
	max-width: 850px;

	margin: 88px 0 0 !important;
}

.denvas-about-v2__closing h2 {
	max-width: 780px;

	margin: 0 0 22px !important;

	color: #4c4842 !important;

	font-family: var(--denvas-serif, Georgia, serif) !important;
	font-size: clamp(40px, 4.5vw, 62px) !important;
	font-weight: 400 !important;
	line-height: 1.02 !important;
	letter-spacing: -.03em !important;
}

.denvas-about-v2__closing > p:not(.denvas-about-v2__eyebrow) {
	max-width: 760px;

	margin: 0 !important;

	color: #55514b !important;

	font-size: 18px !important;
	line-height: 1.75 !important;
}


/* ==========================================================
   07. BUTTON ROW
   ========================================================== */

.denvas-about-v2__actions {
	display: flex !important;
	flex-wrap: wrap !important;

	gap: 14px !important;

	margin: 34px 0 0 !important;
}

.denvas-about-v2__button {
	margin: 0 !important;
}


/* ==========================================================
   08. DENVAS BUTTON — BASE
   ========================================================== */

.denvas-about-v2__button .wp-block-button__link {
	position: relative !important;
	z-index: 0 !important;

	display: inline-flex !important;

	align-items: center !important;
	justify-content: space-between !important;

	gap: 30px !important;

	min-width: 220px !important;

	overflow: hidden !important;
	isolation: isolate !important;

	padding: 16px 21px 16px 25px !important;

	border-radius: 0 !important;

	color: #fff !important;

	font-family: var(--denvas-serif, Georgia, serif) !important;
	font-size: 17px !important;
	font-weight: 400 !important;
	line-height: 1 !important;

	text-decoration: none !important;

	box-shadow: none !important;

	transform: none !important;

	transition:
		border-color .42s ease !important;
}


/* ==========================================================
   09. ANIMATED COLOR LAYER
   ========================================================== */

.denvas-about-v2__button .wp-block-button__link::before {
	content: "" !important;

	position: absolute !important;

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

	z-index: 0 !important;

	transform: scaleX(0) !important;
	transform-origin: left center !important;

	transition:
		transform .46s cubic-bezier(.77, 0, .18, 1) !important;

	pointer-events: none !important;
}


/* ==========================================================
   10. BUTTON CONTENT
   ========================================================== */

.denvas-about-v2__button .denvas-cta-label,
.denvas-about-v2__button .denvas-cta-arrow {
	position: relative !important;

	z-index: 2 !important;

	color: #fff !important;
}

.denvas-about-v2__button .denvas-cta-label {
	display: inline-block !important;

	transform: translateX(0) !important;

	transition:
		transform .42s cubic-bezier(.22, 1, .36, 1) !important;
}

.denvas-about-v2__button .denvas-cta-arrow {
	display: inline-block !important;

	flex: 0 0 auto !important;

	font-family: Arial, Helvetica, sans-serif !important;

	transform: translateX(0) !important;

	transition:
		transform .42s cubic-bezier(.22, 1, .36, 1) !important;
}


/* ==========================================================
   11. HOVER
   ========================================================== */

.denvas-about-v2__button .wp-block-button__link:hover::before {
	transform: scaleX(1) !important;
}

.denvas-about-v2__button .wp-block-button__link:hover .denvas-cta-arrow {
	transform: translateX(6px) !important;
}


/* ==========================================================
   12. PRIMARY — GOLD → BLACK
   ========================================================== */

.denvas-about-v2__button--primary .wp-block-button__link {
	background: #c99463 !important;

	border: 1px solid #c99463 !important;
}

.denvas-about-v2__button--primary .wp-block-button__link::before {
	background: #171714 !important;
}

.denvas-about-v2__button--primary .wp-block-button__link:hover {
	border-color: #171714 !important;
}


/* ==========================================================
   13. SECONDARY — BLACK → GOLD
   ========================================================== */

.denvas-about-v2__button--secondary .wp-block-button__link {
	background: #171714 !important;

	border: 1px solid #171714 !important;
}

.denvas-about-v2__button--secondary .wp-block-button__link::before {
	background: #c99463 !important;
}

.denvas-about-v2__button--secondary .wp-block-button__link:hover {
	border-color: #c99463 !important;
}


/* ==========================================================
   14. KEYBOARD FOCUS
   ========================================================== */

.denvas-about-v2__button .wp-block-button__link:focus-visible {
	outline: 2px solid #c99463 !important;

	outline-offset: 4px !important;
}


/* ==========================================================
   15. TABLET
   ========================================================== */

@media (max-width: 900px) {

	.denvas-about-v2 {
		padding-bottom: 68px;
	}

	.denvas-about-v2__hero {
		margin-bottom: 58px !important;
	}

	.denvas-about-v2__brand {
		grid-template-columns: 1fr;

		gap: 34px;

		margin-bottom: 64px !important;
		padding: 42px 0 !important;
	}

	.denvas-about-v2__logo-slot {
		min-height: 0;
	}

	.denvas-about-v2__logo-img {
		max-width: 220px !important;
		max-height: 90px !important;
	}

	.denvas-about-v2__values {
		grid-template-columns: 1fr;
	}

	.denvas-about-v2__values > .wp-block-group {
		min-height: 0;
	}

	.denvas-about-v2__closing {
		margin-top: 68px !important;
	}

}


/* ==========================================================
   16. MOBILE
   ========================================================== */

@media (max-width: 600px) {

	.denvas-about-v2 {
		padding-bottom: 52px;
	}

	.denvas-about-v2__headline {
		font-size: 42px !important;
		line-height: 1.02 !important;
	}

	.denvas-about-v2__lead {
		font-size: 17px !important;
	}

	.denvas-about-v2__brand {
		margin-bottom: 54px !important;
		padding: 36px 0 !important;
	}

	.denvas-about-v2__section-title {
		font-size: 38px !important;
	}

	.denvas-about-v2__values > .wp-block-group {
		padding: 30px 25px 32px !important;
	}

	.denvas-about-v2__values h3 {
		font-size: 28px !important;
	}

	.denvas-about-v2__closing {
		margin-top: 58px !important;
	}

	.denvas-about-v2__closing h2 {
		font-size: 40px !important;
	}

	.denvas-about-v2__actions {
		display: grid !important;

		grid-template-columns: 1fr;

		width: 100% !important;
	}

	.denvas-about-v2__button,
	.denvas-about-v2__button .wp-block-button__link {
		width: 100% !important;
	}

	.denvas-about-v2__button .wp-block-button__link {
		min-width: 0 !important;
	}

}


/* ==========================================================
   17. REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {

	.denvas-about-v2__button .wp-block-button__link::before,
	.denvas-about-v2__button .denvas-cta-label,
	.denvas-about-v2__button .denvas-cta-arrow {
		transition: none !important;
	}

}
/* ==========================================================
   DENVAS — ŚLEDŹ ZAMÓWIENIE
   TRACK BUTTON — SAME ANIMATION AS CONTACT BUTTON
   ========================================================== */

.woocommerce-form-track-order button.button[name="track"] {
	background-color: #c99463 !important;

	background-image:
		linear-gradient(#171714, #171714),
		linear-gradient(#c99463, #c99463) !important;

	background-repeat:
		no-repeat,
		no-repeat !important;

	background-position:
		left center,
		left center !important;

	background-size:
		0% 100%,
		100% 100% !important;

	border: 1px solid #c99463 !important;

	color: #ffffff !important;

	transition:
		background-size 0.32s ease,
		border-color 0.32s ease !important;
}


/* WyЕ‚Д…czamy starД… animacjД™ globalnego przycisku */

.woocommerce-form-track-order button.button[name="track"]::before,
.woocommerce-form-track-order button.button[name="track"]::after {
	content: none !important;
	display: none !important;
}


/* Ta sama animacja co na dolnym przycisku */

.woocommerce-form-track-order button.button[name="track"]:hover,
.woocommerce-form-track-order button.button[name="track"]:focus-visible {
	background-size:
		100% 100%,
		100% 100% !important;

	border-color: #171714 !important;

	color: #ffffff !important;
}

/* ==========================================================
   DENVAS — CATEGORY CTA FINAL ANIMATION
   2026-08-19
   Same approved left-to-right fill used on DENVAS CTA buttons.
   Limited to category pages only.
   ========================================================== */

/* Light category worlds: accent -> black. */
body.denvas-theme .denvas-category .denvas-category-hero a.denvas-button,
body.denvas-theme .denvas-category .denvas-category-story a.denvas-button,
body.denvas-theme .denvas-category > .denvas-why--centered a.denvas-why__cta {
	position: relative !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 18px !important;
	overflow: hidden !important;
	border: 1px solid var(--denvas-category-accent) !important;
	border-radius: 0 !important;
	background-color: var(--denvas-category-accent) !important;
	background-image:
		linear-gradient(#171714, #171714),
		linear-gradient(var(--denvas-category-accent), var(--denvas-category-accent)) !important;
	background-repeat: no-repeat, no-repeat !important;
	background-position: left center, left center !important;
	background-size: 0% 100%, 100% 100% !important;
	color: #ffffff !important;
	box-shadow: none !important;
	filter: none !important;
	transform: none !important;
	transition:
		background-size .46s cubic-bezier(.77, 0, .18, 1),
		border-color .42s ease,
		color .42s ease !important;
}

body.denvas-theme .denvas-category .denvas-category-hero a.denvas-button:hover,
body.denvas-theme .denvas-category .denvas-category-hero a.denvas-button:focus-visible,
body.denvas-theme .denvas-category .denvas-category-story a.denvas-button:hover,
body.denvas-theme .denvas-category .denvas-category-story a.denvas-button:focus-visible,
body.denvas-theme .denvas-category > .denvas-why--centered a.denvas-why__cta:hover,
body.denvas-theme .denvas-category > .denvas-why--centered a.denvas-why__cta:focus-visible {
	background-size: 100% 100%, 100% 100% !important;
	border-color: #171714 !important;
	color: #ffffff !important;
	box-shadow: none !important;
	filter: none !important;
	transform: none !important;
}

body.denvas-theme .denvas-category .denvas-category-hero a.denvas-button span[aria-hidden="true"],
body.denvas-theme .denvas-category .denvas-category-story a.denvas-button span[aria-hidden="true"],
body.denvas-theme .denvas-category > .denvas-why--centered a.denvas-why__cta span[aria-hidden="true"] {
	display: inline-block !important;
	flex: 0 0 auto !important;
	transform: translateX(0) !important;
	transition: transform .42s cubic-bezier(.22, 1, .36, 1) !important;
}

body.denvas-theme .denvas-category .denvas-category-hero a.denvas-button:hover span[aria-hidden="true"],
body.denvas-theme .denvas-category .denvas-category-hero a.denvas-button:focus-visible span[aria-hidden="true"],
body.denvas-theme .denvas-category .denvas-category-story a.denvas-button:hover span[aria-hidden="true"],
body.denvas-theme .denvas-category .denvas-category-story a.denvas-button:focus-visible span[aria-hidden="true"],
body.denvas-theme .denvas-category > .denvas-why--centered a.denvas-why__cta:hover span[aria-hidden="true"],
body.denvas-theme .denvas-category > .denvas-why--centered a.denvas-why__cta:focus-visible span[aria-hidden="true"] {
	transform: translateX(6px) !important;
}

/* Health / activity: transparent gold -> gold fill, preserving the black-and-gold world. */
body.denvas-world-zdrowie .denvas-category .denvas-category-hero a.denvas-button,
body.denvas-world-zdrowie .denvas-category .denvas-category-story a.denvas-button,
body.denvas-world-zdrowie .denvas-category > .denvas-why--centered a.denvas-why__cta {
	border-color: #c49457 !important;
	background-color: transparent !important;
	background-image: linear-gradient(#c49457, #c49457) !important;
	background-repeat: no-repeat !important;
	background-position: left center !important;
	background-size: 0% 100% !important;
	color: #d2a66d !important;
}

body.denvas-world-zdrowie .denvas-category .denvas-category-hero a.denvas-button:hover,
body.denvas-world-zdrowie .denvas-category .denvas-category-hero a.denvas-button:focus-visible,
body.denvas-world-zdrowie .denvas-category .denvas-category-story a.denvas-button:hover,
body.denvas-world-zdrowie .denvas-category .denvas-category-story a.denvas-button:focus-visible,
body.denvas-world-zdrowie .denvas-category > .denvas-why--centered a.denvas-why__cta:hover,
body.denvas-world-zdrowie .denvas-category > .denvas-why--centered a.denvas-why__cta:focus-visible {
	background-size: 100% 100% !important;
	border-color: #c49457 !important;
	color: #0c0c0b !important;
}

@media (prefers-reduced-motion: reduce) {
	body.denvas-theme .denvas-category .denvas-category-hero a.denvas-button,
	body.denvas-theme .denvas-category .denvas-category-story a.denvas-button,
	body.denvas-theme .denvas-category > .denvas-why--centered a.denvas-why__cta,
	body.denvas-theme .denvas-category .denvas-category-hero a.denvas-button span[aria-hidden="true"],
	body.denvas-theme .denvas-category .denvas-category-story a.denvas-button span[aria-hidden="true"],
	body.denvas-theme .denvas-category > .denvas-why--centered a.denvas-why__cta span[aria-hidden="true"] {
		transition: none !important;
	}
}

/* ==========================================================
   DENVAS — CATEGORY WHY CTA CENTERING CORRECTION
   Keeps approved CTA animation; restores centered placement.
   ========================================================== */
body.denvas-theme .denvas-category > .denvas-why--centered a.denvas-why__cta {
	display: flex !important;
	width: max-content !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* ==========================================================
   DENVAS — FOOTER GOLD ACCENTS
   2026-08-19
   Requested change only: company name + footer column headings.
   ========================================================== */
body.denvas-theme .denvas-footer__brand > p:first-of-type,
body.denvas-theme .denvas-footer h2 {
	color: #c99463 !important;
}

/* ==========================================================
   DENVAS — DOM I OGRÓD
   FINAL COLORS + MOTION + SUBCATEGORY OVERLAY
   2026-08-20
   ========================================================== */


/* ==========================================================
   01. WORLD COLOR
   ========================================================== */

body.denvas-world-dom {
	--denvas-category-accent: #465035;
}


/* ==========================================================
   02. ANNOUNCEMENT BAR
   ========================================================== */

body.denvas-world-dom .denvas-announcement {
	background: #465035 !important;
	color: #ffffff !important;
}


/* ==========================================================
   03. HERO / STORY / WHY CTA
   GREEN в†’ BLACK, LEFT TO RIGHT
   ========================================================== */

body.denvas-world-dom
.denvas-category
.denvas-category-hero
a.denvas-button,

body.denvas-world-dom
.denvas-category
.denvas-category-story
a.denvas-button,

body.denvas-world-dom
.denvas-category
> .denvas-why--centered
a.denvas-why__cta {
	position: relative !important;

	display: inline-flex !important;
	align-items: center !important;
	justify-content: space-between !important;

	gap: 18px !important;

	overflow: hidden !important;

	border: 1px solid #465035 !important;
	border-radius: 0 !important;

	background-color: #465035 !important;

	background-image:
		linear-gradient(#171714, #171714),
		linear-gradient(#465035, #465035) !important;

	background-repeat:
		no-repeat,
		no-repeat !important;

	background-position:
		left center,
		left center !important;

	background-size:
		0% 100%,
		100% 100% !important;

	color: #ffffff !important;

	box-shadow: none !important;
	filter: none !important;
	transform: none !important;

	transition:
		background-size .46s cubic-bezier(.77, 0, .18, 1),
		border-color .42s ease,
		color .42s ease !important;
}


/* ==========================================================
   04. CTA HOVER
   ========================================================== */

body.denvas-world-dom
.denvas-category
.denvas-category-hero
a.denvas-button:hover,

body.denvas-world-dom
.denvas-category
.denvas-category-hero
a.denvas-button:focus-visible,

body.denvas-world-dom
.denvas-category
.denvas-category-story
a.denvas-button:hover,

body.denvas-world-dom
.denvas-category
.denvas-category-story
a.denvas-button:focus-visible,

body.denvas-world-dom
.denvas-category
> .denvas-why--centered
a.denvas-why__cta:hover,

body.denvas-world-dom
.denvas-category
> .denvas-why--centered
a.denvas-why__cta:focus-visible {
	background-size:
		100% 100%,
		100% 100% !important;

	border-color: #171714 !important;

	color: #ffffff !important;

	box-shadow: none !important;
	filter: none !important;
	transform: none !important;
}


/* ==========================================================
   05. CTA ARROW
   ========================================================== */

body.denvas-world-dom
.denvas-category
.denvas-category-hero
a.denvas-button span[aria-hidden="true"],

body.denvas-world-dom
.denvas-category
.denvas-category-story
a.denvas-button span[aria-hidden="true"],

body.denvas-world-dom
.denvas-category
> .denvas-why--centered
a.denvas-why__cta span[aria-hidden="true"] {
	display: inline-block !important;

	flex: 0 0 auto !important;

	transform: translateX(0) !important;

	transition:
		transform .42s cubic-bezier(.22, 1, .36, 1) !important;
}


body.denvas-world-dom
.denvas-category
.denvas-category-hero
a.denvas-button:hover span[aria-hidden="true"],

body.denvas-world-dom
.denvas-category
.denvas-category-hero
a.denvas-button:focus-visible span[aria-hidden="true"],

body.denvas-world-dom
.denvas-category
.denvas-category-story
a.denvas-button:hover span[aria-hidden="true"],

body.denvas-world-dom
.denvas-category
.denvas-category-story
a.denvas-button:focus-visible span[aria-hidden="true"],

body.denvas-world-dom
.denvas-category
> .denvas-why--centered
a.denvas-why__cta:hover span[aria-hidden="true"],

body.denvas-world-dom
.denvas-category
> .denvas-why--centered
a.denvas-why__cta:focus-visible span[aria-hidden="true"] {
	transform: translateX(6px) !important;
}


/* ==========================================================
   06. WHY CTA — KEEP CENTERED
   ========================================================== */

body.denvas-world-dom
.denvas-category
> .denvas-why--centered
a.denvas-why__cta {
	display: flex !important;

	width: max-content !important;

	margin-left: auto !important;
	margin-right: auto !important;
}


/* ==========================================================
   DENVAS — DOM + KUCHNIA
   SUBCATEGORY CARDS
   EXACT STYLE FROM HOME "ODKRYJ NASZE KATEGORIE"
   ========================================================== */


/* ==========================================================
   07. SUBCATEGORY CARD
   ========================================================== */

body.denvas-world-dom
.denvas-category-subcats > a,

body.denvas-world-kuchnia
.denvas-category-subcats > a {
	position: relative !important;

	display: block !important;

	aspect-ratio: 1.82 / 1 !important;

	overflow: hidden !important;

	background: #171714 !important;

	border: 0 !important;
	border-radius: 0 !important;

	text-decoration: none !important;
}


/* ==========================================================
   08. SUBCATEGORY IMAGE
   ========================================================== */

body.denvas-world-dom
.denvas-category-subcats
> a
.denvas-category-subcats__media,

body.denvas-world-kuchnia
.denvas-category-subcats
> a
.denvas-category-subcats__media {
	position: absolute !important;

	inset: 0 !important;

	width: auto !important;
	height: auto !important;

	aspect-ratio: auto !important;

	overflow: hidden !important;
}


body.denvas-world-dom
.denvas-category-subcats
> a
.denvas-category-subcats__media img,

body.denvas-world-kuchnia
.denvas-category-subcats
> a
.denvas-category-subcats__media img {
	display: block !important;

	width: 100% !important;
	height: 100% !important;

	max-width: none !important;

	margin: 0 !important;

	object-fit: cover !important;

	transform: scale(1) !important;

	transition:
		transform .55s cubic-bezier(.2,.7,.2,1) !important;
}


/* ==========================================================
   09. SUBCATEGORY GRADIENT
   ========================================================== */

body.denvas-world-dom
.denvas-category-subcats
> a
.denvas-category-subcats__media::after,

body.denvas-world-kuchnia
.denvas-category-subcats
> a
.denvas-category-subcats__media::after {
	content: "";

	position: absolute !important;

	inset: 0 !important;

	z-index: 1 !important;

	background:
		linear-gradient(
			to top,
			rgba(0,0,0,.80) 0%,
			rgba(0,0,0,.40) 28%,
			rgba(0,0,0,.08) 55%,
			rgba(0,0,0,0) 75%
		) !important;

	pointer-events: none !important;
}


/* ==========================================================
   10. SUBCATEGORY LABEL
   ========================================================== */

body.denvas-world-dom
.denvas-category-subcats
> a
> span,

body.denvas-world-kuchnia
.denvas-category-subcats
> a
> span {
	position: absolute !important;

	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;

	z-index: 3 !important;

	display: flex !important;
	align-items: center !important;

	width: 100% !important;

	min-height: 48px !important;

	margin: 0 !important;

	padding: 16px 16px 12px !important;

	background: transparent !important;

	color: #ffffff !important;

	font-family:
		var(--denvas-serif, Georgia, serif) !important;

	font-size: 18px !important;
	font-weight: 400 !important;
	line-height: 1.05 !important;

	border: 0 !important;
	box-shadow: none !important;
}


/* ==========================================================
   11. SUBCATEGORY TEXT
   ========================================================== */

body.denvas-world-dom
.denvas-category-subcats
> a
> span
strong,

body.denvas-world-kuchnia
.denvas-category-subcats
> a
> span
strong {
	color: #ffffff !important;

	font: inherit !important;
}


/* ==========================================================
   12. SUBCATEGORY ARROW
   ========================================================== */

body.denvas-world-dom
.denvas-category-subcats
> a
> span
.denvas-arrow,

body.denvas-world-kuchnia
.denvas-category-subcats
> a
> span
.denvas-arrow {
	display: inline-block !important;

	flex: 0 0 auto !important;

	width: auto !important;

	margin-left: auto !important;

	color: #ffffff !important;

	font-family: Arial, sans-serif !important;
	font-size: 19px !important;
	font-weight: 300 !important;
	line-height: 1 !important;

	opacity: 1 !important;
	visibility: visible !important;

	transform: translateX(0) !important;

	transition:
		transform .3s ease !important;
}


/* ==========================================================
   13. SUBCATEGORY IMAGE HOVER
   ========================================================== */

body.denvas-world-dom
.denvas-category-subcats
> a:hover
.denvas-category-subcats__media img,

body.denvas-world-kuchnia
.denvas-category-subcats
> a:hover
.denvas-category-subcats__media img {
	transform: scale(1.045) !important;
}


/* ==========================================================
   14. SUBCATEGORY ARROW HOVER
   ========================================================== */

body.denvas-world-dom
.denvas-category-subcats
> a:hover
> span
.denvas-arrow,

body.denvas-world-kuchnia
.denvas-category-subcats
> a:hover
> span
.denvas-arrow {
	transform: translateX(5px) !important;
}


/* ==========================================================
   15. TRUST BAR
   ========================================================== */

body.denvas-world-dom
.denvas-category-trust {
	background: #465035 !important;

	color: #ffffff !important;
}


/* ==========================================================
   16. TRUST BAR ICONS — GOLD
   ========================================================== */

body.denvas-world-dom
.denvas-category-trust__item
> svg {
	color: #c99463 !important;

	stroke: currentColor !important;
}


/* ==========================================================
   17. TRUST BAR TEXT
   ========================================================== */

body.denvas-world-dom
.denvas-category-trust__item strong,

body.denvas-world-dom
.denvas-category-trust__item span {
	color: #ffffff !important;
}


/* ==========================================================
   18. FOOTER
   ========================================================== */

body.denvas-world-dom
.denvas-footer {
	background: #465035 !important;

	color: #f5f0e9 !important;
}


/* ==========================================================
   19. FOOTER GOLD HEADINGS
   ========================================================== */

body.denvas-world-dom
.denvas-footer__brand
> p:first-of-type,

body.denvas-world-dom
.denvas-footer h2 {
	color: #c99463 !important;
}


/* ==========================================================
   20. FOOTER TEXT / LINKS
   ========================================================== */

body.denvas-world-dom
.denvas-footer__brand p,

body.denvas-world-dom
.denvas-footer li,

body.denvas-world-dom
.denvas-footer li a,

body.denvas-world-dom
.denvas-footer__newsletter p,

body.denvas-world-dom
.denvas-footer__legal {
	color: #f5f0e9 !important;
}


/* ==========================================================
   21. FOOTER LINK ANIMATION
   ========================================================== */

body.denvas-world-dom
.denvas-footer li a {
	position: relative !important;

	display: inline-block !important;
}


body.denvas-world-dom
.denvas-footer li a::after {
	content: "" !important;

	position: absolute !important;

	left: 0 !important;
	right: 100% !important;
	bottom: -1px !important;

	height: 1px !important;

	background: #c99463 !important;

	transition:
		right .22s ease !important;
}


body.denvas-world-dom
.denvas-footer li a:hover::after,
body.denvas-world-dom
.denvas-footer li a:focus-visible::after {
	right: 0 !important;
}


/* ==========================================================
   22. MOBILE
   ========================================================== */

@media (max-width: 599px) {

	body.denvas-world-dom
	.denvas-category-subcats
	> a
	.denvas-category-subcats__media {
		aspect-ratio: 2.3 / 1 !important;
	}

	body.denvas-world-dom
	.denvas-category-subcats
	> a
	> span {
		min-height: 36px !important;
		padding: 6px 14px !important;
		background: rgba(17, 17, 15, 0.60) !important;
		font-size: 17px !important;
	}

	body.denvas-world-dom
	.denvas-category-subcats
	> a
	> span
	.denvas-arrow {
		font-size: 17px !important;
	}
}


/* ==========================================================
   23. ACCESSIBILITY — REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {

	body.denvas-world-dom
	.denvas-category
	.denvas-category-hero
	a.denvas-button,

	body.denvas-world-dom
	.denvas-category
	.denvas-category-story
	a.denvas-button,

	body.denvas-world-dom
	.denvas-category
	> .denvas-why--centered
	a.denvas-why__cta,

	body.denvas-world-dom
	.denvas-category
	a.denvas-button span[aria-hidden="true"],

	body.denvas-world-dom
	.denvas-category
	> .denvas-why--centered
	a.denvas-why__cta span[aria-hidden="true"],

	body.denvas-world-dom
	.denvas-category-subcats
	> a
	.denvas-category-subcats__media img,

	body.denvas-world-dom
	.denvas-category-subcats
	> a
	> span
	.denvas-arrow,

	body.denvas-world-dom
	.denvas-footer li a::after {
		transition: none !important;
	}
}


/* ==========================================================
   DENVAS — KUCHNIA I JADALNIA
   FINAL MATCH TO APPROVED DOM I OGRГ“D SYSTEM
   2026-08-20
   ========================================================== */

body.denvas-world-kuchnia {
	--denvas-category-accent: #b94a24;
}

body.denvas-world-kuchnia .denvas-announcement {
	background: #171614 !important;
	color: #ffffff !important;
}



/* TRUST + FOOTER */
body.denvas-world-kuchnia .denvas-category-trust {
	background: #171614 !important;
	color: #ffffff !important;
}

body.denvas-world-kuchnia .denvas-category-trust__item > svg {
	color: #c99463 !important;
	stroke: currentColor !important;
}

body.denvas-world-kuchnia .denvas-category-trust__item strong,
body.denvas-world-kuchnia .denvas-category-trust__item span {
	color: #ffffff !important;
}

body.denvas-world-kuchnia .denvas-footer {
	background: #171614 !important;
	color: #f5f0e9 !important;
}

body.denvas-world-kuchnia .denvas-footer__brand > p:first-of-type,
body.denvas-world-kuchnia .denvas-footer h2 {
	color: #c99463 !important;
}

body.denvas-world-kuchnia .denvas-footer__brand p,
body.denvas-world-kuchnia .denvas-footer li,
body.denvas-world-kuchnia .denvas-footer li a,
body.denvas-world-kuchnia .denvas-footer__newsletter p,
body.denvas-world-kuchnia .denvas-footer__legal {
	color: #f5f0e9 !important;
}

@media (max-width: 599px) {
	body.denvas-world-kuchnia .denvas-category-subcats > a .denvas-category-subcats__media {
		aspect-ratio: 2.3 / 1 !important;
	}

	body.denvas-world-kuchnia .denvas-category-subcats > a > span {
		min-height: 36px !important;
		padding: 6px 14px !important;
		background: rgba(17, 17, 15, 0.60) !important;
		font-size: 17px !important;
	}

	body.denvas-world-kuchnia .denvas-category-subcats > a > span .denvas-arrow {
		font-size: 17px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.denvas-world-kuchnia .denvas-category-subcats > a .denvas-category-subcats__media img,
	body.denvas-world-kuchnia .denvas-category-subcats > a > span .denvas-arrow {
		transition: none !important;
	}
}

/* ==========================================================
   DENVAS — KUCHNIA COLOR TEST — FORCED OVERRIDE
   Changes only Kuchnia category accent-colored controls.
   Brand gold/footer colors remain unchanged.
   ========================================================== */

body.denvas-world-kuchnia {
	--denvas-category-accent: #7E654C !important;
}

body.denvas-world-kuchnia
.denvas-category
.denvas-category-hero
a.denvas-button,

body.denvas-world-kuchnia
.denvas-category
.denvas-category-story
a.denvas-button,

body.denvas-world-kuchnia
.denvas-category
> .denvas-why--centered
a.denvas-why__cta {
	border-color: #7E654C !important;
	background-color: #7E654C !important;
	background-image:
		linear-gradient(#171714, #171714),
		linear-gradient(#7E654C, #7E654C) !important;
}

body.denvas-world-kuchnia
.denvas-nav a.is-active::after {
	background: #7E654C !important;
}

body.denvas-world-kuchnia
.denvas-cart-count {
	background: #7E654C !important;
}

/* ==========================================================
   DENVAS — KUCHNIA / WARM WALNUT
   FOOTER ACCENT FIX
   Only newsletter arrow button + social links.
   ========================================================== */

body.denvas-world-kuchnia .denvas-social-link {
	color: #7E654C !important;
	border-color: #7E654C !important;
}

body.denvas-world-kuchnia a.denvas-social-link:hover,
body.denvas-world-kuchnia a.denvas-social-link:focus-visible {
	color: #7E654C !important;
	background: #7E654C !important;
	border-color: #7E654C !important;
}

body.denvas-world-kuchnia a.denvas-social-link:hover svg,
body.denvas-world-kuchnia a.denvas-social-link:focus-visible svg {
	stroke: #171512 !important;
}

body.denvas-world-kuchnia .denvas-newsletter-field span:last-child {
	background: #7E654C !important;
	color: #ffffff !important;
}