/*
Theme Name: Granit Design
Author: arkzy.creative Arkadiusz Fryc
Description: Granit Design Theme
Version: 1.0
*/

/* fix */
html,
body,
* {
	margin: 0;
	padding: 0;
	min-width: 0;
	min-height: 0;
}

*,
:after,
:before {
	box-sizing: border-box;
}

img {
	max-width: 100%;
	display: block;
	user-drag: none;
	-webkit-user-drag: none;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.gd-ts__img {
	clip-path: inset(0 10% 0 0);
	transform: translateX(5%); /* Przesunięcie o 5% */
	aspect-ratio: 22 / 15;
}

:root {
	--accent: #adcced;
	--gray-light: #afaeaf;
	--gray-dark: #424242;
	--off-white: #d9d9d9;
	--black: #000000;
	--borders: #282828;
	--red: #ff2a3c;
}

/* body */
body {
	background: var(--black);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smooth: always; /* Obsługiwane przez niektóre przeglądarki */
}

/* typography */
body,
html,
p,
p a,
input,
textarea {
	font-family: "Questrial", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	color: var(--gray-light);
	font-size: 16px;
	line-height: 1.6em;
}

h1,
.gd-t-h1 {
	font-family: "gravesend-sans", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 2rem;
	line-height: 1.25em;
	color: var(--off-white);
	margin-bottom: 2rem;
	text-decoration: none;
}

h2,
h2 a {
	font-family: "gravesend-sans", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 1.75rem;
	line-height: 1.25em;
	color: var(--off-white);
	margin-bottom: 1.75rem;
	text-decoration: none;
}

h3,
h3 a {
	font-family: "gravesend-sans", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1.25em;
	color: var(--off-white);
	margin-bottom: 1.5rem;
	text-decoration: none;
}

h4,
h4 a {
	font-family: "gravesend-sans", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 1.25rem;
	line-height: 1.25em;
	color: var(--off-white);
	margin-bottom: 1.25rem;
	text-decoration: none;
}

h5,
h5 a {
	font-family: "gravesend-sans", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 1.125rem;
	line-height: 1.25em;
	color: var(--off-white);
	margin-bottom: 1.125rem;
	text-decoration: none;
}

h6,
h6 a {
	font-family: "gravesend-sans", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.25em;
	color: var(--off-white);
	margin-bottom: 1rem;
	text-decoration: none;
}

.gd-h-subtitle,
.gd-ts-content ul li b,
.gd-ts-content ul li strong {
	font-family: "serenity", sans-serif;
	font-weight: 500;
	font-size: 0.875rem;
	color: var(--accent);
	margin-bottom: 0.25rem;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	text-decoration: none;
}

.gd-section-title,
.gd-section-title a {
	font-family: "gravesend-sans", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 2rem;
	line-height: 1.25em;
	color: var(--off-white);
	margin-bottom: 2rem;
	text-decoration: none;
}

.gd-text-s,
.gd-text-s a {
	font-size: 0.875rem;
	line-height: 1.6em;
}
.gd-text-xs {
	font-size: 0.75rem;
	line-height: 1.6em;
}
.gd-text-seo-big {
	font-size: 1.125rem;
}

.g-h-small {
	font-size: 1rem;
}
.g-h-xsmall {
	font-size: 0.75rem;
}

.gd-c-accent {
	color: var(--accent);
}
.gd-c-dark-gray {
	color: var(--gray-dark);
}
.gd-c-light-gray {
	color: var(--gray-light);
}
.gd-c-red {
	color: var(--red);
}

.gd-col-text-adjust {
	margin-top: 1.125rem;
}

/* grid */
.container {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	max-width: 1600px;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	margin: 0 auto;
	gap: 3rem;
}

.container-fluid {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
}
/* container gaps */
.c-gap-1 {
	gap: 1rem;
}
.c-gap-2 {
	gap: 2rem;
}
.c-gap-3 {
	gap: 3rem;
}
.c-gap-4 {
	gap: 4rem;
}
.c-gap-5 {
	gap: 5rem;
}
.c-gap-6 {
	gap: 6rem;
}

/* cols */
.col-1 {
	grid-column: span 1;
}

.col-2 {
	grid-column: span 2;
}

.col-3 {
	grid-column: span 3;
}

.col-4 {
	grid-column: span 4;
}

.col-5 {
	grid-column: span 5;
}

.col-6 {
	grid-column: span 6;
}

.col-7 {
	grid-column: span 7;
}

.col-8 {
	grid-column: span 8;
}

.col-9 {
	grid-column: span 9;
}

.col-10 {
	grid-column: span 10;
}

.col-11 {
	grid-column: span 11;
}

.col-12 {
	grid-column: span 12;
}

/* positions */
.j-end {
	justify-content: flex-end;
}

/* hovers */
.gd-shine-hover {
	position: relative;
	display: inline-block;
	transition: opacity 200ms ease;
}

.gd-shine-hover:hover {
	opacity: 0.5;
}

/* icons */
.gd-icon {
	width: 1.5rem;
	height: 1.5rem;
	fill: currentColor;
	display: inline-block;
	flex-shrink: 0;
}

.gd-icon-box-wrap {
	position: relative;
	top: 0;
	left: 0;
	width: 48px;
	height: 48px;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.gd-icon-box-wrap:hover {
	cursor: pointer;
}

.gd-icon-box-wrap .gd-icon-box {
	width: 100%;
	height: 100%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background: radial-gradient(
		circle at top left,
		rgba(36, 36, 36, 0.05) 0%,
		rgba(62, 62, 62, 0.05) 35%,
		rgba(36, 36, 36, 0.05) 65%,
		rgba(62, 62, 62, 0.05) 100%
	);
	box-shadow: 0 15px 15px rgba(0, 0, 0, 0.3);
	border: 1px solid var(--borders);
	padding: 0.5rem;
	text-decoration: none;
	overflow: hidden;
	z-index: 1;
	transition: 0.2s;
	backdrop-filter: blur(1rem);
	white-space: nowrap;
	flex-shrink: 0;
	color: var(--gray-light);
}
.gd-icon-box-wrap::before,
.gd-icon-box-wrap::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 1px;
	z-index: 2;
	transition: 0.2s ease;
}
.gd-icon-box-wrap::after {
	bottom: unset;
	top: 0;
}
.gd-icon-box-wrap:hover::before,
.gd-icon-box-wrap:hover::after {
	/* height: 3px; */
	width: 100%;
	filter: blur(0.25rem);
}
.gd-icon-box-wrap::before,
.gd-icon-box-wrap::after {
	background-image: linear-gradient(
		to right,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0) 100%
	);
}

.gd-icon-box-wrap:hover::before,
.gd-icon-box-wrap:hover::after {
	background-image: linear-gradient(
		to right,
		rgba(255, 255, 255, 0) 0%,
		var(--gray-dark) 40%,
		var(--gray-dark) 60%,
		rgba(255, 255, 255, 0) 100%
	);
	box-shadow: 0 0 5px var(--gray-light), 0 0 15px var(--gray-light),
		0 0 30px var(--gray-light), 0 0 60px var(--gray-light);
}

