/*
 * Workshop photos on «Про магазин» and «Доставка й оплата» (owner approved 22 Oct 19:19). Presentation only.
 * One radius (12 px) and the content grid's own 16 px gap, so photo edges line up with the text cards around them.
 */
.em26-entry--workshop-about .em26-entry__content > .em26-entry__portrait { grid-column: 2; grid-row: 2 / span 4; align-self: start; position: relative; aspect-ratio: 1 / 1; margin: 0; overflow: hidden; border-radius: 12px; }
.em26-entry--workshop-about .em26-entry__portrait img,
.em26-entry--workshop-about .em26-entry__strip-photo img,
.em26-entry--workshop-delivery .em26-entry__aside-photo img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.em26-entry--workshop-about .em26-entry__portrait img { object-position: 50% 50%; } /* the whole square: face, apron and every resin bottle; the text cards grow to its height */
.em26-entry--workshop-about .em26-entry__workshop-strip { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; max-width: 64rem; margin-top: 16px; } /* the content column's own width and gap */
.em26-entry--workshop-about .em26-entry__strip-photo { position: relative; margin: 0; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 12px; }
.em26-entry--workshop-about .em26-entry__strip-photo:first-child img { object-position: 50% 30%; }
.em26-entry--workshop-about .em26-entry__strip-photo:last-child img { object-position: 50% 50%; }

/* Delivery: the text keeps its column; the photo sits beside it from the first section heading down and stays in view. */
.em26-entry--workshop-delivery { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 24rem); column-gap: 3rem; align-items: start; }
.em26-entry--workshop-delivery > .em26-entry__title { grid-column: 1 / -1; }
.em26-entry--workshop-delivery > .em26-entry__content { grid-column: 1; min-width: 0; }
.em26-entry--workshop-delivery > .em26-entry__aside-photo { position: sticky; top: 1.5rem; grid-column: 2; grid-row: 2; margin: 4rem 0 0; aspect-ratio: 6 / 5; /* top edge on the first section rule */ overflow: hidden; border-radius: 12px; }
.em26-entry--workshop-delivery .em26-entry__aside-photo img { object-position: 50% 50%; } /* the crop starts under the chin: bottles and apron, no half face */

@media (max-width: 47.99rem) {
	.em26-entry--workshop-about .em26-entry__content > .em26-entry__portrait { grid-column: 1 / -1; grid-row: auto; aspect-ratio: 1 / 1; }
	.em26-entry--workshop-about .em26-entry__workshop-strip { gap: 8px; }
	.em26-entry--workshop-delivery { display: flex; flex-direction: column; }
	.em26-entry--workshop-delivery > .em26-entry__aside-photo { order: 1; flex: 0 0 auto; position: relative; top: auto; width: 100%; margin: 0 0 1.5rem; aspect-ratio: 6 / 5; } /* same ratio as the file: nothing is cut on phones */
	.em26-entry--workshop-delivery > .em26-entry__content { order: 2; }
}

/* «Про магазин», text v3 (owner approved 26 Oct): lead across the top, then one readable column of sections beside the
   portrait, which stays in view; phones stack everything. Overrides the older short-paragraph layout above. */
