/* Mobile layout fixes (phones/small tablets). Desktop is untouched. */
@media (max-width: 781px) {
	html, body { overflow-x: hidden; }

	/* Row groups were set to "no wrap" -> stack them vertically */
	.entry-content .wp-block-group.is-nowrap:not(.is-vertical),
	footer.wp-block-template-part .wp-block-group.is-nowrap:not(.is-vertical) {
		flex-wrap: wrap !important;
		gap: 1.5rem !important;
	}
	.entry-content .wp-block-group.is-nowrap:not(.is-vertical) > * {
		flex: 1 1 100% !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0;
	}

	/* Constrained groups limited to 70%/85% width -> use full width */
	.entry-content .wp-block-group > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
		max-width: 100% !important;
	}
	.entry-content > .wp-block-group,
	.entry-content > .wp-block-group.alignfull {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	/* Intro: logo/bees image smaller, gallery 2 per row */
	.entry-content > .wp-block-group:first-child .wp-block-image.is-resized img {
		max-width: 260px;
		height: auto;
		margin: 0 auto;
		display: block;
	}
	.entry-content .wp-block-gallery.has-nested-images {
		display: grid !important;
		grid-template-columns: 1fr 1fr;
		gap: 8px !important;
	}
	.entry-content .wp-block-gallery.has-nested-images > figure.wp-block-image {
		width: auto !important;
		margin: 0 !important;
	}

	/* Media & text cards: always stack, sane padding */
	.entry-content .wp-block-media-text {
		grid-template-columns: 100% !important;
		padding: 0 !important;
	}
	.entry-content .wp-block-media-text > .wp-block-media-text__media {
		grid-column: 1 !important;
		grid-row: 1 !important;
	}
	.entry-content .wp-block-media-text > .wp-block-media-text__content {
		grid-column: 1 !important;
		grid-row: 2 !important;
		padding: 0 !important;
	}
	.entry-content .wp-block-media-text__content > .wp-block-group {
		padding: 1.25em !important;
	}
	.entry-content .heder .wp-block-media-text__media img {
		max-height: 160px;
		width: auto;
		margin: 0 auto;
		display: block;
	}

	.entry-content .vrste-meda .wp-block-media-text__media img {
		max-height: 150px;
		width: auto;
		margin: 1.25em auto 0;
		display: block;
	}

	/* Honey jar product cards: two images overlap on desktop, keep that compact */
	.entry-content .med-vrste .wp-block-group.is-vertical {
		max-width: 340px !important;
		margin: 0 auto !important;
	}

	/* Delivery steps: icon + text centered */
	.entry-content .dostava .wp-block-image img {
		max-width: 140px;
		height: auto;
	}

	/* Big decorative spacers */
	.entry-content .wp-block-spacer[style*="100px"] { height: 40px !important; }

	/* Headings a bit smaller so long Cyrillic words don't overflow */
	.entry-content h2.wp-block-heading { font-size: clamp(1.8rem, 8vw, 2.6rem) !important; word-break: normal; overflow-wrap: anywhere; }
	.entry-content h3.wp-block-heading { font-size: clamp(1.5rem, 7vw, 2.2rem) !important; overflow-wrap: anywhere; }

	/* Footer contact row */
	footer.wp-block-template-part .wp-block-group.is-nowrap > * {
		flex: 1 1 100%;
		text-align: center;
	}
	footer.wp-block-template-part a[href^="mailto:"] { overflow-wrap: anywhere; }
}