/* 1.9.0 "Opis z klocków" - JEDYNE miejsce z wygladem opisow z klockow (sklep + podglad w panelu). */
.dw-desc-blocks {
	--dw-db-gap: 40px;
	--dw-db-dark: #1a1a1a;
	--dw-db-radius: 12px;
	max-width: 1100px;
	margin: 0 auto;
	color: #212121;
	font-size: 16px;
	line-height: 1.65;
}
.dw-desc-blocks .dw-db { margin: 0 0 var(--dw-db-gap); }
.dw-desc-blocks .dw-db:last-child { margin-bottom: 0; }
.dw-desc-blocks p { margin: 0 0 .8em; }
.dw-desc-blocks p:last-child, .dw-desc-blocks ul:last-child { margin-bottom: 0; }
.dw-desc-blocks ul { margin: 0 0 .8em; padding-left: 1.3em; }
.dw-desc-blocks li { margin: 0 0 .35em; }
.dw-desc-blocks li::marker { color: #c8102e; }
.dw-desc-blocks .dw-db-h { margin: 0 0 .5em; font-size: 20px; line-height: 1.3; font-weight: 700; color: var(--dw-db-dark); }

/* pas sekcji */
.dw-desc-blocks .dw-db-section {
	background: var(--dw-db-dark);
	color: #fff;
	text-align: center;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3;
	padding: 14px 20px;
	border-radius: 6px;
}

/* tekst | zdjecie */
.dw-desc-blocks .dw-db-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 36px;
	align-items: center;
}
.dw-desc-blocks .dw-db-img-left .dw-db-col-img { order: -1; }
.dw-desc-blocks .dw-db-noimg { grid-template-columns: 1fr; }
.dw-desc-blocks .dw-db-col-img img,
.dw-desc-blocks .dw-db-banner img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--dw-db-radius);
}

/* zdjecie na cala szerokosc */
.dw-desc-blocks .dw-db-banner { margin-left: 0; margin-right: 0; }
.dw-desc-blocks .dw-db-banner figcaption { margin-top: 8px; text-align: center; font-size: 14px; color: #666; }

/* dane techniczne */
.dw-desc-blocks .dw-db-specs table { width: 100%; border-collapse: collapse; margin: 0; }
.dw-desc-blocks .dw-db-specs th,
.dw-desc-blocks .dw-db-specs td { padding: 10px 14px; border: 0; border-bottom: 1px solid #e6e6e6; text-align: left; vertical-align: top; }
.dw-desc-blocks .dw-db-specs tr:nth-child(odd) { background: #f7f7f7; }
.dw-desc-blocks .dw-db-specs th { width: 40%; font-weight: 600; }

/* film */
.dw-desc-blocks .dw-db-video-frame { position: relative; aspect-ratio: 16 / 9; border-radius: var(--dw-db-radius); overflow: hidden; background: #000; }
.dw-desc-blocks .dw-db-video-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* telefon: zdjecie zawsze nad tekstem. Container query (szerokosc samego opisu, nie ekranu), wiec
   podglad "Telefon" w panelu wyglada tak samo jak na telefonie. */
.dw-desc-blocks { container-type: inline-size; }
@container (max-width: 700px) {
	.dw-desc-blocks .dw-db { margin-bottom: 28px; }
	.dw-desc-blocks .dw-db:last-child { margin-bottom: 0; }
	.dw-desc-blocks .dw-db-text, .dw-desc-blocks .dw-db-row { font-size: 15px; }
	.dw-desc-blocks .dw-db-row { grid-template-columns: 1fr; gap: 14px; }
	.dw-desc-blocks .dw-db-row .dw-db-col-img { order: -1; }
	.dw-desc-blocks .dw-db-h { font-size: 18px; }
	.dw-desc-blocks .dw-db-section { font-size: 18px; padding: 12px 14px; }
	.dw-desc-blocks .dw-db-specs th, .dw-desc-blocks .dw-db-specs td { padding: 8px 10px; }
}