/* icon block */
.gd-icon-block {
	display: flex;
	gap: 1rem;
	margin-top: 2rem;
	align-items: center;
}
.gd-icon-block .gd-text-button {
	margin-top: 0;
}

/* photo box */
.gd-glass-box-wrap {
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.gd-glass-box-wrap:hover {
	cursor: pointer;
}

.gd-glass-box-wrap .gd-glass-box {
	width: 100%;
	height: 100%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background: radial-gradient(
		circle at top left,
		rgba(36, 36, 36, 0.3) 0%,
		rgba(62, 62, 62, 0.3) 35%,
		rgba(36, 36, 36, 0.3) 65%,
		rgba(62, 62, 62, 0.3) 100%
	);
	box-shadow: 0 15px 15px rgba(0, 0, 0, 0.3);
	border: 1px solid var(--borders);
	padding: 1.5rem;
	text-decoration: none;
	overflow: hidden;
	z-index: 1;
	transition: 0.2s;
	backdrop-filter: blur(1rem);
	white-space: nowrap;
	flex-shrink: 0;
	color: var(--gray-light);
}
.gd-glass-box-wrap::before,
.gd-glass-box-wrap::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 1px;
	z-index: 2;
	transition: 0.2s ease;
}
.gd-glass-box-wrap::after {
	bottom: unset;
	top: 0;
}
.gd-glass-box-wrap:hover::before,
.gd-glass-box-wrap:hover::after {
	/* height: 3px; */
	width: 100%;
	filter: blur(0.25rem);
}
.gd-glass-box-wrap::before,
.gd-glass-box-wrap::after {
	background-image: linear-gradient(
		to right,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0) 100%
	);
}

.gd-glass-box-wrap:hover::before,
.gd-glass-box-wrap:hover::after {
	background-image: linear-gradient(
		to right,
		rgba(255, 255, 255, 0) 0%,
		var(--gray-dark) 40%,
		var(--gray-dark) 60%,
		rgba(255, 255, 255, 0) 100%
	);
	box-shadow: 0 0 5px var(--gray-light), 0 0 15px var(--gray-light),
		0 0 30px var(--gray-light), 0 0 60px var(--gray-light);
}

/* buttons */
/* buttons v1 */
/* .gd-button {
	height: 48px;
	width: auto;
	padding: 0.5rem 2rem;
	display: inline-flex;
	align-items: center;
	border-width: 1px;
	border-style: solid;
	text-decoration: none;
	background: rgba(0, 0, 0, 0.3);
	backdrop-filter: blur(4px);
	font-family:'serenity', sans-serif;;
	font-size: 0.875rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	gap: 8px;
	white-space: nowrap;
	flex-shrink: 0;
}
.gd-button-primary {
	border-color: var(--accent);
	color: var(--accent);
}
.gd-button-secondary {
	border-color: var(--gray-dark);
	color: var(--gray-light);
} */
.gd-buttons-wrap {
	display: flex;
	gap: 1.5rem;
	margin-top: 2rem;
}
.gd-buttons-wrap-nogap {
	gap: 0;
}
.gd-buttons-wrap-nomargin {
	margin-top: 0;
}
.gd-col-text-adjust.gd-buttons-wrap-nomargin {
	margin-top: 1.125rem;
}
.gd-buttons-wrap-nogap .gd-icon-box-wrap:not(:first-child) {
	margin-left: -1px;
}

/* buttons v2 */
.gd-button-wrap {
	position: relative;
	top: 0;
	left: 0;
	width: auto;
	height: 48px;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.gd-button-wrap .gd-button {
	width: auto;
	height: 100%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background: radial-gradient(
		circle at top left,
		rgba(36, 36, 36, 0.3) 0%,
		rgba(62, 62, 62, 0.3) 35%,
		rgba(36, 36, 36, 0.3) 65%,
		rgba(62, 62, 62, 0.3) 100%
	);
	box-shadow: 0 15px 15px rgba(0, 0, 0, 0.3);
	border-width: 1px;
	border-style: solid;
	border-radius: 0;
	padding: 0.5rem 2rem;
	letter-spacing: 0.1em;
	text-decoration: none;
	overflow: hidden;
	z-index: 1;
	transition: 0.2s;
	backdrop-filter: blur(1rem);
	white-space: nowrap;
	flex-shrink: 0;
	text-transform: uppercase;
	font-family: "serenity", sans-serif;
	font-size: 0.875rem;
	font-weight: 500;
	gap: 0.5rem;
}

.gd-button-primary {
	border-color: rgba(173, 204, 237, 0.5);
	color: var(--accent);
}

.gd-button-secondary {
	border-color: var(--borders);
	color: var(--gray-light);
}

.gd-button-wrap:hover .gd-button {
	gap: 1rem;
}
/* .gd-button-wrap .gd-button::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	background: linear-gradient(to left, rgba(255, 255, 255, 0.15), transparent);
	transform: skewX(45deg) translate(0);
	transition: 0.2s;
	filter: blur(0.25rem);
} */

/* .gd-button-wrap:hover .gd-button::before {
	transform: skewX(45deg) translate(200px);
} */

.gd-button-wrap::before,
.gd-button-wrap::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 1px;
	z-index: 2;
	transition: 0.2s ease;
}
.gd-button-wrap::after {
	bottom: unset;
	top: 0;
}

.gd-button-wrap:hover::before,
.gd-button-wrap:hover::after {
	/* height: 3px; */
	width: 100%;
	filter: blur(0.25rem);
}

.gd-button-wrap-primary::before,
.gd-button-wrap-primary::after {
	background-image: linear-gradient(
		to right,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0) 100%
	);
}

.gd-button-wrap-primary:hover::before,
.gd-button-wrap-primary:hover::after {
	background-image: linear-gradient(
		to right,
		rgba(255, 255, 255, 0) 0%,
		var(--accent) 40%,
		var(--accent) 60%,
		rgba(255, 255, 255, 0) 100%
	);
	box-shadow: 0 0 5px var(--accent), 0 0 15px var(--accent),
		0 0 30px var(--accent), 0 0 60px var(--accent);
}

.gd-button-wrap-secondary::before,
.gd-button-wrap-secondary::after {
	background-image: linear-gradient(
		to right,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0) 100%
	);
}

.gd-button-wrap-secondary:hover::before,
.gd-button-wrap-secondary:hover::after {
	background-image: linear-gradient(
		to right,
		rgba(255, 255, 255, 0) 0%,
		var(--gray-dark) 40%,
		var(--gray-dark) 60%,
		rgba(255, 255, 255, 0) 100%
	);
	box-shadow: 0 0 5px var(--gray-light), 0 0 15px var(--gray-light),
		0 0 30px var(--gray-light), 0 0 60px var(--gray-light);
}
/* text button */
.gd-text-button {
	font-family: "serenity", sans-serif;
	font-weight: 500;
	font-size: 0.875rem;
	color: var(--accent);
	text-transform: uppercase;
	letter-spacing: 0.1em;
	text-decoration: none;
	display: inline-flex;
	gap: 0.5rem;
	align-items: center;
	line-height: 1em;
	margin-top: 1.5rem;
	transition: 0.2s ease;
}
.gd-text-button-secondary {
	color: var(--gray-light);
}
.gd-text-button:hover {
	gap: 1rem;
	filter: drop-shadow(0 0 5px var(--accent));
}

