/* =========================================================
   KREMACJE OLSZTYN
   ========================================================= */

/* =========================================================
   SHARED
   ========================================================= */


.button--outline-green{
	border:1px solid rgba(15,51,43,.55);
	background:transparent;
	color:var(--color-green);
}


/* =========================================================
   BREADCRUMBS
   ========================================================= */


/* =========================================================
   HERO
   ========================================================= */

.cremation-hero h1{
	max-width:10.5ch;
	margin:0;
	font-size:clamp(39px,11vw,50px);
	line-height:1.025;
	letter-spacing:-.032em;
}

.cremation-hero__lead{
  max-width:35ch;
}

/* =========================================================
   ORGANIZACJA KREMACJI I POGRZEBU URNOWEGO
   ========================================================= */

.cremation-intro{
	padding:72px 0 68px;
}

.cremation-intro__grid{
	display:grid;
	gap:34px;
}

.section-heading h2{
	max-width:13ch;
}

.cremation-intro__body > .lead-copy{
	margin-bottom:36px;
}

/* Lokalny wyjątek: tekst kroków w Kremacjach pozostaje węższy. */
.cremation-page .page-steps p {
	max-width: 48ch;
}

/* =========================================================
   POŻEGNANIE
   ========================================================= */

.farewell-section{
	padding:64px 0;
	background:var(--color-white);
}

.farewell-section__grid{
	display:grid;
	gap:38px;
}

.editorial-photo{
	margin:0 -20px;
	overflow:hidden;
	background:var(--color-surface);
}

.editorial-photo--portrait{
	height:430px;
}

.editorial-photo img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
}

.farewell-section__content h2{
	max-width:11ch;
}

.farewell-section__content > p:not(.service-eyebrow){
	margin:22px 0 0;
	color:var(--color-muted);
	line-height:1.65;
}

.farewell-section__content > p + p{
	margin-top:14px;
}


/* =========================================================
   FORMALNOŚCI
   ========================================================= */

.documents-section{
	position:relative;
	background:var(--color-green);
	color:var(--color-white);
}

.documents-section__grid{
	display:grid;
}

.documents-section__content{
	padding:64px 0 58px;
}

.documents-section h2{
	max-width:10ch;
	color:var(--color-white);
}

.documents-section__content > p:not(.service-eyebrow):not(.documents-section__label){
	max-width:39ch;
	margin:22px 0 0;
	color:rgba(255,254,250,.79);
	line-height:1.65;
}

.documents-section__important{
	margin:32px 0 28px;
	padding:22px 0 0;
	border-top:1px solid rgba(255,254,250,.2);
}

.documents-section__important .documents-section__label{
	margin:0 0 8px;
	color:var(--color-gold-light);
	font-size:11px;
	font-weight:600;
	letter-spacing:.11em;
	text-transform:uppercase;
}

.documents-section__important p:last-child{
	margin:0;
	color:rgba(255,254,250,.86);
	font-size:14px;
	line-height:1.6;
}

.documents-section__media{
	width:100vw;
	height:390px;
	margin:0 0 0 calc(50% - 50vw);
	overflow:hidden;
	background:#173f36;
}

.documents-section__media img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
}


/* =========================================================
   KREMATORIUM OLSZTYN
   ========================================================= */

.crematorium-section{
	padding:70px 0;
	background:var(--color-bg);
}

.crematorium-section__grid{
	display:grid;
	gap:38px;
}

.crematorium-section__content h2{
	max-width:11ch;
}

.crematorium-section__content .lead-copy{
	margin:22px 0 0;
	max-width:38ch;
}

.crematorium-section__content > p:not(.service-eyebrow):not(.lead-copy){
	max-width:42ch;
	margin:18px 0 0;
	color:var(--color-muted);
	line-height:1.65;
}

.crematorium-section__media{
	height:420px;
	margin:0 -20px;
	overflow:hidden;
	background:var(--color-surface);
}

.crematorium-section__media img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
}


/* =========================================================
   POGRZEB URNOWY
   ========================================================= */

.urn-section{
	padding:70px 0 74px;
	background:var(--color-white);
}

.urn-section__grid{
	display:grid;
	grid-template-columns:1fr;
	gap:40px;
}

/*
 * MOBILE:
 * treść przed fotografią.
 * Dzięki temu fotografia z sekcji Krematorium
 * nie znajduje się bezpośrednio nad kolejną fotografią.
 */

.urn-section__content{
	order:1;
}


.urn-section__content h2{
	max-width:10ch;
}

.urn-section__content > .lead-copy{
	margin:22px 0 0;
	max-width:42ch;
}

.urn-section__content > p:not(.service-eyebrow):not(.lead-copy){
	max-width:44ch;
	margin:18px 0 0;
	color:var(--color-muted);
	line-height:1.65;
}

.urn-section__funeral-link{
	margin-top:24px;
}

.urn-section__choice{
	margin:0;
}

.urn-section__choice h3{
	font-size:clamp(32px,8vw,44px);
	line-height:1.09;
	letter-spacing:-.024em;
}

.urn-section__choice p{
	max-width:42ch;
	margin:13px 0 20px;
	color:var(--color-muted);
	line-height:1.65;
}


/* =========================================================
   FAQ
   ========================================================= */

.cremation-faq{
	padding:70px 0;
	background:var(--color-bg);
}

.cremation-faq__grid{
	display:grid;
	gap:38px;
}

.cremation-faq__heading h2{
	max-width:11ch;
}

.cremation-faq__list{
	border-top:1px solid var(--color-border);
}

.cremation-faq__item{
	border-bottom:1px solid var(--color-border);
}

