.jl-pattern--product-example {
display: flex;
gap: 26px;
align-items: flex-start;
}
.jl-pattern--product-example > .jl-product-example-image {
flex: 0 0 220px;
width: 220px;
margin: 0;
}
.jl-pattern--product-example > .jl-product-example-image img {
display: block;
width: 100%;
height: auto;
max-height: 240px;
object-fit: contain;
border-radius: 8px;
}
.jl-pattern--product-example > .jl-product-example-body {
flex: 1 1 auto;
min-width: 0;
}
.jl-pattern--product-example .wp-block-heading { margin-top: 0; }
.jl-pattern--product-example .wp-block-list { margin: .35em 0 .75em; }
.jl-pattern--product-example .wp-block-buttons { margin-top: .25em; } .jl-photo-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
align-items: start;
}
.jl-photo-grid > .jl-photo-grid__image {
margin: 0;
min-width: 0;
}
.jl-photo-grid > .jl-photo-grid__image img {
display: block;
width: 100%;
height: auto;
max-height: 360px;
object-fit: contain;
background: #fff;
border-radius: 8px;
}
.jl-photo-grid .wp-element-caption {
margin-top: 6px;
font-size: .88em;
}
.jl-pattern--variant-current { margin-top: 22px; }
.jl-pattern--variant-current .wp-block-heading { margin-top: 0; }
.jl-tgl-evidence-image { max-width: 520px; }
.jl-tgl-evidence-image img { width: 100%; height: auto; }
@media (max-width: 700px) {
.jl-pattern--product-example { flex-direction: column; }
.jl-pattern--product-example > .jl-product-example-image {
flex-basis: auto;
width: 100%;
max-width: 320px;
}
.jl-photo-grid { grid-template-columns: 1fr; }
}