/* diamond bullets */
.gd-diamond-bullets,
.gd-ts-content ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.gd-diamond-bullets li {
	position: relative;
	margin-bottom: 2rem;
	padding-left: 2rem;
}

.gd-diamond-bullets li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 1rem;
	height: 1rem;
	border: 1px solid var(--accent);
	transform: rotate(45deg);
	background-color: transparent;
}

.gd-diamond-bullets li::after {
	content: "";
	position: absolute;
	left: 0.3125rem;
	top: 0.3125rem;
	width: 0.375rem;
	height: 0.375rem;
	background-color: var(--accent);
	transform: rotate(45deg);
}

.gd-ts-content ul {
	margin-top: 2rem;
}
.gd-ts-content ul li {
	position: relative;
	margin-bottom: 1rem;
	padding-left: 1.5rem;
}
.gd-ts-content ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.375rem;
	width: 0.75rem;
	height: 0.75rem;
	border: 1px solid var(--accent);
	transform: rotate(45deg);
	background-color: transparent;
}
.gd-ts-content ul li::after {
	content: "";
	position: absolute;
	left: 0.25rem;
	top: 0.625rem;
	width: 0.25rem;
	height: 0.25rem;
	background-color: var(--accent);
	transform: rotate(45deg);
}

/* diamond */
.gd-diamond-wrap {
	display: flex;
	align-items: center;
	gap: 1rem;
	z-index: 1;
}
.gd-diamond-wrap-hero {
	position: absolute;
	bottom: 48px;
	right: 48px;
}

.gd-diamond {
	width: 2.5rem;
	height: 2.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.3);
	backdrop-filter: blur(4px);
	border: 1px solid var(--accent);
	transform: rotate(45deg);
	position: relative;
}

.gd-diamond .gd-h-subtitle {
	transform: rotate(-45deg);
	margin-bottom: 0;
	line-height: 1em;
}

.gd-diamond-text .gd-h-subtitle {
	line-height: 1em;
}

.gd-diamond-text .gd-header-subtitle {
	text-align: left;
	position: relative;
	transform: none;
	left: unset;
	bottom: unset;
	line-height: 1em;
}

/* glow */
.gd-glow {
	position: relative;
	z-index: 1; /* Ustawienie, aby treść była nad gradientem */
}
.gd-glow-top:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	aspect-ratio: 10 / 1; /* Proporcja z Figma */
	background: radial-gradient(
		50% 100% at 50% 0%,
		rgba(66, 66, 66, 0.5) 0%,
		rgba(66, 66, 66, 0) 100%
	);
	z-index: -1; /* Umieszczamy gradient za treścią */
	pointer-events: none; /* Blokujemy interakcję z gradientem */
}
.gd-glow-bottom:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	aspect-ratio: 10 / 1; /* Proporcja z Figma */
	background: radial-gradient(
		50% 100% at 50% 100%,
		rgba(66, 66, 66, 0.5) 0%,
		rgba(66, 66, 66, 0) 100%
	);
	z-index: -1; /* Umieszczamy gradient za treścią */
	pointer-events: none; /* Blokujemy interakcję z gradientem */
}

/* gd-lightbox */
/* #gd-lightbox {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	justify-content: center;
	align-items: center;
	z-index: 99999;
}
#gd-lightbox .gd-lightbox-content {
	position: relative;
	max-width: 70vw;
	max-height: 70vh;
}
#gd-lightbox .gd-lightbox-close {
	position: absolute;
	top: -3rem;
	right: -3rem;
	cursor: pointer;
}
#gd-lightbox img {
} */
.page .featherlight .featherlight-content {
	padding: 0;
}
#baguetteBox-overlay .gd-icon {
	margin: 0.5rem;
	padding: 0.5rem;
	box-sizing: content-box;
	background: radial-gradient(
		circle at top left,
		rgba(36, 36, 36, 0.3) 0%,
		rgba(62, 62, 62, 0.3) 35%,
		rgba(36, 36, 36, 0.3) 65%,
		rgba(62, 62, 62, 0.3) 100%
	);
	border: 1px solid var(--borders);
}
.baguetteBox-button {
	background: none !important;
}

/* header */
#gd-header-container {
	position: sticky;
	top: 0;
	z-index: 999;
	background: var(--black);
}
.gd-header {
	display: flex;
	align-items: stretch;
	gap: 1.5rem;
	border-bottom: 1px solid var(--borders);
	transition: all 0.2s ease;
}

.gd-header-logo-wrap {
	padding: 3rem;
	transition: all 0.2s ease;
}

.gd-header-logo-wrap h1 {
	margin: 0;
}

.gd-header-logo-img {
	height: 36px;
	width: auto;
	transition: all 200ms ease;
}

.gd-header-logo-img:hover {
	opacity: 0.5;
}

.gd-header-nav {
	margin-left: auto;
	padding: 0 3rem 0 0;
	align-self: center;
	position: relative;
}

.gd-header-contact {
	padding: 3rem;
	border-left: 1px solid var(--borders);
	display: flex;
	align-items: center;
	transition: all 0.2s ease;
}

.gd-header-subtitle {
	font-family: "serenity", sans-serif;
	font-weight: 500;
	font-size: 0.625rem;
	color: var(--gray-light);
	text-decoration: none;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	text-align: center;
	position: absolute;
	white-space: nowrap;
	transform: translate(-50%, 50%);
	left: 50%;
	bottom: -0.5rem;
}

.gd-header-contact-details {
	font-family: "serenity", sans-serif;
	font-weight: 500;
	color: var(--accent);
	text-decoration: none;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	line-height: 1em;
	transition: all 0.2s ease;
}

.gd-header-contact-details .gd-header-subtitle {
	transform: translate(-50%, -50%);
	top: -0.5rem;
	bottom: unset;
}

/* header-menu */
.gd-menu-items {
	list-style-type: none;
	display: flex;
	gap: 1.5rem;
	text-align: center;
}

.gd-menu-items .menu-item a {
	font-family: "serenity", sans-serif;
	font-weight: 500;
	color: var(--gray-light);
	text-decoration: none;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	line-height: 1em;
	transition: all 0.2s ease;
	display: block;
}

.gd-menu-items .menu-item.active a {
	color: var(--accent);
}
.gd-copyright-nav-menu {
	margin: 0;
	position: absolute;
	top: -1rem;
	right: 3rem;
	font-size: 0.625rem;
	color: var(--red);
}
.gd-copyright-nav-menu:hover {
	filter: drop-shadow(0 0 5px var(--red));
}