.cremation-faq__item summary{
	position:relative;

	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:24px;

	padding:22px 0;

	color:var(--color-green);

	font-family:Lora,Georgia,serif;
	font-size:19px;
	font-weight:400;
	line-height:1.35;

	cursor:pointer;
	list-style:none;
}

.cremation-faq__item summary::-webkit-details-marker{
	display:none;
}

.cremation-faq__item summary > span{
	position:relative;
	flex:0 0 22px;
	width:22px;
	height:22px;
}

.cremation-faq__item summary > span::before,
.cremation-faq__item summary > span::after{
	content:"";

	position:absolute;
	left:50%;
	top:50%;

	width:14px;
	height:1px;

	background:var(--color-green);

	transform:translate(-50%,-50%);
	transition:transform .18s ease;
}

.cremation-faq__item summary > span::after{
	transform:translate(-50%,-50%) rotate(90deg);
}

.cremation-faq__item[open] summary > span::after{
	transform:translate(-50%,-50%) rotate(0);
}

.cremation-faq__answer{
	padding:0 38px 24px 0;
}

.cremation-faq__answer p{
	max-width:52ch;
	margin:0;

	color:var(--color-muted);

	font-size:15px;
	line-height:1.68;
}


/* =========================================================
   KONTAKT
   ========================================================= */


.cremation-contact h2{
	max-width:12ch;
	color:var(--color-white);
}

.cremation-contact__copy > p:last-child{
	max-width:37ch;
	margin:20px 0 0;
	color:rgba(255,254,250,.75);
}


/* =========================================================
   TABLET / DESKTOP
   ========================================================= */

@media(min-width:768px){

	/* HERO */

.cremation-hero h1{
		font-size:50px;
		max-width:11ch;
	}

/* ORGANIZACJA */

	.cremation-intro{
		padding:88px 0;
	}

	.cremation-intro__grid{
		grid-template-columns:.72fr 1.28fr;
		gap:72px;
	}

.section-heading h2{
		max-width:12ch;
	}

	


	/* POŻEGNANIE */

	.farewell-section{
		padding:88px 0;
	}

	.farewell-section__grid{
		grid-template-columns:minmax(0,.92fr) minmax(0,1fr);
		align-items:center;
		gap:64px;
	}

	.editorial-photo--portrait{
		height:560px;
	}


	/* FORMALNOŚCI */

	.documents-section__grid{
		grid-template-columns:minmax(0,1fr) minmax(0,.82fr);
		gap:0;
	}

	.documents-section__content{
		padding:82px 60px 82px 0;
	}

	.documents-section__media{
		width:auto;
		height:auto;
		min-height:610px;
		margin:0;
		margin-right:-20px;
	}


	/* KREMATORIUM */

	.crematorium-section{
		padding:88px 0;
	}

	.crematorium-section__grid{
		grid-template-columns:minmax(0,.92fr) minmax(0,1fr);
		align-items:center;
		gap:64px;
	}

	.crematorium-section__content{
		grid-column:1;
		grid-row:1;
	}

	.crematorium-section__media{
		grid-column:2;
		grid-row:1;

		height:560px;
	}


	/* POGRZEB URNOWY */

	.urn-section{
		padding:88px 0;
	}

	.urn-section__grid{
	grid-template-columns:minmax(0,1fr) minmax(0,1fr);
	gap:64px;
	align-items:start;
}

	.urn-section__content{
		order:initial;

		grid-column:2;
		grid-row:1;

		min-width:0;
	}


	/* FAQ */

	.cremation-faq{
		padding:88px 0;
	}

	.cremation-faq__grid{
		grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);
		align-items:start;
		gap:72px;
	}

	.cremation-faq__heading{
		position:sticky;
		top:116px;
	}

	.cremation-faq__item summary{
		padding:25px 0;
		font-size:20px;
	}

	.cremation-faq__answer{
		padding:0 52px 27px 0;
	}

	.cremation-faq__answer p{
		font-size:16px;
	}


	/* KONTAKT */

	

	

}


/* =========================================================
   LARGE DESKTOP
   ========================================================= */

@media(min-width:1200px){
/* HERO */

.cremation-hero h1{
		font-size:60px;
		line-height:1.02;
		max-width:11.2ch;
	}

	.cremation-hero__lead{
  max-width:39ch;
}

/* ORGANIZACJA */

	.cremation-intro__grid{
		gap:120px;
	}


	/* POŻEGNANIE */

	.farewell-section__grid{
		gap:106px;
	}

	.editorial-photo--portrait{
		height:640px;
	}


	/* FORMALNOŚCI */

	.documents-section__content{
		padding:98px 96px 98px 0;
	}

	.documents-section__media{
		min-height:690px;
		margin-right:-80px;
	}


	/* KREMATORIUM */

	.crematorium-section__grid{
		grid-template-columns:minmax(0,.9fr) minmax(0,1fr);
		gap:106px;
	}

	.crematorium-section__media{
		height:620px;
	}


	/* POGRZEB URNOWY */

	.urn-section__grid{
		grid-template-columns:minmax(0,.9fr) minmax(0,1fr);
		gap:106px;
	}

	/* FAQ */

	.cremation-faq__grid{
		grid-template-columns:430px minmax(0,1fr);
		gap:110px;
	}

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

	.cremation-page 

	.cremation-faq__item summary > span::after{
		transition:none;
	}

}


/* =========================================================
   HERO BUTTON COLOR SAFETY
   ========================================================= */

.cremation-hero .button--service-primary,
.cremation-hero .button--service-primary:visited,
.cremation-hero .button--service-primary:hover{
	color:#FFFEFA;
}