.layout-zpattern{background:var(--bg-color);flex-direction:column;gap:60px;max-width:1200px;margin:0 auto;padding:80px 5%;display:flex}.z-row{align-items:center;gap:40px;display:flex}.z-row.reverse{flex-direction:row-reverse}.z-text{flex:1}.z-text h3{color:var(--primary-color);margin-bottom:20px;font-size:1.6rem}.z-image{background:var(--surface-color);border-radius:var(--border-radius);height:300px;box-shadow:var(--box-shadow);border:1px solid #0000000d;flex:1;justify-content:center;align-items:center;display:flex}@media (width<=768px){.z-row,.z-row.reverse{text-align:center;flex-direction:column}}