/* header-scrolled */
.gd-header-scrolled .gd-header-contact,
.gd-header-scrolled .gd-header-logo-wrap {
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.gd-header-scrolled .gd-menu-items .menu-item a {
	font-size: 0.875rem;
}
.gd-header-scrolled .gd-header-contact-details {
	font-size: 0.875rem;
}
.gd-header-scrolled .gd-header-logo-img {
	height: 24px;
}

/* Header Mobile nav */
.gd-mobile-nav {
	display: none;
}
#gd-nav-toggle {
	background: none;
	border: none;
	outline: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	margin: 0;
	color: var(--gray-light);
}

/* hero */
.gd-hero {
	position: relative;
}

.gd-hero-container {
	position: relative;
}

.gd-hero-content {
	position: absolute;
	top: 50%;
	transform: translateY(-25%);
	z-index: 1;
	width: 100%;
}

.gd-hero-content .gd-buttons-wrap {
	margin-top: 2rem;
}

/* hero swiper */
.gd-hero-bg-swiper-img {
	object-fit: cover;
	width: 100%;
	aspect-ratio: 5/2;
	min-height: 40rem;
}

.gd-hero-bg-swiper-slide {
	position: relative;
}

.gd-hero-bg-swiper-slide:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	top: 0;
	left: 0;
	background: linear-gradient(
		90deg,
		rgba(0, 0, 0, 0.7) 0%,
		rgba(0, 0, 0, 0) 60%
	);
	z-index: 1;
}

/* about */
.gd-about {
	border-top: 1px solid var(--borders);
	padding-top: 7.5rem;
	margin-bottom: 7.5rem;
}

.gd-about .container {
	align-items: center;
}

.gd-about-bullets {
	/* display: grid;
	grid-template-columns: 1fr 1fr; */
}

/* offer featured */
.gd-offer-featured {
	margin-top: 7.5rem;
	margin-bottom: 7.5rem;
}
.gd-offer-featured .gd-section-title {
	margin-bottom: 0;
}
.gd-swiper-nav-prev-wrap .gd-buttons-wrap {
	justify-content: flex-start;
}
.gd-swiper-nav-next-wrap .gd-buttons-wrap {
	justify-content: flex-end;
}
.gd-swiper-nav-button .gd-buttons-wrap {
	justify-content: center;
	margin-top: 0;
}
/* offer featured swiper */
.gd-offer-featured-swiper .swiper-slide {
	height: auto;
	display: flex;
	flex-direction: column;
}
.gd-offer-featured-box {
	text-align: center;
	width: 100%;
	display: flex;
	flex-direction: column;
}
.gd-offer-featured-box .gd-glass-box-wrap {
	z-index: 0;
	flex: 1;
}
.gd-offer-featured-box .gd-glass-box-wrap .gd-glass-box {
	flex-direction: column;
	white-space: wrap;
	justify-content: flex-start;
}
.gd-offer-featured-box .gd-text-s a {
	text-decoration: none;
	display: block;
	max-width: 100%;
}
.gd-offer-featured-img {
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	width: 25rem;
	margin-bottom: -1.5rem;
}
.gd-swiper-nav-wrapper {
	display: flex;
	justify-content: space-between;
}

/* supporting content */
.gd-supporting-content {
	margin-top: 7.5rem;
	margin-bottom: 7.5rem;
}
.gd-supporting-content-title {
	max-width: 22rem;
}

/* portfolio */
.gd-portfolio {
	border-top: 1px solid var(--borders);
	border-bottom: 1px solid var(--borders);
	padding-top: 7.5rem;
	padding-bottom: 7.5rem;
	margin-top: 7.5rem;
	margin-bottom: 7.5rem;
}
.gd-portfolio .container {
	align-items: center;
}
.gd-portfolio-map {
	width: 100%;
	margin-top: -4rem;
	margin-bottom: -4rem;
}

/* offer categories */
.gd-offer-categories {
	margin-top: 7.5rem;
	margin-bottom: 7.5rem;
}
.gd-offer-box {
	display: flex;
	gap: 2rem;
	align-items: center;
}
.gd-offer-box-img {
	flex: 1 1 60%;
}
.gd-offer-box-content {
	flex: 1 1 40%;
}
.gd-offer-box-small .gd-offer-box-img {
	flex: 1 1 50%;
}
.gd-offer-box-small .gd-offer-box-content {
	flex: 1 1 50%;
}
.gd-offer-box-small .gd-section-title {
	font-size: 1.5rem;
	margin-bottom: 1rem;
}
.gd-offer-box-small .gd-buttons-wrap {
	margin-top: 1rem;
}

/* about designer */
.gd-about-designer {
	margin-top: 7.5rem;
	position: relative;
	padding-top: 7.5rem;
	padding-bottom: 7.5rem;
}
.gd-about-designer-img {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: -1;
	width: 50vw;
	max-height: 800px;
	object-fit: contain;
	object-position: right;
}

/* about awards */
.gd-about-awards {
	margin-bottom: 7.5rem;
}
.gd-about-awards .container {
	align-items: center;
}
.gd-about-awards-img {
	height: 7rem;
}
.gd-about-awards .gd-section-title {
	margin-bottom: 0.25rem;
}
.gd-about-awards .gd-h-subtitle {
	margin-bottom: 1rem;
}

/* about copyrights */
.gd-about-copyrights {
	margin-top: 7.5rem;
	margin-bottom: 7.5rem;
}
.gd-about-copyrights .container {
	align-items: center;
}
.gd-about-copyrights h4.gd-c-accent,
.gd-about-copyrights h4.gd-c-red {
	margin-top: 2rem;
	margin-bottom: 0;
}

/* cta section */
.gd-cta-section {
	padding-top: 7.5rem;
	padding-bottom: 7.5rem;
	margin-top: 7.5rem;
	margin-bottom: 7.5rem;
	border-top: 1px solid var(--borders);
	border-bottom: 1px solid var(--borders);
}
.gd-cta-section .gd-icon-blocks-wrap {
	margin-top: 4rem;
}
.gd-cta-section .gd-icon-blocks-wrap .gd-text-button {
	font-size: 1.25rem;
}
.gd-cta-section .container {
	align-items: center;
}

/* faq */
.gd-faq {
	border-top: 1px solid var(--borders);
	padding-top: 7.5rem;
	margin-top: 7.5rem;
	margin-bottom: 7.5rem;
}
.gd-faq .gd-section-title {
	margin-bottom: 0;
}
.gd-faq-box {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 3rem;
}
.gd-faq-question-header {
	display: flex;
	gap: 1rem;
	margin-bottom: 1rem;
	transition: 0.2s ease;
}
.gd-faq-question-header h3 {
	text-decoration: none;
	align-items: center;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1rem;
}
.gd-faq-question-opened .gd-faq-question-header h3 {
	color: var(--accent);
}
.gd-faq-question-opened .gd-faq-question-header .gd-icon {
	fill: var(--accent);
}
.gd-faq-question-header:hover {
	opacity: 0.5;
	cursor: pointer;
}

