.e50-commerce { box-sizing: border-box; margin: 28px 0; padding: 20px; border: 1px solid #dce2e8; border-radius: 6px; color: inherit; background: transparent; clear: both; }
.e50-commerce *, .e50-commerce *::before, .e50-commerce *::after { box-sizing: border-box; }
.e50-commerce .e50-commerce-header { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; margin: 0 0 16px; }
.e50-commerce .e50-commerce-header h2 { flex: 1 1 16rem; min-width: 0; margin: 0; font: inherit; font-size: 1.35em; font-weight: 700; line-height: 1.35; overflow-wrap: anywhere; }
.e50-commerce a.e50-commerce-shop-link { max-width: 100%; margin-left: auto; padding: 4px 0; font: inherit; font-size: max(12px, .8em); font-weight: 600; line-height: 1.4; color: var(--pcaccent-cl, #113263); text-decoration: underline; text-underline-offset: .2em; overflow-wrap: anywhere; }
.e50-commerce a.e50-commerce-shop-link::after { content: ' →'; }
.e50-commerce .e50-commerce-disclosure { margin: 16px 0 0; padding-top: 12px; border-top: 1px solid #dce2e8; font-size: max(12px, .8em); line-height: 1.5; color: inherit; }
.e50-commerce .e50-commerce-products { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; padding: 0; margin: 0; list-style: none; }
.e50-commerce .e50-commerce-card { display: flex; flex-direction: column; gap: 10px; min-width: 0; padding: 0; margin: 0; list-style: none; }
.e50-commerce .e50-commerce-card h3 { font: inherit; font-weight: 700; font-size: 1.05em; line-height: 1.4; margin: 0; overflow-wrap: anywhere; }
.e50-commerce .e50-commerce-card p { margin: 0; font-size: .92em; line-height: 1.55; overflow-wrap: anywhere; }
.e50-commerce .e50-commerce-image { width: 100%; height: 120px; object-fit: contain; margin: 0; }
:where(.e50-commerce a.e50-commerce-button) { color: var(--pcaccent-cl, #113263); background: #fff; }
.e50-commerce a.e50-commerce-button { display: inline-block; align-self: flex-start; width: auto; max-width: 100%; margin-top: auto; padding: 10px 14px; border: 1px solid currentColor; border-radius: 4px; font: inherit; font-size: .9em; font-weight: 700; line-height: 1.4; text-transform: none; text-decoration: none; overflow-wrap: anywhere; }
.e50-commerce a.e50-commerce-button:hover { text-decoration: underline; }
.e50-commerce .e50-commerce-card > .e50-commerce-button { align-self: flex-end; }
.e50-commerce[data-button-align="left"] .e50-commerce-card > .e50-commerce-button { align-self: flex-start; }
.e50-commerce[data-button-align="center"] .e50-commerce-card > .e50-commerce-button { align-self: center; }
.e50-commerce a.e50-commerce-button.penci-button { color: #fff; }
.e50-commerce a.e50-commerce-button.penci-button:hover { color: var(--pcaccent-cl, #113263); text-decoration: none; }
.e50-commerce a.e50-commerce-button:focus-visible, .e50-commerce a.e50-commerce-shop-link:focus-visible { outline: 3px solid var(--pcaccent-cl, #113263); outline-offset: 3px; }
@media (max-width: 600px) { .e50-commerce { padding: 16px; } .e50-commerce .e50-commerce-products { grid-template-columns: minmax(0, 1fr); } .e50-commerce .e50-commerce-card + .e50-commerce-card { border-top: 1px solid #dce2e8; padding-top: 16px; } }