@media (min-width: 48rem) {
	html:not(#em26-about) body .em26-entry--workshop-about .em26-entry__content { grid-template-columns: minmax(0, 1fr) minmax(0, 22rem); column-gap: 3rem; align-items: start; }
	html:not(#em26-about) body .em26-entry--workshop-about .em26-entry__content > :where(p, h2, ul) { grid-column: 1; width: 100%; max-width: 44rem; margin-inline: 0; }
	html:not(#em26-about) body .em26-entry--workshop-about .em26-entry__content > p:first-child { grid-column: 1 / -1; max-width: 52rem; }
	html:not(#em26-about) body .em26-entry--workshop-about .em26-entry__content > .em26-entry__portrait { grid-column: 2; grid-row: 2 / span 12; position: sticky; top: var(--em26-stick-top, 1.5rem); }
}
html:not(#em26-about) body .em26-entry--workshop-about .em26-entry__content > h2 { margin: 2rem 0 0.75rem; padding-top: 1rem; font-size: clamp(1.4rem, 1.15rem + 0.9vw, 1.875rem); line-height: 1.15; text-wrap: balance; }
html:not(#em26-about) body .em26-entry--workshop-about .em26-entry__content > ul { margin: 0 0 1rem; padding-left: 1.25rem; }
html:not(#em26-about) body .em26-entry--workshop-about .em26-entry__content > ul li + li { margin-top: 0.5rem; }

/* Owner-approved full service blocks restored below the current About v3 story. */
html:not(#em26-about) body .em26-about-operations { grid-column: 1 / -1; width: 100%; max-width: none; margin-top: clamp(2.5rem, 5vw, 4.5rem); padding: clamp(1.25rem, 3vw, 2.5rem); border-top: 5px solid var(--em26-magenta, #b31368); border-radius: 12px; background: var(--em26-surface, #fffdf8); box-shadow: 0 16px 40px rgba(22, 53, 61, 0.08); }
html:not(#em26-about) body .em26-about-operations > h2 { margin: 0 0 0.75rem; font-size: clamp(1.65rem, 1.2rem + 1.4vw, 2.5rem); }
html:not(#em26-about) body .em26-about-operations > p { max-width: 48rem; color: var(--em26-muted, #617176); }
html:not(#em26-about) body .em26-about-operations__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; margin-top: 1.5rem; }
html:not(#em26-about) body .em26-about-operations__grid > .wp-block-column { margin: 0; }
html:not(#em26-about) body .em26-about-operations__card { height: 100%; margin: 0; padding: 1.25rem; border: 1px solid rgba(22, 53, 61, 0.16); border-radius: 10px; background: var(--em26-paper, #f7f4ec); }
html:not(#em26-about) body .em26-about-operations__card h3 { margin: 0 0 0.65rem; font-size: 1.12rem; }
html:not(#em26-about) body .em26-about-operations__card p { margin: 0; font-size: 0.96rem; line-height: 1.55; }
html:not(#em26-about) body .em26-about-operations__card p + p { margin-top: 0.85rem; }
html:not(#em26-about) body .em26-about-operations__card a { min-height: 44px; color: var(--em26-cobalt, #1d5dbb); font-weight: 700; text-underline-offset: 0.18em; }

/* One readable system for the merged warranty + returns page. */
html:not(#em26-policy) body.page-id-41 .em26-entry__content > :where(.em26-policy-intro, .em26-policy-card, .em26-policy-grid) { width: 100%; max-width: 64rem; }
html:not(#em26-policy) body.page-id-41 .em26-policy-intro { margin-bottom: 1rem; padding: clamp(1.25rem, 3vw, 2rem); border-left: 5px solid var(--em26-cobalt, #1d5dbb); border-radius: 10px; background: rgba(29, 93, 187, 0.08); }
html:not(#em26-policy) body.page-id-41 .em26-policy-intro p { max-width: 48rem; margin-top: 0; }
html:not(#em26-policy) body.page-id-41 .wp-block-buttons { display: flex; flex-wrap: wrap; gap: 0.65rem; }
html:not(#em26-policy) body.page-id-41 .wp-block-button__link { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; padding: 0.75rem 1rem; border: 1px solid var(--em26-cobalt, #1d5dbb); border-radius: 8px; color: #fff; background: var(--em26-cobalt, #1d5dbb); font-weight: 700; text-decoration: none; }
html:not(#em26-policy) body.page-id-41 .is-style-outline .wp-block-button__link { color: var(--em26-cobalt, #1d5dbb); background: transparent; }
html:not(#em26-policy) body.page-id-41 .em26-policy-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; }
html:not(#em26-policy) body.page-id-41 .em26-policy-grid > .wp-block-column { margin: 0; }
html:not(#em26-policy) body.page-id-41 .em26-policy-card { margin-block: 1rem; padding: clamp(1.15rem, 2.5vw, 1.6rem); border: 1px solid rgba(22, 53, 61, 0.16); border-radius: 10px; background: var(--em26-surface, #fffdf8); }
html:not(#em26-policy) body.page-id-41 .em26-policy-card h2,
html:not(#em26-policy) body.page-id-41 .em26-policy-card h3 { margin-top: 0; }
html:not(#em26-policy) body.page-id-41 .em26-policy-card li + li { margin-top: 0.5rem; }
html:not(#em26-policy) body.page-id-41 .em26-policy-address { border-top: 5px solid var(--em26-teal, #129a9a); }

@media (max-width: 700px) {
	html:not(#em26-about) body .em26-about-operations__grid,
	html:not(#em26-policy) body.page-id-41 .em26-policy-grid { grid-template-columns: 1fr; }
}