.gd-faq .gd-faq-question-answer ul {
	margin-top: 1rem;
	list-style: none;
}
.gd-faq .gd-faq-question-answer ul li {
	margin-bottom: 0.5rem;
	padding-left: 1.5rem;
	position: relative;
}
.gd-faq .gd-faq-question-answer ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.5rem;
	width: 0.5rem;
	height: 0.5rem;
	border: 1px solid var(--accent);
	transform: rotate(45deg);
	background-color: transparent;
}

/* testimonials */
.gd-testimonials {
	margin-top: 7.5rem;
	margin-bottom: 7.5rem;
}

.gd-testimonials__swiper-wrap {
	display: flex;
	align-items: center;
	gap: 3rem;
}
.gd-testimonials__swiper-wrap .gd-buttons-wrap {
	flex: 0 0 48px;
}
.gd-testimonials__text {
	padding: 3rem;
	background: radial-gradient(
		circle at top left,
		rgba(36, 36, 36, 0.3) 0%,
		rgba(62, 62, 62, 0.3) 35%,
		rgba(36, 36, 36, 0.3) 65%,
		rgba(62, 62, 62, 0.3) 100%
	);
	box-shadow: 0 15px 15px rgba(0, 0, 0, 0.3);
	border: 1px solid var(--borders);
}
.gd-testimonials__author {
	margin-top: 1rem;
	margin-bottom: 0;
	display: flex;
	gap: 1rem;
	align-items: center;
}
.gd-testimonials__author::before {
	content: "";
	width: 2rem;
	height: 1px;
	background: var(--borders);
}

/* footer */
.gd-footer {
	margin-top: 7.5rem;
	padding-top: 7.5rem;
	border-top: 1px solid var(--borders);
}
.c-footer {
	gap: 7.5rem 3rem;
}
.gd-footer-logo-img {
	height: 30px;
	width: auto;
	transition: opacity 200ms ease;
	margin: 0 auto;
}
.gd-footer-logo-wrap h6 {
	margin: 0;
}
.gd-footer-col {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.gd-h-footer-big {
	color: var(--accent);
	margin-top: 0;
	margin-bottom: 0;
}
.gd-h-footer {
	color: var(--gray-light);
	margin-top: 0;
	margin-bottom: 0;
	font-size: 0.875rem;
}

/* gd-footer-nav */
.gd-footer-menu-items {
	list-style-type: none;
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
}
.gd-footer-menu-items .menu-item a {
	font-family: "gravesend-sans", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 0.875rem;
	margin: 0;
	color: var(--gray-light);
	text-decoration: none;
	text-transform: uppercase;
	line-height: 1em;
	display: block;
}
.gd-footer-col .gd-icon-block {
	margin-top: 1rem;
}
.gd-footer-col .gd-icon-block:first-child {
	margin-top: 0;
}

.gd-footer-col .gd-icon-blocks-wrap .gd-text-button {
	font-family: "gravesend-sans", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 1rem;
	margin: 0;
	color: var(--off-white);
	text-decoration: none;
	text-transform: uppercase;
	line-height: 1em;
	display: block;
}
.gd-footer-col .gd-icon-blocks-wrap .gd-text-button:hover {
	gap: 1rem;
	filter: drop-shadow(0 0 5px var(--off-white));
}
.gd-footer-contact-row {
	display: flex;
	gap: 1rem;
	margin-top: 2rem;
}
.gd-footer-contact-col-40 {
	flex: 1 1 40%;
}
.gd-footer-contact-col-60 {
	flex: 1 1 60%;
}
.gd-footer-contact-col .gd-h-footer-big {
	margin-bottom: 1rem;
}
.gd-footer-col .gd-text-button {
	margin-top: 0;
}

/* site info */
.gd-site-info {
	border-top: 1px solid var(--borders);
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	margin-top: 7.5rem;
}
.gd-site-info .gd-h-footer {
	text-align: center;
	font-family: "gravesend-sans", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 0.625rem;
	letter-spacing: 0.1em;
	line-height: 1em;
	color: var(--gray-light);
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

/* footer-backlinks */
.gd-footer-backlinks {
	gap: 1rem 3rem;
	margin-top: 7.5rem;
}
.gd-footer-backlinks .gd-footer-menu-items {
	gap: 0.5rem;
}
.gd-footer-backlinks-nav .gd-footer-menu-items .menu-item a {
	font-size: 0.625rem;
	color: var(--gray-dark);
}

/* home - fixes */
.gd-home-page .gd-faq {
	margin-top: 0;
	border-top: none;
}
.gd-home-page .gd-cta-section {
	margin-bottom: 0;
}

/* ==========================================================================
   single.nagrobki.php - style of single tombstone page
   ========================================================================== */

.gd-ts-hero {
	padding-top: 3.75rem;
	overflow: hidden;
}
.gd-ts-hero.gd-glow-top:before {
	z-index: 3;
}
.gd-ts-hero-wrap {
	position: relative;
	width: 100%;
}
.gd-ts-hero-img {
	width: auto;
	/* height: 100%;
	max-height: 45rem; */
	height: 80vh;
	max-height: 750px;
	margin-left: auto;
	margin-right: auto;
	object-fit: contain;
	margin-top: -2rem;
	margin-bottom: -3rem;
}
.gd-ts-hero-content {
	display: flex;
	justify-content: space-between;
	position: absolute;
	top: 0;
	width: 100%;
	margin-top: 2rem;
	z-index: 2;
}
.gd-ts-hero-content .gd-h-subtitle {
	display: inline-flex;
	flex-direction: column;
	gap: 4px;
	margin-bottom: 0;
}
.gd-ts-hero-content .gd-section-title {
	margin-bottom: 0;
	letter-spacing: 0;
}
.gd-ts-hero-content .gd-buttons-wrap {
	margin-top: 0;
}
.gd-ts-hero-content .gd-button-wrap,
.gd-ts-hero-content .gd-button {
	width: 100%;
}

.gd-button-wrap-back {
	margin-bottom: 1rem;
}

.gd-ts-hero-copyright {
	width: 100%;
	margin-top: -5.5rem;
	margin-bottom: 5.5rem;
}
.gd-ts-hero-copyright p {
	font-family: "serenity", sans-serif;
	font-weight: 500;
	font-size: 0.75rem;
	color: var(--gray-dark);
	margin-bottom: 0;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	text-decoration: none;
	text-align: center;
}
.gd-ts-hero-copyright a {
	color: var(--red);
	margin-top: 0;
	margin-left: 0.5rem;
	font-size: 0.75rem;
	display: block;
}
.gd-ts-hero-copyright a:hover {
	filter: drop-shadow(0 0 5px var(--red));
	gap: 0.5rem;
}
.gd-ts-hero-copyright a .gd-copyright-cta {
	transition: color 0.2s ease;
	color: var(--off-white);
}
.gd-ts-hero-copyright a:hover .gd-copyright-cta {
	color: var(--off-white);
}

/* ts details */
.gd-ts-details {
	padding-top: 7.5rem;
	margin-bottom: 7.5rem;
	border-top: 1px solid var(--borders);
	/* text-align: center; */
	/* background: var(--black); */
}
/* .gd-ts-details .gd-text-seo-big {
	max-width: 60rem;
	margin: 0 auto;
} */
.gd-ts-details .col-4 {
	text-align: left;
}
.gd-details-columns {
	display: flex;
	gap: 3rem;
	max-width: 80rem;
	margin: 0 auto;
	justify-content: center;
}
.gd-details-columns-wrap {
	margin-top: 7.5rem;
}
.gd-details-columns .col-3 {
	flex: 1 1 calc(100% / 3);
}

.gd-ts-details .gd-about-bullets {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 1.5rem;
}

/* ts variations */
.gd-ts-variations {
	margin-top: 7.5rem;
	margin-bottom: 7.5rem;
}
.gd-ts-variations-gallery {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 3rem;
}

/* gd-portfolio-swiper */
.gd-portfolio-swiper {
	margin-top: 2rem;
}
.gd-portfolio-caption p {
	text-align: center;
	margin-top: 0.5rem;
}
.gd-portfolio-swiper-nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-top: 2rem;
}
.gd-portfolio-swiper-nav .gd-buttons-wrap {
	margin-top: 0;
}

/* ==========================================================================
   taxonomy-nagrobki_kategorie.php - style of taxonomy of tombstones
   ========================================================================== */

/* hero */
.gd-archive-tombstone .gd-ts-hero {
	padding-top: 0;
}

.gd-archive-tombstone .gd-ts-taxonomy-swiper,
.gd-archive-tombstone .gd-ts-taxonomy-swiper-podswietlane,
.gd-archive-tombstone .gd-ts-taxonomy-swiper--slimline {
	padding-top: 3.75rem;
	overflow: visible;
}
.gd-archive-tombstone
	.gd-ts-taxonomy-swiper-podswietlane
	.gd-ts-taxonomy-podswietlane__nested-swiper {
	overflow: visible;
}

.gd-ts-taxonomy-swiper-slide,
.gd-ts-taxonomy-swiper-podswietlane .gd-ts-taxonomy-swiper-slide {
	opacity: 0 !important;
}
.gd-ts-taxonomy-swiper-slide.swiper-slide-active,
.gd-ts-taxonomy-swiper-podswietlane
	.gd-ts-taxonomy-swiper-slide.swiper-slide-active {
	opacity: 1 !important;
}
.gd-ts-taxonomy-swiper-slide .gd-ts-hero-content,
.gd-ts-taxonomy-swiper-podswietlane
	.gd-ts-taxonomy-swiper-slide
	.gd-ts-hero-content {
	margin-top: 0;
}
.gd-ts-taxonomy-swiper-slide .gd-buttons-wrap,
.gd-ts-taxonomy-swiper-podswietlane
	.gd-ts-taxonomy-swiper-slide
	.gd-buttons-wrap {
	flex-direction: column;
	align-items: flex-end;
}
.gd-ts-hero-swiper-section {
	/* border-bottom: 3px solid var(--borders);
	border-image: linear-gradient(
			to right,
			var(--accent) 49%,
			var(--borders) 51%
		)
		1; */
}
.gd-ts-hero-swiper-section::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: linear-gradient(
		to right,
		var(--accent) 0%,
		var(--accent) 50%,
		var(--borders) 50.1%,
		var(--borders) 100%
	);
}
.gd-ts-taxonomy-swiper-podswietlane__nightmode-button {
	position: absolute;
	top: 13rem;
	left: 0;
	z-index: 2;
	font-family: "gravesend-sans", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 0.75rem;
	color: var(--borders);
	text-decoration: none;
	display: flex;
	gap: 0.5rem;
	align-items: center;
	cursor: pointer;
	transition: all 0.2s ease;
}
.gd-ts-taxonomy-swiper-podswietlane__nightmode-button span {
	transition: all 0.2s ease;
}
.gd-ts-taxonomy-swiper-podswietlane__nightmode-button span:hover {
	filter: drop-shadow(0 0 5px var(--gray-light));
	color: var(--gray-light);
}
.gd-ts-taxonomy-swiper-podswietlane__nightmode-button__text.active {
	color: var(--gray-light);
	filter: drop-shadow(0 0 5px var(--gray-light));
}
.gd-ts-taxonomy-swiper-podswietlane__nightmode-button__separator {
	width: 0.0625rem;
	height: 0.5rem;
	background: var(--borders);
}

