/*
 * Product page: the tabs under the product (Opis, Informacje dodatkowe).
 *
 * The description panel is a WordPress "constrained" layout, so every block in
 * it is centred at the narrow content width — the tab's headings started a
 * third of the way across the screen while the tab bar and "Podobne produkty"
 * sat at the container's edge. The panel takes the container width itself and
 * its blocks start at the left edge, like everything else on the page. Body
 * text keeps a reading measure; headings and tables are not capped.
 */
/* Sized like Blocksy's own constrained blocks (the tab bar above it), so the
   panel keeps the theme's edge spacing on a phone instead of touching the
   screen edge. */
.woocommerce-Tabs-panel--description {
	width: var( --theme-container-width, 88vw );
	max-width: var( --theme-normal-container-max-width, 1290px );
	margin-inline: auto;
}

/*
 * Through the variables, not against the rules. Blocksy sizes every block in a
 * constrained layout with `width: var(--theme-block-width)`, and WordPress
 * centres it with `margin: auto !important` — which nothing outranks, but which
 * has nothing to centre once the block is as wide as its parent. A paragraph
 * keeps that full width too and gets its reading measure as padding on the
 * right — a narrower box would be centred again by that same margin.
 */
.woocommerce-Tabs-panel--description.entry-content > * {
	--theme-block-width: 100%;
	max-width: none;
}

.woocommerce-Tabs-panel--description.entry-content > p {
	box-sizing: border-box;
	padding-right: max( 0px, calc( 100% - 70ch ) );
}