.gd-ts-hero-swiper-section .gd-ts-hero-wrap {
	margin-bottom: -3px;
}

.gd-ts-hero-wrap .gd-buttons-swiper-nav-absolute {
	margin: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3;
}
.gd-ts-hero-wrap .gd-buttons-swiper-nav-absolute.gd-buttons-swiper-nav-prev {
	left: 0;
}
.gd-ts-hero-wrap .gd-buttons-swiper-nav-absolute.gd-buttons-swiper-nav-next {
	right: 0;
}

.gd-ts-hero-wrap
	.gd-buttons-swiper-nav-absolute
	.gd-icon-box-wrap
	.gd-icon-box {
	background: none;
	box-shadow: none;
	backdrop-filter: none;
	border: none;
	padding: 0;
}
.gd-ts-hero-wrap
	.gd-buttons-swiper-nav-absolute
	.gd-icon-box-wrap
	.gd-icon-box
	.gd-icon {
	width: 2rem;
	height: 2rem;
	transition: fill 200ms;
}
.gd-ts-hero-wrap
	.gd-buttons-swiper-nav-absolute
	.gd-icon-box-wrap:hover
	.gd-icon-box
	.gd-icon {
	fill: var(--accent);
}
.gd-ts-hero-wrap
	.gd-buttons-swiper-nav-absolute
	.gd-icon-box-wrap:hover::before,
.gd-ts-hero-wrap
	.gd-buttons-swiper-nav-absolute
	.gd-icon-box-wrap:hover::after {
	content: none;
}

.gd-ts-taxonomy-swiper--slimline .gd-ts-taxonomy-swiper--slimline-main-image {
	overflow: visible;
}

.gd-ts-taxonomy-swiper--slimline .gd-ts-hero-img {
	transform: translate(10%, -3%);
}

.gd-ts-taxonomy-swiper--slimline-thumbs-wrap {
	position: absolute;
	bottom: 1rem;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	max-width: 35%;
	margin: 0 auto;
}
.gd-ts-taxonomy-swiper--slimline-thumbs .swiper-slide {
	opacity: 0.7 !important;
	transition: all 0.3s ease;
	border: 1px solid var(--borders);
	background: var(--black);
	backdrop-filter: blur(1rem);
	text-align: center;
	scale: 1;
}
.gd-ts-taxonomy-swiper--slimline-thumbs .swiper-slide-active {
	opacity: 1 !important;
	scale: 1;
}

.gd-ts-taxonomy-swiper--slimline-thumbs-wrap .gd-ts-thumb-slide {
	/* max-width: 20rem;
	width: 100%;
	height: auto; */
	pointer-events: all;
}
.gd-ts-taxonomy-swiper-slide.swiper-slide-active
	.gd-ts-taxonomy-swiper--slimline-thumbs
	.swiper-slide {
	pointer-events: all;
}

.gd-ts-taxonomy-swiper--slimline-thumbs-wrap
	.gd-ts-taxonomy-swiper-slide:not(.swiper-slide-active) {
	display: none !important;
	opacity: 0 !important;
	pointer-events: none !important;
}
.gd-ts-taxonomy-swiper--slimline .gd-hover-pagination .gd-hover-bullet::before {
	top: -1rem;
}
/* swiper hover-pagination */
.gd-hover-pagination {
	position: absolute;
	bottom: 0 !important;
	display: flex;
	justify-content: center;
	gap: 0;
	z-index: 2;
}
.gd-hover-bullet-wrap {
	padding-top: 1rem;
	padding-bottom: 1rem;
	cursor: pointer;
}
.gd-hover-pagination .gd-hover-bullet {
	position: relative;
	width: auto;
	height: 3px;
	background: var(--borders);
	cursor: pointer;
	border-radius: 0;
	opacity: 1;
	flex: 1;
	margin: 0 !important;
	bottom: 3px;
	transition: border padding 0.3s ease;
}
.gd-hover-pagination .gd-hover-bullet:not(.swiper-pagination-bullet-active) {
	padding-left: 8px;
	padding-right: 8px;
}

.gd-hover-pagination .gd-hover-bullet::before {
	content: "";
	position: absolute;
	top: -10rem;
	bottom: -1.5rem;
	left: 0;
	right: 0;
	z-index: 1;
}

.gd-hover-pagination .gd-hover-bullet.swiper-pagination-bullet-active {
	background: var(--accent);
	border-left: 8px solid var(--black);
	border-right: 8px solid var(--black);
}

.gd-hover-pagination .gd-bullet-tooltip {
	border: 1px solid var(--borders);
	position: absolute;
	bottom: calc(100% + 1rem);
	transform: translateX(-50%);
	left: 50%;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.1s ease;
	background: var(--black);
	backdrop-filter: blur(1rem);
	width: 240px;
	height: 150px;
	text-align: center;
	pointer-events: none;
	overflow: hidden;
}

.gd-hover-pagination .gd-hover-bullet:hover {
	background: var(--gray-light);
}
.gd-hover-pagination .gd-hover-bullet:hover .gd-bullet-tooltip {
	opacity: 1;
	visibility: visible;
	transition-delay: 0s;
}

.gd-hover-pagination .gd-bullet-tooltip img {
	width: 100%;
	height: calc(100% + 24px);
	object-fit: contain;
	margin: 0 auto;
	padding-left: 10%;
	clip-path: inset(0 10% 0 0);
}

.gd-hover-pagination .gd-bullet-tooltip span {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	line-height: 1;
	margin-bottom: 0;
	color: var(--accent);
	background: rgba(0, 0, 0, 0.3);
	font-size: 1.25rem;
	padding: 0.25rem 0.5rem;
}

/* details */
.gd-ts-details.gd-no-border-top {
	border-top: 0;
}

/* taxonomy portfolio */
.gd-taxonomy-portfolio {
	padding-top: 7.5rem;
	border-top: 1px solid var(--borders);
}
.gd-taxonomy-portfolio .gd-taxonomy-portfolio-text {
	/* max-width: 70rem;
	margin: 0 auto; */
}

/* taxonomy faq */
.taxonomy-faq .gd-faq {
	padding-top: 0;
	border: none;
}

/* ==========================================================================
   archive-realizacje.php - style of archives of CPT realizacje
   ========================================================================== */

/* portfolio grid */
.gd-portfolio-items {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 3rem;
}

.gd-portfolio-grid-item {
	display: flex;
	flex-direction: column;
}

.gd-ts-portfolio-year-wrap {
	display: flex;
	flex-direction: column;
	gap: 3rem;
}

.gd-portfolio-item {
	grid-column: 1;
}

.gd-ts-portfolio-grid {
	margin-top: 7.5rem;
	margin-bottom: 7.5rem;
}

/* portfolio nav */
.gd-ts-portfolio-grid-nav {
	max-width: 7.5rem;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	position: sticky;
	top: 10rem;
	transition: all 0.3s ease;
}
.gd-ts-portfolio-grid-nav-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.gd-ts-portfolio-grid-nav-item:hover {
	cursor: pointer;
}
.gd-ts-portfolio-grid-line {
	display: block;
	height: 2px;
	width: 1rem;
	background: var(--gray-dark);
	transition: all 0.3s ease;
}
.gd-ts-portfolio-grid-year {
	font-family: "serenity", sans-serif;
	font-weight: 500;
	font-size: 1rem;
	line-height: 1;
	color: var(--gray-dark);
	text-transform: uppercase;
	letter-spacing: 0.1em;
	text-decoration: none;
	transition: all 0.3s ease;
}

/* current */
.gd-ts-portfolio-grid-nav-item.gd-ts-portfolio-year-current
	.gd-ts-portfolio-grid-line {
	background: var(--accent);
	width: 2rem;
	box-shadow: 0 0 5px var(--accent), 0 0 15px var(--accent),
		0 0 30px var(--accent), 0 0 60px var(--accent);
}
.gd-ts-portfolio-grid-nav-item.gd-ts-portfolio-year-current
	.gd-ts-portfolio-grid-year {
	color: var(--accent);
	font-size: 1.5rem;
}

/* passed */
.gd-ts-portfolio-grid-nav-item.gd-ts-portfolio-year-passed
	.gd-ts-portfolio-grid-line {
	background: var(--gray-light);
	width: 1rem;
}
.gd-ts-portfolio-grid-nav-item.gd-ts-portfolio-year-passed
	.gd-ts-portfolio-grid-year {
	color: var(--gray-light);
}

/* Tabs swiper */
.gd-ts-portfolio-grid-tabs-swiper-slide {
	width: auto !important;
}
.gd-ts-portfolio-grid-tabs-swiper-slide .gd-tab-item a {
	color: var(--gray-dark);
	font-family: "serenity", sans-serif;
	font-weight: 500;
	text-decoration: none;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	line-height: 1em;
	transition: all 0.3s ease;
}
.gd-ts-portfolio-grid-tabs-swiper-slide .gd-tab-item a:hover {
	color: var(--gray-light);
}
.gd-ts-portfolio-grid-tabs-swiper-slide .gd-tab-item-active a {
	color: var(--accent);
}

.gd-portfiolio-archive-map {
	padding-top: 0;
	padding-bottom: 0;
	border: 0;
}

/* ==========================================================================
   single-realizacje.php - style of single portfolio page
   ========================================================================== */

.gd-portfolio-single {
	margin-top: 7.5rem;
	margin-bottom: 7.5rem;
}
.gd-portfolio-single .gd-container-condensed {
	max-width: 60rem;
	margin: 0 auto;
}
.gd-portfolio-single .gd-portfolio-single-thumbnail img {
	width: 100%;
	height: auto;
	border: 1px solid var(--borders);
}
.gd-portfolio-single .gd-portfolio-single-seo-text {
	margin-top: 7.5rem;
	text-align: center;
}
.gd-portfolio-single .gd-portfolio-single-article .gd-buttons-wrap {
	justify-content: center;
}

/* ==========================================================================
   page-kontakt.php - style of contact page
   ========================================================================== */
.gd-contact-page-hero {
	padding-top: 7.5rem;
}
.gd-map {
	margin-top: 7.5rem;
	margin-bottom: 7.5rem;
	filter: grayscale(100%);
}

.gd-contact-page .gd-faq {
	padding-top: 0;
	border: none;
}

/* ==========================================================================
   page-o-nas.php - style of about page
   ========================================================================== */
.gd-about-hero {
	padding-top: 7.5rem;
	margin-bottom: 7.5rem;
}
.gd-about-hero p {
	margin-bottom: 1rem;
}
.gd-about-hero-img {
	position: absolute;
	right: 0;
	top: calc(50% + 7.5rem);
	transform: translateY(-50%);
	z-index: -2;
	width: 60vw;
	max-height: 800px;
	object-fit: contain;
	object-position: right;
}

.gd-about-history {
	position: relative;
	z-index: 1;
	margin-top: 7.5rem;
	margin-bottom: 7.5rem;
}
.gd-about-history .container {
	padding-top: 3rem;
}
.gd-about-history .gd-theme-img {
	margin-top: -7.5rem;
	margin-bottom: -3rem;
	width: 100%;
	max-width: unset;
}
.gd-about-cta-section {
	padding-bottom: 0;
	border-bottom: none;
}

.gd-about-cta-section.gd-glow-bottom:after {
	content: none;
}

.gd-about-values {
	margin-top: 7.5rem;
	margin-bottom: 7.5rem;
}
.gd-about-values .gd-about-bullets {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 1.5rem;
	margin-top: 3rem;
}

.gd-about-offer {
	margin-top: 7.5rem;
	padding-top: 7.5rem;
	padding-bottom: 7.5rem;
	border-top: 1px solid var(--borders);
}
.gd-about-offer .gd-offer-featured-box .gd-offer-featured-img {
	display: flex;
	flex-direction: column;
}
.gd-about-offer .gd-offer-featured-image-wrap {
	padding-left: 2rem;
	padding-right: 2rem;
}
.gd-about-offer .gd-offer-featured-box h4 {
	margin-bottom: 0;
}
.gd-about-offer .gd-offer-featured-box h4 a {
	color: var(--accent);
	font-size: 1rem;
}

.gd-about-process {
	margin-top: 7.5rem;
	margin-bottom: 7.5rem;
}
.gd-about-process .gd-diamond-text .gd-h-subtitle {
	margin-bottom: 0;
}
.gd-about-process__text {
	margin-top: 0.5rem;
	padding-left: 3.5rem;
}

.gd-about-designer.gd-about-page-designer {
	padding-top: 0;
	padding-bottom: 0;
}
/* .gd-about-designer.gd-about-page-designer p {
	padding-left: 3rem;
	border-left: 1px solid var(--borders);
} */

.gd-about-vertical-line {
	display: flex;
	justify-content: center;
	align-items: stretch;
	width: 100%;
	height: 100%;
}
.gd-about-vertical-line__inner {
	width: 1px;
	height: 100%;
	background: var(--accent);
}
.gd-about-page-awards {
	margin-top: 7.5rem;
	margin-bottom: 7.5rem;
}

.gd-about-awards .gd-h-about-page {
	margin-bottom: 0.25rem;
}
.gd-about-awards .gd-title-about-page {
	margin-bottom: 2rem;
}

/* ==========================================================================
   page-prawa-autorskie.php - style of copyrights page
   ========================================================================== */
.gd-copyrights-info {
	padding-top: 7.5rem;
	margin-bottom: 3rem;
}
.gd-copyrights-logo {
	margin-bottom: 3rem;
	margin-left: auto;
	margin-right: auto;
}
.gd-copyrights-info-text {
	margin-bottom: 1.5rem;
}
.gd-copyrights-bullets {
	margin-top: 3rem;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.5rem;
}
.gd-diamond-bullets.gd-copyrights-bullets li {
	margin-bottom: 0;
}
.gd-diamond-bullets.gd-copyrights-bullets li::before {
	border-color: var(--red);
}
.gd-diamond-bullets.gd-copyrights-bullets li::after {
	background: var(--red);
}
.gd-diamond-bullets.gd-copyrights-bullets .gd-h-subtitle {
	margin-bottom: 0;
	color: var(--red);
}

.gd-copyrights-quote {
	padding-top: 3rem;
	padding-bottom: 3rem;
	border-top: 1px solid var(--borders);
	border-bottom: 1px solid var(--borders);
	margin-top: 3rem;
	margin-bottom: 3rem;
}
.gd-copyrights-gallery {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 3rem;
	margin-top: 3rem;
}
.gd-copyright-gallery-item {
	max-width: 100%;
	aspect-ratio: 4 / 5;
	object-fit: contain;
	border: 1px solid var(--borders);
}

/* Wrapper automatycznie się skaluje */
.gd-copyrights-gallery-item-vega {
	width: 100%;
	aspect-ratio: 4 / 5; /* zachowanie proporcji */
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
}

/* Wewnętrzny kontener zawsze wypełnia wrapper */
.gd-copyrights-vega-wrap {
	width: 100%;
	height: 100%;
	background: #f9ed27;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	box-sizing: border-box;
	padding: 2%; /* opcjonalny padding */
}

/* Tekst skalowany zależnie od szerokości ekranu */
.gd-copyrights-vega-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: clamp(0px, 0.9vw, 16px); /* skalowanie fontu */
	color: #000;
	line-height: 1.4;
	white-space: nowrap;
}

/* ==========================================================================
   single-strony_lokalne.php - style of single local pages
   ========================================================================== */
.gd-hero-local .gd-hero-bg-swiper-img {
	aspect-ratio: 31 / 9;
}
.gd-local-seo {
	padding-top: 7.5rem;
	margin-bottom: 7.5rem;
	border-top: 1px solid var(--borders);
}
.gd-local-seo.gd-glow-top:before {
	z-index: 3;
}
.gd-local-seo .container {
	align-items: center;
}

.gd-local-offer .gd-offer-box {
	align-items: flex-start;
	flex-direction: column;
	gap: 0;
}
.gd-local-seo-map-wrap .container {
	align-items: center;
}
.gd-local-seo-map {
	width: 100%;
}
.gd-local-seo-map-title-wrap {
	align-items: center;
}